Ver Mensaje Individual
  #7 (permalink)  
Antiguo 22/12/2017, 09:25
bienpiyao
 
Fecha de Ingreso: agosto-2009
Mensajes: 216
Antigüedad: 15 años, 4 meses
Puntos: 3
Respuesta: Dialog funciona solo para un elemento y no para el resto

Cita:
Iniciado por jsstoni Ver Mensaje
Los id de tu html deben ser unicos sin repetir.

Las clases si pueden ser repetidas.

Código HTML:
Ver original
  1. <div class="abrir">1</div>
  2. <div class="abrir">2</div>
  3. <div class="abrir">3</div>
  4. <div class="abrir">4</div>

Código Javascript:
Ver original
  1. var dialog = document.querySelector('dialog');
  2. var abrirDom = document.querySelectorAll('.abrir');
  3. for (var i = 0; i < abrirDom.length; i++) {
  4.     abrirDom[i].addEventListener('click', function() {
  5.         dialog.showModal();
  6.     });
  7. }
Buenas de nuevo.

Gracias por tu código pero no funciona como deseo. Es decir, abre el dialog, pero siempre muestra la mismo info. Es decir, ahora sí que abre el dialog con cada foto que pincho, pero siempre muestra la mismo info, la de la primera foto.

He perdido la funcionalidad de la X. Ahora, cuando la pincho, el dialog no se cierra (no hace nada).

Gracias!!