Ventanas Emergentes

| 11 mayo 2010
A menudo, las ventanas emergentes se utilizan con el objeto de mostrar un aviso publicitario de manera intrusiva.

Para abrir una imagen en una ventana emergente se necesita el siguiente código:

<a href="Url de la imagen" target="_blank" onclick="window.open(this.href, this.target, 'top=350, left=480, width=400, height=300, toolbar=No, Menubar=No'); return false;">Ver imagen</a>

▣Ver imagen

Ahora para abrir una pagina en una ventana emergente:

<a href="Url de la pagina" target="_blank" onclick="window.open(this.href, this.target, 'top=350, left=480, width=400, height=300, toolbar=No, Menubar=No'); return false;">Ver pagina</a>

▣Ver pagina

Y por ultimo, para abrir un video en una ventana emergente:

<a href="javascript:void(0);" onclick="window.open('Url del video', 'popup', 'top=350, left=480, width=400, height=300, toolbar=NO, Menubar=NO')">Ver video</a>

La Url del video sera como esta mas o menos asi:

http://www.youtube.com/watch?v=rtBFOkrn-5M

Para que se vea correctamente el video, tendra que agregarle la siguiente parte:

http://www.youtube.com/watch
_popup
?v=rtBFOkrn-5M

▣Ver video

Ahora los configura:

top=350 (es la posicion de la ventana, en este caso hacia arriba)
left=480 (tambien es la posicon de la ventana, en este caso a la izquierda)
width=400 (es el tamaño de la ventana. Seria el ancho horizontal)
height=300 (es el tamaño de la ventana. Seria el largo verical)
toolbar=No (le pregunta si quiere que aparezca la barra de herramientas, Yes o No)
Menubar=No (le pregunta si quiere que aparezca la barra de menus)

Si en vez de texto quiere una imagen, ponga en lugar de texto el codigo siguiente:

<img widght="80" src="Url de la imagen" height="70" />

widght="80" (es el tamaño de la imagen horizontal)
height="70" (es el tamaño de la image vertical)
http://ebookbrowse.com/material-de-apoyo-examen-diagn%C3%B3stico-matem%C3%A1ticas-2009-02-pdf-d87346873