est-il possible de sélectionner une colonne d'une table et de la rendre invisible ??

Bonsoir,

j'aimerai faire apparaitre et disparaitre des colonnes d'une table.
Pensez vous qu'il soit possible de sélectionner une colonne spécifique..?

Merci
++

alors...

ça risque d'être un peu délicat, parce qu'une colonne n'existe pas en tant que telle... ce sont plutôt les lignes qui existent...

si comme ça le devrait, il n'y a pas de rowspan dans ton tableau, tu peux toujours utiliser ceci :

Code:

---

1 2 3 4 5 6

function hide_col(var table, var num_col) { lines = table.getElementsByTagName('tr'); for(var i = 0; i < lines.length; ++i) lines[i].getElementsByTagName('td')[num_col].style.display = 'none'; }

---

Il y a aussi la fonction inverse :

Code:

---

1 2 3 4 5 6

function show_col(var table, var num_col) { lines = table.getElementsByTagName('tr'); for(var i = 0; i < lines.length; ++i) lines[i].getElementsByTagName('td')[num_col].style.display = 'table-cell'; }

---

Je vais essayer ça j'espere que ca va marcher..
Merci bien

Je voudrai juste savoir c'est bien du javascript..?
Parceque quand j'insère le code ca fout un peu le bordel et plus rien ne fonctionne.

Quand je lance sur intenet explorer il y a une erreur du type identificateur attendu.

Merci encore

oui, c'est du JavaScript...

il manque juste un var devant lines (mais IE ne devrait rien dire, surtout lui)

tu lui passes quoi en argument ?

le premier doit être la balise table elle-même (pas une id ou autre, mais l'objet DOM lui même)
le second le numéro de la colonne (la première a le numéro 0, la seconde 1, etc...)

cela rejoint la question où tu demandais de rendre un label invisible

je prétend que tu peux également le faire avec du css : si tu mets une classe sur les td que tu désires rendre invisibles et que tu passes cette classe en display:none cela doit également fonctionner

cela ne veut pas dire que le javascript est mauvais, tout dépend du contexte et de ce que tu souhaites exactement

Citation:

---

Envoyé par francis m

cela rejoint la question où tu demandais de rendre un label invisible

je prétend que tu peux également le faire avec du css : si tu mets une classe sur les td que tu désires rendre invisibles et que tu passes cette classe en display:none cela doit également fonctionner

cela ne veut pas dire que le javascript est mauvais, tout dépend du contexte et de ce que tu souhaites exactement

---

Le problème est de modifier dynamiquement les caractèristiques de la classe, c'est plus dur déjà ;)

Pour les arguments, j'ai mis ("R2",0) avec R2 le id mais je ne sais pas quoi mettre d'autres. la tablen'a pas de nom donc g créé un id pourl a différencier des autres..
je ne vois ce que c'est :

Citation:

---

le premier doit être la balise table elle-même (pas une id ou autre, mais l'objet DOM lui même)

---

si elle a un id pour la différencier des autres, tu peux la récupérer par

Code:

---

document.getElementById('R2')

---

c'est ça qu'il faut passer comme premier argument à la fonction ^^

il me fait toujours la même erreur, quelle version de javascript faut-il que je mette dans :

Code:

---

1 2	<script language="javascript">

---

vous pensez que ca vient de la..?
je ne sais vraiment pas ce qui se passe..

tu peux donner la page HTML que tu utilises pour faire les tests ?

je te la mets en fichier attaché..merci bien

Voila dsl je me suis raté !!

Citation:

---

Envoyé par Swoög

Le problème est de modifier dynamiquement les caractèristiques de la classe, c'est plus dur déjà ;)

---

cela dépend quand tu veux le faire : soit après chargement de la page, donc en javascript (en supposant que ton client ne l'a pas désactivé), soit lors du chargement de ta page.

si c'est lors du chargement de ta page, par exemple en php, il suffit de faire un test de ce genre, avec un if en fonction de tes conditions :

Code:

---

1 2 3

<style type="text/css"> #maclasse { display:none; } </style>

---

moi j'aimerai afficher et faire disparaitre a ma guise suisvant les valeurs d'un select.
comme ca je ne suis pas sur que ca marche.

les noms des paramètres et des fonctions semblaient poser problème :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

function HC(a, b) { var lines = a.getElementsByTagName('tr'); for(var i = 0; i < lines.length; ++i) lines[i].getElementsByTagName('td')[b].style.display = 'none'; } function SC(a, b) { var lines = a.getElementsByTagName('tr'); alert(lines); for(var i = 0; i < lines.length; ++i) lines[i].getElementsByTagName('td')[b].style.display = 'table-cell'; }

---

mais ça ne marchera pas en l'état actuel, car toute ta table est en visibility : hidden...

il faut les repasser en visible...

oki cool j'essai ca merci!!
dc si j'ai bien compris je passe la table en visible puis ja passe chaque colonnes en "none" et puis kan je veux en "cell"...?

voilà, par exemple...

ou plus simple, à l'origine, la table est visible, et chaque td est en display : none

le tout est de savoir si tu recharges ta page ou non
et cela c'est ton choix

si tu recharges ta page, utilises php
si tu ne la recharges pas, utilises javascript (sachant que certains clients le désactive)

je sais que normalement la balise style doit être dans le head
mais je l'ai déjà mis dans le body et sur les navigateurs que j'ai essayé cela fonctionnait correctement

Salut,

J'ai essayé les fonctions que vous m'aviez donné mais on me dit qu'il est impossible d'obtenir la propriété display au niveau de :

Code:

---

1 2 3

for(var i = 0; i < lines.length; ++i) lines[i].getElementsByTagName('td')[b].style.display = 'table-cell';

---

Si quelqu'un pouvait m'aider...
Merci