Cómo crear ventanas PopUp

<!-- Ventanas Pop up -->
<script>
function popUp(URL) {
day = new Date();
id = day.getTime();
eval(&quot;page&quot; + id + &quot; = window.open(URL, &#39;&quot; + id + &quot;&#39;, &#39;toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=600,height=400,left=212,top=184&#39;);&quot;);
}
</script>

Puedes cambiar estos valores si quieres mostrar lo siguiente:
Toolbar (barra de herramientas)
Scrollbars (barras de desplazamiento)
Location (barra de direcciones)
Statusbar (barra de estado)
Menubar (barra de menú)
Resizable (modificar tamaño de la ventana)

Sólo cambia el 0 por un 1 si es que quieres mostrar algo de lo anterior. El tamaño de la ventana lo puedes cambiar donde dice width (ancho) y height (alto).

Ahora en una entrada, o elemento HTML/Javascript, hay que poner lo siguiente:

<a href="javascript:popUp('URL del documento')">Abrir ventana PopUp</a>

Sólo cambia la URL del documento por la dirección donde tengas alojada la imagen, el formulario o la página que se vaya a abrir en la ventana PopUp.

Abrir ventana PopUp


También puedes hacer que se abra mediante un botón cambiando lo anterior por eso:

<form>
<input type=button value="Abrir ventana PopUp" onClick="javascript:popUp('URL del documento')">
</form>

O incluso con una imagen:

<a href="javascript:popUp('URL del documento')"><img src="URL de la imagen" /></a>

---

<a href="javascript:void(0);" onclick="window.open('URL del documento', 'popup', 'left=390, top=200, width=512, height=341, toolbar=0, resizable=1')">Abrir ventana PopUp</a>

Abrir ventana PopUp



NOTA: Los ajustes para mostrar la barra de direcciones, barra de estado, etc. en muchos exploradores no funciona así que es posible que se abra sin mostrar ninguna opción de las anteriores.