MAPA DEL SITIO

GRACIAS A TU DONACION ESTA PAGINA PODRA SEGUIR FUNCIONANDO
Comentarios de Puntadas católicas
COMPARTE ESTA ENTRADA





SIGUENOS
Síguenos en TwitterSiguenos en FacebookSiguenos en Google+Siguenos en PicasaSiguenos en YouTubeSiguenos en BloggerSiguenos en Blogger


Cómo crear ventanas PopUp

Resultado de imagen para ventanas popup
Las ventanas PopUp 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.

En esta entrada vamos a ver dos maneras de crear ventanas pop up. La primera es añadiendo un breve script dentro de la plantilla. para ello primero hay que ir a Plantilla | Edición de HTML y pegar antes de </head> lo siguiente:
<!-- 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>



El otro método es más sencillo aun (hubiera comenzado con él ¿no?) ya que de hecho no hay necesidad de añadir nada en la plantilla sino que todo el código estará en el enlace que abra la ventana pop up.

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.


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.

Fuente: Ciudad Blogger

Tal vez te interese

Related Posts Plugin for WordPress, Blogger...
TRANSLATE


EnglishcvFrenchGermanSpainItalianDutchRussianPortugueseJapaneseKoreanArabicChinese Simplified

Archivo del blog

Entradas populares

Seguidores

 
Gadget de animacion Social - Widgets para Blogger

[PR] 求む!タイピング初心者