Stefan Schmidhammer: Image Map dynamisch mit JS zuweisen

Beitrag lesen

Hi Leute,

Ich habe folgendes Problem. Ich hab ein AJAX Request das mir XML liefert, die Node bei der ich das Problem hab sieht dabei so aus:

<imagehtml>
  <map name="map_imagemap">
    <area title="im 1" href="#" coords="207,444,207,422,229,422,229,444,207,444" shape="poly">
    <area title="im 2" href="#" coords="235,444,235,422,257,422,257,444,235,444" shape="poly">
    ....
    ..
  </map>
  <img src="115833326525161.png" usemap="#map_imagemap">
</imagehtml>

Ich füge den Inhalt dieser Node zwischen einem <div> ein. Das Problem das ich jetzt hab ist das weder FF noch IE7 irgendwas anzeigen.

Ich hab mir dann mal mir .innerHTML den Quelltext zwischen diesem <div> ausgeben lassen und es steht alles richtig drin, es wird nur nix angezeigt, weder Bild noch Imagemap.

Hab dann <img> direkt in die Seite geschrieben und nur das Attribut "src" ersetzt das hat für das Bild funktioniert.

Aber wenn ich <map> dynamisch eingefüge wendet der Browser es nicht auf das Bild an.

Ich hab mir wieder alles mit .innerHTML ausgeben lassen und das ganze in ner statischen HTML Seite gespeichert und da funktionierte alles.

Kann mit wer das verhalten bestätigen oder hab ich irgendwo einen Fehler im Code?

Falls gewünscht poste ich hier ein Beispiel, wollte aber erstmal sehen ob es an mir liegt.

MFG
Stefan