Come fare un suono con una finestra di dialogo jQuery

September 16

Come fare un suono con una finestra di dialogo jQuery


Come pagine web diventano progressivamente più sofisticati, molti programmatori si sono rivolti alla libreria JavaScript jQuery per creare effetti avanzati. È possibile utilizzare libreria di interfaccia utente di jQuery per creare una finestra di dialogo. Una finestra di dialogo si apre quando un utente compie un'azione che il webmaster desidera confermare. Ad esempio, quando un utente esce da una pagina, una finestra di dialogo pop-up può chiedere all'utente se è certo che desidera lasciare la pagina senza salvare il suo lavoro. È possibile fare un suono per accompagnare una finestra di dialogo jQuery UI per focalizzare l'attenzione dell'utente nella finestra di dialogo.

istruzione

1 Aprire il file che contiene la finestra di dialogo in un editor di testo o il vostro ambiente di sviluppo preferito.

2 Aggiungere un tag audio alla pagina Web:

<Audio id = "sampleaudiotag" src = "audio / sampleAudioFile.wav" preload = "auto"> </ audio>

3 Un'istanza della finestra di dialogo jQuery in modo da creare un metodo "aperto":

$ ( ".sampleElement") .dialog ({
aperto: funzione (evento, ui) {

}

}); (Vedi riferimenti 2)

4 Scrivi un metodo per chiamare il file audio all'interno della finestra di dialogo jQuery:

$ ( ".sampleElement") .dialog ({
aperto: funzione (evento, ui) {
. Document.getElementById ( 'sampleaudiotag') giocare ();

}

}); (Vedi riferimenti 2 e 3)

5 Salvare il lavoro e aprire la pagina Web in un browser Web per verificare che funziona come previsto.