Expiring Today—Celebrate National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

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
?
236 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

New benefit for Premium Members - Upgrade now!

Ready to get started with anonymous questions today? It's easy! Learn more.

Question has a verified solution.

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

This article discusses how to create an extensible mechanism for linked drop downs.
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

719 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