Mootools nos permite integrar fácilmente Ajax según nuestras necesidades, ya sea mediante el envio de formularios o, como lo veremos ahora, el rescate de información desde una fuente externa a nuestra página, sin tener que volver a cargar la página. Primero, construiremos un HTML donde estará un lugar delimitado en que se cargará la info desde otro HTML creado también por nosotros (un lorem ipsum cualquiera). Y claro, un botón que gatillará la acción mediante Ajax.
<a href="" id="comienza">Rescata la info</a>
<div id="traelo_aqui">
<p>Trae aquí la info</p>
</div>Básicamente es un botón que al ser presionado cargará la info desde una página determinada por nosotros mediante JS hasta el div que definimos. Ahora, mediante Mootools crearemos el evento:
$('boton').addEvent('click', function(e) {
e = new Event(e).stop();
var url = "http://www.csslab.cl/ejemplos/ajax_mootools/lipsum.html";
$('traelo_aqui').empty().addClass('cargando');
new Ajax(url, {
method: 'get',
update: $('traelo_aqui'),
onComplete: function() {
$('traelo_aqui').removeClass('cargando')
}
}).request();
});Al elemento con id="boton" (o sea, <a id="boton">) le agregamos un evento de ‘click’ (addEvent). De ahí, comenzamos una función que a través del método ‘get’, trae lo que esté en la variable url (var url) y refresca lo que esté adentro del id="traelo_aqui" (o sea <div id="traelo_aqui">). Además, agregaremos una class="cargando" al contenedor mientras se está rescatando la información por si se demora mucho (addClass(‘cargando’);) y cuando termine todo, sacaremos esa class (removeClass). Básicamente esa es la explicación.
Comentarios
viagra generico envio 24 horas – viagra comprar contrareembolso viagra jovenes
comprar viagra por internet – comprar viagra andorra viagra femenina en farmacias
80 mg bactrim – medicine bactrim can i buy bactrim online
bactrim prescription cost – bactrim 40 mg bactrim prices
tadalafil citrate – cheap cialis professional online cialis
generic cialis uk online pharmacy – cialis professional vs cialis generic cialis otc
cialis online 10mg – cialis super active plus kaufen buy cheap cialis canada
pharmacy com – generic cialis super active tadalafil 20mg tadalafil generic canada
brand name cymbalta price – duloxetine 90 cost of generic duloxetine 60 mg
cymbalta 30 mg buy online – duloxetine 180mg buy duloxetine cheap online
137 mg levothyroxine – synthroid 100 mcg price price of levothyroxine in india
buy synthroid over the counter – levothyroxine tablets price levothyroxine buy online
amoxicillin online purchase – buy amoxicilin 500 mg online bulk order amoxicillin in usa
buy amoxicillin online – amoxil 37388 amoxil
buy levitra vardenafil – vardenafil effectiveness order vardenafil uk
tadalis sx https://tadalafilgenc.com/ tadalafil gel buy tadalafil us
cheap vardenafil – vardenafil tablets vardenafil for sale
tadalis sx https://pulmoprestadalafil.com/ tadalafil generic tadalafil 30 mg
tadalis sx https://superactivetadalafil.com/ order tadalafil tadalafil pills
tadalafil 60 mg for sale https://extratadalafill.com/ tadalis sx tadalafil 60 mg for sale
vardenafil generic pics – site vardenafil hcl 20mg tab
tadalafil generic https://nextadalafil.com/ tadalafil 40 mg from india tadalafil 40
buy vardenafil 20 mg online – vardenafil online canada vardenafil online
40 mg tadalafil https://tadalafilgenc.com/ 40 mg tadalafil tadalafil pills 20mg
cheap viagra online canadian pharmacy – online pharmacy 322534 canadian pharmacy cialis 20mg
canadian pharmacy store – cvs pharmacy canadian family pharmacy
tadalafil from canada to usa tadalafil without a doctor prescription buy tadalafil powder
tadalafil bph mechanism cialis tadalafil price at walmart
cialis generic canadian – brand cialis for sale cialis pill
compare pharmacy prices – how much is cialis tadalafil 100mg price
order viagra online pharmacy – where can you buy viagra over the counter uk sildenafil prices 20 mg
viagra brand name generic drug – viagra over the counter europe over the counter viagra in us
levitra generic – purchase vardenafil generic levitra online
vardenafil half life – erectylelvt.com buy brand name vardenafil
vardenafil coupons manufacturer – pharmacy online order vardenafil men acheter vardenafil
viagra vs cialis vs vardenafil – vardenafil professional usa pharmacy online order vardenafil
ivermectin generic name – oral stromectol cost stromectol cream
ivermectin 50mg/ml – cost of ivermectin 3mg tablets ivermectin cost
price for 100mg viagra – order viagra online india otc viagra australia
buying viagra with mastercard – purchase viagra online australia 120mg sildenafil
Wonderful post however I was wondering if you could
write a litte more on this subject? I’d be very thankful if you could elaborate a little bit further.
Appreciate it!
tadalafil otc india – best online pharmacy tadalafil where can i buy real cialis
prednisone 1 mg coupon – 5mg prednisone daily prednisone 40
buy prednisone online without prescription – prednisone price uk prednisone pharmacy prices