Come reindirizzare con una finestra modale

June 21

Una finestra modale consente di creare un popup per la pagina Web e restituire un valore alla pagina superiore. La finestra modale è il bambino e la finestra originale, che visualizza il vostro sito è il genitore. È possibile rilevare se una valutazione forniture utente nella finestra modale, quindi reindirizzare la finestra padre a un'altra pagina Web. Questo processo consente di reindirizzare un utente in base all'input dell'utente.

istruzione

1 Fare clic destro sul file HTML che si desidera modificare, e selezionare "Apri con". Clicca l'editor HTML nel sottomenu.

2 Individuare l'apertura JavaScript e chiusura tag script. Se non si dispone già i tag definiti, aggiungere il seguente codice al codice HTML:

<Script type = "text / javascript">

</ Script>

3 Creare la funzione per la finestra modale. Il seguente codice apre una finestra modale e reindirizza gli utenti in base all'input restituita da parte dell'utente:

viewOptions function () {

input = window.showModalDialog ( "modal.html");

if (input! = null) {

window.location = "newpage.html";

}

}

Il codice di cui sopra rileva se l'input dell'utente è stato inviato dalla finestra di dialogo modale. Se l'utente applicato alcuni input, il browser reindirizza alla pagina Web "newpage.html".

4 Collegare la funzione di un pulsante nella pagina Web. Il seguente codice è un esempio di un pulsante che chiama la funzione JavaScript e apre la finestra di dialogo modale:

<Input type = valore "pulsante" = "Apri Modal Window" onclick = "viewOptions ()">