Buenas, intento hacer una ventana modal y para ello hay un momento que en mi web han de pulsar un botón.
<input id="prueba" type="button" value="pinchame" onclick="mostrarVentana();">
y entonces me redirecciona a este archivo JS
que es el siguiente,
function mostrarVentana() {
var ventana = document.getElementById('miVentana'); // Accedemos al contenedor
ventana.style.marginTop = "100px"; // Definimos su posición vertical. La ponemos fija para simplificar el código
ventana.style.marginLeft = ((document.body.clientWidth - 350) / 2) + "px"; // Definimos su posición horizontal
ventana.style.display = 'block'; // Y lo hacemos visible
}
function ocultarVentana() {
var ventana = document.getElementById('miVentana'); // Accedemos al contenedor
ventana.style.display = 'none'; // Y lo hacemos invisible
}
¿Como hago para que al clicar encima del botón se ejecute?
NOTA: Por si es necesario el archivo JS
se encuentra en una carpeta que se llama JS y el nombre del archivo es modal.js.