[AJAX] innerHTML : code altéré

**avogadro** · 17/08/2006, 15h53

Bonjour, je ne sais pas d'ou ça vien, mais à cause de ça j'ai des petits soucis la; Je ne sais pas pourquoi j'obtiens une altération de code sous FF et pas sous IE

Je pense que c'est de là que mes fonctions ne fonctionnent (

) pas! http://www.developpez.net/forums/sho...d.php?t=197315

mon code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
var ALSACE_map = 	
'<map name="Region" border="0">' +
	'<area shape="rect" coords="248,202,268,222" href="../html/robot.htm?strasbourg">' +
	'<area shape="rect" coords="146,407,166,423" href="../html/robot.htm?colmar">' +
	'<area shape="rect" coords="143,535,162,555" href="../html/robot.htm?mulhouse">' +
'</map>' +
'<br/>Ville : <select id="town_name">' +
					'<option value="strasbourg">Strasbourg</option>' +
					'<option value="mulhouse">Mulhouse</option>' +
					'<option value="colmar">Colmar</option>' +
					'<input type="button" value="Valider" onClick="var la_ville = getElementById(\'town_name\').options.selectedIndex;'+
'location.href=\'./robot.htm?\'+ document.getElementById(\'town_name\').options[la_ville].value;"></select>';

IE:

FF:

**KiLVaiDeN** · 17/08/2006, 16h03

Salut,

A priori, Il essaie de rendre ton texte "compatible" XML.

En effet, quand tu écris :

Code :

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

 <br/>Ville :

Tu sors de la spécification XML. Car à la fin de ta balise BR, tu écris directement du texte, ce qui est interdit en XML.

Donc, j'imagine que bêtement, il t'ajoute une balise , pour le rendre conforme..

Par contre qu'il te transforme en c'est étonnant..

Arrange toi pour englober cette partie de texte, par exemple avec une balise qui n'aurait aucun effet sur le formattage, pour voir si ça ne résoud pas ton problème;

Tu peux aussi récupérer le flux AJAX en tant que "texte" et donc "non modifié" par le parseur. Peut-être dois-tu procéder de la sorte. En utilsant responseText au lieu de responseXML.

A+

**avogadro** · 17/08/2006, 16h12

Envoyé par KiLVaiDeN

Arrange toi pour englober cette partie de texte, par exemple avec une balise qui n'aurait aucun effet sur le formattage, pour voir si ça ne résoud pas ton problème

=> ça donne la meme chose avec du span :/

Envoyé par KiLVaiDeN

Tu peux aussi récupérer le flux AJAX en tant que "texte" et donc "non modifié" par le parseur. Peut-être dois-tu procéder de la sorte. En utilsant responseText au lieu de responseXML.

=> je ne vois pas très bien ce que tu veux dire par là, ni la manière dont utiliser cette solution

**KiLVaiDeN** · 17/08/2006, 16h15

Comment as-tu mit ton span ?

=> je ne vois pas très bien ce que tu veux dire par là, ni la manière dont utiliser cette solution

responseText ne parse pas le contenu; alors que responseXML s'attend à du XML.

Quel librairie utilises-tu pour récupérer ton flux AJAX ?

**avogadro** · 17/08/2006, 16h23

j'utilise pas d'ajax et je connais rien en ajax hehe!

sinon le span je l'ai mis soit :

Code :

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

1
2
3
4
var ALSACE_map = 	
'<span><map...
 ...
...elect></span>';

soit:

Code :

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

1
2
3
'<span><br/>Ville ...
 ...
...elect></span>';

**KiLVaiDeN** · 17/08/2006, 16h28

Salut,

En XML, tu ne peux pas écrire ceci :

Code :

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

1
2
3
<a>texte
<b>test</b>
</a>

Tu ne peux inclure dans une balise que du texte OU une autre balise, mais pas les deux à la fois.

donc il faudrait faire ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
var ALSACE_map = 	
'<map name="Region" border="0">' +
	'<area shape="rect" coords="248,202,268,222" href="../html/robot.htm?strasbourg">' +
	'<area shape="rect" coords="146,407,166,423" href="../html/robot.htm?colmar">' +
	'<area shape="rect" coords="143,535,162,555" href="../html/robot.htm?mulhouse">' +
