A menudo, las ventanas pop ups o emergentes las llegamos a utilizar con el objetivo de mostrar un aviso publicitario por medio de una imagen, web/blog o un video de manera intrusiva.
A continuación unos ejemplos:
Imagen
En este ejemplo como ves, te muestra una imagen en la ventana:
<a href="Url-de-tu-imagen" onclick="window.open(this.href, this.target, 'top=200, left=450, width=200, height=80, toolbar=NO, Menubar=NO'); return false;"> Imagen </a>
Sitio web
Y en este otro si observas, practicamente es el mismo código pero ahora para incluir un sitio web:
<a href="Url-de-tu-blog-o-sitio-web" onclick="window.open(this.href, this.target, 'top=350, left=100, width=900, height=800, toolbar=NO, Menubar=NO'); return false;"> Sitio web </a>
Video
Y ahora como pudiste ver en este ultimo ejemplo, aparece incrustado un video en la ventana:
<a href="javascript:void(0);" onclick="window.open('Url-de-tu-video', 'popup', 'top=350, left=480, width=400, height=300, toolbar=NO, Menubar=NO')">
Video
</a>
La URL para que incluyas un video de youtube será como esta:
http://www.youtube.com/watch?v=rIpD7hfffQo
Para que funcione incluye después de watch esto: _popup
Ejemplo: http://www.youtube.com/watch_popup?v=rIpD7hfffQo
Si en lugar de texto en los links te decidieras por una imagen, lo puedes llevar a cabo colocando en lugar de los links el siguiente código:
<img src="Url-de-tu-imagen" />
Ejemplos:
Y al final, configuras los códigos como tu decidas:
top=# (es la posición de la ventana, en este caso hacia arriba)
left=# (también es la posición de la ventana, en este caso a la izquierda)
width=# (es lo ancho de la ventana)
height=# (es lo alto de la ventana)
toolbar=No (te pregunta si quieres que aparezca la barra de herramientas, Yes o No)
Menubar=No (te pregunta si quieres que aparezca la barra de menús)
Espero y te sean útil en algo.
