insertion d'1 son lorskon clique sur 1 lien

ascorbik

Membre actif
17 Octobre 2005
144
1
deuxième question sur la création de pages web :
comment faire un son type 'clic' lorsque l'on survole ou clique sur un lien ?

merci d'avance
 
ascorbik a dit:
deuxième question sur la création de pages web :
comment faire un son type 'clic' lorsque l'on survole ou clique sur un lien ?
Je ne sais pas si tu as trouvé de solution intéressante.

On peut en imaginer 2 :
1 - on crée une anim flash pour le lien
2 - on trouve un beau script javascript, mais pas gagné.

J'en ai trouvé un, qui a l'air de passer... A tester, car je suis sur un pc win2k au boulot et je n'ai accès qu'à Firefox et IE 6. Sur ce navigateurs, cela fonctionne mais s'agissant de Safari, ou de navigateurs plus anciens ???
Par ailleurs, il sera nécessaire que javascript soit activé pour que cela fonctionne bien sur.

Bon le code :

Bloc de code:
<html>
<head>
<title>fais du bruit</title>

<script type="text/javascript">
<!--

var Sound = new Object();
Sound.play = function Sound_play(src) {
if (!src) return false;
this.stop();
var elm;
if (typeof document.all != "undefined") {
elm = document.createElement("bgsound");
elm.src = src;
}
else {
elm = document.createElement("object");
elm.setAttribute("data",src);
elm.setAttribute("type","audio/x-wav");
elm.setAttribute("controller","true");
}
document.body.appendChild(elm);
this.elm = elm;
return true;
};

Sound.stop = function Sound_stop() {
if (this.elm) {
this.elm.parentNode.removeChild(this.elm);
this.elm = null;
}
};

//-->
</script>
</head>

<body>
<!-- premier test sur un texte simple -->
<div style="background-color:#000;color:#fff;">
<h1 onmouseover="Sound.play('son.mp3')" onmouseout="Sound.stop()">survolez ce texte</h1>
</div>
<!-- deuxieme test sur un lien hypertexte -->
<div style="background-color:#ccc;">
<p>et avec un lien ?</p>
<a href="#" onMouseOver="Sound.play('son.mp3')" onmouseout="Sound.stop()">survolez ce lien</a>
</div>
</body>
</html>
Tiens nous au courant
 
Il dit qu'il devrait mieux écrire :D

Edith: je voulais dire dans le titre.