JS/ CSS cursor change for <a>

[JohnandSwifty]

Hi,

I use <a href etc in column headers to get a reliable hover effect. The only thing is, in my ajax app when you click a column the JS function changes the cursor to 'wait'. This works fine until the mouse is over an <a> tag (at which point it sticks at whatever cursor is set for a tags in the styles). Can i change the cursor dynamically when over an <a> tag?

Thanks

 

[ca8msm]

Can i change the cursor dynamically when over an <a> tag?

Yes e.g.

a:hover {cursor: [!]whatever type you want[/!]}

____________________________________________________________
Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]

Need help finding an answer? Try the Search Facility or read FAQ222-2244.

 

[feherke]

Hi

Correct, although abit strange. When not [tt]:hover[/tt] will not affect the [tt]cursor[/tt] anyway.

a[s][red]:hover[/red][/s] {cursor: whatever type you want}

Feherke.

http://rootshell.be/~feherke/

 

[ca8msm]

Good point


____________________________________________________________
Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]

Need help finding an answer? Try the Search Facility or read FAQ222-2244.

 

[JohnandSwifty]

Thanks for your input. This is not where i have the problem though. The problem i have is that if i use JS to change the cursor (say in a OnClick event), if the mouse is over an <a> tag, the cursor does not change. This only happens when the cursor is over an <a> tag, but i need to use an <a> tag to get the hover style change to work properly.

John