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

jQuery Discussion :

Onclick sur lien


Sujet :

jQuery

  1. #1
    Membre très actif
    Inscrit en
    Mars 2006
    Messages
    126
    Détails du profil
    Informations forums :
    Inscription : Mars 2006
    Messages : 126
    Par défaut Onclick sur lien
    Bonjour,

    Ca fait 1h que je me triture l'esprit...
    Mon problème est très simple, j'ai un lien :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" onclick='$(this).runEffect()'>

    et une fonction Jquery (j'ai reduit volontairement le code) :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
      $(function() {  
        function runEffect() {
    	alert('ici');
        };
    Quand je clique sur le lien il me met :
    Uncaught TypeError: Object [object Object] has no method 'runEffect'
    Où fais-je une erreur ??

    Merci

    EDIT : les liens sont générés dynamiquement, je peux en avoir 1 comme 100, je ne peux dont pas leur donner un id (ou alors ce sera id1, id2, ... mais ensuite je ne pourrais pas appeler jQuery('#id').click(

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Ta fonction runEffect() est dans une closure, elle n'est donc pas accessible depuis le scope global.
    D'autre part, runEffect() n'est pas un plugin et n'est donc pas associé à un objet jQuery.

    Normalement, avec jQuery, on attache les événements avec la bibliothèque, pas en utilisant d'horribles attributs...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    $(function() {  
      function runEffect() {
        alert('ici');
      };
      $('a').click(runEffet);
    });
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre éprouvé
    Profil pro
    Étudiant
    Inscrit en
    Décembre 2006
    Messages
    115
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : Suisse

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Décembre 2006
    Messages : 115
    Par défaut
    Parce que $(this).runEffect() signifie que la méthode runEffect() se trouve dans l'objet $(this) (qui fait référence à ton lien).
    Or, ton lien n'a pas de méthode runEffect().

    Essaie de mettre runEffect() tout court (enlève $(this) ).


    Je ne suis pas sûr que la fonction runEffect() soit accessible puisque tu la déclare dans une fonction anonyme.

    Si ça ne fonctionne pas, tu pourras soit sortir cette fonction de la fonction anonyme, soit utiliser
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    $('#idLien').click(
     function(){
      alert('ici'); // ou "runEffect()"
     });

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    je ne peux dont pas leur donner un id
    Non, mais tu peux leur attribuer une classe.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  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 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    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 659
    Billets dans le blog
    1
    Par défaut
    EDIT : les liens sont générés dynamiquement, je peux en avoir 1 comme 100, je ne peux dont pas leur donner un id (ou alors ce sera id1, id2, ... mais ensuite je ne pourrais pas appeler jQuery('#id').click(
    Ha ? Quand on ne connais pas les selecteur de Jquery on avance souvent des choses a tort


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     jQuery("[id^='id']").click(
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  6. #6
    Membre très actif
    Inscrit en
    Mars 2006
    Messages
    126
    Détails du profil
    Informations forums :
    Inscription : Mars 2006
    Messages : 126
    Par défaut
    La classe, bordel, la classe !!!!!!! (ou les selecteurs...

    Merci les amis !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [WD17] Lien et commande (Onclick) sur un champ d'un tableau
    Par medhan dans le forum WinDev
    Réponses: 1
    Dernier message: 02/02/2015, 14h28
  2. Lien prioritaire à un onclick sur une ligne de tableau
    Par davelop dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 10/12/2012, 16h46
  3. Onclick sur tr et lien dans td
    Par toopac dans le forum jQuery
    Réponses: 6
    Dernier message: 23/08/2012, 14h15
  4. [POO] Faire afficher un objet dés Onclick sur un lien
    Par bilou95 dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 10/10/2007, 08h56
  5. Est il possible d'assigner 2 'onclick' sur lien image ?
    Par bilou95 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 03/04/2007, 09h53

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