Discussion :

[Pi2]

Bonjour,
j'envoie une requête au serveur via Ajax. Je récupère le xml que me renvoie le serveur. En l'occurence un truc du genre:

Code :

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

1
2
3
4
5
6
7
 
<ul>
<li>
   <img src="/monapp/images/monicone.gif" />
   un petit texte.
</li>
</ul>

Et j'insère ce bout de xml dans le dom de ma page à l'aide de:

Code :

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

1
2
3
 
var newNode = document.importNode(xmlDoc.cloneNode(true), true);
parentNode.appendChild(newNode);

si importNode existe (c-a-d avec Firefox par exemple), et sinon à l'aide d'une copie de chaque balise en itérant sur tous les neuds (pour IE par exemple).

Le résultat:
sous IE : ok (pour une fois...)
sous Firefox : ko car l'image ne s'affiche pas alors que la balise est bien présente avec un attribut src correct : j'ai ajouté dans la feuille de style de ma page le style suivant qui me permet d'affirmer cela:

Code :

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

1
2
3
4
 
li img:before {
   content : attr(src) ;
}

Alors, comment faire pour cette image s'affiche, sous Firefox, puisqu'elle est présente?
Merci!

[Pi2]

Il suffit de ne pas oublier de spécifier l'espace de nommage (en l'occurence celui d'xhtml) afin que Firefox puisse interpréter ces balises (<ul>, <li>, <img> etc) comme étant du HTML!!!

Donc, il suffit, dans l'exemple précédent, que le serveur renvoie un xml comme suit:

Code :

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

1
2
3
4
5
6
7
 
<ul xmlns="http://www.w3.org/1999/xhtml">
<li>
   <img src="/monapp/images/monicone.gif" />
   un petit texte.
</li>
</ul>

Et le tour est joué. Sous IE, l'absence d'espace de nommage ne posait pas de problème car IE (de façon moins rigoureuse) ne gère pas les espaces de nommage.

Pi2.

[N3odyme]

Moi aussi j'ai ce problème-là, sauf que c'est IE qui n'affiche pas les images.

Je n'ai pas précisé de doctype pour mon ducument car sinon mes styles ne fonctionnet pas bien sous IE. De plus, avec ou sans, les images ne s'affichent pas...

Le contenu renvoyé par le serveur est simplement un fichier texte (.txt) qui est ensuite inclut dans une DIV. Pas de PHP utilisé dans ce cas.

Quelqu'un a-t-il une idée? mes src sont écrits sous cette forme src="./contents/chapitre_0/1.1.txt"

A bientôt!