Home » Javascript » Image Map Control and JavaScript

Image Map Control and JavaScript

Several months ago, I had to create a map that displayed push pins where various distributors were located.  When the user placed the cursor over the push pin, a tooltip was suppose to show up with a short form of the contact information in it.

My first thought was, “hey, great, I can use that new ImageMap control they put in ASP.NET 2.0.  But, when I went to use it, I discovered quickly that you can’t attach JavaScript to elements of the image map.  You can only attach them to the parent control which is nothing more than an image control with a collection of image map elements.

Here’s what I did…

 

Other places talking about the ImageMap Control

– ImageMap is a New WebControl of ASP.Net 2.0. this is similar to the age old HTML control Map. This enables to set regions in a single image, and also sets a actions for that region. Means, if the region is clicked it will navigate to …

– Here’s a cool new control in ASP.NET 2.0, the ImageMap. You use it like this: <asp:imagemap id=”Shop” imageurl=”Images/ShopChoice.jpg” width=”150″ height=”360″ alternatetext=”Shopping choices” runat=”Server”> <asp:circlehotspot …

– The reason for just these three shapes is that the image map standard only allow for these 3 shapes. Since polygon can create just about any shape we need, there certainly isn’t any loss of flexibility. However, entering coordinates for …

 

 

Other post in Javascript

About Dave Bush

Dave Bush is a Full Stack ASP.NET developer focusing on ASP.NET, C#, Node.js, JavaScript, HTML, CSS, BootStrap, and Angular.JS. Does your team need additional help in any of the above? Contact Dave today.

Leave a Reply

Be the First to Comment!

Notify of
avatar