views:

576

answers:

3
<html>

<head>
<title>Question</title>
<script type="text/javascript" >
function MouseOverHand(ID)
{
var Cursor='hand';
var ID=ID;
if (!document.all){ Cursor='pointer'; }
document.getElementById(ID).style.cursor=Cursor;     
}
</script>
<script type="text/javascript" >
function MouseOverHelp(ID)
{
var Cursor='help';
var ID=ID;
if (!document.all){ Cursor='pointer'; }
document.getElementById(ID).style.cursor=Cursor;     
}
</script>
</head>

<body>
<label id="Hand" onmouseover="MouseOverHand('Hand');" > Hand </label><br/><br/>
<label id="Help" onmouseover="MouseOverHelp('Help');" > Help </label>
</body>

</html>

In the above html is used to take mouse cursor in the mouse over of label's. Here "Hand" and "help" cursor is working fine in internet explore but its not working in firefox and other browser's

hoping your support,

+1  A: 

Simpler version, works on 'all' browsers:

<script type="text/javascript" >
function MouseOverPointer(obj) //obj is the triggering element
{
    if(obj.id=='Help')
     obj.style.cursor = "help";
    else if(obj.id=='Hand')
     obj.style.cursor = "pointer";
}
</script>

<label id="Hand" onmouseover="MouseOverPointer(this);" > Hand </label><br/><br/>
<label id="Help" onmouseover="MouseOverPointer(this);" > Help </label>
o.k.w
+1  A: 

you don't need var Cursor if you can specify help or hand directly like so

document.getElementById(ID).style.cursor='hand';

and

document.getElementById(ID).style.cursor='help';

please check working example and take a look at the html source code

Anwar Chandra
A: 

"Hand" does not work in Firefox. Try "pointer". "help", however, should work -- try applying the style in a more direct way than via JS.

Ben