Cómo hacer una ventana emergente con un iFrame en JavaScript

Cómo hacer una ventana emergente con un iFrame en JavaScript

Existen varias razones por las que es posible que desee combinar los atributos de una ventana emergente de JavaScript con una etiqueta IFrame HTML. Es posible que esté pasando variables a una ventana emergente que consulta una base de datos con esas variables a su vez. Es posible que no desee que su usuario pueda ver la URL en juego y pueda consultar su base de datos con su propio script. Cualquiera que sea el caso, insertar un IFrame en una ventana emergente de JavaScript solo requiere una página estática y un simple mensaje de JavaScript.

Paso 1

Cree una nueva página HTML estática. Dentro de

etiquetas, coloque una etiqueta. Establezca el parámetro «src» de la etiqueta igual a la URL completa que desea mostrar en el IFrame. Guarde la página HTML estática en el directorio desde el que desea publicarla.

Paso 2

Cree el fragmento de código JavaScript que abrirá su ventana emergente. Si desea abrir la nueva ventana cuando se carga una página, adjunte el siguiente código como un evento «onload» en el

etiqueta de la página correspondiente. Si desea que se abra la nueva ventana cuando se hace clic en un enlace, adjunte el siguiente código como un evento «onclick» en el etiqueta:

onclick = «ventana.open (‘popup.html’, ‘ancho = xxx, alto = xxx’);»

donde «popup.html» es el nombre de la página estática guardada en el Paso 1, y el ancho y alto deseados de la ventana emergente en píxeles se sustituyen por las dos instancias de «xxx».