jueves, 28 de noviembre de 2013

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

Una ventana iframe proporciona a los programadores de HTML con un método para mostrar una segunda página Web en una página de contenedor. Para mostrar una ventana emergente modal sobre la ventana iframe, debe programar la página iframe para mostrar un elemento emergente modal. Puede crear una ventana modal utilizando el lenguaje de jQuery, que es un tipo de lenguaje JavaScript se utiliza para crear páginas dinámicas tras la carga de código en el navegador del usuario.

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



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

div id = "modal"

bModal contenido Window / b |

a href = class "#" = "close" onclick = "cerrarVentana ()" Primer / a

/ Div



Agregue 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:

función openWindow () {

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

}

función cerrarVentana () {

$ ('# Modal, ventana. ") Hide ().;

}



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

input type = onclick "botón" = "openWindow ()"

 

No hay comentarios:

Publicar un comentario