Come fare una finestra di dialogo modale corso iFrame

April 16

Una finestra iframe fornisce programmatori HTML con un metodo per visualizzare una seconda pagina Web all'interno di una pagina contenitore principale. Per visualizzare una finestra popup modale sopra la finestra iframe, è necessario programmare la pagina di iframe per visualizzare un popup modale. È possibile creare una finestra modale utilizzando il linguaggio jQuery, che è un tipo di linguaggio Javascript utilizzato per creare pagine dinamiche, dopo i carichi di codice nel browser dell'utente.

istruzione

1 Fare clic con il HTML, ASP o PHP che visualizza in iframe. Fai clic su "Apri con", quindi fare clic su il vostro editor preferito.

2 Creare il codice HTML per il popup. Creare il codice popup in qualsiasi sezione della pagina Web, perché il jQuery recupera l'ID div e lo visualizza al centro della finestra iframe. Digitare il seguente codice per creare il codice HTML:

<Div id = "modale">

&lt;b>Modal Window Content&lt;/b> |

& Lt; a href = classe "#" = "chiudere" onclick = "CloseWindow ()"> primo & lt; / a>

& Lt; / div>

3 Aggiungere la funzione di jQuery per aprire la finestra. È possibile aprire automaticamente quando la pagina viene caricata o la finestra quando un utente fa clic sul pulsante. Il codice seguente crea la funzione di jQuery per aprire e chiudere la finestra modale:

Funzione openWindow () {

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

}

Funzione CloseWindow () {

$ ( '# Modale, .window') nascondere ().;

}

4 Collegare il popup con un pulsante, un'immagine o di un altro div. In questo codice di esempio, la finestra modale si apre quando l'utente fa clic su un pulsante:

<Type = "button" input onclick = "openWindow ()">