Ventana Emergente en Blogger. Ventanas Popups

0

Las ventanas Pop-Up son esas ventanas que se abren aparte del sitio web que estamos viendo, y si bien tienen muy mala fama porque generalmente están llenas de publicidad que no queremos ver y que no solicitamos, ahora puedes reivindicarlas dándoles funciones útiles como abrir un formulario, una foto, un texto, etc.

Primero hay que ir a Diseño > Edición de HTML y pegar antes de lo siguiente:

<script language=”JavaScript”>
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>

Abrir ventana PopUp

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.

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>

1 Comentario

Dejar respuesta

Please enter your comment!
Please enter your name here