Changing the cursor dynamically using JavaScript

[guilherme21922]

I have a figure SVG, and i´m trying to on mouseover event, change the cursor style to "hand".

I tried to do this:

var figure= document.embeds['SVG'].getSVGDocument().getElementById(elementId);

figure.style.cursor = "hand";

thanks for the help

[clivethebadger]

Try using the keyword 'pointer' instead of 'hand'. This is supposed to be the standard and should work on most browser.

Jon

[guilherme21922]

it doesn´t work...
and the strange thing is that nothing happens...
no error...and no ...pointer or hand

[acoder]

What's elementid? Which element are you referring to?

[guilherme21922]

elementid refers to the id of the element
and the element is a rect

[acoder]

I think you may need the root element before calling getElementById as described here.

If that doesn't work, show the corresponding HTML code.

[guilherme21922]

Here is a description of the SVG file:

[HTML]<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1"
baseProfile="full"
id="SVG" image-rendering="optimizeSpeed" width="612" height="800"
viewBox="0 0 612 792" overflow="visible" enable-background="new 0 0 612 792" onload="initSVG()">

<rect id="Planta" x="-70.0" y="60.5" fill="#FFFFFF" width="710" height="655" onclick="onClick(evt)"/>
<g id="Group">
<g id="SmallGroup" onmouseover="ChangeColor(evt)" fill="lightgrey">
<rect id="idRect" name="FigureName" x="408" y="154" fill="silver" width="97" height="5"/>
</g>
</g>
</svg>
[/HTML]

And here is a description of javascript file:

function ChangeColor(evt)
{
    var elementId = evt.target.getId();
    var figure = document.embeds['SVG'].getSVGDocument().getElementById(elementId);
    figure.setAttribute("opacity",0.25);
 
}

[guilherme21922]

And the opacity works...
So i just want to know how i change the mouse style to "hand" when i pass the mouse over the "rect".

Thanks

[guilherme21922]

where obj = figura in my code;

i have done that...

figura.style.cursor = 'pointer';


and nothing happens...no error and no hand...

[gits]

where obj = figura in my code;

i have done that...

figura.style.cursor = 'pointer';


and nothing happens...no error and no hand...

just to ensure - i only see figure and no figura in your script?

[guilherme21922]

ok...i have typed wrong here

where obj = figure in my code;

i have done that...

figure.style.cursor = 'pointer';

[acoder]

Try using setAttribute to set the cursor.