this.style.cursor not working in ie

[mikken]

Hi people, i can't get this code to work in IE (works fine in FF and O):


onmouseover="this.style.cursor='pointer'"

I use the mouseover in an imagemap. I have a display: block style attached to the <area>'s to make it work in FF and O, but that trick doesn't seem to cut it in IE.

Clues, anyone?

http://fantasticnorway.no

[mikken]

*nag*

[DDD]

this may or may not help. You may have to get clever with the placement of the elements

http://www.frankmanno.com/ideas/css-imagemap/
http://www.cssplay.co.uk/menu/imap.html

[mikken]

Those links look interesting, gonna look at them closer when i can keep my eyes up. I'm in no shape for cleverness now.

Thanks!

[denizengt]

Try:



onmouseover="this.style.cursor='hand'"

[denizengt]

Better still, make a class such as



.pointer{
cursor:pointer;
cursor:hand;
}


Then use jquery to change the class on a mouseover event, rather than use inline, obtrusive Javascript

For example, we have a div called "blah" we want mouseover effects on...




<div class = "blah"> I am an evil div</div>



Then in the head or a seperate file you'd add:



<script language="JavaScript" type="text/javascript">
//When ready, fire init to set up mouseover actions
$(document).ready(init);

function init(){
$("div.blah").mouseover(function(){
$(this).addClass("pointer");
} );
}

</script>