Modif des attributs d'une balise <param> en javascript
Peut-on modifier la valeur des attributs des balise <param> affectées à une balise <object>?
Voici le code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/transitional.dtd">
<!-- validé par w3.org le 02.08.05 -->
<html>
<head>
<title>Sonnerie</title>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
<script type="text/JavaScript" language="JavaScript">
function EmmSon(Rang)
{
switch(Rang)
{
case 0:
document.getElementById("Obj").setAttribute("data","Sonnette-0.au");
document.getElementById("Obj").setAttribute("filename","Sonnette-0.au");
break;
case 1:
document.getElementById("Obj").data="Sonnette-1.au";
document.getElementById("Obj").filename="Sonnette-1.au";
break;
}
}
</script>
</head>
<body>
<!-- Cartographie de l'image des boutons de sonnette -->
<map name="Sonnette">
<area shape="circle" coords="16, 22,8" href="JavaScript:EmmSon(1)" alt="">
<area shape="circle" coords="16, 54,8" href="JavaScript:EmmSon(0)" alt="">
</map>
<table width="100%">
<tr>
<td>
<!-- Affichage de l'image des boutons de sonnette en attente de clic -->
<center>
<img border="0" width="172" height="77" src="Sonnette.gif" usemap="#Sonnette" alt="">
</center>
<!-- Elément "object" en attente d'attribut 'data' et valeur qualification -->
<object id="Obj" type="audio/basic" width="0" height="0" data="Oiseau.au">
<param name="filename" value="Oiseau.au">
<param name="loop" value="false">
<param name="autostart" value="true">
</object>
</td>
</tr>
</table>
</body>
</html>
Il présente deux types de modifications:
Le premier avec setAttribute(...,...)
Le second avec directement une affectation ...data="...."
Les deux fonctionnent sans problème sous IE mais pas sous Mozilla ni Netscape, pourquoi ?...
Quelqu'un peut-il m'aider?
Ce code est visible et audible en:
http://perso.wanadoo.fr/henri.pouzoullic/s-son/
HP
Répondre avec citation
Partager