javascript et image maps question

Je confesse, je suis un javascript noob. La première partie de ma tâche actuelle est d'essayer de remplacer un fichier .png par un autre .png lorsque l'utilisateur se déplace dans le coin supérieur gauche du premier .png. Quand il souris, le .png doit revenir au fichier .png initial. J'essaye d'utiliser une carte d'image et un script java pour accomplir ceci. Je reçois l'erreur suivante sur la ligne 17:javascript et image maps question

'StaticImage1 is undefined"

ligne 17 est la "zone coords = ..." ligne ci-dessous:

<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
<title>Hot Spot Test</title> 
<script language="javascript" type="script"> 
loadImageUL = new Image(); 
loadImageUL.src = "images/image2.png"; 
staticImage1 = new Image(); 
staticImage1.src = "images/image2.png"; 
</script> 
</head> 
<body> 
    <p> 
    <map id="FPMap1" name="FPMap1"> 
     <area coords="0, 0, 111, 96" href="http://thepcparamedics.com/" shape="rect" onmouseover="image1.src=loadImageUL.src;" onmouseout="image1.src=staticImage1.src;" /> 
    </map> 
    <img name="image1" alt="" height="203" src="images/image1.png" width="234" usemap="#FPMap1" /> 
</p> 
</body>

Je sais que je dois manquer quelque chose de simple. Merci d'avance pour votre aide.

Mike

Source

2010-01-22 Mike Wittmer

Votre script type doit être text/javascript, et vous pouvez laisser le language

Source

2010-01-22 03:47:02

OK. Il y avait donc quelques problèmes avec le code sans rapport avec le problème. Tels que StaticImageUL et StaticImage2 étant tous deux assortis image2.png. Cela étant dit, la cause de l'erreur était due au Type = "script" dans l'élément de script. J'ai changé cela en type = "" et le code semble fonctionner comme souhaité.

Source

2010-01-22 03:47:42

Répondre

Questions connexes