'</map>' +
'<br /><span>Ville : </span><select id="town_name">' +
					'<option value="strasbourg">Strasbourg</option>' +
					'<option value="mulhouse">Mulhouse</option>' +
					'<option value="colmar">Colmar</option>' +
					'<input type="button" value="Valider" onClick="var la_ville = getElementById(\'town_name\').options.selectedIndex;'+
'location.href=\'./robot.htm?\'+ document.getElementById(\'town_name\').options[la_ville].value;" /></select>';

**KiLVaiDeN** · 17/08/2006, 16h29

Envoyé par avogadro

j'utilise pas d'ajax et je connais rien en ajax hehe!

Autant pour moi, j'associe l'utilisation du innerHTML à l'utilisation d'AJAX désormais hehe, c'est de ma faute

A+

**FremyCompany** · 17/08/2006, 16h33

Le problème ne vient pas de la...
Je pense plutot que FF n'est pas capable de créer une MAP sur la pile

Ca reste à prouver par des tests, mais ca me semble plausible comme explication

**KiLVaiDeN** · 17/08/2006, 16h37

Envoyé par FremyCompany

Le problème ne vient pas de la...
Je pense plutot que FF n'est pas capable de créer une MAP sur la pile

Ca reste à prouver par des tests, mais ca me semble plausible comme explication

Ca me semble choquant, étant donné que l'élément MAP fait partie de la spécif XHTML 1.0 W3c

Code :

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

<!ELEMENT map ((%block; | form | %misc;)+ | area+)>

**FremyCompany** · 17/08/2006, 16h43

Envoyé par KiLVaiDeN

Ca me semble choquant, étant donné que l'élément MAP fait partie de la spécif XHTML 1.0 W3c

Code :

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

<!ELEMENT map ((%block; | form | %misc;)+ | area+)>

Oui, mais la tu modifie le code de la page en cours d'affichage/execution... combien de bug dans ce genre d'opération ont déjà été référencés durant ce genre d'opération ? Beaucoups en tout cas...

**KiLVaiDeN** · 17/08/2006, 16h46

Possiblement..

Si c'est le cas, il faudrait que le posteur initial manipule le DOM lui même, en espérant que ça marche..

**avogadro** · 17/08/2006, 17h05

Envoyé par KiLVaiDeN

Salut,

En XML, tu ne peux pas écrire ceci :

Code :

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

1
2
3
<a>texte
<b>test</b>
</a>

Tu ne peux inclure dans une balise que du texte OU une autre balise, mais pas les deux à la fois.

donc il faudrait faire ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
var ALSACE_map = 	
'<map name="Region" border="0">' +
	'<area shape="rect" coords="248,202,268,222" href="../html/robot.htm?strasbourg">' +
	'<area shape="rect" coords="146,407,166,423" href="../html/robot.htm?colmar">' +
	'<area shape="rect" coords="143,535,162,555" href="../html/robot.htm?mulhouse">' +
'</map>' +
'<br /><span>Ville : </span><select id="town_name">' +
					'<option value="strasbourg">Strasbourg</option>' +
					'<option value="mulhouse">Mulhouse</option>' +
					'<option value="colmar">Colmar</option>' +
					'<input type="button" value="Valider" onClick="var la_ville = getElementById(\'town_name\').options.selectedIndex;'+
'location.href=\'./robot.htm?\'+ document.getElementById(\'town_name\').options[la_ville].value;" /></select>';

ça donne la même chose!

c'est quoi une MAP sur la pile?

et une DOM ? ^^ (je suis pas encore bien dans les termes lol)

**FremyCompany** · 17/08/2006, 17h10

sur la pile, cela fait référence a la traduction du therme anglais callStack qui représentent toutes les fonctions en cours d'éxécution...

ex :

Code :

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

1
2
3
FNC_0
- FNC_2
-- FNC_1

En gros, la fonctin FNC_0 attend une réponse de la fonction FNC_2 qui elle-même attend une réponse de la fonction FNC_1...

Sur la pile, cela veut dire que l'objet est crée dans une fonction et n'est pas la "à la création" de l'application (ici au chargement de la page web)