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 le bouton après click


Sujet :

JavaScript

  1. #1
    Membre éclairé Avatar de baggie
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    755
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Octobre 2007
    Messages : 755
    Par défaut Désactiver le bouton après click
    Bonjour,

    bon j'espère déja poster dans la bonne catégorie du forum, et ensuite je ne pense pas que mon problème soit difficile mais bon, je ne trouve pas la solution.

    J'ai un bouton "Valider" de type submit dans un form de ma page.
    J'aimerai bien, après avoir cliqué dessus qu'il se désactive.

    J'ai testé ceci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="submit" value="Valider" onclick='this.enabled=false'/>
    J'ai aussi testé avec un disabled ... mais y'a rien qui ne marche.
    Donc si vous pouviez m'aider ... ^^

  2. #2
    Membre Expert Avatar de Djakisback
    Profil pro
    Inscrit en
    Février 2005
    Messages
    2 023
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2005
    Messages : 2 023
    Par défaut
    Salut,
    avec ceci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="submit" value="ok" onclick="this.disabled = 'disabled'">
    C'est effectivement pas tout à fait le bon forum
    Bye

  3. #3
    Membre éclairé Avatar de baggie
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    755
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Octobre 2007
    Messages : 755
    Par défaut
    En fait, j'ai 3 boutons radio. J'en sélectionne un, j'appuie sur valider, ça affiche quelque chose dessous et là en fait le bouton valider devrait être désactivé.

    Et le code ci-dessus ne fonctionne pas ...
    Si vous avez d'autres solutions, je suis preneuse !

    Et désolée pour le sujet mal placé ...

  4. #4
    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
    le code avec les radios serait le bienvenu pour comprendre un peu mieux tes attentes ...
    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 !

  5. #5
    Membre éclairé Avatar de baggie
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    755
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Octobre 2007
    Messages : 755
    Par défaut
    Ah oui en effet ><

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    <body><h1>Page d'ajout d'un document</h1>
     
    <p>Quel type de document souhaitez-vous ajouter ?</p>
     
    <form method="post">
     
    <input type="radio" name="test" value="1" /> Livre
    <input type="radio" name="test" value="2" /> Presse
    <input type="radio" name="test" value="3" /> Archive
    <input type="submit" value="Valider" this.disabled="disabled"/>
    </form>
     
    <?php
    if(isset($_POST['test']))
    {
           $test=$_POST['test'];
    	   // Affichage pour l'ajout d'un livre
           if($test==1)
           {
    ...
    elsif ...
    else...
     
    etc ...

  6. #6
    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
    accessoirement je pense que mettre un action au form serait utile
    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 !

  7. #7
    Membre Expert Avatar de Djakisback
    Profil pro
    Inscrit en
    Février 2005
    Messages
    2 023
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2005
    Messages : 2 023
    Par défaut
    Ok, donc finalement t'étais bien dans le bon forum héhé, parce que ce que tu veux faire c'est désactiver le submit une fois que le formulaire a été posté ? Donc ca tu peux le faire en php avec un truc de ce style :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <form method="post">
     <input type="radio" name="test" value="1" /> Livre
    <input type="radio" name="test" value="2" /> Presse
    <input type="radio" name="test" value="3" /> Archive
    <input type="submit" value="Valider"<?php
    if(isset($_POST['test'])) {
     echo ' disabled="disabled"';
    }
     ?>/>
    </form>

  8. #8
    Membre éclairé Avatar de baggie
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    755
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Octobre 2007
    Messages : 755
    Par défaut
    ça marche impeccable Djakisback !

    Merci beaucoup ^^

    Et merci pour les réponses SpaceFrog =)

  9. #9
    Nouveau candidat au Club
    Inscrit en
    Avril 2008
    Messages
    2
    Détails du profil
    Informations forums :
    Inscription : Avril 2008
    Messages : 2
    Par défaut
    Bonjour,

    Je ré-ouvre ce topik car son intitulé correspond à ce que je cherche...
    J'ai plusieurs pages sur lesquelles sur trouve des boutons. Je souhaite les rendre disable une fois que l'on a cliquer dessus.
    Pour le moment j'ai trouver un semblant de solution, lorsque je clique dessus il devient disable le problème c'est lorsque je rafraichi la page il redevient cliquable...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
     
    <table>
    ...
      <tr>
        <td>
          <a href="index.php?page=reservation"><input id="reserver" onclick="Reserve();" name="tabouret" type="button" value="R&eacute;server" /></a>
        </td>
      </tr>
    ...
     
     
     <script> 
      function Reserve(){
      document.getElementById('reserver').disabled=true;
      }
    </script>
    Voila si vous avez des petites solutions pour résoudre mon problème ou m'éclairer je débute en js.
    Merci beaucoup !

  10. #10
    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
    comme les variables le statut des raidos ou checks ne dépasse pas l'instance de la page ...
    il faut les passer en paramètre
    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 !

  11. #11
    Nouveau candidat au Club
    Inscrit en
    Avril 2008
    Messages
    2
    Détails du profil
    Informations forums :
    Inscription : Avril 2008
    Messages : 2
    Par défaut
    Ok, je vais creuser dans cette direction
    Merci.

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

Discussions similaires

  1. Cacher bouton après click
    Par farfouch00 dans le forum C#
    Réponses: 8
    Dernier message: 16/09/2011, 11h39
  2. [javascript]désactiver un bouton au bout de n click
    Par ranell dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 17/02/2010, 16h41
  3. Confirmation après click d'un bouton qui n'en est pas un
    Par DevloNewb' dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 06/07/2006, 16h10
  4. Ouvrir nouvelle fenêtre Outlook après click sur bouton
    Par n@n¤u dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 14/06/2006, 17h23
  5. Réponses: 2
    Dernier message: 26/07/2005, 15h35

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