Ver Mensaje Individual
  #7 (permalink)  
Antiguo 26/02/2010, 19:52
Hermes2009
 
Fecha de Ingreso: abril-2009
Mensajes: 13
Antigüedad: 15 años
Puntos: 0
Respuesta: Problemas con Mootools y Joomla 1.5

A ver, siguiendo tu recomendación he estado probando el siguiente código pero no me funciona, y dice.........

Código HTML:
Ver original
  1. <h3 class="section">Fx.Slide Vertical</h3>
  2.  
  3. <a id="toggle" class="toggle" href="#">toggle</a>
  4.  
  5. <div id="test" class="test">
  6. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  7. </div>
  8.  
  9. <h3 class="section">Fx.Slide Horizontal</h3>
  10.  
  11. <a id="toggle" class="toggle"  href="#">toggle</a>
  12.  
  13. <div id="test" class="test">
  14. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  15. </div>
Código CSS:
Ver original
  1. #test {
  2.     background: #222;
  3.     color: #fff;
  4.     padding: 10px;
  5.     margin: 20px;
  6.     border: 10px solid pink;
  7. }
  8.  
  9. #test2 {
  10.     background: #222;
  11.     color: #fff;
  12.     padding: 10px;
  13.     margin: 20px;
  14.     border: 10px solid pink;
  15. }&#8203;

Código Javascript:
Ver original
  1. window.addEvent('domready', function()
  2. {  
  3.  
  4. var elements_test = $$(".test");
  5. var elements_toggle =  $$(".toggle");
  6.  
  7. for (i=0; i<elementos_test.length; i++){
  8.     var mySlide = new Fx.Slide(elements_test[i]);
  9.     $(elements_toggle[i]).addEvent('click', function(e){
  10.     e = new Event(e);
  11.     mySlide.toggle();
  12.     e.stop();
  13.     });        
  14. }
  15. });

Espero haberte aclarado la duda acerca de lo que estoy buscando.

En cualquier caso, puedes testar el código que he posteado en la siguiente página que supongo conoces, y que es una maravilla, y si no la conoces, da la voz a la comunidad porque es una pasada!

http://jsfiddle.net/dphaA/8/

Gracias por adelantado!