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.