Greetings,
I have virtually integrated the free node tree available at:
www.mattkruse.com. But I'm having selecting a node of a given ID.
I hve created a test with three frames, each included here for viewing. There a:
1) right frame which contains my main test page.
2) left frame which contains the node tree (an index)
3) lower left frame which contains link to other pages(a glossary)
I have everything working, but am having trouble calling "function expandToItem(treeId,itemId
)" contained in mktree.js.
I call this from the lowerLeftFrame to select the corresponding node ID to display the correct page which contains the information selected in the glossary.
Can anybody find the problem? I don't think it should be very hard. I'm new to JS and am missing something easy.
Thanks,
newbieweb
>frameTest.html<
<HTML>
<HEAD>
<TITLE>TreeView Demo: JavaScript Functions</TITLE>
</HEAD>
<FRAMESET cols="200,*" onResize="if (navigator.family == 'nn4') window.location.reload()">
<FRAMESET rows="*,100">
<FRAME src="leftFrame.html" name="index" SCROLLING="yes">
<FRAME SRC="lowerLeftFrame.html" name="glossary" SCROLLING="yes">
</FRAMESET>
<FRAME SRC="rightFrame1.html" name="main">
</FRAMESET>
</HTML>
>leftFrame.html<
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>
<head>
<title> Sample Tree </title>
<link rel="stylesheet" href="mktree.css">
<script type='text/javascript' src='mktree.js'></script>
<script language="Javascript">
function nav(right, lower){
window.top.frames['main'].
location="
rightFrame
" + right + ".html#link" + lower;
}
</script>
</head>
<body>
<p>
<ul class='mktree' id='index'>
<li>One</li>
<li class='liClosed' id='A1'>Two
<ul>
<li onClick="nav('1', '1')" id="A1A">Uno</li>
<li onClick="nav('1', '2')">Dos</li>
<li onClick="nav('1', '3')">Tres</li>
</ul>
</li>
<li>Three</li>
</ul>
</p>
</body>
</html>
>lowerLeftFrame.html<
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>
<head>
<link rel="stylesheet" href="mktree.css">
<script type='text/javascript' src='mktree.js'></script>
<script language="Javascript">
function nav(right, lower){
window.top.frames['main'].
location="
rightFrame
" + right + ".html#link" + lower;
}
</script>
</head>
<body>
<br>
<a name="Link1" onClick="expandToItem("ind
ex", "A1A")">Link1</a>
<br>
<a name="Link2" onClick="nav(1,2)">Link2</
a>
<br>
<a name="Link3" onClick="nav(1,3)">Link3</
a>
</body>
</html>
>rightFrame1.html<
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta name="vs_snapToGrid" content="False">
<meta name="vs_showGrid" content="False">
<link href="mystyle.css" rel="stylesheet" type="text/css">
</head>
<BODY>
<a name="link1"></a>link1
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br><a name="link2"></a>link2
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<a name="link3"></a>link3
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br></BODY>
</html>
