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