Subtile différence entre les navigateurs ?

**Badawassi** · 12/04/2011, 14h03

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

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

**SpaceFrog** · 12/04/2011, 14h08

document.write ?

**Badawassi** · 12/04/2011, 16h11

J'ai toujours utilisé cette technique pour simplement afficher un texte à l'écran... Est-ce faux ?

**SpaceFrog** · 12/04/2011, 16h14

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

**Badawassi** · 12/04/2011, 16h16

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 ?

**SpaceFrog** · 12/04/2011, 16h18

fermée, finie ....

document.write a tendance à effacer le contenu

mais essaye avec le return false

**Badawassi** · 12/04/2011, 16h24

Ç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 ?

**SpaceFrog** · 12/04/2011, 16h29

Code :

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

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>

**Badawassi** · 12/04/2011, 16h34

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 ?

**SpaceFrog** · 12/04/2011, 16h41

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

**Badawassi** · 12/04/2011, 16h54

Ok merci pour ton aide je vais essayer de me débrouiller avec ça !!

**Willpower** · 12/04/2011, 17h22

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.

Subtile différence entre les navigateurs ?

JavaScript

Discussions similaires

Partager

Partager