Forum Clubic

Argument dans un lien Javascript

Bonjour voila j’ai une image cliquable en HTML et je voudrais qu’en passant sur un des “boutons” l’image en question change : voila ce que j’ai deja fait

dans la balise head

<script type="text/javascript">

function mouseOver(VAR)
{
document.cartenouvelles.src ="merveilles/'img/nouvelleVAR.jpg'";
}
function mouseOut()
{
document.cartenouvelles.src ="merveilles/img/nouvelle.jpg";
}
</script>

dans mes balises area

<img src="merveilles/img/nouvelle.jpg" name="cartenouvelles" usemap="#newmap">
 <map name="newmap">
<area href="lien.html" shape="circle" coords="x,y,r" onmouseover="mouseOver('1')" onmouseout="mouseOut()">
.....

le but étant de remplacer l’image ‘nouvelle.jpg’ par ‘nouvelle1.jpg’ au survol de la zone par la souris

merci
Edité le 29/03/2008 à 21:21

Merci d’utiliser la balise

 :jap:

Où sont tes "liens JavaScript" ?

Sinon, il me semble que ce que tu veux faire est dans la ligne de code suivante :[code]document.cartenouvelles.src ="merveilles/'img/nouvelle" + var + ".jpg'"

Edité le 29/03/2008 à 20:58

Désolé pour les codes…

En fait il n’y a pas de “liens javascript” c’était juste pour montrer que mon problème était lié au javascript.

sinon j’ai essayé ton code et cela n’a pas fonctionné

ce que je trouve bizarre c’est que tu as plusieurs guillemets, bon je m’y connais pas trop mais c’est peu être ça qui bloque
Edité le 29/03/2008 à 21:44

Effectivement, je viens de me rendre compte que ton code avait une anomalie : les single-quote (caractère : ') de la ligne que j’ai bêtement recopié depuis ta fonction mouseOver(VAR).
Ceci devrait fonctionner :

function mouseOver(var) {
	document.cartenouvelles.src ="merveilles/img/nouvelle" + var + ".jpg";
}

Ce que tu fais (veux faire) c’est de la construction de chaîne “dynamique” en JavaScript, chaîne de texte qui représente en fait une URL source d’un fichier.
Edité le 30/03/2008 à 03:15

merci pour tes réponses mais ca ne marche toujours pas .
mais j’obtiens des résultats en utilisant cela

<script type="text/javascript">

function mouseOver(VAR)
{
document.cartenouvelles.src =VAR;
}

et

<area href="lien.html" shape="circle" coords="x,y,r" onmouseover="mouseOver('merveilles/img/nouvelle1.jpg')"
onmouseout="mouseOut()">

mais bon cela reste moins efficace que ce que je pensait faire
Edité le 31/03/2008 à 19:40