Hvordan lage en lyd med en jQuery Dialog

Som websider blir stadig mer sofistikerte, har mange programmerere slått til Javascript-biblioteket jQuery er å lage avanserte effekter. Du kan bruke jQuery UI biblioteket for å skape en dialogboks. En dialogboks åpnes når en bruker tar en handling som webmaster ønsker å bekrefte. For eksempel når en bruker lukker en side, kan en dialogboks dukker opp for å be brukeren om han er sikker på at han ønsker å forlate siden uten å lagre sitt arbeid. Du kan lage en lyd til å følge en jQuery UI dialogboks for å fokusere brukernes oppmerksomhet i dialogboksen.

Bruksanvisning

1 Åpne filen som inneholder dialogboksen i en teksteditor eller din favoritt utviklingsmiljø.

2 Legg en lyd tag til websiden:

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

3 Instantiate dialogboksen jQuery boksen slik at det skaper en "åpen" metoden:

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

}

}); (Se Referanser 2)

4 Skriv en metode for å ringe lydfilen i jQuery dialogboksen:

$ ( ".sampleElement") .dialog ({
åpent: function (event, ui) {
. Document.getElementById ( 'sampleaudiotag') spiller ();

}

}); (Se referanser 2 og 3)

5 Lagre arbeidet ditt og åpne websiden i en nettleser for å sikre at det fungerer som forventet.