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

razyse - 13 mars 2013 à 17:56
 razyse - 19 mars 2013 à 09:46
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

cod57 Messages postés 1653 Date d'inscription dimanche 7 septembre 2008 Statut Membre Dernière intervention 11 septembre 2013 19
16 mars 2013 à 14:54
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 !
0
Merci beaucoup cod57.
tu m'a vraiment aidé
COOL
0
Rejoignez-nous