Cómo crear un PopUp sencillo en JavaScript



Hola!

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