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.