// ToolTip functions include starthover(), starttip(), and endtip()
// ToolTip variables
var myTimer;
var nodeText;
var tipX;
var tipY;
function starthover()
{
var myVal = window.event.treeNodeIndex;
var myNode = oTree.getTreeNode(myVal);
nodeText = myNode.getAttribute("text");
tipX = window.event.clientX + 15;
tipY = window.event.clientY + 15;
myTimer = window.setTimeout(starttip, 1000);
}
function starttip()
{
results1.style.backgroundColor = "infobackground";
results1.style.position = "absolute";
results1.style.left = tipX;
results1.style.top = tipY;
results1.style.border = "1px solid black";
results1.innerText = nodeText;
myTimer = window.setTimeout(endtip, 5000);
}
function endtip()
{
results1.style.backgroundColor = "";
results1.innerText = "";
results1.style.border = "";
window.clearTimeout(myTimer);
}
</HEAD>
<BODY>
<mytree:TREEVIEW id="oTree" TREENODESRC="state_city.xml"
SHOWTOOLTIP="false" ONHOVER="starthover();" ONUNHOVER="endtip();" />
<!--This DIV is required to display the ToolTips-->
<DIV id=results1></DIV>
</BODY>
</HTML>
// ToolTip variables
var myTimer;
var nodeText;
var tipX;
var tipY;
function starthover()
{
var myVal = window.event.treeNodeIndex;
var myNode = oTree.getTreeNode(myVal);
nodeText = myNode.getAttribute("text");
tipX = window.event.clientX + 15;
tipY = window.event.clientY + 15;
myTimer = window.setTimeout(starttip, 1000);
}
function starttip()
{
results1.style.backgroundColor = "infobackground";
results1.style.position = "absolute";
results1.style.left = tipX;
results1.style.top = tipY;
results1.style.border = "1px solid black";
results1.innerText = nodeText;
myTimer = window.setTimeout(endtip, 5000);
}
function endtip()
{
results1.style.backgroundColor = "";
results1.innerText = "";
results1.style.border = "";
window.clearTimeout(myTimer);
}
</HEAD>
<BODY>
<mytree:TREEVIEW id="oTree" TREENODESRC="state_city.xml"
SHOWTOOLTIP="false" ONHOVER="starthover();" ONUNHOVER="endtip();" />
<!--This DIV is required to display the ToolTips-->
<DIV id=results1></DIV>
</BODY>
</HTML>