Le bip sonore au passage de la souris

On peut considérer que cet évènement est à la limite du script utile et du gadget.

En effet, son temps de réponse à la commande générée par "onmouseover" est un tantinet trop long pour permettre une utilisation intensive et réellement efficace ... Cet inconvénient n'est pas nécessairement dû au poids du fichier son utilisé : dans l'exemple que je vous propose, il n'est que de 154 octets ! Je vous le présente malgré tout car bon nombre de concepteurs en herbe l'ont déjà demandé ... Il peut sans doute être "détourné" de sa fonction initiale pour animer une page selon la fantaisie de l'utilisateur, pour peu qu'il ait un peu d'imagination ...

Les 4 logos alignés à gauche représentent les liens qui vont déclencher le bip sonore. Sachez qu'ils sont fictifs, uniquement destinés à l'exemple. Passez votre souris sur ces vignettes : voilà l'effet attendu.

Vous remarquerez qu'il reste, malgré la légèreté du petit fichier son, un temps de réaction assez dommageable ...

Tant pis, passons à l'écriture des quelques lignes qui provoqueront cet évènement :

Vous le constatez : le script de base est très court. Vous l'insèrerez entre les balises <HEAD> :

<SCRIPT language="JavaScript"><!--
if (document.images) {
function bip(bipop)
{
var cebip = document[bipop] ;
cebip.play()
}
}
//--></script>

Dans le corps de la page, vous appelerez le fichier sonore par la ligne suivante :

<P><EMBED SRC="rollo2.wav" WIDTH=1 HEIGHT=1 autostart=FALSE hidden=TRUE name=rollo2></P>

Il vous restera à écrire la commande suivante, à l'endroit où vous désirez afficher les images :

<P><A HREF="votrepage.htm" onmouseover="bip('rollo2')"><IMG SRC="logo.jpg" WIDTH=118 HEIGHT=39 BORDER=0 ALIGN=bottom></A></P>

 Le premier script est d'une conception simplissime, nommant une fonction liée à la commande play qui déclenchera le "bip" tant désiré à l'appel de la commande "onmouseover" sur le document installé à cet effet.

Mais rien ne vous empêche d'utiliser ce même évènement pour des liens ordinaires dont vous aurez, par exemple, enlevé le soulignement pour des raison esthétiques. Ceux-ci étant peut-être moins visibles, le "bip" peut pallier dans une certaine mesure à ce manque :

lien n°1 déclenchant un bip sonore

lien n°2 déclenchant aussi un bip sonore

lien n°3 déclenchant à son tour un bip sonore

Est-il nécessaire d'ajouter quelque chose ? Je ne le pense pas car, si vous avez bien suivi les exposés précédents, vous devez être à même de comprendre le cheminement d'une telle écriture ... à vous de jouer, alors !