Nwlapcug.com


Come fare un suono con un finestra di dialogo jQuery

Come fare un suono con un finestra di dialogo jQuery


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

Istruzioni

1

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

2

Aggiungere un tag audio alla pagina Web:

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

3

Creare un'istanza nella finestra di dialogo jQuery che crea un metodo "aperto":

$(".sampleElement") .dialog({
aprire: function (event, ui) {

}

}); (Vedere riferimenti 2)

4

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

$(".sampleElement") .dialog({
aprire: function (event, ui) {
document.getElementById('sampleaudiotag').play();

}

}); (Vedi Note 2 e 3)

5

Salvare il lavoro e aprire la pagina Web in un browser Web per assicurarsi che funzioni come previsto.