- Home
- Javascript
- Manejo de ventanas popup con Javascript
Manejo de ventanas popup con Javascript
- By Super Admin
- Published 11/23/2008
- Javascript
- Unrated
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:
Abrir un popup personalizable:
Función:
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.
popup(http://www.navegalis.com, 200,300) Esperamos que os sea útil.