Subtile différence entre les navigateurs ?

Version imprimable

Bonjour,
Je travaillais sur un petit jeu en javascript et je suis tombé sur un problème. Voilà mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <html> <head> <script type="text/javascript"> i=0; function ecrire() { document.write("<a onClick='ecrire()'>hello"+i+"</a><br/>"); i++; } </script> </head> <body> <a onClick="ecrire()">Ecrire</a> </body> </html>
Ce code est censé écrire un lien appelé hello0 et quand on clique dessus apparaît en dessous hello1, si on clique sur hello0 ou hello1, ça écrit hello2, etc... Je sais pas si c'est compréhensible !?
Le problème, c'est que sous Chrome et Safari ça fonctionne tip-top, mais sur Firefox et IE pas du tout...
Est-ce que quelqu'un a une idée d'où pourrait provenir le problème ?
Merci d'avance !!

Badawassi

12/04/2011, 14h08
SpaceFrog

document.write ?
12/04/2011, 16h11
Badawassi

J'ai toujours utilisé cette technique pour simplement afficher un texte à l'écran... Est-ce faux ?
12/04/2011, 16h14
SpaceFrog

faux non mais a éviter dans cette utilisation car la page est "close"
mieux vaut passer par le dom
Mais le problème majeur reside dasn la non inhibiton du href
met un return false après dans le onclick
12/04/2011, 16h16
Badawassi

La page est close ? Qu'est-ce que tu entends par là ?
Quand tu dis DOM, cela veut dire que je devrais plutôt utiliser le innerHTML ?
12/04/2011, 16h18
SpaceFrog

fermée, finie ....

document.write a tendance à effacer le contenu

mais essaye avec le return false
12/04/2011, 16h24
Badawassi

Ça ne change rien en utilisant le return false... je pense que l'inhibition du href n'y est pour rien puisque si je mets une balise span j'ai le même problème...
Une autre idée ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
</head>
 <script type="text/javascript"> 
   i=0;
   function ecrire()
   { 
 	document.getElementById("foo").innerHTML="hello "+i;
 	i++;
   }
  </script>
 <body>
  <a id="foo" onclick="ecrire();return false">Ecrire</a>
 </body>
</html>

12/04/2011, 16h34
Badawassi

Merci, mais ça ne résout pas totalement le problème... ce que j'aurais voulu, ce n'est pas que le texte soit remplacé, mais qu'il vienne en-dessous, que ça crée un nouveau lien en fait... Tu vois ce que je veux dire ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
</head>
 <script type="text/javascript"> 
   i=0;
   function ecrire()
   { 
 	var newa=document.getElementById("foo").cloneNode(true)
 	newa.innerHTML="hello "+(++i);
 	document.body.appendChild(document.createElement('br'));
	document.body.appendChild(newa);
 
   }
  </script>
 <body>
  <a id="foo" onclick="ecrire();return false">Ecrire</a>
 </body>
</html>

12/04/2011, 16h54
Badawassi

Ok merci pour ton aide je vais essayer de me débrouiller avec ça !!
12/04/2011, 17h22
Willpower

et ce que spaceFrog voulait dire par "document fermé/clos", c'est que le document.write ne doit être utilisé que lors du chargement de la page, lors de sa création.