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] Récupérer le texte d'un lien cliqué


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre du Club
    Inscrit en
    Décembre 2008
    Messages
    6
    Détails du profil
    Informations forums :
    Inscription : Décembre 2008
    Messages : 6
    Par défaut [DOM] Récupérer le texte d'un lien cliqué
    Bonjour,
    En fait j'aimerais savoir s'il est possible de récupérer l'intitulé d'un lien sur lequel un utilisateur à cliqué.
    exemple de liens
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <A HREF="page1.php" > Secret</A>
    <A HREF="page1.php" > Info</A>
    <A HREF="page1.php" > Bingo</A>
    dans page1.php, j'aimerais récupérer le lien cliqué (donc Secret ou Info ou Bingo).
    Merci d'avance pour vos lumières

    Faterr

  2. #2
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par défaut
    Tu veux le récupérer en php... ? ou bien y référer par le DOM en javascript ?

    J'avoue ne pas être sûr de comprendre ta demande...

    Si tu veux le récupérer dans un script javascript ça donnera par exemple (il y a d'autres possibilités)
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    var contenuLien = document.getElementById('lienMachin').nodeValue();
    // ou bien (je ne sais plus, à essayer)
    var contenuLien = document.getElementById('lienMachin').innerText();
    et
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <a href="page1.php" id="lienMachin"> Bingo</a>
    mais si tu veux le code d'un envoi ajax pour récupérer la valeur côté serveur en php, c'est pas vraiment le bon forum... ^^

  3. #3
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Pourquoi tout ce code ??

    Exemple tout simple :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" onclick="alert(this.innerHTML)">Lien 1</a>

    Et ce n'est pas du HTML mais du JavaScript

  4. #4
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Par défaut
    Citation Envoyé par Kerod Voir le message
    Pourquoi tout ce code ??
    Parce qu'il est non obstrusif et que je laisserai pas du javascript entre
    les mains d'un monteur HTML/CSS qui n'y connait rien dans mon entreprise

  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
    recupérer ou serait aussi une question à se poser car le click sur le href entraine l'acheminement sur une autre page ...

    si tu souhaites récupérer le innerHTML sur la page de destination il faudra passer par l'url:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <A HREF="page1.php" onclick="self.location.href='this.href'+'?param1='+this.innerHTML;" > Secret</A>
    ou externaliser la fonction ...
    ainsi tu peux soit récupérer le param1 en GET coté serveur ou aller voir dans la faq comment récupérer les paramètres passés dans une url en javascript ..
    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
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Citation Envoyé par marcha Voir le message
    Parce qu'il est non obstrusif et que je laisserai pas du javascript entre
    les mains d'un monteur HTML/CSS qui n'y connait rien dans mon entreprise
    Rapport avec la question initiale ?

    @Romain : Hmm, oui . On va dire qu'il y a moins long (cf. proposition de SpaceFrog). Et on évite le fait de mettre des id à tous les liens

  7. #7
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par défaut
    C'est vrai que la proposition de SpaceFrog est a priori plus concise et assez élégante, pour passer en paramètre le contenu du lien dans l'URL.

    @faterr : attention si tu n'es pas familier du DOM/javascript : mini faute de frappe dans le code de SpaceFrog (c'est à cause des doigts palmés )

    lire "innerHTML" à la place de "innrHTML" ^^

  8. #8
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par défaut
    Citation Envoyé par Kerod Voir le message
    Pourquoi tout ce code ??
    Heu... mes 2 lignes de code ?

Discussions similaires

  1. Récupérer les attributs d'un lien cliqué
    Par renaud26 dans le forum jQuery
    Réponses: 6
    Dernier message: 27/10/2011, 19h52
  2. Afficher un texte selon le lien cliqué.
    Par ledisciple dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 30/04/2010, 16h38
  3. Récupérer le texte d'un lien
    Par bugbug73 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 06/11/2008, 11h55
  4. Réponses: 2
    Dernier message: 06/07/2007, 10h59
  5. Récupérer un lien "cliqué"
    Par Luffy Duck dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 02/02/2006, 16h33

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