se ti basta un esempio che funzioni solo su explorer (sugli altri browser scrive 'ding!'), copia e incolla e metti nella stessa cartella anche un file di nome ding.wav
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>xhtml 1.0</title> <style type="text/css"> /* <![CDATA[ */ #objwav { height : 0; width : 0; visibility : hidden; } /* ]]> */ </style> <script type="text/javascript"> var word = ''; function trim(value) { return value.replace(/^\s*(.+?)\s*$/, function($0, $1) { return $1; }); } function findKey(val) { // Recupera il testo dell'area in cui ricercare (il body) var arearicerca = trim(document.getElementsByTagName('body')[0].innerHTML); // Elimina i tag html dal testo arearicerca = trim(arearicerca.replace(/<.*?>/gim, '').replace(/(\n|\r)/, ' ')); // Cerca la keyword nel body text_re = new RegExp(word , 'gim') return arearicerca.match(text_re); } function findAndPlay(val) { word = trim(val); if (word.length < 3) { alert('inserire una keyword di almeno 3 caratteri'); return; } if (findKey(word)) { if (document.all) { document.getElementById('objwav').play(); } else { alert('ding! Ho trovato la parola "'+ word +'"'); } } else { alert('keyword non trovata'); } } </script> <body> <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="objwav"> <param name="autostart" value="0" /> <param name="filename" value="ding.wav" /> </object> <div> Le vipere (Viperinae, Oppel 1811), sono serpenti velenosi, appartenenti alla famiglia dei Viperidae; questa famiglia è divisa in 3 sottofamiglie Crotalinae, Viperinae e Azemiopinae. Questi serpenti sono caratterizzati da una testa di forma triangolare, con un corpo tozzo ed una corta coda. </p> I viperidi possiedono una ghiandola situata nella regione posteriore e laterale del capo che produce un veleno formato da un'alta percentuale d'acqua, diverse albumine ad alta tossicita' e altre proteine enzimatiche che agiscono sui tessuti, sulla coagulazione del sangue e, a volte, sul sistema nervoso. Per inoculare questo veleno utilizzano delle lunghe zanne mobili canalicolate che, quando il serpente apre la bocca, formano un angolo di 90° con la mascella ed in caso di morso penetrano nella cute della preda e iniettano il veleno attraverso i canali; quando chiudono la bocca le zanne vengono ruotate contro il palato </p> </div> <form action="#"> Keyword <input type="text" id="text" /> <input type="button" value="Cerca" onclick="findAndPlay(document.getElementById('text').value)" /> </form> </body> </html>
Se vuoi renderlo funzionante su Firefox/Mozilla bisogna lavorare un pò sull'inclusione del file audio (non ho molto tempo per farlo) usando embed (ma perdi la validazione XHTML strict)
Ciao
-Fab-

), copia e incolla e metti nella stessa cartella anche un file di nome ding.wav
Rispondi quotando