Petit probleme javascript :-)

Winterboard Messages postés 137 Date d'inscription   Statut Membre Dernière intervention   -  
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   -
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!

2 réponses

Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894
 
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
0
Winterboard Messages postés 137 Date d'inscription   Statut Membre Dernière intervention  
 
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=""
0
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894 > Winterboard Messages postés 137 Date d'inscription   Statut Membre Dernière intervention  
 
D'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
0
Winterboard Messages postés 137 Date d'inscription   Statut Membre Dernière intervention  
 
Je peut pas mettre name dans l'xhtml
0
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894
 
C'est vrai que pour les balises <img on ne peut pas

mais je persiste à croire que tu dois la mettre entre <a > </a>
0