[AJAX] affichage d'images avec ajax
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:
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:
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:
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!