Si alguna vez has querido implementar un PopUp en JavaScript y no sabes cómo hacerlo, este es tu sitio.
Vamos a utilizar un código limpio para que puedas entender cómo funciona.
En primer lugar debemos crear la variable que será "ventana", después definiremos sus funciones para que podamos abrirla y cerrarla.
Estas son las propiedades que podemos definir para modificar la ventana que queremos abrir:
- widht y height para crear la altura y la anchura de la página
- top y left para distanciarla de los bordes de la pantalla.
- menubar indica si quiere que el menú del navegador sea visible para la nueva ventana.
- resizable para definir si se puede modificar el tamaño de la ventana o no
- location para la dirección que queremos abrir (una página web, un documento, etc..)
- scrollbars para definir si se quiere o no poder subir y bajar en la ventana
- status si quieres que sea visible en la barra inferior del estado.
- toolbar para decir si se puede ver la dirección o no la barra de herramientas del navegador
Código:
<script type="text/javascript">
var ventana = null;
function AbrirVentana()
{
nuevaventana = window.open("", "nueva", "width="100",height="100");
}
function cerrarVentana()
if (nuevaventana);
{
nuevaventana.close()
nuevaventana=null;
}
}</script>
Para abrir la ventana mediante un enlace, utilizaremos el método "onclick", ejemplo:
<a href="http://google.com" value"Abrir ventana" onclick="AbrirVentana();>Ir a Google</a>
Y para cerrar la ventana utilizaríamos el método "CerrarVentana()".

Comentarios
Publicar un comentario
Comentado. A la espera de moderación.