Je recherche un moyen de présenter un tableau (X lignes+ X colonnes) en
offrant la possibilité de plier/déplier certaines parties (lignes ou
colonnes) avec sous totaux à la manière du mode plan d'Excel.
Du coté serveur (PHP) je peux gérer. C'est du coté client que je recherche
une solution.
Je recherche un moyen de présenter un tableau (X lignes+ X colonnes) en
offrant la possibilité de plier/déplier certaines parties (lignes ou
colonnes) avec sous totaux à la manière du mode plan d'Excel.
Du coté serveur (PHP) je peux gérer. C'est du coté client que je recherche
une solution.
Je recherche un moyen de présenter un tableau (X lignes+ X colonnes) en
offrant la possibilité de plier/déplier certaines parties (lignes ou
colonnes) avec sous totaux à la manière du mode plan d'Excel.
Du coté serveur (PHP) je peux gérer. C'est du coté client que je recherche
une solution.
Je recherche un moyen de présenter un tableau (X lignes+ X colonnes) en
offrant la possibilité de plier/déplier certaines parties (lignes ou
colonnes) avec sous totaux à la manière du mode plan d'Excel.
Du coté serveur (PHP) je peux gérer. C'est du coté client que je recherche
une solution.
Pour une ligne, c'est facile. La ligne que tu veux cacher, mettons
qu'elle ait l'id "total", tu peux faire :
document.getElementById("total").style.display = "none"; /* cacher */
document.getElementById("total").style.display = ""; /* montrer */
Pour une colonne, c'est un peu plus complexe car tu dois faire ça pour
chaque <th> et <td>, un par ligne. Mais bon, ça se fait aussi.
Je recherche un moyen de présenter un tableau (X lignes+ X colonnes) en
offrant la possibilité de plier/déplier certaines parties (lignes ou
colonnes) avec sous totaux à la manière du mode plan d'Excel.
Du coté serveur (PHP) je peux gérer. C'est du coté client que je recherche
une solution.
Pour une ligne, c'est facile. La ligne que tu veux cacher, mettons
qu'elle ait l'id "total", tu peux faire :
document.getElementById("total").style.display = "none"; /* cacher */
document.getElementById("total").style.display = ""; /* montrer */
Pour une colonne, c'est un peu plus complexe car tu dois faire ça pour
chaque <th> et <td>, un par ligne. Mais bon, ça se fait aussi.
Je recherche un moyen de présenter un tableau (X lignes+ X colonnes) en
offrant la possibilité de plier/déplier certaines parties (lignes ou
colonnes) avec sous totaux à la manière du mode plan d'Excel.
Du coté serveur (PHP) je peux gérer. C'est du coté client que je recherche
une solution.
Pour une ligne, c'est facile. La ligne que tu veux cacher, mettons
qu'elle ait l'id "total", tu peux faire :
document.getElementById("total").style.display = "none"; /* cacher */
document.getElementById("total").style.display = ""; /* montrer */
Pour une colonne, c'est un peu plus complexe car tu dois faire ça pour
chaque <th> et <td>, un par ligne. Mais bon, ça se fait aussi.
Tu peux aussi voir au niveau des tbody pour afficher/masquer des blocs de
ligne. Pour les colonnes ça se complique parce que certains styles ne
fonctionnent pas dans les colgroup.
A mon avis, ce serait plus facile d'y arriver avec une matrice de div
habilement nommées
[ idÁ-R1 ][ idÂ-R1 ]...[ id=Cn-R1 ]
[ idÁ-R2 ][ idÂ-R2 ]...[ id=Cn-R2 ]
...
[ idÁ-Rn ][ idÂ-Rn ]...[ id=Cn-Rn ]
Tu peux aussi voir au niveau des tbody pour afficher/masquer des blocs de
ligne. Pour les colonnes ça se complique parce que certains styles ne
fonctionnent pas dans les colgroup.
A mon avis, ce serait plus facile d'y arriver avec une matrice de div
habilement nommées
[ idÁ-R1 ][ idÂ-R1 ]...[ id=Cn-R1 ]
[ idÁ-R2 ][ idÂ-R2 ]...[ id=Cn-R2 ]
...
[ idÁ-Rn ][ idÂ-Rn ]...[ id=Cn-Rn ]
Tu peux aussi voir au niveau des tbody pour afficher/masquer des blocs de
ligne. Pour les colonnes ça se complique parce que certains styles ne
fonctionnent pas dans les colgroup.
A mon avis, ce serait plus facile d'y arriver avec une matrice de div
habilement nommées
[ idÁ-R1 ][ idÂ-R1 ]...[ id=Cn-R1 ]
[ idÁ-R2 ][ idÂ-R2 ]...[ id=Cn-R2 ]
...
[ idÁ-Rn ][ idÂ-Rn ]...[ id=Cn-Rn ]
Je recherche un moyen de présenter un tableau (X lignes+ X colonnes) en
offrant la possibilité de plier/déplier certaines parties (lignes ou
colonnes) avec sous totaux à la manière du mode plan d'Excel.
document.getElementById("total").style.display = ""; /* montrer */
Je recherche un moyen de présenter un tableau (X lignes+ X colonnes) en
offrant la possibilité de plier/déplier certaines parties (lignes ou
colonnes) avec sous totaux à la manière du mode plan d'Excel.
document.getElementById("total").style.display = ""; /* montrer */
Je recherche un moyen de présenter un tableau (X lignes+ X colonnes) en
offrant la possibilité de plier/déplier certaines parties (lignes ou
colonnes) avec sous totaux à la manière du mode plan d'Excel.
document.getElementById("total").style.display = ""; /* montrer */
Je recherche un moyen de présenter un tableau (X lignes+ X colonnes) en
offrant la possibilité de plier/déplier certaines parties (lignes ou
colonnes) avec sous totaux à la manière du mode plan d'Excel.
Du coté serveur (PHP) je peux gérer. C'est du coté client que je recherche
une solution.
Pour une ligne, c'est facile. La ligne que tu veux cacher, mettons
qu'elle ait l'id "total", tu peux faire :
document.getElementById("total").style.display = "none"; /* cacher */
document.getElementById("total").style.display = ""; /* montrer */
Pour une colonne, c'est un peu plus complexe car tu dois faire ça pour
chaque <th> et <td>, un par ligne. Mais bon, ça se fait aussi.
Je recherche un moyen de présenter un tableau (X lignes+ X colonnes) en
offrant la possibilité de plier/déplier certaines parties (lignes ou
colonnes) avec sous totaux à la manière du mode plan d'Excel.
Du coté serveur (PHP) je peux gérer. C'est du coté client que je recherche
une solution.
Pour une ligne, c'est facile. La ligne que tu veux cacher, mettons
qu'elle ait l'id "total", tu peux faire :
document.getElementById("total").style.display = "none"; /* cacher */
document.getElementById("total").style.display = ""; /* montrer */
Pour une colonne, c'est un peu plus complexe car tu dois faire ça pour
chaque <th> et <td>, un par ligne. Mais bon, ça se fait aussi.
Je recherche un moyen de présenter un tableau (X lignes+ X colonnes) en
offrant la possibilité de plier/déplier certaines parties (lignes ou
colonnes) avec sous totaux à la manière du mode plan d'Excel.
Du coté serveur (PHP) je peux gérer. C'est du coté client que je recherche
une solution.
Pour une ligne, c'est facile. La ligne que tu veux cacher, mettons
qu'elle ait l'id "total", tu peux faire :
document.getElementById("total").style.display = "none"; /* cacher */
document.getElementById("total").style.display = ""; /* montrer */
Pour une colonne, c'est un peu plus complexe car tu dois faire ça pour
chaque <th> et <td>, un par ligne. Mais bon, ça se fait aussi.
Bonjour,
Je recherche un moyen de présenter un tableau (X lignes+ X colonnes) en
offrant la possibilité de plier/déplier certaines parties (lignes ou
colonnes) avec sous totaux à la manière du mode plan d'Excel.
Bonjour,
Je recherche un moyen de présenter un tableau (X lignes+ X colonnes) en
offrant la possibilité de plier/déplier certaines parties (lignes ou
colonnes) avec sous totaux à la manière du mode plan d'Excel.
Bonjour,
Je recherche un moyen de présenter un tableau (X lignes+ X colonnes) en
offrant la possibilité de plier/déplier certaines parties (lignes ou
colonnes) avec sous totaux à la manière du mode plan d'Excel.
Très important : pour un élément de tableau, ne surtout pas positionner
la valeur de display à autre chose que "none" ou "". La positionner à
"block" par exemple devrait fonctionner dans IE6 mais pas dans les
navigateurs respectueux des standards. Inversement, la positionner à
"table-row" pour un <tr> ne fonctionnera pas dans IE6.
Très important : pour un élément de tableau, ne surtout pas positionner
la valeur de display à autre chose que "none" ou "". La positionner à
"block" par exemple devrait fonctionner dans IE6 mais pas dans les
navigateurs respectueux des standards. Inversement, la positionner à
"table-row" pour un <tr> ne fonctionnera pas dans IE6.
Très important : pour un élément de tableau, ne surtout pas positionner
la valeur de display à autre chose que "none" ou "". La positionner à
"block" par exemple devrait fonctionner dans IE6 mais pas dans les
navigateurs respectueux des standards. Inversement, la positionner à
"table-row" pour un <tr> ne fonctionnera pas dans IE6.
Très important : pour un élément de tableau, ne surtout pas positionner
la valeur de display à autre chose que "none" ou "". La positionner à
"block" par exemple devrait fonctionner dans IE6 mais pas dans les
navigateurs respectueux des standards. Inversement, la positionner à
"table-row" pour un <tr> ne fonctionnera pas dans IE6.
C'est pour ça que j'ai pris le parti de ne *jamais* utiliser
style.display mais plutôt d'utiliser le className de l'élément avec une
définition très simple.
.cacher { display:none }
Ainsi, pour cacher un élément il suffit d'y ajouter la classe "cacher"
et pour le faire réapparaitre il faut simplement enlever cette classe.
Sans jamais me soucier des considération capilotractées du type
d'élément à faire apparaitre selon le type de navigateur.
Très important : pour un élément de tableau, ne surtout pas positionner
la valeur de display à autre chose que "none" ou "". La positionner à
"block" par exemple devrait fonctionner dans IE6 mais pas dans les
navigateurs respectueux des standards. Inversement, la positionner à
"table-row" pour un <tr> ne fonctionnera pas dans IE6.
C'est pour ça que j'ai pris le parti de ne *jamais* utiliser
style.display mais plutôt d'utiliser le className de l'élément avec une
définition très simple.
.cacher { display:none }
Ainsi, pour cacher un élément il suffit d'y ajouter la classe "cacher"
et pour le faire réapparaitre il faut simplement enlever cette classe.
Sans jamais me soucier des considération capilotractées du type
d'élément à faire apparaitre selon le type de navigateur.
Très important : pour un élément de tableau, ne surtout pas positionner
la valeur de display à autre chose que "none" ou "". La positionner à
"block" par exemple devrait fonctionner dans IE6 mais pas dans les
navigateurs respectueux des standards. Inversement, la positionner à
"table-row" pour un <tr> ne fonctionnera pas dans IE6.
C'est pour ça que j'ai pris le parti de ne *jamais* utiliser
style.display mais plutôt d'utiliser le className de l'élément avec une
définition très simple.
.cacher { display:none }
Ainsi, pour cacher un élément il suffit d'y ajouter la classe "cacher"
et pour le faire réapparaitre il faut simplement enlever cette classe.
Sans jamais me soucier des considération capilotractées du type
d'élément à faire apparaitre selon le type de navigateur.
Très important : pour un élément de tableau, ne surtout pas positionner
la valeur de display à autre chose que "none" ou "". La positionner à
"block" par exemple devrait fonctionner dans IE6 mais pas dans les
navigateurs respectueux des standards. Inversement, la positionner à
"table-row" pour un <tr> ne fonctionnera pas dans IE6.
C'est pour ça que j'ai pris le parti de ne *jamais* utiliser
style.display mais plutôt d'utiliser le className de l'élément avec une
définition très simple.
.cacher { display:none }
C'est aussi une méthode. Mais utiliser les valeurs "none" et "" dans
style.display marche tout aussi bien.
Sans compter qu'il est plus facile
de positionner une valeur à "none" ou "" que de rajouter ou supprimer
une classe à des éléments qui parfois en contiennent déjà, parfois non.
Je prends un exemple extrême :
class="Dupond Martin Lacacherie Miakinen Vilday"
Il faut un code pas trop stupide pour détecter que "cacher" ne fait pas
partie de la liste des classes et qu'on peut le rajouter, et surtout
qu'il ne faut pas le supprimer. C'est faisable, bien sûr, mais ça reste
moins simple que « style.display="none" » et « style.display="" ».
Très important : pour un élément de tableau, ne surtout pas positionner
la valeur de display à autre chose que "none" ou "". La positionner à
"block" par exemple devrait fonctionner dans IE6 mais pas dans les
navigateurs respectueux des standards. Inversement, la positionner à
"table-row" pour un <tr> ne fonctionnera pas dans IE6.
C'est pour ça que j'ai pris le parti de ne *jamais* utiliser
style.display mais plutôt d'utiliser le className de l'élément avec une
définition très simple.
.cacher { display:none }
C'est aussi une méthode. Mais utiliser les valeurs "none" et "" dans
style.display marche tout aussi bien.
Sans compter qu'il est plus facile
de positionner une valeur à "none" ou "" que de rajouter ou supprimer
une classe à des éléments qui parfois en contiennent déjà, parfois non.
Je prends un exemple extrême :
class="Dupond Martin Lacacherie Miakinen Vilday"
Il faut un code pas trop stupide pour détecter que "cacher" ne fait pas
partie de la liste des classes et qu'on peut le rajouter, et surtout
qu'il ne faut pas le supprimer. C'est faisable, bien sûr, mais ça reste
moins simple que « style.display="none" » et « style.display="" ».
Très important : pour un élément de tableau, ne surtout pas positionner
la valeur de display à autre chose que "none" ou "". La positionner à
"block" par exemple devrait fonctionner dans IE6 mais pas dans les
navigateurs respectueux des standards. Inversement, la positionner à
"table-row" pour un <tr> ne fonctionnera pas dans IE6.
C'est pour ça que j'ai pris le parti de ne *jamais* utiliser
style.display mais plutôt d'utiliser le className de l'élément avec une
définition très simple.
.cacher { display:none }
C'est aussi une méthode. Mais utiliser les valeurs "none" et "" dans
style.display marche tout aussi bien.
Sans compter qu'il est plus facile
de positionner une valeur à "none" ou "" que de rajouter ou supprimer
une classe à des éléments qui parfois en contiennent déjà, parfois non.
Je prends un exemple extrême :
class="Dupond Martin Lacacherie Miakinen Vilday"
Il faut un code pas trop stupide pour détecter que "cacher" ne fait pas
partie de la liste des classes et qu'on peut le rajouter, et surtout
qu'il ne faut pas le supprimer. C'est faisable, bien sûr, mais ça reste
moins simple que « style.display="none" » et « style.display="" ».
Sans compter qu'il est plus facile
de positionner une valeur à "none" ou "" que de rajouter ou supprimer
une classe à des éléments qui parfois en contiennent déjà, parfois non.
Possible oui. Sauf par exemple quand on a un élément inline (que tu ne
contrôles pas) avec un style.display = 'block', qu'on le cache puis
l'affiche et que ohh ohh, le layout a changé...
Sans compter qu'il est plus facile
de positionner une valeur à "none" ou "" que de rajouter ou supprimer
une classe à des éléments qui parfois en contiennent déjà, parfois non.
Possible oui. Sauf par exemple quand on a un élément inline (que tu ne
contrôles pas) avec un style.display = 'block', qu'on le cache puis
l'affiche et que ohh ohh, le layout a changé...
Sans compter qu'il est plus facile
de positionner une valeur à "none" ou "" que de rajouter ou supprimer
une classe à des éléments qui parfois en contiennent déjà, parfois non.
Possible oui. Sauf par exemple quand on a un élément inline (que tu ne
contrôles pas) avec un style.display = 'block', qu'on le cache puis
l'affiche et que ohh ohh, le layout a changé...