JavaScript - Mostrar varias ventanas modales

 
Vista:

Mostrar varias ventanas modales

Publicado por Santiago Sosa (1 intervención) el 06/04/2017 18:59:42
Hola, un cordial saludo, quisiera saber como puedo utilizar una function en javascript para mostrar diferentes ventanas modales, la idea es utilizar la misma function para mostrar diferentes ventanas modales, si esto se puede hacer, espero puedan ayudarme estoy empezando en javascript.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Alejandro
Val: 477
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Mostrar varias ventanas modales

Publicado por Alejandro (130 intervenciones) el 07/04/2017 01:15:48
Hola Santiago te comparto el código para la ventana modal, es una función que requiere que le pases como parámetros el elemento modal (ejemplo un DIV) y el botón open y close que son también elementos. Adjunto también un pequeño ejemplo.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
'use strict';
 /**
  * modalWindow
  * @param {HTMLElement} modal 
  * @param {HTMLElement} btnOpen 
  * @param {HTMLElement} btnClose 
  */
 function modalWindow(modal, btnOpen, btnClose) {
     btnClose.addEventListener('click', (e) => {
         e.preventDefault();
         modal.classList.remove('open');
     });
 
     btnOpen.addEventListener('click', (e) => {
         e.preventDefault();
         modal.classList.add('open');
     });
 }
 
 window.onload = function() {
     let modal = document.getElementById('modal');
     let btnClose = modal.querySelector('.close');
     let btnOpen = document.getElementById('btn');
     modalWindow(modal, btnOpen, btnClose);
 };
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar