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 :

Désactiver lien html après 1 clic


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé
    Inscrit en
    Janvier 2008
    Messages
    1 159
    Détails du profil
    Informations forums :
    Inscription : Janvier 2008
    Messages : 1 159
    Par défaut Désactiver lien html après 1 clic
    Bonjour,

    j'ai un lien

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="paypal-express-checkout" ><img src="../images/btn_pay_with_paypal.png" width="179" height="36"></a>
    Qui sert a charger une page avant la redirection paypal je souhaiterai éviter que le client reclic sur le lien car le chargement peut etre long.

    Je souhaiterai soit désactiver le lien soit mettre un loader en attente de le chargement de la page suivante.

    Quelqu'un peut m'aider ?

    Merci pour votre aide.

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    Pas de rapport avec PHP.
    La solution est en JavaScript... et comme tu l'as dit.

    Onclick :
    • On masque le bouton
    • On affiche le loader

    Ou est la difficulté ?

  3. #3
    Membre très actif
    Homme Profil pro
    Déveleoppeur Web/Mobile
    Inscrit en
    Avril 2013
    Messages
    330
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Déveleoppeur Web/Mobile
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2013
    Messages : 330
    Par défaut
    Une piste : sur le onclick du lien, tu return false pour annuler le comportement naturel visant à appeler l'URL. Puis tu ajoutes une classe css sur le lien permettant de désactiver le clic

  4. #4
    Invité
    Invité(e)
    Par défaut
    Citation Envoyé par -Rpass- Voir le message
    sur le onclick du lien, tu return false pour annuler le comportement naturel visant à appeler l'URL.
    Ben non. Il faut bien appeler la page !

    Citation Envoyé par -Rpass- Voir le message
    Puis tu ajoutes une classe css sur le lien permettant de désactiver le clic
    Ha tiens ? Je suis curieux de voir comment !

  5. #5
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 198
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 198
    Par défaut
    Bonjour,
    Ha tiens ? Je suis curieux de voir comment !
    pour peu que l'on ait affaire qu'à des navigateurs récents on peut utiliser
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .no-click {
      pointer-events: none;
    }

  6. #6
    Invité
    Invité(e)
    Par défaut
    Je ne connaissais pas...


    ...sauf qu'elle veut pouvoir cliquer UNE fois dessus !

    Auquel cas, il faut ajouter la classe via JavaScript.
    Autant tout faire en JS du coup...

Discussions similaires

  1. Ouvrir un lien d'après un clic sur une couleur
    Par ddanie dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 13/02/2014, 09h34
  2. Comment effectuer une redirection après un clic sur un lien
    Par Angelik dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 24/11/2007, 22h13
  3. Déroulement d'un liste après un clic sur un lien
    Par mullger dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 21/08/2007, 13h33
  4. Un lien où un texte s'affiche dessous après le clic
    Par brunoperel dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 27/07/2007, 15h55
  5. ajout d'un tableau dans une page html après un clic
    Par jehlg dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 15/02/2006, 17h37

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