[DOM] innerHTML, changement d'image, IE pas ok

Bonjour,

J'ai un probleme avec IE pour changer grace à une fonction javascript le contenu d'une div avec une image. Tout fonctionne tres bien avec FireFox et à moitié avec IE;)
Par à moitié j'entends que l'image n'apparait pas sous IE, mais que par contre l'espace qu'elle devrait occupée est bien apparent, que si je clique droit et fait "afficher l'image" elle apparait bien. En fait, IE semble ne pas recharger correctement le contenu de la div pour faire l'affichage. Le code est correctement exécuté, mais l'affichage lui non.
Si vous avez une idée je suis preneur.
Merci

Il nous faudrait ton code pour qu'on puisse t'aider ;)

Code:

---

1 2 3 4 5 6 7 8

function changePic(idDiv, url){     var html = "<img src=\"" + url + "\">";   document.getElementById(idDiv).innerHTML = html;   }

---

Cette fonction fonctionne tres bien en terme de code pour FF et IE, mais l'affichage n'est correcte qu'avec FF, pas avec IE, pour lequel je dois forcer le rafraichissement avec un clique droit souris "afficher l'image".

C'est bizarre le code me semble correct en plus je viens de le tester sous IE 6 et l'image s'affiche sans que l'on ai besoin de la rafraichir ...

et avec du DOM ?

Code:

---

1 2 3 4 5 6 7 8 9

function changePic(idDiv, url){     var img = document.createElement('IMG'); img.src = url;   document.getElementById(idDiv).appendChild(img);   }

---

de tête

Merci pour l'idée, je vais tester ca de suite et vous tiens au courant.

Bon j'ai essayé et j'ai exactement le même probleme.
Sous FF c'est nickel et sous IE je vois juste apparaitre la zone ou devrait s'afficher l'image mais pas l'image. Je suis obligé de forcer on affichage pour la voir.
Je comprends vraiment pas.

J'ai une autre solution à te proposer mais c'est un peu de la bidouille :?

Pourquoi ne pas créer une iframe dans ton div occupant la totalité de la place (width et height à 100%) ?

Tu pourrais ainsi injecter l'image dans l'iframe et non plus passer par un getElementByID...

moi j'ai pas de pb, sauf qu'il faut supprimer l'ancienne image

Code:

---

1 2 3 4 5 6 7 8 9 10

function changePic(idDiv, url){     var img = document.createElement('IMG'); img.src = url;   document.getElementById(idDiv).removeChild(document.getElementById(idDiv).children(0)); document.getElementById(idDiv).appendChild(img);   }

---

Salut,

Je vais essayer en supprimant l'ancienne, efefctivement ca peut faire une diff !

Merci et à bientot pour la suite ;-)

bonjour,

pourquoi vous casser la tête à supprimer une image pour en créer une autre au même endroit :koi:

Code:

---

1 2	document.getElementById("idImage").src = url;

---

devrait suffire non ?

muhaha :aie: j'étais au taf jme suis pas posé de question j'ai servi la version DOM de la fonction initiale...

ta résolu ton pb sunshine33 ?

si c'est le cas j'aimerai bien avoir ta solution.

merci

où si qlq'un d'autre à une solution ?
mon dom ressemble à çà
<div><a><img /></a>

donc moi je supprime tout ce qui est à l'intérieure de <div> pour le regenéré en javascript.

sous ie7 et firefox aucun probleme, mais ie6 ne recharche pas l'image, ou peut etre qu'une fois sur 10 :(

je m'arrache les cheveux la dessus donc si qlq'un à une soluce qu'il aurai déjà tester çà me serai utile.

Les solutions proposées ne te conviennent pas ? Où ça bloque ?

les solutions fonctionne sous ie7 et firefox mais pas sous ie6

le truc c'est que moi je travail en ajax, et l'url que je donne fait suite à un traitement en ajax, bon ok le pb devrai etre le meme mais dans mon cas çà fonctionne pas.

par contre la chose qui m'intrigue c'est que si je fait un alert juste apres l'affichage de mon image alors dans ce cas l'image s'affiche

si vous avez des pistes je suis preneur, je bloque vraiment là :(

Si c'est un problème de cache, tu peux incrementer une variable et la passer comme argument à l'URL

Code:

---

1 2 3 4 5 6

function setURL_nocache(img, url) { if(!img.cache) { img.cache = 0; } else { img.cache++; } img.src=url + "?cacheIndex=" + img.cache; }

---

j'ai déjà essayer cette solution avec la class Date.

çà marche toujours pas.

Bonjour,

Bon toutes les solutions proposées ne fonctionnent pas. Ce n'est pas la justesses des réponses qui sont à mettre en doute, elles sont toutes jsutes je pense. Je vois bien dans IE que le contenu de la div a changé, ne serait ce que par la palce qu'elle occuppe. Le problème est que le contenu, l'imge donc, n'est pas affichée. Il faut forcer son affichage par le code si c'est possible. En effet, je rappel qu'un clic droit de la souris "afficher l'image" force l'affichage de l'image.
Donc changer le contenu de la div pas de prob, que ce soit par eds innerHTML ou par le DOM etc. mais rendre visible ce nouveau contenu (l'image) ne semble pas fonctionner dans mon cas.

En tout cas merci pour la participation de tout le monde !

Et faire un display = "none"; setTimeout("...display=''", 0)

(le setTimeout est important car il va permettre d'effectuer le changement de style dans un autre thread JS donc le none va s'appliquer sinon, comme IE attends la fin du thread pour mettre à jour l'UI, le none ne sera pas pris en compte)

oui tout juste FremyCompany
c'est bien avec un settimeout d'un tres court instant que j'ai pu résoudre mon pb.