Web Development

Ask something
Discussion Locked

Change cursor over Expand/Collapse menu

0 helpful
4 replies

by gwenn

Closed to new repliesThis discussion is closed. It stays readable, but it takes no new replies.

I have organized some info into an expandable/collapsable structure using JScript and

commands, and it works great, but the cursor doesn't change to a pointing hand when you hover over the headings, so viewers would never know to click. Is there a way to make the cursor change? Is there a better solution than what I have?

Here is the website: www.asapreprographics.com/services.asp

I have also looked into a tree node structure as discussed in the following article, which has some advantages, but it doesn't allow me to have individual words hyperlinked within my content.
http://builder.cnet.com/webbuilding/pages/Programming/Scripter/090500/ss01.html

Thanks for any help!

4 replies

by michael

if you use style='cursor:pointer;' on the div then the mouse pointer image should change to a hand - it depends on a system setting and may have been changed to something else by the computer user. this is the official correct way to do it.

for Internet Explorer you could use cursor:hand but that is not supported as widely.

this is a pretty good css reference http://www.zvon.org/xxl/CSS2Reference/Output/

by cwbutler

Looked at what you have, it seems to work fine.

One thing you can do is use style sheets; there's a way to change the cursor using CSS (last place I was at we used to sing "Put your Hand In The Span of the code to change the cursor" - I know, butwhat do you want from a programmer?), altho I don't remember the exact way to do it it's in the documentation somewhere ;).

--woody

by goboslayer

Works in IE, but haven't tested elsewhere. It also works on other tags as well (example:

tags, tags, etc). Again, I haven't tested the cross browser support, but maybe it will help you out a bit. Give it a shot and see if it gets you anywhere.

Cheers.

This discussion is closed to new replies.