Cómo hacer un cuadro de diálogo modal largo de un iFrame

Una ventana iframe proporciona a los programadores HTML con un método para mostrar una segunda página Web dentro de una página principal del envase. Para mostrar una ventana emergente modal sobre la ventana iframe, debe programar la página iframe para mostrar una ventana emergente modal. Puede crear una ventana modal utilizando el lenguaje de jQuery, que es un tipo de lenguaje JavaScript utilizado para crear páginas dinámicas Después de cargar el código en el navegador del usuario.

Instrucciones

1 Haga clic con el HTML, ASP o PHP que se muestra en el iframe. Haga clic en "Abrir con", a continuación, haga clic en su editor preferido.

2 Crear el código HTML para el elemento emergente. Crear el código emergente en cualquier sección de la página web, ya que el jQuery recupera el ID div y la muestra en el centro de la ventana de marco flotante. Escriba el siguiente código para crear el código HTML:

<Div id = "modal">

<b>Modal Window Content</b> |

& Lt; a href = clase "#" = "cerrar" onclick = "CloseWindow ()"> Cerrar & lt; / a>

& Lt; / div>

3 Añadir la función jQuery para abrir la ventana. Puede abrir la ventana de forma automática cuando se carga la página o cuando un usuario hace clic en el botón. El código siguiente crea la función jQuery para abrir y cerrar la ventana modal:

openWindow función () {

$ ( '# Modal ») fadeIn (1000).;

}

CloseWindow función () {

$ ( '# Modal, .window') ocultar ().;

}

4 Vincular la ventana emergente con un botón, imagen u otra div. En este código de ejemplo, la ventana modal se abre cuando el usuario hace clic en un botón:

<Input type = "button" onclick = "openWindow ()">