Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

Need to create a link between a nodal tree and the page that's displayed

Posted on 2006-11-22
2
Medium Priority
?
241 Views
Last Modified: 2010-04-09
Greetings,

I have the attached frame working okay, but need to:

1) display a different page in the right frame when the user clicks on a different node in the tree I am displaying on the upper left frame.
2) move to a different point in the page in the right frame depending on the node that was selected.

Can anybody give me a few line of code for that?

Thanks,
newbieweb

/// main page

<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">
   <FRAME SRC="lowerLeftFrame.html" name="glossary" SCROLLING="yes">
  </FRAMESET>
  <FRAME SRC="rightFrame.html" name="main">
 </FRAMESET>

</HTML>


// left frame page

<html>
<head>
<title> Sample Tree </title>
<script type='text/javascript' src='mktree.js'></script>
<link rel="stylesheet" href="mktree.css">
</head>
<body>
<p>
<ul class='mktree' id='outer'>
  <li>One</li>
  <li class='liClosed'>Two
    <ul>
      <li>Uno</li>
      <li>Dos</li>
      <li>Tres</li>
    </ul>
  </li>
  <li>Three</li>
</ul>
</p>
</body>
</html>
0
Comment
Question by:newbieweb
2 Comments
 
LVL 12

Accepted Solution

by:
enachemc earned 2000 total points
ID: 18001411
//Left Frame

<html>
<head>
<title> Sample Tree </title>
<script type='text/javascript' src='mktree.js'></script>
<link rel="stylesheet" href="mktree.css">
<script language="Javascript">
      function nav(right, lower){
            window.top.frames['main'].location="rightFrame" + right + ".html";
            window.top.frames['glossary'].location="lowerLeftFrame.html#link" + lower;
      }
</script>
</head>
<body>
<p>
<ul class='mktree' id='outer'>
  <li>One</li>
  <li class='liClosed'>Two
    <ul>
      <li onClick="nav('1', '1')">Uno</li>
      <li onClick="nav('2', '2')">Dos</li>
      <li onClick="nav('3', '3')">Tres</li>
    </ul>
  </li>
  <li>Three</li>
</ul>
</p>
</body>
</html>


//lowerLeftFrame.html
lowerLeftFrame.html
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<a name="link1"></a>link1
<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>
<a name="link3"></a>link3
0
 

Author Comment

by:newbieweb
ID: 18003683
thanks.  works great!
0

Featured Post

Receive 1:1 tech help

Solve your biggest tech problems alongside global tech experts with 1:1 help.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

571 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question