Discussion :

[sagitarium]

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

[Swoög]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[sagitarium]

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

[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

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

[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

[Swoög]

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à

[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 :

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

[Swoög]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('R2')

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

[sagitarium]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<script language="javascript">

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

[Swoög]

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

[sagitarium]

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

[sagitarium]

Voila dsl je me suis raté !!

[francis m]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

[Swoög]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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"...?

[Swoög]

voilà, par exemple...

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

[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

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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