Nwlapcug.com


Come fare una finestra di dialogo per la tua pagina



Si può fare una finestra di dialogo per la tua pagina Web utilizzando la sua libreria aggiuntive, il framework di interfaccia utente jQuery, una libreria JavaScript e jQuery. Insieme, questi due Framework fornire agli utenti la possibilità di aggiungere pulsanti, fisarmoniche, DatePicker, finestre di dialogo e altri strumenti di interfaccia utente di base. Una finestra di dialogo viene visualizzata in una pagina Web in risposta all'input dell'utente, come un clic del pulsante. È possibile utilizzare una finestra di dialogo per comunicare informazioni aggiuntive a un utente, spesso sotto forma di un breve messaggio come "Registrazione riuscita" o "Attendere mentre confermiamo i dati della carta di credito."

Istruzioni

1

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

2

Aggiungere, se non hanno già fatto così, riferimenti al jQuery e jQuery UI file che sfruttano un content delivery network.

< script con un ID di "myDialogBoxDiv."

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

< div id = "myDialogBoxDiv" >

< p > è necessario immettere una password per aprire il tuo account.

</p >

< / div >

4

Selezionare il "myDialogBoxDiv" utilizzando jQuery e inizializzare una finestra di dialogo utilizzando la funzione '.dialog()' fornita dal framework dell'interfaccia utente. Aggiungere un titolo utilizzando la proprietà "title" dell'elemento finestra di dialogo, di sostituirlo per il testo di "Il titolo di una finestra di dialogo" nell'esempio seguente:

$("#myDialogBoxDiv") .dialog ({titolo: 'Il titolo della finestra di dialogo'});

Consigli & Avvertenze

  • Consultare la documentazione di jQuery UI per altri metodi e proprietà dell'oggetto finestra di dialogo.