imagemap

I need to display an imagemap with about 70 areas in it. The area of the imagemap the mouse cursor is currently at is supposed to be highlighted in a certain color. Is this possible and if yes, how? After actually using it in production I'd say this is the answer: http://plugins.jquery.com/project/maphilight Using this it takes a few lines of code to implement that feature for any imagemap. Yes, this is possible. I've done the exact thing with jquery and the image map area mouseenter / mouseleave events, but not with 70 areas. It will just be more work for you. You may consider loading the

Does the Canvas element have the equivalent of img's map , so you can define clickable areas on the canvas element? There is brief mention of a map halfway down the page here: http://www.w3.org/TR/html5/the-canvas-element.html , but I can't find anything else about it. Maps on Canvas are currently an open issue with HTML5. Issue #105 to be precise. See http://www.w3.org/html/wg/tracker/issues/105 Even if there isn't, wouldn't an image map on a transparent image positioned over a canvas get you what you need? As a solution to your problem: I would attach a click event to the canvas and in the

I would like to put an onclick event on an area element. Here is my setup: <img id="image" src="wheel.png" width="2795" height="2795" usemap="#Map" > <map name="Map"> <area class="blue" onclick="myFunction()" shape="poly" coords="2318,480,1510,1284" href="#"> </map> I have tried 2 different ways to have an onclick event. Firstly i tried this: $(".blue").click( function(event){ alert('test'); }); I have also tried this: function myFunction() { alert('test'); } Neither of the above work. Do area elements support the above, or do they only support having a href? Thanks in advance! Pay attention:

I am creating an image map using ImageMapster from here . I have created a photoshop image with several images that I have cut out from the original photographs. Each image is on a separate layer. Now, I need to get the path coordinates of each object, and I don't want to hover over every corner and manually write down each coordinate. Is there an automated way to get this path? Maybe there is some application or web service whence I can send my image and get the path in return? I have tried exporting each layer separately and then importing them into illustrator and vectorizing the shape (it

I have created Image Map using map co-ordinates and have to highlighted co-ordinates, which is working fine but what i need is, To change the highlight color depends upon the condition...In first condtion highlight the area with the red color then the same area will be highlighted with the black color for the second condition.I can able to highlight the same area but i cant able to change the color of the area simultaneously. My Sample Code on Fiddle Here : Fiddle Demo I have tried using <script> $(document).ready(function () //on page load { $('area[title*="UPPER"]').each(function ()//get all