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

jQuery Discussion :

Désactiver un bouton en fonction d'un autre


Sujet :

jQuery

  1. #1
    Nouveau Candidat au Club
    Homme Profil pro
    Enseignant
    Inscrit en
    Novembre 2020
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : Novembre 2020
    Messages : 2
    Points : 1
    Points
    1
    Par défaut Désactiver un bouton en fonction d'un autre
    Bonjour,
    Je suis débutant en html javascript. J'essaie de coder un formulaire modèle avec deux boutons, quand on appuie sur bouton test 1 il s'inactive et active bouton test 2 et inversement. Quand on appuie sur bouton test 1, il imprime "hello" dans mon script python, et bouton test 2 imprime byby.

    Le lien entre Python et la page web fonctionne correctement, par contre je n'arrive pas à inactiver les boutons.
    Désolé si c'est une question de débutant, j'ai lu pas mal de choses mais je nage depuis un bon moment. Merci d'avance.

    Code python : 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
    ########  imports  ##########
    from flask import Flask, jsonify, request, render_template
    app = Flask(__name__)#############################
     
    ######################################  run app  #########
     
     
    #rendering the HTML page which has the button
    @app.route('/')
    def json():
        return render_template('jason6.html')
     
    #background process happening without any refreshing
    @app.route('/background_process_test1')
    def background_process_test1():
        print ("Hello")
        return ("nothing")
     
    #background process happening without any refreshing
    @app.route('/background_process_test2')
    def background_process_test2():
        print ("byby")
        return ("nothing")


    Code html : 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
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    <html lang="en">
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
        <link href="https://getbootstrap.com/docs/5.2/assets/css/docs.css" rel="stylesheet">
        <title>Bootstrap Example</title>
     
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type=text/javascript>
        $(function() {
              $('a#test1').on('click', function(e) {
                e.preventDefault()
                $('#test1').prop('disabled', true);
                $.getJSON('/background_process_test1',
                    function(data) {
                  //do nothing
                });
                return false;
              });
            });
        $(function() {
              $('b#test2').on('click', function(e) {
                e.preventDefault()
                //disable the submit button
                $('#test2').prop('disabled', true);
                $.getJSON('/background_process_test2',
                    function(data) {
                  //do nothing
                });
                return false;
              });
            });
    </script>
     
     
    <div class='container'>
        <h3></h3>
            <form>
                <a href=# id=test1><button class='btn btn-primary' >Test1</button></a>
                <b href=# id=test2><button class='btn btn-primary' >Test2</button></b>
            </form>
     
    </div>

  2. #2
    Expert éminent sénior
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 223
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 223
    Points : 15 516
    Points
    15 516
    Par défaut
    si vous êtes débutant en javascript, il vaut mieux ne plus utiliser jquery. cette bibliothèque était très pratique dans le passé mais maintenant, les navigateurs récents permettent de faire beaucoup de chose directement donc je vous conseille de le faire en javascript pur.

    pour écouter un évènement "clic", regardez là :
    https://developer.mozilla.org/fr/doc...nt/click_event
    et ici il y a un exemple de code pour désactiver un bouton :
    https://developer.mozilla.org/fr/doc...t/setAttribute

  3. #3
    Nouveau Candidat au Club
    Homme Profil pro
    Enseignant
    Inscrit en
    Novembre 2020
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : Novembre 2020
    Messages : 2
    Points : 1
    Points
    1
    Par défaut
    merci je vais regarder ça

Discussions similaires

  1. [XL-2013] Activer/désactiver un bouton en fonction des éléments des combobox
    Par sakhob dans le forum Macros et VBA Excel
    Réponses: 22
    Dernier message: 25/11/2017, 17h07
  2. Réponses: 6
    Dernier message: 24/02/2017, 14h39
  3. [IP-2010] Activer/Désactiver un champ en fonction d'un autre
    Par debdev dans le forum InfoPath
    Réponses: 10
    Dernier message: 21/11/2014, 15h52
  4. Réponses: 2
    Dernier message: 03/12/2008, 08h32

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