Petit probleme javascript :-)

Bonjour,

j'ai ce code que j'utilise pour un rollover sur une image map:

<head>
<script type="text/javascript">

Image1 = new Image(88,244)
Image1.src = "http://www.lou-castelet.fr/project/pic/langbar.png"

Image2 = new Image(88,244)
Image2.src = "http://www.lou-castelet.fr/project/pic/ukover.png"

Image3 = new Image(88,244)
Image3.src = "http://www.lou-castelet.fr/project/pic/frover.png"

Image4 = new Image(88,244)
Image4.src = "http://www.lou-castelet.fr/project/pic/nlover.png"

function fr() { 
  var Obj = document.getElementById('switchlang');
  Obj.src = Image3.src;                            
  return true; 
}
function uk() { 
  var Obj = document.getElementById('switchlang');
  Obj.src = Image2.src;                            
  return true; 
}
function nl() { 
  var Obj = document.getElementById('switchlang');
  Obj.src = Image4.src;                            
  return true; 

}
function original() { 
  var Obj = document.getElementById('switchlang');
  Obj.src = Image1.src;                            
  return true; 
  }
</script>
</head>


<body>
<div class="center">
			<img alt="langbar" class="languagebar" id="switchlang" src="http://www.lou-castelet.fr/project/pic/langbar.png" usemap="lang" />
			<map id="lang">
			<area alt="francais" coords="122,43,25" href="http://www.lou-castelet.fr/project/" onmouseout="original()" onmouseover="fr()" shape="circle" />
			<area alt="nederlands" coords="189,43,25" href="http://www.lou-castelet.fr/home_nl.html" onmouseout="original()" onmouseover="nl()" shape="circle" />
			<area alt="English" coords="54,43,25" href="http://www.lou-castelet.fr/home_uk" onmouseout="original()" onmouseover="uk()" shape="circle" />
			<area nohref="nohref" shape="default" alt="noselect" />
			</map></div>
</body>


Le probleme c'est que le rollover ne marche pas. regaredez par vous memes:
http://lou-castelet.fr/project

Merci beaucoup pour toute reponse!
Configuration: Windows XP
Internet Explorer 7.0

2 réponses

  1. Je peut pas mettre name dans l'xhtml
    1. C'est vrai que pour les balises <img on ne peut pas

      mais je persiste à croire que tu dois la mettre entre <a > </a>
  2. Salut,

    il faut apparemment que tu mets ces images dans un "lien"
    comme cet exemple
    <a href="#" onMouseOut="cache()" onMouseOver="montre()">
    <img src="exemple/images/bouton.gif" width="75" height="24" border="0" name="bt">
    </a>
    


    vas voir le site:

    http://www.aliasdmc.fr/coursjavas/cours_javascript82.html
    1. Je pense pas.

      Ca marchait avant mais j'ai remplacé "name" par "id"
      j'ai donc changé mon code, et maintenant ca ne marche plus.

      Je veut garder ID="" pas name=""
    2. @WinterboardD'après le site que je t'ai cité, il faut mettre dans un lien c a d entre <a ></a> pour que le onMouse... fonctionne

      d'ailleurs tu mets des href ="..

      au passage id et name ne sont pas incompatibles

      tu peux très bien mettre les deux et avec la même valeur en plus