De antemano gracias a los que puedan aportar su valiosisima ayuda.
Veran estoy desarrollando una pagina, la cual al dar click en un boton, carga otra dentro de un div mediante ajax, metodo enviado por mootools.
Y en esa pagina tengo un boton de siguiente, que deberia de activar el evento cargado en la pagina padre que en este momento es solo enviar un Alert, pero no lo hace.
Asi que encontre una funcion de JQuery llamada .live(), pero en Mootools no existe, y encontre este fix:
http://www.k1der.net/country/mootool...ents-demo.html
La cual propone una buena solucion, si haces llamadas de innerHtml, solo que si lo jalo por ajax, QUIERO SUPONER QUE YO estoy cometiendo un error y no funciona, mi código es el siguiente:
Código HTML:
<p><a id="clone" href="#">Add some links</a></p> <p id="codigoin">aki carga el Ajax</p> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.1/mootools-yui-compressed.js"></script> <script type="text/javascript"> window.addEvent('domready', function() { //Fix estilo JQuery .live() Element.implement({ addLiveEvent: function(event, selector, fn){ this.addEvent(event, function(e){ var t = $(e.target); if (!t.match(selector)) return false; fn.apply(t, [e]); }.bindWithEvent(this, selector, fn)); } }); //Alerta que envia cuando das click al boton cargado desde Ajax $$('.event').addLiveEvent('click', 'a.event', function(e){ e.stop(); alert('The event is triggered'); }); //Cuando das click al Boton $('clone').addEvent('click', function(e){ e.stop(); new Request.HTML({ url:'liga.html', onSuccess :function(responseTree, responseElements, responseHTML, responseJavaScript){ alert('Cargando 2o Paso'); $('codigoin').set('html', responseHTML); }, onFailure: function(){ alert('Ocurrio un Error, por favor intentalo mas tarde.'); } }).post(); }); }); </script>
Código HTML:
<a class="event" href="#">Dale aki</a>
Tecnicamente deberia de funcionar igual que la página del ejemplo, pero no manda el alerta.
Les agradecere su valiosa ayuda, de antemano muchas gracias.