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

Version imprimable

07/05/2006, 23h57
sagitarium

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'; }

08/05/2006, 00h05
sagitarium

Je vais essayer ça j'espere que ca va marcher..
Merci bien
08/05/2006, 00h10
sagitarium

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
08/05/2006, 00h16
Swoög

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...)
08/05/2006, 00h18
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
08/05/2006, 00h19
Swoög

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à ;)
08/05/2006, 00h20
sagitarium

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)
08/05/2006, 00h21
Swoög

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 ^^
08/05/2006, 00h25
sagitarium
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..
08/05/2006, 00h30
Swoög

tu peux donner la page HTML que tu utilises pour faire les tests ?
08/05/2006, 00h34
sagitarium

je te la mets en fichier attaché..merci bien
08/05/2006, 00h36
sagitarium

1 pièce(s) jointe(s)

Voila dsl je me suis raté !!
08/05/2006, 00h38
francis m
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>
08/05/2006, 00h39
sagitarium

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...

08/05/2006, 00h49
sagitarium

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"...?
08/05/2006, 00h56
Swoög

voilà, par exemple...

ou plus simple, à l'origine, la table est visible, et chaque td est en display : none
08/05/2006, 01h03
francis m

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
08/05/2006, 11h50
sagitarium
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
08/05/2006, 12h01
Swoög

tu peux fournir la page avec la quelle tu fais tes test s'il te plaît ?
08/05/2006, 12h05
sagitarium

1 pièce(s) jointe(s)

voila c'est bon!!
Merci!

Je n'arrive pas a faire marcher les fonctions suivantes :

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');
   for(var i = 0; i < lines.length; ++i)
      (lines[i].getElementsByTagName('td')[b]).style.display = 'table-cell';
}

Si c'est possible de me donner une solution alternative..
Merci.

08/05/2006, 16h04
Swoög

C'est IE qui bug, ça marche très bien sous Firefox, impossible de trouver un truc pour que ça marche sous IE... :aie: désolé...
08/05/2006, 16h40
sagitarium

merci

Fuseau horaire GMT +2. Il est actuellement 04h25.