hierarchical html listbox with mimicking file explorer level folding

i'm looking for a technique to adapt a html listbox to hierarchical content with an unlimited number of levels ( const > 1 would be sufficient ). hierarchy levels should be collapsible as in the usual file explorer views. the html listbox behaviour should be preserved / mimicked as comprehensively as possible. do you have a hint on where to find or how to implement this ? jquery solutions are fine.

firefox 3.5+, ie 8+, safari 5 must be supported; opera 11, chrome 9 would be nice.

as far as i understand the issue, listbox contents are rendered inside their own browser window sporting none of the standar开发者_Go百科d window adornments. a hint on how to obtain a handle on this window in js would be a sufficient starting point, as well as correcting me in case i misconceived the browser behaviour.

thanks in advance for your efforts,

best regards,

carsten

I've used JStree before and found it relatively easy to work with and solidly built. It has a few built-in themes you can use that mimic file explorers.

It uses a variety of data sources, including support for AJAX dynamic updates. If your tree isn't too large, though, an HTML nested list is an ideal source for accessibility (no JS, screen-readers, robots will all have something to look at).

You can put pretty much whatever you want in each node, including listboxes or other form elements.

I'm not very clear on what you're trying to do, though (see comment above)...

How about:

http://jquery.bassistance.de/treeview/demo/