Saturday, January 12, 2008

Having cursor change when on an image map

This took quite a bit of time to find out since there wasn't much information or help online. Creating a simple image map on a graphic for use on the web is fairly simple. Using Dreamweaver for example, you can just drag the area on the image you want to map, then fill in the required information such as: Link, Target, and Alt.

When the mouse is over an image map it will by default change into a hand cursor, usually.

If you want more advance functions out of your image map, say to open a browser window when you click on it, you can utilize the "Open Browser Window" Behavior in Dreamweaver. However, when you do this, you will notice that the cursor no longer changes when the mouse is over the image map. If you have the Link property filled out for the image map with the about Behavior, then you will notice the cursor does change, but when you click on it, it will open two windows. One for the Link property and one for the Behavior.

What I noticed, is that when the Link property is used, then the cursor will change.

So how do I put something into the Link property that won't be used when clicked on?

You have to trick the image map into believing that the Link property is filled in but not utilize the Link. You do this by entering into the Link property, "Javascript:"

Here's a more detailed example:

Dreamweaver CS3

Using ASP.NET with IIS

This is just a little reminder post for myself when creating web site that will use ASP.NET. For any web site on IIS to be able to utilize ASP.NET, FrontPage Server Extensions will have to be extended onto the web site. To do this go to [Adminsitrative Tools] > [Microsoft SharePoint Adminstrator].

Then click on "Extend" for the web site you want to enable ASP.NET on.

Fill in the required information then click "Submit".

ASP .NET 2.0