Ajax evento

Front-end
#1

E ai galera tudo bom?

Estou fazendo uns testes com mootools pra fazer uns sistemas e me deparei com um problema seguinte esse código abaixo funciona perfeitamente

[code]

window.addEvent('domready', function() { $('meuLink').addEvent('click', function(e) { 
		e.stop();

		var log = $('log_res').empty().addClass('ajax-loading');

		this.set('send', {onComplete: function(response) { 
			log.removeClass('ajax-loading');
			log.set('html', response);
		}});
		this.send();
	});
});
</script>
<title>teste</title>
clique aqui 
<h1>teste envio</h1>

<div id="log">
	<h3>Ajax Resposta</h3>
	<div id="log_res"></div>
</div>
[/code]

Só que ai ele fica no loading eterno e não carrega o arquivo html na div que eu quero, tentei modificar algumas coisas porém não deu certo, tentei tirar o loading mas ai da errado, tentei tirar o e.stop(); só que ai ele vai pra página do link e não é isso que eu quero quero o mesmo efeito do primeiro exemplo que é carregar uma outra página dentro de uma div sem o “postback” aparecerendo, se alguém puder me ajudar ficarei muito grato…valeu

#2

pô ninguém tem nem uma luz?

valeu novamente

#3

Ops!

Imagino que esse que esse método “send” que você está usando seja somente de formulários, mas não tenho certeza.

tenta algo assim:


window.addEvent('domready', function(){

	$('meuLink').addEvent('click', function(e){
		
		e.stop();
		
		var destino = $('log'); //ou qualquer outro lugar que vc deseja colocar o resultado
		
		var ajax = new Request.HTML({
		
			url : this.get('href'), //ou qualquer outra página html
			
			onRequest: function(){
				//faz o que vc quiser durante o carregamento
			},
			
			onComplete:function(){
				//faz mais alguma outra coisa quando completar			
			},
			
			update: destino
		});
		
		ajax.get();
		
	}.bind(this));

});

nao testei o código, mas a idéia é essa…

lembrando que isso é Mootools 1.2
veja a documentação…

http://mootools.net/docs/Request/Request
http://mootools.net/docs/Request/Request.HTML

tem mais vários métodos e opções pra essa classe, da pra fazer muita coisa!

#4

O cara valeu, esse exemplo seu ai eu não funcionou mas o links que vc mandou do prórpio mootools eu vi e consegui fazer um similar.

valeu mesmo obrigado

obs: pode colocar como Resolvido e trancar o tópico se quiser algum moderador

#5