È possibile effettuare una finestra di dialogo per la pagina Web utilizzando jQuery, una libreria JavaScript, e la sua biblioteca supplementare, il framework jQuery UI. Insieme, queste due strutture offrono agli utenti la possibilità di aggiungere pulsanti, fisarmoniche, datepickers, finestre di dialogo e altri strumenti di interfaccia utente di base. Viene visualizzata una finestra di dialogo in una pagina Web in risposta all'input dell'utente, come ad esempio un clic del pulsante. È possibile utilizzare una finestra di dialogo per comunicare informazioni aggiuntive a un utente, spesso sotto forma di un breve messaggio del tipo "Registrazione di successo" o "Attendere, confermare le informazioni di carta di credito."

istruzione

1 Aprire la pagina Web in editor di testo o ambiente di sviluppo di vostra scelta, e aprire il file che richiede una finestra di dialogo.

2 Aggiungere, se non lo avete già fatto, i riferimenti ai file jQuery e jQuery UI che sfruttano una rete di distribuzione di contenuti.

<Script con un ID di "myDialogBoxDiv."

Includere testo per la finestra di dialogo all'interno dell'elemento paragrafo.

<Div id = "myDialogBoxDiv">

<P> È necessario inserire una password per aprire il tuo conto.

</ P>

</ Div>

4 Selezionare "myDialogBoxDiv" utilizzando jQuery e inizializzare una finestra di dialogo utilizzando la funzione fornita dal framework di interfaccia utente '() .dialog'. Aggiungere un titolo utilizzando il "titolo" di proprietà dell'elemento finestra di dialogo, sostituendo per il testo "Your Dialog Titolo" nel seguente esempio:

$ ( "#myDialogBoxDiv") .dialog ({Titolo: 'La finestra di dialogo Title'});

Consigli e avvertenze

• La documentazione jQuery UI per altri metodi e proprietà dell'oggetto finestra.