[AJAX] innerHTML : code altéré

Version imprimable

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 8O 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:

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:
http://img115.imageshack.us/img115/736/imageielj4.jpg

FF:
http://img232.imageshack.us/img232/8010/imageffng9.jpg

17/08/2006, 16h03
KiLVaiDeN

Salut,

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

En effet, quand tu écris :

Code:

<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 <font>, pour le rendre conforme..

Par contre qu'il te transforme <br/> en <br> c'est étonnant..

Arrange toi pour englober cette partie de texte, par exemple avec une balise <span> 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+
17/08/2006, 16h12
avogadro

Citation:

Envoyé par KiLVaiDeN

Arrange toi pour englober cette partie de texte, par exemple avec une balise <span> 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 :/

Citation:

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
17/08/2006, 16h15
KiLVaiDeN

Comment as-tu mit ton span ?

Citation:

=> 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 ?
17/08/2006, 16h23
avogadro
j'utilise pas d'ajax et je connais rien en ajax hehe!

sinon le span je l'ai mis soit :
Code:

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

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

Salut,

En XML, tu ne peux pas écrire ceci :

Code:

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:

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

17/08/2006, 16h29
KiLVaiDeN

Citation:

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+
17/08/2006, 16h33
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 ;)
17/08/2006, 16h37
KiLVaiDeN

Citation:

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:

<!ELEMENT map ((%block; | form | %misc;)+ | area+)>
17/08/2006, 16h43
FremyCompany

Citation:

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:

<!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...
17/08/2006, 16h46
KiLVaiDeN

Possiblement..

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

Citation:

Envoyé par KiLVaiDeN

Salut,

En XML, tu ne peux pas écrire ceci :

Code:

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:

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? 8O 8O

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

17/08/2006, 17h10
FremyCompany
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:

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)
23/08/2006, 15h35
KiLVaiDeN

Citation:

Envoyé par KiLVaiDeN

Code:

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

Je tiens à rectifier ce que j'ai dit; Ceci n'est pas vrai, il est tout à fait possible en XML d'avoir du texte et à coté une balise.

A+ :)