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 :

Remplacer un bouton et changer son comportement


Sujet :

jQuery

  1. #1
    Membre averti Avatar de renaud26
    Homme Profil pro
    Webmaster
    Inscrit en
    Mars 2003
    Messages
    1 365
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Côtes d'Armor (Bretagne)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Mars 2003
    Messages : 1 365
    Points : 436
    Points
    436
    Par défaut Remplacer un bouton et changer son comportement
    Bonjour à tous,

    J'ai un bouton bootstrap qui déplie un <tbody> masqué au clic.

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <a href="javascript:void(0)" class="gere_docs" id="gere_docs-'.$dos->id_dossier.'">
    <button type="button" id="bouton_deplie-'.$dos->id_dossier.'" class="btn btn-warning btn-sm gere-docs-button">Ouvrir</button>
    </a>
    <tbody style="display:none" id="affiche_docs-'.$dos->id_dossier.'">du contenu...</tbody>

    Côté JS :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
            $(".gere_docs").on('click', function(event) {
                var data_id = $(this).attr('id').split("-");
                var id = data_id[1];
     
                $('#affiche_docs-'+id).fadeIn('slow');
                //le td se déplie
     
                $('#button_deplie-'+id).removeClass("btn-warning").addClass("btn-success");//je change la couleur du bouton
                $('#button_deplie-'+id).text("Fermer le dossier"); // je change le texte
                $('#gere_docs-'+id).removeClass("gere_docs").addClass("ferme_dossier"); // je change la classe du lien
                $('#gere_docs-'+id).attr('id','ferme_dossier-'+id); //je change l'ID du lien           
            });
    Tout se passe comme prévu...sauf que bien sûr je veux qu'ensuite le <tbody> se replie quand on clique le bouton.
    Bref, au début on a le bouton "Déplier", on le clique ça déplie le <tbody> puis le bouton change et devient "Replier" et il replie le <tbody> quand on le clique.
    Et là, je coince. Merci de votre aide

  2. #2
    Membre averti Avatar de renaud26
    Homme Profil pro
    Webmaster
    Inscrit en
    Mars 2003
    Messages
    1 365
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Côtes d'Armor (Bretagne)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Mars 2003
    Messages : 1 365
    Points : 436
    Points
    436
    Par défaut
    J'ai finalement résolu cette question, grâce à ce post : https://www.developpez.net/forums/d1...bouton-jquery/

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

Discussions similaires

  1. Réponses: 4
    Dernier message: 07/01/2007, 22h18
  2. [C#] Remplacer les boutons d'un DataGrid par une image
    Par PascalL dans le forum Windows Forms
    Réponses: 17
    Dernier message: 04/04/2005, 16h07
  3. click sur bouton ou changer dossier explorer
    Par nek_kro_kvlt dans le forum API, COM et SDKs
    Réponses: 3
    Dernier message: 10/03/2005, 21h25
  4. [IB] Autoriser 1 user à changer son mot de passe
    Par qi130 dans le forum InterBase
    Réponses: 7
    Dernier message: 01/02/2005, 14h09
  5. [TCombobox] Changer son positionnement vertical
    Par portu dans le forum Windows
    Réponses: 14
    Dernier message: 12/12/2004, 03h48

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