XML Elves

Hi. Thanks in advance for any guidance you can provide. I'm looking for examples of SVG code to cause a test box to pop up when a user's mouse pointer hovers over an object. For example, when a user hovers her mouse pointer over a bar in a bar chart, the user sees a text box pop up with details about the data for that particular bar.

__________________
VG is great

You can
1) define your text box with visibility="hidden" as
<g id="tooltip" transform="translate(0 0)">
<rect ................
<text id="tooltip_data ...............
</g>

2) For your objects, define event ( for your bars by example)
<rect onmouseover="show_tooltip('some text',40,200)" onmouseout="hide_tooltip()" .... />

3) Define functions
function show_tooltip(data,x_pos,y_pos)
{
svgdoc.getElementById("tooltip").setAttribute("tra nsform","translate(" + x_pos.toString() + " " + y_pos.toString() + ")")
svgdoc.getElementById("tooltip_data").firstChild.d ata = data
svgdoc.getElementById("tooltip").setAttribute("vis ibility","visible")
}

function hide_tooltip()
{
svgdoc.getElementById("tooltip").setAttribute("vis ibility","hidden")
}

Michel

Thanks Michel for your prompt reply. I'll give it a try and see what happens.

__________________
VG is great