Un retour à la ligne qui fait tout foirer !!!!

Version imprimable

23/02/2006, 13h57
sami_c

Un retour à la ligne qui fait tout foirer !!!!
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:

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:

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 !
23/02/2006, 14h08
SpaceFrog

plutot un problème javascript à mon avis ...
tu appelles comment les td en javascript ?
23/02/2006, 14h10
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 :)
23/02/2006, 14h26
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 !!!
23/02/2006, 15h01
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 ...
23/02/2006, 20h30
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 :wink:

Citation:

Envoyé par 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 ...

Code:

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

24/02/2006, 09h57
sami_c

Citation:

Envoyé par 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 :wink:

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

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

Code:

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:

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>