-
Notifications
You must be signed in to change notification settings - Fork 2
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Javascript tree library #1
Comments
Hi, professor is this what you were looking for. I went with the jstree and jstree plugins. I am not entirely sure how to get the books Toc onto the webpage programmatically. Is this where flask comes is? Where can I get the full books TOC with subdirs. Sorry if my questions are a bit naive, this is the first time I am working on a webpage type project. |
examples of books are at https://github.com/cloudmesh-community/book/tree/master/books/516 here is a big one https://github.com/cloudmesh-community/book/blob/master/books/cloud/cloud.yaml |
what you need to do is to convert the yaml file into a js tree |
read the yaml document and than displa the part under BOOK |
Bookmanager Task 1: select javascript tree code
Develop a web form that allows you to click on items in a tree and reorder them. Subdir dnd would be great to have supported, e.g. drag a dir with all its children. when clicking on a parent all children are selected. you can unselect children:
The form is simply timer in for now as we can do more fancy things later
Search for javascript or html5 and tree (look for free tools)
Requirements: must have check mark, must be supporting drag and drop
MOST FANCYFUL: http://wwwendt.de/tech/fancytree/demo/#sample-multi-ext.html
Jstree
https://www.jstree.com/demo/
https://www.jstree.com/plugins/
Jqtree ahs beard dragging and acceptable selection
https://mbraak.github.io/jqTree/examples/08_multiple_select/
https://mbraak.github.io/jqTree/examples/03_drag_and_drop/
https://javascript.info/dom-nodes
http://software.hixie.ch/utilities/js/live-dom-viewer/
This one does likely not qualify, but evaluate
Here is another option with D33.js http://bl.ocks.org/robschmuecker/7880033 However this is a bit less intuitive as at one point there is just too much info, so I think I prefer the tree view which is more like a regular TOC
The text was updated successfully, but these errors were encountered: