Subtile différence entre les navigateurs ? [Résolu]

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.

12/04/2011, 14h08	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	document.write ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

12/04/2011, 16h11	#3
Badawassi Invité de passage Inscription : décembre 2008 Messages : 6 Détails du profil Informations forums : Inscription : décembre 2008 Messages : 6 Points : 0 Points : 0	J'ai toujours utilisé cette technique pour simplement afficher un texte à l'écran... Est-ce faux ?
	00

12/04/2011, 16h14	#4
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	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 __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

12/04/2011, 16h16	#5
Badawassi Invité de passage Inscription : décembre 2008 Messages : 6 Détails du profil Informations forums : Inscription : décembre 2008 Messages : 6 Points : 0 Points : 0	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 ?
	00

12/04/2011, 16h18	#6
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	fermée, finie .... document.write a tendance à effacer le contenu mais essaye avec le return false __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

12/04/2011, 16h24	#7
Badawassi Invité de passage Inscription : décembre 2008 Messages : 6 Détails du profil Informations forums : Inscription : décembre 2008 Messages : 6 Points : 0 Points : 0	Ç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 ?
	00

12/04/2011, 16h34	#9
Badawassi Invité de passage Inscription : décembre 2008 Messages : 6 Détails du profil Informations forums : Inscription : décembre 2008 Messages : 6 Points : 0 Points : 0	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 ?
	00

12/04/2011, 16h54	#11
Badawassi Invité de passage Inscription : décembre 2008 Messages : 6 Détails du profil Informations forums : Inscription : décembre 2008 Messages : 6 Points : 0 Points : 0	Ok merci pour ton aide je vais essayer de me débrouiller avec ça !!
	00

12/04/2011, 17h22	#12
Willpower Membre Expert Boris Dessy sans emploi Inscription : décembre 2010 Messages : 860 Détails du profil Informations personnelles : Nom : Boris Dessy Localisation : Belgique Informations professionnelles : Activité : sans emploi Informations forums : Inscription : décembre 2010 Messages : 860 Points : 1 364 Points : 1 364	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.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email