IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

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


Sujet :

JavaScript

  1. #1
    Membre du Club Avatar de lemok
    Inscrit en
    Mai 2007
    Messages
    83
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 83
    Points : 52
    Points
    52
    Par défaut [DOM] Capturer l'événement click d'un IMG
    Bonjour,

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

    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){
    ...
    }

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 665
    Points
    66 665
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img onclick="mafonction(e)" .. />
    ??

  3. #3
    Membre régulier
    Développeur Web
    Inscrit en
    Janvier 2007
    Messages
    83
    Détails du profil
    Informations personnelles :
    Âge : 42

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2007
    Messages : 83
    Points : 97
    Points
    97
    Par défaut
    Excuse moi spaceFrog, mais j'ai envie de rire la....

  4. #4
    Membre du Club Avatar de lemok
    Inscrit en
    Mai 2007
    Messages
    83
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 83
    Points : 52
    Points
    52
    Par défaut
    Citation Envoyé par SpaceFrog
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img onclick="mafonction(e)" .. />
    ??
    J'ai la repense suivante:
    "e is not defined"

  5. #5
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 665
    Points
    66 665
    Billets dans le blog
    1
    Par défaut
    désolé j'ai pas capté la question ...

    elle fait quoi la focntion ??

    pourquoi le e si tu veux capter le click ?

  6. #6
    Membre du Club Avatar de lemok
    Inscrit en
    Mai 2007
    Messages
    83
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 83
    Points : 52
    Points
    52
    Par défaut
    Citation Envoyé par yohan22
    Excuse moi spaceFrog, mais j'ai envie de rire la....
    De ma question ou de la repense de spaceFrog ?

  7. #7
    Membre régulier
    Développeur Web
    Inscrit en
    Janvier 2007
    Messages
    83
    Détails du profil
    Informations personnelles :
    Âge : 42

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2007
    Messages : 83
    Points : 97
    Points
    97
    Par défaut
    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 ?
    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!

  8. #8
    Membre du Club Avatar de lemok
    Inscrit en
    Mai 2007
    Messages
    83
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 83
    Points : 52
    Points
    52
    Par défaut
    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

  9. #9
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 665
    Points
    66 665
    Billets dans le blog
    1
    Par défaut
    quand tu le crées dynamiquement
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    var monImg = document.createElement("img");
    monImg.onclick = function(e){
    ...
    }
    y'a quoi dans la fonction ... ???

  10. #10
    Membre du Club Avatar de lemok
    Inscrit en
    Mai 2007
    Messages
    83
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 83
    Points : 52
    Points
    52
    Par défaut
    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.
    j'avais dis que ma qestion est bete .; mais pas à ce point là comme meme et meme que c'est un ptit peu compliqué que ça, j'ai juste posé le probeleme le plus simplement possible

  11. #11
    Membre du Club Avatar de lemok
    Inscrit en
    Mai 2007
    Messages
    83
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 83
    Points : 52
    Points
    52
    Par défaut
    Citation Envoyé par SpaceFrog
    quand tu le crées dynamiquement
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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 dedans

  12. #12
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 665
    Points
    66 665
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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 ..

  13. #13
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 665
    Points
    66 665
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    monImg.onclick = function(e){
    blblbalba + e;
    blallzsaazlsa;
    }
    =>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function mafocntion(e) {
               blblbalba + e;
               blallzsaazlsa;
    }
    ...

  14. #14
    Membre du Club Avatar de lemok
    Inscrit en
    Mai 2007
    Messages
    83
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 83
    Points : 52
    Points
    52
    Par défaut
    Citation Envoyé par SpaceFrog
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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""

  15. #15
    Membre régulier
    Développeur Web
    Inscrit en
    Janvier 2007
    Messages
    83
    Détails du profil
    Informations personnelles :
    Âge : 42

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2007
    Messages : 83
    Points : 97
    Points
    97
    Par défaut
    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....

  16. #16
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 665
    Points
    66 665
    Billets dans le blog
    1
    Par défaut
    a mon avis il va te falloir créer une fonction qui regroupe ces appels ...

  17. #17
    Membre du Club Avatar de lemok
    Inscrit en
    Mai 2007
    Messages
    83
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 83
    Points : 52
    Points
    52
    Par défaut
    oui mais, j'ai : <img src="...." onclick="mafonction(???)" />
    et dans un fichier JS y a :

    mafonction(){
    ....
    ...

    fonction2(e, ...);

    }

  18. #18
    Membre du Club Avatar de lemok
    Inscrit en
    Mai 2007
    Messages
    83
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 83
    Points : 52
    Points
    52
    Par défaut
    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

  19. #19
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 665
    Points
    66 665
    Billets dans le blog
    1
    Par défaut
    ??? = rien du tout

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    function mafonction(e){
     if(!e) { var e = window.event}
     alert(e)}
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img onclick="mafocntion()" />
    le e est in dépedant de la focntion puisque dépendant de window

  20. #20
    Membre du Club Avatar de lemok
    Inscrit en
    Mai 2007
    Messages
    83
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 83
    Points : 52
    Points
    52
    Par défaut
    [QUOTE=SpaceFrog]??? = rien du tout

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    function mafonction(e){
     if(!e) { var e = window.event}
     alert(e)}
    ça marchera uniquement sous IE

+ Répondre à la discussion
Cette discussion est résolue.
Page 1 sur 2 12 DernièreDernière

Discussions similaires

  1. Pb de capture d'évènement dans un JTextArea!
    Par scooby09 dans le forum AWT/Swing
    Réponses: 8
    Dernier message: 18/03/2006, 21h24
  2. [DOM] ajouter un événement à un objet du dom
    Par danyboy85 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 08/03/2006, 11h55
  3. événement Click sur Check et option button ??
    Par badsepuku dans le forum IHM
    Réponses: 3
    Dernier message: 09/02/2006, 12h51
  4. Réponses: 5
    Dernier message: 21/12/2004, 12h00
  5. Capturer l'évènement onPaint d'un TLabel
    Par nicolos dans le forum C++Builder
    Réponses: 7
    Dernier message: 04/11/2004, 18h45

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo