Looking for a freeware replacement to Treeview

I have looked at Treeview and even bought a single license for myself.  But then realized my pages that use it can't be distributed without my purchasing additional copies.  But I know they are not the only ones to have a nice framed nodal tree JavaScript program.

Does anyone know if there are any freeware versions of a framed nodal tree?  Or even a floating menu structure could also work.  I'd like a way to organize links into something that looks like a table of contents or a glossary to empower the to the user to quickly find what they want.

I'm willing to do a bit with JavaScript but am not able to do anything nearly as significant as write my own version of a Treeview.

Thanks,
newbieweb
newbiewebSr. Software EngineerAsked:
Who is Participating?
 
gamebitsCommented:
0
 
newbiewebSr. Software EngineerAuthor Commented:
Netwing,

I like Matt Kruse's best of all.  It's free!

I'm trying to get it up and running but am struggling.  Has anyone used it before?  Would anyone mind slapping together and posting a tiny HTML file that loads it?

That would be great. Once I have the simplest version running I think I'll be on my way.


Thanks for any help.
newbieweb
0
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 
HonorGodConnect With a Mentor Commented:
I was able to get this simple one working.
Notes: I had trouble when I had the "link" directive wrong.
----------------------------------------------------------------------
<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
 
newbiewebSr. Software EngineerAuthor Commented:
thanks for the help.
0
 
HonorGodCommented:
You're welcome.  Thanks for the 'A'.  Good luck
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.