[DOM] Capturer l'événement click d'un IMG

Bonjour,

J'ai un petit problème certainement tout bête :roll:

J'ai une balise IMG et je souhaiterais lui ajouter une fonction lors du clique sur cette image (onclick).
Cette fonction est existe déjà et a la forme:
ma fonction(e){
...
}
je souhaiterai appeler cette fonction avec l'événement "e"

NB :
Quand je crée cette image d'une manière "dynamique", je n'ai pas ce problème car je fais:

var monImg = document.createElement("img");
monImg.onclick = function(e){
...
}

Code:

---

<img onclick="mafonction(e)" .. />

---

??

Excuse moi spaceFrog, mais j'ai envie de rire la.... :lol: :lol: :lol:

Citation:

---

Envoyé par SpaceFrog

Code:

---

<img onclick="mafonction(e)" .. />

---

??

---

J'ai la repense suivante:
"e is not defined"

désolé j'ai pas capté la question ... :oops: :oops:

elle fait quoi la focntion ??

pourquoi le e si tu veux capter le click ?

Citation:

---

Envoyé par yohan22

Excuse moi spaceFrog, mais j'ai envie de rire la.... :lol: :lol: :lol:

---

De ma question ou de la repense de spaceFrog:roll: ?

Citation:

---

Envoyé par lemok

J'ai la repense suivante:
"e is not defined"

---

Il faut que "e" représente quelque chose!

si tu es sous IE, e=event, je le sens bien comme cela...

Citation:

---

Envoyé par lemok

De ma question ou de la repense de spaceFrog:roll: ?

---

Non, c'était de toi, mais parce que je croyais que tu arrivais à faire un "onclick" dans le DOM, et pas dans le HTML.... Et je crois que spaceFrog avait compris pareil que moi.

Mais c'est bon, on connais maintenant ton vrai problème!

Cette image est crée dans un pop up.
Lors du click ça effectue certaine tache et ça appel une autre fonction qui elle à besoin du "e" ... une fonction que je n'ai pas développé moi même

quand tu le crées dynamiquement

Code:

---

1 2 3 4

var monImg = document.createElement("img"); monImg.onclick = function(e){ ... }

---

y'a quoi dans la fonction ... ???

Citation:

---

Envoyé par yohan22

Non, c'était de toi, mais parce que je croyais que tu arrivais à faire un "onclick" dans le DOM, et pas dans le HTML.... Et je crois que spaceFrog avait compris pareil que moi.

---

:lol: j'avais dis que ma qestion est bete .; mais pas à ce point là comme meme :lol: et meme que c'est un ptit peu compliqué que ça, j'ai juste posé le probeleme le plus simplement possible

Citation:

---

Envoyé par SpaceFrog

quand tu le crées dynamiquement

Code:

---

1 2 3 4

var monImg = document.createElement("img"); monImg.onclick = function(e){ ... }

---

y'a quoi dans la fonction ... ???

---

ola!! je ne sais pas si tu aura le courage de tout lire si je t'envoi ce qu'il y a dedans8O

Code:

---

truc.onclick=function(e){

---

ne me dit rien sur la fonction il me faut plus de code ...

c'est une fonction ou juste un paquet de lignes de code ...

si c'est un paquet de lignes de code il te faudre en faire un fonction ..

Code:

---

1 2 3 4

monImg.onclick = function(e){ blblbalba + e; blallzsaazlsa; }

---

=>

Code:

---

1 2 3 4

function mafocntion(e) { blblbalba + e; blallzsaazlsa; }

---

...

Citation:

---

Envoyé par SpaceFrog

Code:

---

truc.onclick=function(e){

---

ne me dit rien sur la fonction il me faut plus de code ...

c'est une fonction ou juste un paquet de lignes de code ...

si c'est un paquet de lignes de code il te faudre en faire un fonction ..

---

Je viens de voir les sources... y a une succession d'appel à des fonctions, la dernière qui exploite le "e" elle le fait pour récupérer le "clientX" et "clientY""

En gros, il faudrait que tu nous montres comment est utilisé la variable "e" dans ta fonction. Je ne pense pas que toutes les lignes de la fonction l'utilise. Donne nous simplement celles où elle est utilisée.

EDIT:

e.clientX
e.clientY

==> Bongo, e=event....

a mon avis il va te falloir créer une fonction qui regroupe ces appels ...

oui mais, j'ai : <img src="...." onclick="mafonction(???)" />
et dans un fichier JS y a :

mafonction(){
....
...

fonction2(e, ...);

}

Citation:

---

Envoyé par SpaceFrog

a mon avis il va te falloir créer une fonction qui regroupe ces appels ...

---

ola! ça va être très très compliqué .. je travail sur des sources qui ne sont pas développés par moi et si j y touche y aura pas mal de modifs à faire rien qu'à cause de cette image...
Donc j'en déduis qu'il va falloir que je trouve un moyen pour créer cette image dans mon fichier JS et non pas directement en HTML pour éviter tout ça:roll:

??? = rien du tout

Code:

---

1 2 3

function mafonction(e){ if(!e) { var e = window.event} alert(e)}

---

Code:

---

<img onclick="mafocntion()" />

---

le e est in dépedant de la focntion puisque dépendant de window

[QUOTE=SpaceFrog]??? = rien du tout

Code:

---

1 2 3

function mafonction(e){ if(!e) { var e = window.event} alert(e)}

---

ça marchera uniquement sous IE:?

[QUOTE=lemok]

Citation:

---

Envoyé par SpaceFrog

??? = rien du tout

Code:

---

1 2 3

function mafonction(e){ if(!e) { var e = window.event} alert(e)}

---

ça marchera uniquement sous IE:?

---

je crois que sous firefox, quand tu appelles la fonction, tu fais mafonction(event)

Pour le moment j'ai fais un truc provisoir en attendant de trouver mieux:

<img src="..." onmouseover ="fonctionOnClick(this);" />

et dans le fichier JS j'ai créé une fonction

fonctionOnClick(monImage){
monImage.onclick = function(e){
....
....
}
}

ça marche .. mais C de la bricole