évenement non reconnu sous firefox

Version imprimable

30/05/2008, 15h45
raimo

é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
30/05/2008, 15h54
le_chomeur
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')" />
30/05/2008, 15h54
raimo

merci d'avoir corrigé la faute d'orthographe
30/05/2008, 15h56
raimo

j'ai besoin de la fonction GestImClick(x,y), l'alert est là juste pour tester le fonctionnement.
30/05/2008, 15h59
le_chomeur
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); }
30/05/2008, 15h59
raimo

J'ai tt mis en minuscule mais ça ne change rien..
30/05/2008, 16h08
raimo

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
30/05/2008, 16h14
le_chomeur

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 :)
30/05/2008, 16h26
raimo

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
30/05/2008, 16h28
le_chomeur

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);
}

30/05/2008, 16h54
SpaceFrog

Code:

id="kjmkjmlkjmlkj"
30/05/2008, 17h02
raimo
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
30/05/2008, 17h04
SpaceFrog

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

30/05/2008, 17h09
SpaceFrog

sors du triangle des bermudes ?
30/05/2008, 17h11
raimo

J'ai essayé, j'ai téléchargé firstpage et notepad++, mais il faut maitriser le code pour les utiliser
30/05/2008, 17h15
raimo

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>

30/05/2008, 17h27
raimo

oui, ça fonctionne sous les deux..
30/05/2008, 17h29
SpaceFrog

Alors tu as toutes les billes pour trouver ton erreur ...

Nous n'avons pas ton code sous les yeux ... il y a autre chose ailleurs qui coince !
30/05/2008, 17h33
raimo

le probléme vient de mon éditeur, parceque j'ai recopié ton code sous notepad++ et ça fonctionne, j'ai fait la méme chose avc webeditor et ça ne marche que sous ie, conclusion, il faut laisser tomber ce logiciel
30/05/2008, 22h26
SpaceFrog

Je crois sincèrement que ça vaudrait le coup de te pencher un peu sur le code html css et javascript afin de pouvoir coder directement avec notepad++ ou équivalent
30/05/2008, 23h43
le_chomeur

Citation:

Envoyé par raimo

le probléme vient de mon éditeur, parceque j'ai recopié ton code sous notepad++ et ça fonctionne, j'ai fait la méme chose avc webeditor et ça ne marche que sous ie, conclusion, il faut laisser tomber ce logiciel

il faut surtout apprendre a savoir ce que l'on fait ...
il n'y a rien de plus enrichissant que d'apprendre par l'erreur , mais la tu ne passe même pas par la compréhension de ton erreur ...

bon courage pour la suite :)