-
Cómo hacer un pop-up con un iFrame en JavaScript
-
Hay una serie de razones por las que podría querer combinar los atributos de un JavaScript pop-up ventana con una etiqueta HTML iframe. Se le puede pasar variables de un pop-up que consulta una base de datos con las variables que, a su vez. Es posible que no quiere que su usuario pueda ver la dirección URL en el juego, y ser capaz de consultar la base de datos con su propia escritura. En cualquier caso, la inserción de un marco flotante en una ventana pop-up JavaScript requiere sólo una página estática y un simple indicador de JavaScript.Instrucciones
1 Crear una nueva página HTML estática. Dentro de las etiquetas <body>, colocar una etiqueta <iframe>. Ajuste el parámetro "src" de la variable igual a la URL completa que desea mostrar en el iframe. Guarde la página HTML estático en el directorio desde el que se tiene la intención de publicarla.
2 Crear el fragmento de código JavaScript que se abrirá su pop-up. Si desea abrir la nueva ventana cuando una página se carga, adjuntar el siguiente código como un evento "onload" en la etiqueta <body> de la página correspondiente. Si usted desea tener la nueva ventana abierta cuando se hace clic en un vínculo, una el siguiente código como un evento "onclick" en la etiqueta <a> apropiado:
onclick = "window.open ( 'popup.html', 'width = xxx, altura = xxx');"
donde "popup.html" es el nombre de la página estática guardado en el paso 1, y el ancho deseado y la altura de la ventana emergente en píxeles son sustituidos por las dos instancias de "xxx".
3 Guarde todos los archivos abiertos, y publicarlas en el servidor Web. Ahora tiene una Javascript ventana emergente, con un iframe incrustado.
Consejos y advertencias
- La mayoría de los navegadores web modernos tienen bloqueadores de pop-up que evitarán llamadas JavaScript como este. Es posible que desee colocar un aviso a sus usuarios convertir pop-up bloqueadores de al usar su sitio.
