Discussion :

[lightstring4]

Bonjour,

J'ai passé des heures à chercher la solution sur internet, et je n'y suis pas arrivé.
Je cherche à faire une fonction Javascript manipulant le DOM que j'appelle avec un évènement onClick, afin de masquer une colonne donnée (paramètre) d'un tableau HTML. J'y suis pratiquement arrivé, mais cela ne fonctionne que sur IE (pour une fois !) et pas sur Firefox. Ce qui me déroute c'est surtout l'insertion automatique de <tbody> par Firefox dans le code, ce qui me semble pose problème. J'ai alors inséré le <tbody> dans le code source.
Voici les codes HTML et Javascript.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<div class="tableV">
  <table id="tableau">
<tbody>
<tr>
  <th class="cfra"> français </th>
  <th class="ceng"> english </th>
</tr>
<tr>
  <td class="titre_cellule"> xxxx </td>
  <td class="titre_cellule"> xxxx </td>
</tr>
</tbody>
</table>
</div>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
function afficherCacher(no_col) {
   var tableau = document.getElementById('tableau');	
   var tablebody = tableau.childNodes;
      alert('tablebody= '+ tablebody.length);
   var lignes = tablebody[0].childNodes;
      alert('lignes= '+lignes.length);
   for (var i=0;i<lignes.length;i++) {
      var cellules = lignes[i].childNodes;
      if ((cellules[no_col-1].style.display == 'inline') || (cellules[no_col-1].style.display == '')) {
         cellules[no_col-1].style.display = 'none';
      }
      else {
         cellules[no_col-1].style.display = 'inline';
      }
   }
}

J'ai inséré des 'alert' pour détecter les différences de comportement de IE et FF.
IE détecte 1 tbody et 5 lignes de tableau
FF détecte 3 tbody mais 0 lignes de tableau

Est-ce que quelqu'un saurait me dire ce qui ne va pas ?
Merci

[SpaceFrog]

Code :

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

  var cellules = lignes[i].childNodes;

passe par getElementsByTagName('th') et getElementsByTagName('td')

[Bovino]

Ou par les collections rows et cells

Code :

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

1
2
3
var tablebody = tableau.rows;
...
var lignes = tablebody[0].cells;

[javatwister]

travaille avec des listes!

[lightstring4]

Merci pour les réponses que j'ai exploitées et voici à quoi j'arrive pour le code JS après quelques adaptations (comme le table-cell au lieu de inline, car sinon sur FF le réaffichage des colonnes crées des cellules de la largeur du texte, plutôt moche en fait) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function afficherCacher(no_col) {
	var tableau = document.getElementById('tableau');	
	var lignes = tableau.rows;
	for (var i=0;i<lignes.length;i++) {
	   var cellules = lignes[i].cells;
	   if ((cellules[no_col-1].style.display == 'table-cell') || (cellules[no_col-1].style.display == '')) {
	   cellules[no_col-1].style.display = 'none';
	   }
	   else {
	   cellules[no_col-1].style.display = 'table-cell';
	   }
	}
}

Mais pouvez-vous me dire pourquoi dans ce cas le DOM ne peut être exploité avec les noeuds ? On en parle tellement de ce DOM, et là FF qui est sensé respecter plus les standards que IE ne marche pas comme IE le fait ?

[SpaceFrog]

http://javascript.developpez.com/faq...M#DOMIEFirefox

[lightstring4]

Merci SpaceFrog.

PS: le peu de fois où j'ai utilisé developpez.com pour mes problèmes (pardon j'ai dit ce mot banni !! ), j'ai toujours trouvé réponse. Merci à developpez.com, le meilleur site francophone d'aide sur l'informatique !!

[SpaceFrog]

Merci

Petite explication pour le mot problème.

Le mot n'est pour moi à bannir que des titres de post.
Il est évident qu'une personne qui poste sur le forum à un problème, c'est quasiment implicite.
Sachant que le moteur de recherche du forum explore les titres de post, le mot problème ne peut que polluer...
J'imagine mal une personne faisant une recherche avec le mot problème

Ainsi en bannissant ce mot des titres cela oblige les posteurs a avoir un titre explicite.

D'ou ma chasse ouverte