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-