Login or Sign up Help | Site Map
Connecting Tech Pros Worldwide

Dynamic Image Map Not Updating in Firefox

Question posted by: avicalc@gmail.com (Guest) on April 26th, 2007 01:45 AM
I am using HTML checkboxes and JavaScript to toggle on and off, a
number of absolutely positioned transparent images located on directly
top of each other with different z-indexes. In addition, all of my
images share a single client-side image map which is also dynamically
generated (using XmlHttpRequest) based on the status of each checkbox.
I collect my responses from XmlHttpRequest and inject them into the
innerHTML property of a div to display the image map.

The functionality works perfectly in IE7. However, in Firefox rv 1.8,
the image map is not updated as I toggle checkboxes on and off. I have
verified that the innerHTML property contains the correct image map
but Firefox seems to just use whatever was loaded with the page
originally. Is there a good solution to this issue or am I overlooking
something?

Would you like to answer this question?
Sign up for a free account, or Login (if you're already a member).
avicalc@gmail.com's Avatar
avicalc@gmail.com
Guest
n/a Posts
April 26th, 2007
02:45 PM
#2

Re: Dynamic Image Map Not Updating in Firefox
This issue was fixed by generating a random name for the image map
each time the images are toggled and then using the DOM to change the
"useMap" attribute to match the random name.



 
Not the answer you were looking for? Post your question . . .
180,803 Experts ready to help you find a solution.
Sign up for a free account, or Login (if you're already a member).

  • Didn't find the answer you were looking for?
    Post Your Question
  • Top Community Contributors