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 :

Question a propos de la fonction .click


Sujet :

jQuery

  1. #1
    Membre très actif
    Homme Profil pro
    Intérimaire
    Inscrit en
    Mai 2017
    Messages
    99
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : Intérimaire

    Informations forums :
    Inscription : Mai 2017
    Messages : 99
    Par défaut Question a propos de la fonction .click
    Bonjour,

    j'ai une petite question à propos d'une fonction que je viens de faire pour masquer/afficher les lignes d'un tableau.

    En fait la fonction jquery fonctionne mais je dois faire des double click pour afficher masquer mes lignes ^^

    voici le code :

    HTML
    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
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
     
    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title>repl.it</title>
        <link href="index.css" rel="stylesheet" type="text/css" />
        <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
        <script src="script.js"></script>
        </head>
      <body>
          <div id="cont">
    <div id="tab">
    <table border=1 style="border-collapse:collapse">
        <tr>
            <th colspan=7>FO</th>
        </tr>
        <tr>
            <th >A</th>
            <th >B</th> 
            <th >C</th> 
            <th >D</th> 
            <th >E</th>
        </tr>  
        <tr class="disable">
            <td >1</td>
            <td >1</td>
            <td >1</td>
            <td >1</td>
            <td >disable</td>
        </tr>
        <tr class="enable">
            <td >1</td>
            <td >1</td>
            <td >1</td>
            <td >1</td>
            <td >enable</td>
        </tr>
        <tr>
            <td colspan=7>FOVIP</td>
        </tr>
        <tr>
            <th >A</th>
            <th >B</th> 
            <th >C</th> 
            <th >D</th> 
            <th >E</th>
        </tr>
        <tr class="disable">
            <td >8</td>
            <td >1</td>
            <td >1</td>
            <td >1</td>
            <td class="disable" >disable</td>
        </tr>
        <tr class="enable">
            <td >1</td>
            <td >1</td>
            <td >2</td>
            <td >1</td>
            <td >enable</td>
        </tr>
    </table>
    </div>
    <div id="button">
    <span id="affiche">
        <button onclick="showhide()">clique ici<button>
     </span>
    <span id="refresh">
    </span>
    </div>
     
    </div>
     
      </body>
    </html>

    script javascript :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    function showhide(){
         $("#affiche").click(function(){
                $(".disable").toggle();
                })
    }
    vu la fonction jquery que j'appelle, je ne comprend pas pourquoi je dois faire des double click ^^

    merci à vous

  2. #2
    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
    Il ne faut pas à chaque click réattribuer le onclick...

    https://jsfiddle.net/tuw86pe9/7/
    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 !

  3. #3
    Membre très actif
    Homme Profil pro
    Intérimaire
    Inscrit en
    Mai 2017
    Messages
    99
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : Intérimaire

    Informations forums :
    Inscription : Mai 2017
    Messages : 99
    Par défaut
    ah d'accord c'est parce que j'avais mis onclick dans le button ><

    et du coup on est pas obliger de faire une fonction javascript à appeler pour que les commandes jquery s'éxécutent?

  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
    Non c'est parceque DANS ta fonction showhide tu attribues on onclick ...
    Donc chaque fois que tu appelles la fonction tu redéfinis le onlcik de l'élement
    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 !

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

Discussions similaires

  1. Question à propos d'une fonction
    Par 0ColdZero0 dans le forum C++
    Réponses: 4
    Dernier message: 22/04/2009, 00h47
  2. [FTP] Question à propos de la fonction copy()
    Par Mo_Poly dans le forum Langage
    Réponses: 2
    Dernier message: 10/04/2008, 11h36
  3. Question a propos des modulos
    Par barthelv dans le forum Algorithmes et structures de données
    Réponses: 3
    Dernier message: 24/03/2005, 15h56
  4. [VB][INFO] A propos de la fonction Round
    Par L.nico dans le forum VB 6 et antérieur
    Réponses: 10
    Dernier message: 10/03/2005, 11h59
  5. [debutant] Questions a propos du XML
    Par brune dans le forum XML/XSL et SOAP
    Réponses: 3
    Dernier message: 04/06/2004, 09h39

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