Dialog funciona solo para un elemento y no para el resto

[bienpiyao]

Iniciado por xfxstudios

es porque con el onclick inicial llamas a la funcion la que no hace nada, solo activar los observadores, es en el segudo click que se ejecuta la funcion de abrir el modal

Código Javascript:

function popup(v)//PRIMER CLICK--------------------------
        {
                        var d = "d" + v;
            var c = "#close" + v;
            var di = "#show" + v;
            
            var dialog = document.getElementById(d);
            var clos = document.getElementById(c);
 
//SEGUNDO CLICK-------------------------------------------------------------
          document.querySelector(di).onclick = function() {
              dialog.showModal();
          };
 
          document.querySelector(c).onclick = function() {
              dialog.close();
          };
//SEGUNDO CLICK HASTA AQUI-----------------------------------------------
            }
 

prueba eliminando el primer observador y ejecutando de una vez la apertura de tu modal al hacer click, de esa manera el espera en el segundo click es el cierre del modal:

Código Javascript:

function popup(v)
        {
                        var d = "d" + v;
            var c = "#close" + v;
            var di = "#show" + v;
            
            var dialog = document.getElementById(d);
            var clos = document.getElementById(c);
 
          dialog.showModal();//PRIMER CLICK ABRO EL MODAL
 
//SEGUNDO CLICK CIERRO EL MODAL
          document.querySelector(c).onclick = function() {
              dialog.close();
          };
            }
 

Muchísimas gracias, funciona perfectamente.

Tema solucionado, lo dicho, gracias nuevamente.

Un saludo!!