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

Escrito por matthew weeks | Traducido por luis alberto fuentes schwab
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo hacer una ventana emergente con un iFrame en JavaScript
Los IFrames y los avisos de JavaScript se logran fácilmente con iteraciones modernas de HTML. (Stockbyte/Stockbyte/Getty Images)

Hay una serie de razones por las que podrías querer combinar los atributos de una ventana emergente de JavaScript con una etiqueta HTML IFrame. Puedes pasar variables a una ventana emergente que a su vez consulta una base de datos con esas variables. Es posible que no desees que tu usuario pueda ver la dirección URL que está consultando, y que sea capaz de consultar tu base de datos con tu propio script. Cualquiera que sea el caso, la inserción de un IFrame en una ventana emergente JavaScript requiere sólo una página estática y un simple aviso JavaScript.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Crea una nueva página HTML estática. Dentro de las etiquetas <body>, coloca una etiqueta <iframe>. Establece el parámetro "src" de la etiqueta con el mismo nombre con la URL completa que desees mostrar en el IFrame. Guarda la página HTML estática en el directorio desde el que tengas la intención de publicarlo.

  2. 2

    Crea el fragmento de código JavaScript que abrirá tu ventana emergente. Si deseas abrir la nueva ventana cuando se cargue una página, agrega el siguiente código como un evento "onload" en la etiqueta <body> de la página correspondiente. Si deseas tener la nueva ventana abrierta cuando hagas clic en un vínculo, coloca el siguiente código como un evento "onclick" en la etiqueta <a> adecuada:

    onclick="window.open('popup.html', 'width=xxx, height=xxx');"

    donde "popup.html" es el nombre de la página estática guardada en el Paso 1, y el ancho y alto deseado de la ventana emergente en píxeles son sustituidos en las dos instancias de "xxx".

  3. 3

    Guarda todos los archivos abiertos y publícalos en tu servidor web. Ahora tendrás una ventana emergente JavaScript, con un IFrame incrustado.

Consejos y advertencias

  • La mayoría de los navegadores web modernos abrirán bloqueadores que impedirán JavaScript se ejecute. Es posible que desees publicar una nota a tus usuarios para que desbloqueen las ventanas emergentes cuando ingresen a tu sitio.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles