Results 1 to 3 of 3

Thread: JsTree Help

  1. #1
    Join Date
    Jun 2007
    Posts
    532
    Mentioned
    1 Post(s)
    Quoted
    68 Post(s)

    Default JsTree Help

    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.
    Finished B.S. Program in Radiology!!

    Projects: A big one! Total secret! hehe

  2. #2
    Join Date
    Jun 2007
    Location
    The land of the long white cloud.
    Posts
    3,702
    Mentioned
    261 Post(s)
    Quoted
    2006 Post(s)

    Default

    Most likely because the script source for jquery is incorrect. It seems to work ok

    Extract this zip somewhere and open default.html with your browser


    default.zip

  3. #3
    Join Date
    Jun 2007
    Posts
    532
    Mentioned
    1 Post(s)
    Quoted
    68 Post(s)

    Default

    Quote Originally Posted by The Mayor View Post
    Most likely because the script source for jquery is incorrect. It seems to work ok

    Extract this zip somewhere and open default.html with your browser


    default.zip

    Thank you so much! That seemed to do the trick for me! Thank you again so much!
    Finished B.S. Program in Radiology!!

    Projects: A big one! Total secret! hehe

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •