Masquer certaines colonnes d'un tableau ???

[aurcoc]

Bonjour,

 

J'ai un tableau à 8 colonnes. J'aimerai, en cliquant sur le bouton "btn" (cf exemple), masquer ou afficher les colonnes 4, 5 et 6.

 

Exemple :

Avant :

| col1 | col2 | col3 | btn | col4 | col5 | col6 | col7 | col8 |

 

Après avoir cliqué sur le bouton :

| col1 | col2 | col3 | btn | col7 | col8 |

 

J'ai pensé mettre l'instruction " style="display:none" id="col4" " pour chaque colonne. Puis, pour permettre l'affichage ou le masquage de chaque colonne, je pensais utiliser la fonction suivante:

 

 

function clickCOL() { 
for (j = 4; 6; j++) { 
tab = document.all['col' + j]; 
if (tab.style.display == "none"){ 
tab.style.display = "" 
} 
else { 
tab.style.display = "none" 
} 
} 
} 

 

Malheureusement pour moi, ça ne fonctionne pas.

Avez vous une autre idée?

 

Merci d'avance

[Neuromancer]

Bonjour,

 

J'ai un tableau à 8 colonnes. J'aimerai, en cliquant sur le bouton "btn" (cf exemple), masquer ou afficher les colonnes 4, 5 et 6.

 

Exemple :

Avant :

| col1 | col2 | col3 | btn | col4 | col5 | col6 | col7 | col8 |

 

Après avoir cliqué sur le bouton :

| col1 | col2 | col3 | btn | col7 | col8 |

 

J'ai pensé mettre l'instruction " style="display:none" id="col4" " pour chaque colonne. Puis, pour permettre l'affichage ou le masquage de chaque colonne, je pensais utiliser la fonction suivante:

 

 

function clickCOL() { 
for (j = 4; 6; j++) { 
tab = document.all['col' + j]; 
if (tab.style.display == "none"){ 
tab.style.display = "" 
} 
else { 
tab.style.display = "none" 
} 
} 
} 

 

Malheureusement pour moi, ça ne fonctionne pas.

Avez vous une autre idée?

 

Merci d'avance

Ta valeur display pour l'affichage n'est pas bonne, regarde cette page : http://fr.selfhtml.org/css/proprietes/posi...ent.htm#display pour connaitre la valeur qu'il te faut, person je testerais déjà display="block".

[aurcoc]

Merci pour l'info, je vais essayer !!