Ventanas PopUp.

Hoy vamos a explicaros como podemos poner una ventana Popup, dándoles un uso para nuestros enlaces.
Par ello lo primero que vamos ha hacer es crear un scrip dentro de nuestra plantilla.
Como siempre digo antes de modificar nuestra plantilla necesitamos hacer una copia de seguridad de la misma por si acaso.

Para ello nos vamos a Tema >HTML
Con las talcas Ctrl + F buscamos </head>
Y justo antes pagamos el siguiente código

ver código 

<!-- 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>

Podemos  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 un scrip o en la edicción HTML de tu entrada pega esto.

<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>


:

Con este método, cada vez que quieras que se abra una ventana pop up usa este código dentro de la entrada o donde lo quieras usar:

<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>

De igual forma agrega la URL del documento que abrirá y listo. El resultado será exactamente igual, pero el método es más sencillo ya que no necesitamos agregar nada en la plantilla.