0

I am looking for a JavaScript method or a framework to achieve this:

enter image description here

So in concrete words I like to have a tree structure same like the one in the Windows Explorer (where you can expand and collapse nodes) and on the right side you should be able to relate nodes to each others.

Building the tree structure is pretty simple, but displaying the relation for the nodes is quite tricky and honestly I don't know how to start.

I tried with various frameworks, but none that I know of has this build in functionallity. Unfortunately I cannot copy any code to JSFiddle...

marius
  • 1,118
  • 1
  • 18
  • 38
  • I think this is what your looking for: jQuery TreeView: https://github.com/jzaefferer/jquery-treeview – Gabriel Rodriguez Sep 18 '15 at 12:19
  • unfortunately now... as said there are many tree structure frameworks out there, but non can relate different nodes to each other like on my screenshot. By the way, i used the framework that u showed as well and it works only with attribute, value... instead of pushing in DIVs – marius Sep 18 '15 at 12:25

1 Answers1

0

try https://www.jstree.com/ it will help ;), or look in here http://www.jqueryrain.com/demo/jquery-treeview/

Tarek.Eladly
  • 730
  • 12
  • 24
  • same comment as for Gabriel Rodriguez, the relation on the right side is not achieveable with these framworks, I have tested them all – marius Sep 18 '15 at 12:26
  • this offers alot! it is actually pretty close to my idea, i ll give it a try and let you know. Thanks :) – marius Sep 18 '15 at 14:16
  • unfortunately this charts works on canvas basis, so in other words you cannot interact with 'normal' html elements – marius Sep 18 '15 at 16:08