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

    Join Date
    Feb 2014
    Rep Power

    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.


    \wiki-content root  
  2. #2
  3. Contributing User
    ASP Skiller (1500 - 1999 posts)

    Join Date
    Aug 2008
    Rep Power
    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,
  4. #3
  5. No Profile Picture
    Contributing User

    Join Date
    Jun 2011
    Pasig City, Philippines
    Rep Power

    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, 04: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, 02:06 PM
  3. Expandable and Collapsible Directory Structure Tree
    By red_fiesta in forum ASP Development
    Replies: 15
    Last Post: November 2nd, 2006, 07:12 AM
  4. Folder structure..........Help
    By aspfree2000 in forum Web Layout
    Replies: 3
    Last Post: August 18th, 2005, 06:47 AM
  5. collapsable expandable menus
    By thugangel1983 in forum HTML, JavaScript And CSS Help
    Replies: 10
    Last Post: August 15th, 2004, 04:02 PM

IMN logo majestic logo threadwatch logo seochat tools logo