Las ventanas emergentes o popup son ventanas que aparecen automáticamente sin nuestro permiso, el código usado en javascript es el siguiente:
window.open("http://url.com" , "_blank o _self" , "width, menubar, height, top, left")
Como se puede ver, el código cuenta con 3 argumentos separados por colores distintos, el primero y el segundo son obligatorios, mientras que el tercero es opcional. También se puede utilizar window.close en lugar de window.open, el cual, evidentemente cierra la ventana.
Las ventanas modal, en cambio, aparece en la página y no deja al usuario manipular la página, ni dar click en otros lugares de la página hasta que el usuario de click para cerrar el modal.
Para hacer una ventana modal, requiere un código un poco más complejo comparado con la ventana emergente en el que se además de utilizar javascript, también se utiliza un poco de CSS.
A continuación un ejemplo en javascript, en donde dependiendo del número que se digite (del 1 al 4) abre un popup con target _blank o _self, con dirección a diferentes URL.
<!DOCTYPE html>
<html>
<head>
<title>ejemplopopup</title>
<script>
var y = parseInt(prompt("Digite un numero del 1 al 4"));
if (y == 1){window.open("https://www.google.com", "_blank", "width=300 height=300 top=50 left=50");}
if (y == 2){window.open("http://www.vanguardia.com/" , "_self");}
if (y == 3){window.open("http://coldivinoamor.edu.co/" , "_blank");}
if (y == 4){window.open("http://www.eltiempo.com/" , "_self");}
</script>
</head>
<body>
</body>
</html>
A CONTINUACIÓN, EL CRONOGRAMA DEL PRIMER PERIODO DEL GRADO DÉCIMO:
Publicar un comentario