Imagemaps dynamisch anlegen

[Hannes Lau]

Hallo Forum!

Für eine interaktive Karte würde ich gerne einer bestehenden ImageMap per JS Areas hinzufügen.

Ich versuche es mit

areaTag = document.createElement("area");
areaTag.setAttribute("shape","poly");
areaTag.setAttribute("alt",stadtteil.name);
areaTag.setAttribute("coords",stadtteil.coords);
areaTag.setAttribute("href","#");
areaTag.id = stadtteil.id+"Area";
this.map.appendChild(areaTag);

wobei this.map eine mit

this.map = document.createElement("map");
this.map.setAttribute("name","hhMap");
this.map.id = "hhMap";
this.node.appendChild(this.map);

angelegte Imagemap ist.

Das <img> erzeuge ich ebenfalls per JS mit

this.mainMapImage = document.createElement("img");
...
this.mainMapImage.useMap = this.map.id

Leider funktioniert das ganze im IE nicht. Die neuen Areas werden nicht linkaktiv, warscheinlich werden sie gar nicht angelegt... Im Firefox funktioniert alles bestens. Hat jemand eine Idee oder findet den Fehler in meinem Code?

Einen netten Gruß
Hannes Lau