...

View Full Version : Cursor change help!



flash
10-15-2002, 09:16 AM
Hello.

I have a image map of a circle. When the mouse is placed over it I would like the cursor to change to the 'hand'.

This is the code for the image map:




<map name="Map">
<area value="submit" shape="circle" coords="31,33,9" onClick="Javascript:form1.submit();" target="mainFrame" alt="go">
</map>



If anyone could help then that would be great!!!

Thanks.

murphyz
10-15-2002, 09:36 AM
my image maps always have the mouse turning to a hand when you move over it.

Do you have a style inserted that changes the cursor to something else when you move the mouse over a link?

If so you will need to over-ride that style by putting another cursor style in your image map tags.

Mxx

PauletteB
10-15-2002, 09:41 AM
You can always try a dummy link:

<area value="submit" href="javascript:void(0)" ...

which will bring up the hand. Don't know if it will conflict with the submit().

flash
10-15-2002, 09:42 AM
Hey.
Thanks for the reply.

I have no style inserted because it does not seem to work.
Basically, all I want to happen is, when the mouse is placed over the image map, the mouse cursor changes to the hand.

I did a search here at the forums and found people with the same problem. When I tried alot of the code given, none of the code worked for me :confused:

flash
10-15-2002, 09:44 AM
Hi PauletteB.

Thanks for that. It works but it conflicts with the submit :S
Nether the less the hand cursor shows... I guess its a start! :)
Do you know how to make the hand cursor show without it conflicting with the submit?

PauletteB
10-15-2002, 09:51 AM
href="#"

which *may* work, but again... this time, the hashmark points to the top of the page instead of being a dummy link.

Should see more of the code...

flash
10-15-2002, 09:54 AM
THANK YOU! PauletteB

It works fine... :D
I dont know if this will cause problems in other browsers but for now this works fine.

If anyone else has another way for the hand cursor to show then please post it because I am interested in trying different methods.


Should see more of the code... Basically the image is in a table and then mapped. There isnt any more code to show other than what is in the table.

tommysphone
10-15-2002, 11:21 AM
style="cursor:hand"

tommysphone
10-15-2002, 11:23 AM
Incase you want them

<p><a href="cursorstyles.htm" style="cursor:crosshair">crosshair</a> on mouse over <a
href="cursorstyles.htm" style="cursor:hand">hand</a> on mouse over <a
href="cursorstyles.htm" style="cursor:text">text</a> on mouse over <a
href="cursorstyles.htm" style="cursor:wait">wait</a> on mouse over <a
href="cursorstyles.htm" style="cursor:move">move</a> on mouse over <a
href="cursorstyles.htm" style="cursor:help">help</a> on mouse over</p>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum