View Full Version : Tree view

11-15-2002, 12:00 PM
I am looking for a tree view
it must work for XHTML transitional and new browsers

thank you

11-15-2002, 01:52 PM
Do you mean a menu system looking like windows explorer?
Try NosTree (http://javascriptkit.com/script/script2/nostree/index.shtml) on Javascript Kit (http://www.javascriptkit.com/) or Smart Folding Menu Tree script (http://www.dynamicdrive.com/dynamicindex1/navigate1.htm) on Dynamic Drive (http://www.dynamicdrive.com/).
If you search for "menu tree script" i'm sure there's more to find.

11-15-2002, 02:02 PM
To prove my point: i searched "menu tree script", and found the above mentioned, and two more:

Animated vertical menu tree script (http://simplythebest.net/scripts/dhtml_script_106.html) (SimplyTheBest)
AnimTree (http://dhtmlkitchen.com/dhtml/ui/menutree/index.jsp) (DHTMLKitchen).

11-15-2002, 02:08 PM
Thank you very much Ronald , exactly what I was looking for !

11-15-2002, 03:33 PM
Note: The Smart Folding Menu Tree on Dynamic drive isn't valid XHTML. It uses multiple-identical ids to achieve it's effects.

I'm in the process (95% finished) of writing a better, easier to use, more effecient, more compatible version of this script (well, not really a version, just the same appearance, all the code is mine from the ground up)

Check it out here (http://www.lanwizards.com/navtest/test.htm)

As far as windows-style folder trees, this one (http://www.destroydrop.com/javascripts/tree/) is the best/most compatible I've seen.

11-16-2002, 09:30 AM
thank you very much for the links and your work

it is very strange to find so many dhtml only IE compatible
and nearlly nothing XHTML compatible

11-16-2002, 09:47 AM
the best i have seen and for XHTML

I have put aall the nodes into an external javascript

var Tree = new Array;
// nodeId | parentNodeId | nodeName | nodeUrl
Tree[0] = "1|0|Page 1|#";
Tree[1] = "2|1|Page 1.1|#";

so I can Write it from my database

what will be great is to read directly a xml file with nodes from je javascript

<node nodeId="1">