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] lancer une fonction javascript dans un lien HTML


Sujet :

JavaScript

  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    45
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 45
    Points : 29
    Points
    29
    Par défaut [DOM] lancer une fonction javascript dans un lien HTML
    Salut j'ai un probleme que j'arrive pas a resoudre, je voudrais creer un liens qui execute une fonction javascript lorsqu'on clique dessus plutot de lancer un saut sur une autre page.
    J'ai utilise l'evenement onCLick= function() et un saut internet href="#" mais ca ne marche pas vous avez une idee pourquoi ?

    voici le code que j'ai fait :
    ...
    document.getElementById("idDiv").innerHTML= "<a"+" href='#'"+" onClick='fonction();'>"+"lien"+"</a>";
    ...
    Merci par avance

  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 637
    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 637
    Points : 66 658
    Points
    66 658
    Billets dans le blog
    1
    Par défaut
    Parceque créer des objet et leur attribuer des evènements en passant par un innerHTML c'est ******* (censuré )

    Utilise le DOM ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <div id='idDiv'></div>
    <script type='text/javascript'>
    function fonction(){alert('ça marche')}
    var lien=document.createElement('a')
    lien.href="#"
    lien.onclick=function(){fonction()}
    lien.innerHTML="lien"
     
    document.getElementById("idDiv").appendChild(lien)
    </script>
    </body>
    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 !

  3. #3
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    45
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 45
    Points : 29
    Points
    29
    Par défaut apres avoir teset la solution
    merci pour l'info mais etrangement le code que tu a donne permet d'afficher les liens mais execute automatiquemement l'evenement onClick. Ce qui est facheux si le place dans une boucle ou plusieurs liens sont ainsi genere.
    Je ne comprend pas pourquoi la fonction est appele automatiquement

  4. #4
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    45
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 45
    Points : 29
    Points
    29
    Par défaut
    En fait j'avais fait une erreur dans mon code la boucle ecrasait l'occurence du noeud et conservais que la derniere ... mais comment differencier les nom des noeud dans une boucle ?

  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 637
    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 637
    Points : 66 658
    Points
    66 658
    Billets dans le blog
    1
    Par défaut
    differencier le nom des noeuds ? j'ai pas compris .. tu peux nous montrer ton code ?
    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
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    45
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 45
    Points : 29
    Points
    29
    Par défaut
    voici un lien sur une page qui contient le code avec plusieurs tentatives en commentaire

  7. #7
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 648
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 648
    Points : 11 137
    Points
    11 137
    Par défaut
    bonjour,

    je crois que ceci peut t'apporter un élément de réponse :
    http://javascript.developpez.com/faq...lick.dynamique

  8. #8
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    45
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 45
    Points : 29
    Points
    29
    Par défaut
    Merci de vos reponse ...
    J'ai enfin trouve une solution, comme d'ab on me l'a souffle mais je l'utilisait mal ...
    Mon erreur se trouve dans l'appel du script javascript que je fait dans le href du lien:
    Citation:
    href="Javascript:Reponse(reponse['+laquestion[i+1]+']);">'+laquestion[i]+"<\/a>"+"<br>";

    donc le classique bien utiliser les guillemets de maniere approprie

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

Discussions similaires

  1. appeler une fonction javascript dans le code html
    Par kawther dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 16/05/2007, 16h40
  2. [PHP-JS] appeler une fonction javascript dans un lien
    Par kawther dans le forum Langage
    Réponses: 2
    Dernier message: 25/04/2007, 10h43
  3. Réponses: 2
    Dernier message: 03/04/2006, 18h38
  4. Réponses: 3
    Dernier message: 21/02/2006, 18h05
  5. [PHP-JS] comment lancer une fonction javascript a partir de php
    Par amika dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 06/06/2005, 19h23

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