Petit probleme javascript :-)

Fermé

Winterboard Messages postés 137 Date d'inscription jeudi 8 mai 2008 Statut Membre Dernière intervention 30 juin 2009 - 23 mai 2008 à 18:13
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 - 25 mai 2008 à 20:30

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!

A voir également:

Petit probleme javascript :-)
Telecharger javascript - Télécharger - Langages
Javascript round ✓ - Forum Javascript
Trier du plus petit au plus grand excel - Guide
Petit 2 ✓ - Forum Bureautique
Petit 9 - Forum Mail

2 réponses

Réponse 1 / 2

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
23 mai 2008 à 18:34

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

Winterboard Messages postés 137 Date d'inscription jeudi 8 mai 2008 Statut Membre Dernière intervention 30 juin 2009
23 mai 2008 à 19:25

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=""

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894 > Winterboard Messages postés 137 Date d'inscription jeudi 8 mai 2008 Statut Membre Dernière intervention 30 juin 2009
23 mai 2008 à 21:28

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

Réponse 2 / 2

Winterboard Messages postés 137 Date d'inscription jeudi 8 mai 2008 Statut Membre Dernière intervention 30 juin 2009
23 mai 2008 à 21:46

Je peut pas mettre name dans l'xhtml

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
25 mai 2008 à 20:30

C'est vrai que pour les balises <img on ne peut pas

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

Discussions similaires