Back to Top
The nuts and bolts for
Creative web development

Hand Cursor with JavaScript

Question

How can i make the user aware of a button (OnClick Event) when there is now link (HREF) attached ?

Answer

Use a CSS style with a OnMouseOver event.

Create the following style in your document or CSS:

<style type="text/css">
<!--
.cursor {  cursor: hand}
-->
</style>

Attach it to the OnClick Event:

OnMouseOver="this.className='cursor';"

 

Marcellino Bommezijn

Marcellino BommezijnMarcellino Bommezijn is one of the managers at dmxzone.com. He is a contributor on the tutorials section.

Owner of Senzes Media (http://www.activecontent.nl) which provides professional services and web applications for mid-sized companies.

ActiveContent CMS is the ASP.NET Content Management solution that is used for building professional and rich-featured websites.

See All Postings From Marcellino Bommezijn >>

Share this Article

Comments

RE: Prevent default page number - url while pritning

I found the solution. Actually, it is in the Page Setup dialog - header and footer options.

Prevent default page number - url while pritning

How can I prevent the page number and url being printed by default along with the web page content? I do not see these as options on my printer dialog box either.

Thanks for the help,

Nagu Rentala

RE: Custom hand cursor

Point to the URL where the custom cursor is located. Something like this:

cursor:url(mycursor.ani)

This will probably only work where this class is defined in your page (hyperlinks) and not outside.

Very usefull!!

The tutorial is well explained, although it would have been even better if there were an example for newbie users, like me... Yhank you anyway, I managed to put it at work...doesn't work with Safari on MacOSX
See all 6 Comments