Utilisation de variables lors d'un appel
Bonjour !
En faite je m'y connais vraiment pas en Javascript, et j'essaye de faire un truc qui parait simple malheureusement ça passe pas, j'ai toujours la même erreur.
Donc je m'explique, en gros c'est un rollover une map area.
J'ai premierement défini mes images en préchargement pour éviter que ce soit trop long lors du rollover :
Code:
1
2
3
4
5
6
|
<script type="text/javascript">
var menu_0 = new Image(); menu_0.src = "img/top_menu.jpg";
var menu_1 = new Image(); menu_1.src = "img/top_menu1.jpg";
var menu_2 = new Image(); menu_2.src = "img/top_menu2.jpg";
</script> |
Mon image est divisée en plusieurs parties, mon but est que lorsque je mets la souris sur la partie 2 par exemple, il me change mon image actuelle en l'image menu_2.
Donc j'ai une fonction :
Code:
1
2
3
4
5
6
|
<script type="text/javascript">
function menuChange(val) {
document.getElementById('imgMenu').src = val.src;
}
</script> |
Et j'appelle ma fonction comme suit :
Code:
1
2
3
4
5
6
7
8
9
|
<img id="imgMenu" src="img/top_menu.jpg" alt="Top Menu" width="775" height="47" usemap="#mapMenuTop" />
<map name="mapMenuTop" id="mapMenuTop">
<area shape="poly"
coords="79,13,191,13,169,35,56,35" href="#1"
onmouseover="menuChange(menu_1);"
onmouseout="menuChange(menu_0);"
alt="" />
</map> |
Et le soucis c'est qu'il ne me reconnait pas menu_1 comme la variable que j'ai déclarée au début.
Dans ma fonction menuChange(val), si je met "alert(val.src)" il me dit que src est null, et que val est "undefined".
Alors voilà mon soucis, je vois pas trop d'où ça vient, surement un truc bête pour les gens qui s'y connaissent mais bon. Si quelqu'un pouvait m'aider ça serait sympa !
Merci d'avance.
