Forum Moderators: open

Message Too Old, No Replies

cursor change on image map

image map area for form submission

         

iht4

3:31 pm on Oct 15, 2004 (gmt 0)

10+ Year Member



I am trying to amend an image map to remove the href value so that I can replace with a onclick="Form.submit();" command.

When I do this I lose my lovely little hand cursor on mouseover. I have tried used styles and javascript styles to change this but to no avail! The only solution I have found is to put in href="#" to the area tag, but this creates a slight jump in the screen before submitting the form.

Any ideas how I can create the cursor change without using the href="#" attribute.

Many thanks
Iain

Birdman

3:47 pm on Oct 15, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Have you tried this?

style="cursor: pointer;cursor: hand;"

Just add that into the element(areamap) you want the hand cursor. Pointer is actually the correct way but IE wants "hand" instead.

iht4

9:16 am on Oct 18, 2004 (gmt 0)

10+ Year Member



I am developing for an intranet and so am solely developing for IE6. I have tried the above style command ( including just the hand on its own) but still when you remove the href attribute from the area tag the hand is lost! Style does not seem to make any differenceto the area tag!

Many thanks for trying though. Any other ideas?
Iain

Birdman

11:45 am on Oct 18, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Ok, here'e an alternative:

href="javascript: Form.submit();"

Birdman

iht4

12:13 pm on Oct 18, 2004 (gmt 0)

10+ Year Member



Hey birdman - many thanks

works like a dream :-))

Have a good day.