Articulos/Guias

Recursos

Patrocinadores
Patrocinador

Manejo de ventanas popup con Javascript

Añadido el 07/01/2006

La utilización de javascript para abrir ventanas tipo popup es algo muy frecuente. Nuestra intención, es plasmar en un solo articulo las diversas funcionalidades de este sistema, para que su entendimiento sea fácil y accesible.

Vamos a utilizar el mismo formato para todos los ejemplos, el codigo javascript en una función, y luego es llamado desde el html mediante un evento.

Empezaremos con la pregunta mas frecuente, crear un popup maximizado.

Función:
<script language="JavaScript"> function maximiza(){ resizeTo(screen.width, screen.height) moveTo(0, 0); } </script> Llamada: <body onload="maximiza()">
Abrir un popup personalizable:

Función:
<script language="JavaScript"> function popup(URL,ancho,alto)){ window.open (URL,"Ventana Popup", "width="+ancho+", height="+alto+", "toolbar=no,directories=no,menubar=no,status=no"); } </script> Llamada:
<a href="#" onclick="popup(index.php, 200,300)"> Ahora bien, tendriamos que configurar la función popup(), según nuestras necesidades, ya que podemos configurar:
  • Si queremos toolbar o no.
  • Si queremos barra de direcciones.
  • Si queremos navegación o no.
  • Si queremos estatus.
Y como veis en la llamada, hay que configurar en la función, la web destino, el alto y el ancho:
popup(http://www.navegalis.com, 200,300) Esperamos que os sea útil.

Navegalis.com © 2003-2008 - Legal