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

HTML Discussion :

onclick sur balise <a>


Sujet :

HTML

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Octobre 2009
    Messages
    17
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2009
    Messages : 17
    Points : 11
    Points
    11
    Par défaut onclick sur balise <a>
    Bonjour je me demandais une chose:

    est-ce qu'il est possible de mettre un appel de fonction JS dans un lien <a>?
    mais sans que ceci me dirige vers une autre page... difficile je suppose puisque c'est a la base la définition de la balise <a>
    ce que je veux faire en fait c'est ajouter un "j'ai oublié mon mot de passe" qui lorsqu'on clique dessus affiche un formulaire demandant l'email dans la meme page.
    j'ai deja ma fonction JS mais je veux pas que "j'ai oublié mon mot de passe" soit un boutton (plutot moche :s).

    merci d'avance

  2. #2
    Membre régulier Avatar de eracius
    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    138
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Décembre 2004
    Messages : 138
    Points : 81
    Points
    81
    Par défaut
    Hello,

    Tu peux inhiber le href de ton lien en faisant href="javascript:void();"

    Ensuite tu mets un onClick avec ta fonction JS qui va appeller ta popup.

    ça se fait sans soucis

    A+

  3. #3
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Points : 15 059
    Points
    15 059
    Par défaut
    Bonjour
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" onclick="window.open('page.html','NomPopUp','width=250,height=350'); return false;">Lien</a>

  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
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Le mieux, si tu ne veux pas que ce soit un lien, c'est de ne pas utiliser de balise <a> !
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <span style="text-decoration:underline;cursor:pointer;color:blue" onclick="affiche_formulaire()">j'ai oublié mon mot de passe</span>
    Comme ça, tu respectes l'aspect sémantique.
    L'intérêt de passer par une balise <a> existe uniquement si tu ajoutes un vrai lien pour le cas où le visiteur n'accepte pas JavaScript (amélioration progressive).

  5. #5
    Membre à l'essai
    Profil pro
    Inscrit en
    Octobre 2009
    Messages
    17
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2009
    Messages : 17
    Points : 11
    Points
    11
    Par défaut
    merci a vous!!! j'ai utilisé la méthode de andry.aime qui fonctionne très bien (les autres aussi bien sûr) mais celle de Bovino me semble plus conventionnelle et moins "chiante" si le Javascript est désactivé car le lien renverrai au haut de page avec l'ancre.

    Merci encore!!

  6. #6
    Membre régulier Avatar de eracius
    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    138
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Décembre 2004
    Messages : 138
    Points : 81
    Points
    81
    Par défaut
    C'est pour pas que le lien renvoie en haut de la page que je te mettais javascript:void(); à la place du # dans le href.

    Bye ;-)

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

Discussions similaires

  1. Onclick sur balise <a> pour traitement php
    Par Ojiuiookojbezib dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 05/01/2015, 11h00
  2. IE6 onclick sur balise <a>
    Par jep33 dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 29/05/2009, 07h53
  3. onclick sur balise button
    Par sallemel dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 27/02/2009, 10h58
  4. [DOM] onClick sur balise Script
    Par electro38 dans le forum Général JavaScript
    Réponses: 13
    Dernier message: 01/07/2008, 08h31
  5. Comment desactivé un onclick sur une balise <a>
    Par Bruno2000 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 01/08/2006, 17h02

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