Skip to main content

Hola buenas tardes(dias) a todos, mi problema es el siguiente: tengo que abrir varias ventanas modales desde diferentes botones, tengo la ventana modal creada con este codigo:

 <div class="modal" id="modal1">
                <div class="modal-content">
                    <div class="modal-header">
                        asas
                    </div>
                    <div class="modal-body">
                        <h3>Ssoy el Modal de Diseño Web</h3>
                        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Possimus eaque, fuga temporibus sequi magnam atque dolores placeat libero quasi tempore voluptates aliquid nobis dolore aperiam tempora ullam neque doloremque vero?</p>        
                    </div>
                </div>
            </div>

elEl boton con el que debo abrir el modal es este:

               <button class="modal-open" data-modal="modal1">Abrir</button>

y el JS que tengo es este:

var boton = document.querySelectorAll(".modal-open");

boton.forEach(function(btn){

var boton = document.querySelectorAll(".modal-open");

boton.forEach(function(btn){

    btn.onclick = function(){
        var modal = btn.getAttribute("data-modal");
 
        document.getElementById(modal).style.display = "block";

 
    };
});

});

peroPero no hace nada, no carga ni muestra el modal. Alguien nota alguna falla, llevo horas dandole vuelta y no noto nada mal.

Saludos a todos

Hola buenas tardes(dias) a todos, mi problema es el siguiente: tengo que abrir varias ventanas modales desde diferentes botones, tengo la ventana modal creada con este codigo:

 <div class="modal" id="modal1">
                <div class="modal-content">
                    <div class="modal-header">
                        asas
                    </div>
                    <div class="modal-body">
                        <h3>Ssoy el Modal de Diseño Web</h3>
                        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Possimus eaque, fuga temporibus sequi magnam atque dolores placeat libero quasi tempore voluptates aliquid nobis dolore aperiam tempora ullam neque doloremque vero?</p>        
                    </div>
                </div>
            </div>

el boton con el que debo abrir el modal es este:

               <button class="modal-open" data-modal="modal1">Abrir</button>

y el JS que tengo es este:

var boton = document.querySelectorAll(".modal-open");

boton.forEach(function(btn){

btn.onclick = function(){
    var modal = btn.getAttribute("data-modal");
 
    document.getElementById(modal).style.display = "block";

 

};

});

pero no hace nada, no carga ni muestra el modal. Alguien nota alguna falla, llevo horas dandole vuelta y no noto nada mal.

Saludos a todos

Hola buenas tardes(dias) a todos, mi problema es el siguiente: tengo que abrir varias ventanas modales desde diferentes botones, tengo la ventana modal creada con este codigo:

<div class="modal" id="modal1">
   <div class="modal-content">
      <div class="modal-header">
         asas
      </div>
      <div class="modal-body">
         <h3>Ssoy el Modal de Diseño Web</h3>
         <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Possimus eaque, fuga temporibus sequi magnam atque dolores placeat libero quasi tempore voluptates aliquid nobis dolore aperiam tempora ullam neque doloremque vero?</p>
      </div>
   </div>
</div>

El boton con el que debo abrir el modal es este:

<button class="modal-open" data-modal="modal1">Abrir</button>

y el JS que tengo es este:

var boton = document.querySelectorAll(".modal-open");

boton.forEach(function(btn){

    btn.onclick = function(){
        var modal = btn.getAttribute("data-modal");
        document.getElementById(modal).style.display = "block";
    };
});

Pero no hace nada, no carga ni muestra el modal. Alguien nota alguna falla, llevo horas dandole vuelta y no noto nada mal.

Origen Enlace

Problema ventana modal JS CSS Grid

Hola buenas tardes(dias) a todos, mi problema es el siguiente: tengo que abrir varias ventanas modales desde diferentes botones, tengo la ventana modal creada con este codigo:

 <div class="modal" id="modal1">
                <div class="modal-content">
                    <div class="modal-header">
                        asas
                    </div>
                    <div class="modal-body">
                        <h3>Ssoy el Modal de Diseño Web</h3>
                        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Possimus eaque, fuga temporibus sequi magnam atque dolores placeat libero quasi tempore voluptates aliquid nobis dolore aperiam tempora ullam neque doloremque vero?</p>        
                    </div>
                </div>
            </div>

el boton con el que debo abrir el modal es este:

               <button class="modal-open" data-modal="modal1">Abrir</button>

y el JS que tengo es este:

var boton = document.querySelectorAll(".modal-open");

boton.forEach(function(btn){

btn.onclick = function(){
    var modal = btn.getAttribute("data-modal");

    document.getElementById(modal).style.display = "block";



};

});

pero no hace nada, no carga ni muestra el modal. Alguien nota alguna falla, llevo horas dandole vuelta y no noto nada mal.

Saludos a todos