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 ().getElementBy Id(elementId);

figure.style.cu rsor = "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="ht tp://www.w3.org/1999/xlink"
version="1.1"
baseProfile="fu ll"
id="SVG" image-rendering="opti mizeSpeed" width="612" height="800"
viewBox="0 0 612 792" overflow="visib le" 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="onClic k(evt)"/>
<g id="Group">
<g id="SmallGroup " onmouseover="Ch angeColor(evt)" fill="lightgrey ">
<rect id="idRect" name="FigureNam e" x="408" y="154" fill="silver" width="97" height="5"/>
</g>
</g>
</svg>
[/HTML]

And here is a description of javascript file:

[CODE=javascript]function ChangeColor(evt )
{
var elementId = evt.target.getI d();
var figure = document.embeds['SVG'].getSVGDocument ().getElementBy Id(elementId);
figure.setAttri bute("opacity", 0.25);

}[/CODE]

[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.cu rsor = 'pointer';


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

[gits]

where obj = figura in my code;

i have done that...

figura.style.cu rsor = '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.cu rsor = 'pointer';

[acoder]

Try using setAttribute to set the cursor.