Discussion :

[fanfouer]

Bonjour � tous,

A la suite de ce topic ouvert il y a deux jours je cherche maintenant � charger les �l�ments d'une map HTML en AJAX (document JSON contenant chaque zone de la map) depuis un service c�t� serveur puis de l'ajouter au DOM en utilisant $.append() de jQuery.

J'ai ce code en HTML que le serveur me donne au chargement de la page :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
 
<div id="container">
  <map name="map" id="map"/>
 
  <img src="monImage.png" usemap="#map" alt=""/>
</div>

La map est donc vide de base.

Ensuite j'ai le code javascript suivant qui s�ex�cute d�s que le DOM est totalement pr�t et apr�s avoir charg� la liste des polygones de la map (data provient du d�codage JSON et comporte les donn�es attendues) :

Code javascript :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
 
$.each (data, function (k, v){
	$("#map").append('<area shape="'+v.shape+'" coords="'+v.coords+'" href="'+v.href+'" title="'+v.title+'" target="'+v.target+'"/>');
});

Lorsque j'utilise la m�me map en HTML statique cela fonctionne bien sous IE mais pas avec ma m�thode et j'obtiens le r�sultat joint � ce message (sous FF 4.0 tout fonctionne bien et il en est de m�me sur les versions ant�rieures) :
- L'image a une bordure bleue vif, ce qui n'est ni pr�cis� dans le CSS ni ailleurs. D�s que j'enl�ve l'attribut usemap, la bordure disparait.
- Aucune zone cliquable n'est utilisable, pas de changement de pointeur, etc...

Je pense que cela vient du fait que je compl�te la map une fois que le DOM est charg� et IE doit mal l'interpr�ter.
Il faudrait donc essayer de lui dire de "rafraichir" l'arbre mais je ne connais pas de moyens de le faire.

J'utilise IE7 et jQuery 1.5.2
Quelqu'un a une id�e d'o� cela peut-il venir et comment je peux r�gler le soucis?

Merci par avance