évenement non reconnu sous firefox

Salut tt le monde,

J'ai une image sur ma page dont le code est le suivant:

Code:

---

1 2	<IMG ID = 1000 NAME = "im0_00" STYLE="position:absolute; TOP:195; LEFT:339; " SRC="val0_00.bmp" onclick="GestImClick(0,0)">

---

et voila le code de GestImClick()

Code:

---

1 2 3 4 5

function GestImClick(x,y) { alert('ok'); }

---

en lançant l'application sous ie tt fonctionne bien, mais sous firefox l'événement est ignoré, j'ai regardé dans d'autres posts qui traitaient du mm probléme mais j'ai pas trouvé de solution claire pecq je suis débutant.merci

alors on commence :

met tes tags en minuscule :

Code:

---

1 2	<IMG ID = 1000 NAME = "im0_00" STYLE="position:absolute; TOP:195; LEFT:339; " SRC="val0_00.bmp" onclick="GestImClick(0,0)">

---

par

Code:

---

<img id="1000" name = "..." ... />

---

penses également a refermer ta balise si tu travailles en xhtml />

pour le onclick il doit il y avoir autre chose exemple :

Code:

---

<img src='effet_ouverture_image/Images/image.jpg'" onclick="alert('toto')" />

---

merci d'avoir corrigé la faute d'orthographe

j'ai besoin de la fonction GestImClick(x,y), l'alert est là juste pour tester le fonctionnement.

Code:

---

<img src='effet_ouverture_image/Images/image.jpg'" onclick="GestImClick(0,2)" />

---

et la méthode ,

Code:

---

1 2 3 4 5

function GestImClick(x,y) { alert("ok , valeur : "+ x+ " et" + y); }

---

J'ai tt mis en minuscule mais ça ne change rien..

Toujours ignoré par firefox..je pense que le probléme réside dans la façon de déclarer l'événement au tag de l'image et non à la fonction GestImClick()..j'ai lu sur un autre poste qu'il y avait moyen de déclarer un événement à l'aide de quelque chose qui ressemble à "a = href", mais j'ai pas bien compris, pouvez vous me dire svp cmnt l'adapter à mon exemple..merci

le code que je t'ai donné fonctionne sous ie ET firefox , je l'ai testé , il doit il avoir autre chose ... montre nous le contexte :)

mon projet contient bcp de code, mais puisque je suis débutant alors je crée de petits projets pour tester toutes mes fonctions une à une, donc ce petit projet ne contient qu'une image et la fonction GestImClick(x,y), tt le code est dans le premier post, mais tt à l'heure je lisais un article qui dit q sous fitrefox on peut pas déclarer une fonction liée à un évenement de la mm maniére que sous ie, voici le lien:

http://www.gchagnon.fr/cours/dhtml/e...tml#mozclavier

8O je veux le code source de ta page complète lol je n'ai pas besoins d'information sur comment programmer lol

Code:

---

1 2 3 4 5 6 7 8

<IMG ID = 1000 NAME = "im0_00" STYLE="position:absolute; TOP:195; LEFT:339; " SRC="val0_00.bmp" onclick="GestImClick(0,0)"> <IMG ID = 1001 NAME = "im0_10" STYLE="position:absolute; TOP:195; LEFT:464; " SRC="val0_0x.bmp" onclick="GestImClick(1,0)"> <IMG ID = 1002 NAME = "im0_20" STYLE="position:absolute; TOP:195; LEFT:589; " SRC="val0_0x.bmp" onclick="GestImClick(2,0)"> <IMG ID = 1003 NAME = "im0_30" STYLE="position:absolute; TOP:195; LEFT:714; " SRC="val0_0x.bmp" onclick="GestImClick(3,0)"> <IMG ID = 1004 NAME = "im0_40" STYLE="position:absolute; TOP:195; LEFT:839; " SRC="val0_04.bmp" onclick="GestImClick(4,0)">

---

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

<script>     var TabImg = new Array(5);   for(var i=0; i < 5; i++) TabImg[i]=new Array(5);     TabImg[0][0] = document.getElementById(1000); TabImg[1][0] = document.getElementById(1001); TabImg[2][0] = document.getElementById(1002); TabImg[3][0] = document.getElementById(1003); TabImg[4][0] = document.getElementById(1004);   function GestImClick(x,y) { // traitement de l'évenement OnClick() } </script>

---

ça c'est le code final, auquel je dois ajouter d'autres images, j'ai d'autres éléments sur la page mais leur code reste caché prcq j'utilise Web editor.

puisque j'ai encore d'autres images à ajouter dans le tableau TabImg qui doit en comporter 20 autres et que web editor n'offre pas d'aide au déboggage alors j'ai créé un petit projet qui ne comprte qu'une seule image avc le gestionnaire GestImClick pour tester le fonctionnement à l'aide d'un simple alert(), c'est le code que j'ai donné au début, et ça ne marche pas sous firefox, donc forcément ça ne marchera pas avec le tableau d'images..

Code:

---

1 2 3 4 5 6 7 8 9 10

for(var i=0; i < 5; i++){ TabImg[i]=new Array(5);     TabImg[0][0] = document.getElementById(1000); TabImg[1][0] = document.getElementById(1001); TabImg[2][0] = document.getElementById(1002); TabImg[3][0] = document.getElementById(1003); TabImg[4][0] = document.getElementById(1004); }

---

Code:

---

id="kjmkjmlkjmlkj"

---

donc maintenant pour simplifier le probléme je travaille avc une nouvelle page que j'ai créée, elle ne comporte qu'une seule image:

Code:

---

1 2	<img id= 1000 name = "im0_00" style="position:absolute; top:195; left:339; " src="val0_00.bmp" onclick="GestImClick(0,0)">

---

et un gestionnaire simple:

Code:

---

1 2 3 4 5 6 7

<script> function GestImClick(x,y) { alert("ok"); } </script>

---

c'est tout ce qu'il ya, et ceci ne fonctionne que sous ie, firefox ignore complétement l'événement

si tu veux je te fais envoyer une palette de doubles quotes :roll::roll::roll::roll:

un id est un string donc entre double quotes ...

IE est permissif et tolère le fait que les attributs ne soient pas entre quotes !

Mais il faut coder proprement !!!!

j'ai rectifié l'ID

Code:

---

1 2	<img id= "1000" name = "im0_00" style="position:absolute; top:195; left:339; " src="val0_00.bmp" onclick="GestImClick(0,0)">

---

Le probléme reste le méme

sors du triangle des bermudes ?

J'ai essayé, j'ai téléchargé firstpage et notepad++, mais il faut maitriser le code pour les utiliser

J'ai trouvé un probléme semblable dans le forum, voilà l'adresse:

http://www.developpez.net/forums/sho...nement+onclick

mais je n'ai pas compris comment il a fait pour le contourner

no comment 8O:roll:

bref

copie ceci dans notepad, enregistre le avec une extension .htm , ouvre le avec FFX

et reviens nous dire que ça ne marche pas ...

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<html> <head> <title>Nouvelle page 1</title> <script type='text/javascript'> function GestImClick(x,y){ alert("x: "+x+", y: "+y) } </script> </head>   <body style="height:2000;width:2000;overflow:auto">   <img id= "1000" name = "im0_00" style="position:absolute; top:195; left:339; " src="val0_00.bmp" onclick="GestImClick(0,0)"> </body>   </html>

---