Hello all...I am new to jQuery and Java and I can't figure out how to get jsTree is display correctly on my site. This is going to be used in a real business setting with real and in some cases sensitive information.
http://jsfiddle.net/2kwkh2uL/779/
This is what I am trying to get it to look like (above) but when I try and place that code into my html index and jstree file it doesn't display like that. It shows the <li> of each element.
http://www.inviewinc.co.nf
I downloaded jsTree from here http://www.jstree.com followed the setup but still doesn't produce the correct result.
My result http://www.inviewinc.co.nf
This is my page for now...just testing to get the tree to work
HTML Code:
!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.min.css" />
<title>Flip Hero</title>
</head>
<body>
<title>Flip Hero</title>
<body>
<div id="major">
<ul>
<li>Plans, Codes
<ul>
<li>Node 1.1</li>
<li>Node 1.2</li>
</ul>
</li>
<li>Sitework
<ul>
<li>Child node 2.1</li>
<li>Child node 2.2</li>
</ul>
</li>
<li>Foundation
<ul>
<li>Node 3.1</li>
</ul>
</li>
<li>Carpentry
<ul>
<li>node 4.1</li>
</ul>
</li>
<li>Roofing
<ul>
<li>node 5.1</li>
</ul>
</li>
<li>Windows/Doors
<ul>
<li>node 6.1</li>
<ul>
<li>node 6.2.1</li>
</ul>
</ul>
</li>
<li>Fixtures
<ul>
<li>node 7.1</li>
</ul>
</li>
<li>Plumbing
<ul>
<li>node 8.1</li>
</ul>
</li>
<li>Mechanical
<ul>
<li>node 9.1</li>
</ul>
</li>
<li>Electrical/Lighting
<ul>
<li>node 10.1</li>
</ul>
</li>
<li>Insulation
<ul>
<li>node 11.1</li>
</ul>
</li>
<li>Dry Wall
<ul>
<li>Node 12.1</li>
</ul>
</li>
<li>Cabinetry
<ul>
<li>node 13.1</li>
</ul>
</li>
<li>Paint
<ul>
<li>node 14.1</li>
</ul>
</li>
<li>Tile
<ul>
<li>node 15.1</li>
</ul>
</li>
<li>Flooring
<ul>
<li>node 16.1</li>
</ul>
</li>
<li>Hardware
<ul>
<li>node 17.1</li>
</ul>
</li>
<li>Appliances
<ul>
<li>node 18.1</li>
</ul>
</li>
<li>Landscaping
<ul>
<li>node 19.1</li>
</ul>
</li>
<li>Final Punch/Clean
<ul>
<li>node 20.1</li>
</ul>
</li>
</ul>
</div>
<script src="jquery.js"></script>
<script src="jstree.min.js"></script>
<script>
$('#major').jstree();
});
</style>
</body>
</html>
I would love to learn and figure out to make it work...so if you do decide to help please try and explain what you are doing, why...etc. I did include
Code:
$('#major').jstree();
to jstree.min.js at one point but I later removed it and have it currently back at it original contents fully.
I am using Komodo Edit 8 on a Mac to edit.
I am hosting all the documents on my free domain and do not have FTP setup and when I try and upload the document as a whole the uploader just opens the file to show the other files within.
As stated earlier I am new to this side of things. I have some experience in HTML and CSS only. I've played with Java (hardly), Python, JavaScript and I've written some scripts here (never released due to not finished or not thinking it was good enough to be what I considered healthy competition between scripts to promote the best for the public..like pushing one another to be better and help along the way. With that being said any and all help is very much appreciated.