Hola, Bienvenido a ElementaryDownload!

Puedes seguirnos en las redes sociales o suscribirte al feed.

¡Suscríbete a nuestro blog!

Recibe en tu correo las últimas noticias del blog. Sólo ingresa tu correo para suscribirte.

Anuncia Anuncia Anuncia Anuncia

sábado, febrero 12

Ventana Emergente en Blogger. Ventanas Popups

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>


0 comentarios:

Publicar un comentario

Related Posts with Thumbnails
Para descargar los pinceles!!! al hacer click se abrira la ventana en algunos casos saldra para descargarlo y todo estara normal, pero si solo aparece la ventana y no ocurre nada solo den enter a la direccion de la nueva ventana y aparecera el cuadro de descarga. Otra solucion es hacer click derecho a la palabra DESCARGAR y dar click a descargar archivo enlazado. Estamos solucionando este desperfecto..GRACIAS MaSTeR