Discussion :

[sami_c]

Bjr,
Dans ma page HTML, j'ai un tableau et du js pour faire du traitement dessus. Habitué à l'indentation, j'écris mon code de la façon suivante :

Code :

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

1
2
3
4
5
6
7
 
<table id='toto'>
  <tr>
     <td>Salut</td>
     <td>Bjr</td>
  </tr>
</table>

Le traitement JS fait du traitement sur les TD (il va les cacher)
La page fonctionne à merveille sous IE....mais pas sous FireFox !!!!! c-a-d que dans ce dernier,le traitement js ne fonctionne pas !!!
après plusieurs tentatives de débuggage, j'ai trouvé la solution, il fallait faire le code html suivant :

Code :

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

1
2
 
<table id='toto'><tr><td>Salut</td><td>Bjr</td></tr></table>

!!!!! comment des retours à la ligne peuvent-ils faire tout foirer ??? en plus ce pb me laisse hésitant sur le fait de basculer sur FF !

[SpaceFrog]

plutot un problème javascript à mon avis ...
tu appelles comment les td en javascript ?

[narnou]

Salut

je ne sais pas comment tu effectue tes traitements, mais je n'ai pas d'ennuis du style sous FF.

Par contre, cela vient simplement du fait que le retour a la ligne est, dans la mémoire, lui aussi codé comme un caractère (représenté \n ou \r\n sur mac). C'est ce caractère qui doit faire foirer l'une ou l'autre fonction lors de l'analyse de la chaine de caractères. :s

Pour t'aider, tu px utiliser un principe simple Il existe des petits programmes qui t'optimisent ton code, en réduisant les caractères inutiles (comprennant donc principalement indentations, retours a la lignes, espaces inutiles etc...). Pas mal d'éditeurs proposent aujourd'hui cette fonction également, je suis usr que tu vois de quoi je veux parler

La technique quand tu veux tester ton code, tu le compresse, tu le sauve et puis tu "undo" (ctrl+z). Tu retrouves donc ton code indenté pèpere pour l'éditer, mais il est sauvé de façon a éviter le problème que tu rencontre

[sami_c]

narnou > mais ça reste quand meme embetant et pas pratique, surtout pour un site où on a des centaines de pages !!!

SpaceFrog > non ce n'est pas un pb JS, la preuve c que ça marche bien sous IE, alors que sous FF, j'ai du seulement supprimé les retours à la ligne, je n'ai donc pas touché au code JS !!!

[SpaceFrog]

ben justement fais voir comment tu attaques un td en javascript ...
je suis sur que l'on peut trouver une syntaxe qui fait fi des retrour lignes ou pas ...

[Huntress]

Le mieux selon moi c'est de développer sous FF (en plus le debuggueur est beaucoup plus pratique), comme ça après en passant sous IE tu es presque certain de ne pas avoir de mauvaises surprises, l'inverse est totalement faux, IE n'étant pas une référence

[sami_c]

ben justement fais voir comment tu attaques un td en javascript ...
je suis sur que l'on peut trouver une syntaxe qui fait fi des retrour lignes ou pas ...

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
18
19
20
21
22
23
24
25
26
27
28
 
   function decoupeTable(idtable){ 
      var tble = document.getElementById(idtable); 
      var nav  = document.createElement("div"); 
      var tb   = tble.getElementsByTagName("tbody")[0]; 
      var lig  = tble.getElementsByTagName("tr"); 
      var next = document.createElement("input"); 
      var prev = document.createElement("input"); 
 
      next.type = "button"; 
      next.id = "bNext"; 
      next.style.display = "none"; //on cache le bouton
      next.value = ">"; 
      next.onclick = function()
	  { 
	     for(var k=0;k<bloc;k++){			 
			 if(startPos+nbCols < maxCols){ 
				for(var i=0;i<lig.length;i++){ 
				   lig[i].childNodes[startPos].style.display = "none"; 
				   lig[i].childNodes[startPos+nbCols].style.display = ""; 
				} 
				startPos++; 
			 } 
			 else
				a_next.style.display = "none";	// On n'affiche plus >>
		  }
		  a_prev.style.display = "";	// On réaffiche <<
      } ...

[sami_c]

Le mieux selon moi c'est de développer sous FF (en plus le debuggueur est beaucoup plus pratique), comme ça après en passant sous IE tu es presque certain de ne pas avoir de mauvaises surprises, l'inverse est totalement faux, IE n'étant pas une référence

si j'avais commencé à developper sur FF, le script n'aurai pas marché, et j'aurais directement laissé tombé cer il n'y a rien qui montre que le js est correct ! donc heureusement que j'ai testé d'abord sur IE car il m'a démontré que le JS était ok, donc pour trouver la solution je me suis concentré sur le HTML ! Donc je pense que IE a été bénifique pour moi, quoi que je n'aime pas trop, d'ailleur maintenant j'essaie de ne plus utiliser que FF, mais le pb que j'ai cité me laisse encore hésiant !!

[SpaceFrog]

jette un oeil sur ce qu'est un Node cleaner !

Code :

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

1
2
3
 
 lig[i].childNodes[startPos].style.display = "none";
 lig[i].childNodes[startPos+nbCols].style.display = "";

pas bon ça car IE et FireFox ne gètrent pas les noeuds de la même façon ...


deux solutions:
soit tu uitlises un nodecleaner avant de lancer ta focntion et dans ce cas elle focntionneras aussi bien sous IE que FFX ...

soit tu passe par la syntaxe suivante :

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
18
19
20
21
22
23
24
25
26
27
<body>
<table border="1" width="100%">
	<tr>
		<td width="20%">blablalala;</td>
		<td width="20%">&nbsp;</td>
		<td width="20%">coucou;</td>
		<td width="20%">&nbsp;</td>
		<td width="20%">&nbsp;</td>
	</tr>
	<tr>
		<td width="20%">&nbsp;</td>
		<td width="20%">&nbsp;</td>
		<td width="20%">&nbsp;</td>
		<td width="20%">&nbsp;</td>
		<td width="20%">&nbsp;</td>
	</tr>
	<tr>
</table>
<script type='text/javascript'>
var lig  = document.getElementsByTagName("tr"); 
var cellules= new Array()  
for (i=0;i<lig.length;i++){
       cellules.push(lig[i].getElementsByTagName('td'))
}
alert(cellules[0][2].innerHTML)
</script>
</body>