[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:
	
| 12
 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:
	
| 12
 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:
	
| 12
 3
 4
 
 |  
li img:before {
   content : attr(src) ;
} | 
 Alors, comment faire pour cette image s'affiche, sous Firefox, puisqu'elle est présente?
Merci!