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. 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
  2. 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>