Ver Mensaje Individual
  #3 (permalink)  
Antiguo 13/10/2011, 15:43
cmeraz
 
Fecha de Ingreso: febrero-2011
Mensajes: 34
Antigüedad: 13 años, 10 meses
Puntos: 7
Respuesta: Problema con jQuery

te recomiendo que no utilices ID#, en ves de eso utiliza un .class, es natural que no te deje utilizar el mismo ID, pues en HTML los IDs son unicos, en cambio, puedes utilizar una misma clase para cualquier elementos, ejemplo:

Código HTML:
Ver original
  1. <a id="various1" class="effecto" href="http://localhost/dts/html/contacto.php" style="color: rgb(28, 91, 131); font-weight: bold; font-size: 13px;"><?php echo $txt[4] ?></a>
  2. <a id="various2" class="effecto" href="http://localhost/dts/html/contacto.php" style="color: rgb(28, 91, 131); font-weight: bold; font-size: 13px;"><?php echo $txt[4] ?></a>
  3. <a id="various3" class="effecto" href="http://localhost/dts/html/contacto.php" style="color: rgb(28, 91, 131); font-weight: bold; font-size: 13px;"><?php echo $txt[4] ?></a>

observa que la clase .fancybox, se repite constantemente para cualquier anchor tag y la #ID es diferente para cada uno.

el codigo jQuery quedaria de la siguiente manera:

Código Javascript:
Ver original
  1. $(".effecto").fancybox({
  2.                 'width'                : '40%',
  3.                 'height'            : '90%',
  4.                 'autoScale'            : true,
  5.                 'transitionIn'        : 'none',
  6.                 'transitionOut'        : 'none',
  7.                 'type'                : 'iframe'
  8.             });

El selector de la clase se hace con un . en vez de un #
Espero te sirva y saludos!

Última edición por cmeraz; 13/10/2011 a las 15:52