Swapping a map element (a DOM question)
Hi, I've developed code to replace the area elements of a given image map,
as well as the corresponding img element. Basically, I'm acessing the map
element from the DOM tree using the method document.getElementById('imagemap'), where imagemap is the map id.
After that, I'm getting a reference to the 'areas' array, start a loop on it
and remove all the area elements, with the removeChild method.
The new area elements are created after getting from the server(using AJAX)
their coordinates. Then the new area elements are appended to the image map object, replacing the old areas. The new image is loaded by simply changing
the src attribute. Everything is working fine, but for one problem: Internet Explorer crashes when the map is changed. Mozilla also crashes, but not immediately, as Internet Explorer does.
Does anybody have a clue for this problem? I can't seem what is happening, I've tried everything, even creating a new map element and replacing the old one, but the problem persisted.