Come fare un pop-up con un iFrame in JavaScript

May 16

Come fare un pop-up con un iFrame in JavaScript


Ci sono una serie di motivi per cui si potrebbe desiderare di combinare gli attributi di un JavaScript finestra pop up con un tag HTML IFRAME. Si può essere di passaggio variabili da un pop-up che interroga un database con quelle variabili a loro volta. Non si può decidere il vostro utente sia in grado di vedere l'URL in gioco, ed essere in grado di interrogare il database con la propria scrittura. In ogni caso, l'inserimento di un IFrame in un JavaScript finestra pop-up richiede solo una pagina statica e un semplice sollecito JavaScript.

istruzione

1 Creare una nuova pagina HTML statica. All'interno dei tag <body>, inserire un tag <iframe>. Impostare il parametro "src" del tag pari al l'URL completo che si desidera visualizzare nel IFrame. Salvare la pagina HTML statico alla directory da cui si ha intenzione di pubblicarlo.

2 Creare il frammento di codice JavaScript che si aprirà il vostro pop up. Se si desidera aprire la nuova finestra quando una pagina viene caricata, attribuiscono il seguente codice come un evento "onload" nel tag <body> della pagina appropriata. Se si desidera avere la nuova finestra aperta quando un link viene cliccato, collegare il codice riportato di seguito come "onclick" evento nel tag <a> appropriata:

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

dove "popup.html" è il nome della pagina statica salvato nel passaggio 1, e la larghezza desiderata e l'altezza del pop-up in pixel vengono sostituiti i due istanze di "xxx".

3 Salvare tutti i file aperti, e pubblicarli al server Web. Ora avete un JavaScript finestra pop-up, con un IFrame incorporato.

Consigli e avvertenze

  • La maggior parte dei browser moderni hanno pop-up bloccanti che impediranno JavaScript chiama come questo. Si potrebbe desiderare di inviare un avviso agli utenti di trasformare pop-up bloccanti fuori quando si utilizza il sito.