Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Javascript anula a otro (Prototype)

Estas en el tema de Javascript anula a otro (Prototype) en el foro de Frameworks JS en Foros del Web. Hola a todos, tengo un problem, en mi sitio he incluido un carrusel que funciona con prototype, al principio todo bien hasta que agregue un ...
  #1 (permalink)  
Antiguo 17/12/2009, 18:57
 
Fecha de Ingreso: octubre-2007
Mensajes: 273
Antigüedad: 16 años, 7 meses
Puntos: 5
Javascript anula a otro (Prototype)

Hola a todos, tengo un problem,
en mi sitio he incluido un carrusel que funciona con prototype, al principio todo bien hasta que agregue un tabpanel que tambien funciona con prototype. La cuestion es que ahora el carrusel en las paginas donde esta el tabpanel no funciona(el firebug me muestra errores en la libreria prototype) y e tabpanel si.

de hecho hago uso dentro del tabpanel de un calendario con jquery y este no me ha dado problemas(luego lo cambio por uno que fincione con prototype por si acaso)

Como puedo solucionarlo ?

aki estan los codigos del carrusel, sobre el layout de mi applicacion, y el tabpanel pues es un fichero aparte que convierte una lista de ul y div en paneles.

Código HTML:
Ver original
  1. <div class="encabezado_contenido">
  2.          <div id="horizontal_carousel">
  3.             <div class="previous_button"></div>
  4.             <div class="container">
  5.               <ul>
  6.                 <li><div class="item_carrusel"><div></div></li>
  7.                 <li><div class="item_carrusel"></div></li>
  8.                 <li><div class="item_carrusel"></div></li>
  9.                 <li><div class="item_carrusel"></div></li>
  10.                 <li><div class="item_carrusel"></div></li>
  11.               </ul>
  12.             </div>
  13.             <div class="next_button"></div>
  14.  
  15.           <p style="clear: both;"></p>
  16.          </div>

y fuera de el div horizontal_carousel el codigo javascript:

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.     // <![CDATA[
  3.       function runCarrusel() {
  4.  
  5.         var ul = $$("#horizontal_carousel .container ul").first();
  6.         // Fill carousel
  7.         var html = $R(0,7).inject("", function(html, index)  {
  8.           return html + '<li><div class="item_carrusel"></div></li>';
  9.         });
  10.         ul.update(html);
  11.  
  12.         new UI.Carousel("horizontal_carousel");
  13.       }
  14.       Event.observe(window, "load", runCarrusel);
  15.     // ]]>
  16.     </script>

Saludos, espero me puedan ayudar !!!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:39.