#1
  1. No Profile Picture
    Registered User
    ASP Explorer (0 - 99 posts)

    Join Date
    Feb 2014
    Posts
    1
    Rep Power
    0

    Expandable/collapsable Folder Structure in HTML/Javascript


    Hello All,

    I have a folder in C drive and this folder has many more folders inside it. Theses folders contains hundreds of static html files linking each other. I need to design an index.hml (Deployed in webserver) page which will have an expandable/collapsable folder tree structure that will point to this folder in C drive so that I can expand it and the subsequent folders. I need to achieve it using html/javascript or any other js tool. Please let me know if anyone has done this before or any reference/links would be a great help. Something like below in the code section. And this should dynamically do this.

    Thanks.

    Code:
    \wiki-content root  
        \space01  
            \files  
        \space02      
            \files
  2. #2
  3. Contributing User
    ASP Skiller (1500 - 1999 posts)

    Join Date
    Aug 2008
    Location
    USA
    Posts
    1,606
    Rep Power
    347
    using jquery/javascript you can do this, find below refrence articles
    jQuery treeview
    Dynamic Drive DHTML Scripts- jQuery TreeView Menu (v1.4)
    if you found this post is useful click Give Rep button (bottom side on this reply ) and agree

    Jquery Shake Effect ,
    Andriod KitKat


    Thank You,
    KiranK
  4. #3
  5. No Profile Picture
    Contributing User

    Join Date
    Jun 2011
    Location
    Pasig City, Philippines
    Posts
    26
    Rep Power
    0
    Hi!

    Long nested lists on web pages can be difficult to understand, especially if the visitor must scroll to see the entire list.
    The tree view, a user interface widget that displays hierarchical data as nested lists, solves this problem
    by making lists collapsible and expandable; a list can be opened by or closed by clicking on its parent list item.

    This is a simple plugin in Javascript to create a collapsible list:
    Collapsible lists in JavaScript

    I hope this helps. Thank you.

Similar Threads

  1. using img in if structure within javascript
    By nopelken in forum HTML, JavaScript And CSS Help
    Replies: 0
    Last Post: November 6th, 2012, 03:17 AM
  2. HTML & JavaScript <fieldset> Stops javascript function working
    By icoombs in forum HTML, JavaScript And CSS Help
    Replies: 5
    Last Post: August 2nd, 2009, 01:06 PM
  3. Expandable and Collapsible Directory Structure Tree
    By red_fiesta in forum ASP Development
    Replies: 15
    Last Post: November 2nd, 2006, 06:12 AM
  4. Folder structure..........Help
    By aspfree2000 in forum Web Layout
    Replies: 3
    Last Post: August 18th, 2005, 05:47 AM
  5. collapsable expandable menus
    By thugangel1983 in forum HTML, JavaScript And CSS Help
    Replies: 10
    Last Post: August 15th, 2004, 03:02 PM

IMN logo majestic logo threadwatch logo seochat tools logo