Afficher des lignes caché d'un tableau avec un bouton

Signaler
-
 razyse -
Bonjour les pro du web !!
J'ai un tableau rempli à partir des données de ma base.
Je voudrais enfait avoir des boutons (+) à coté de chaque ligne de mon tableau et quand je clique sur un bouton il devient (-) et m'affiche les ligne contenant les détails de la ligne en question.

Mais je ne sais pas comment le faire,? qu'est ce qu'i faut utiliser ? CSS? JQUERY?
je n'ai pas trop d'idée.

Merci d'avance de votre aide

2 réponses

Messages postés
1654
Date d'inscription
dimanche 7 septembre 2008
Statut
Membre
Dernière intervention
11 septembre 2013
16
bonjour

deux petits exemples

js :
ex1


avec form filter jquery :
Tapez le texte de l'url ici.

<html>
Hide Table Row

    <script language="javascript">
    var hide= true;
    function hideRows(tableId){
    var t = document.getElementById(tableId);
var len = t.rows.length;
var rowStyle = (hide)? "none":"";
    for(i=1 ; i< len; i++){
 t.rows[i].style.display = rowStyle;
}
}
    </script>

    <script language="javascript">
    var show= true;
    function showRows(tableId){
    var t = document.getElementById(tableId);
var len = t.rows.length;
var rowStyle = (hide) ?  "" : "none";
    for(i=1 ; i< len; i++){
 t.rows[i].style.display = rowStyle;
}
}
    </script>

    Name |Address |
----
Tina, Mumbai,
----
Angelina, Delhi

    
 
</html>



Bonne programmation !
Merci beaucoup cod57.
tu m'a vraiment aidé
COOL