Beefy Boxes and Bandwidth Generously Provided by pair Networks
We don't bite newbies here... much
 
PerlMonks  

Re: html tree

by maverick (Curate)
on Jul 13, 2004 at 20:50 UTC ( #374134=note: print w/ replies, xml ) Need Help??


in reply to html tree

Sam's module is pretty sharp :)

Here's the basic HTML+JS+CSS way to make them if your original structure is or can be UL / LI lists. Just in case you wanted to know HOW one worked.

<script> function toggle(obj) { obj.parentNode.className = (obj.parentNode.className=='li-open') ? + 'li-closed' : 'li-open'; return false; } </script> <style type="text/css"> ul.dtree li.li-open ul { display: block; } ul.dtree li.li-closed ul { display: none; } </style> <ul class=dtree> <li class=li-closed> <div class="leaf" onClick="toggle(this)">Item</div> <ul> <li>Item 2</li> <li>Item 3</li> </ul> </li> </ul>
The kinda nice thing about this technique is you can go back to vanilla UL/LI lists just by removing those CSS classes.

BTW, I make my ul/li lists in perl and HTML::Template so nyaaah! ;)

/\/\averick


Comment on Re: html tree
Download Code

Log In?
Username:
Password:

What's my password?
Create A New User
Node Status?
node history
Node Type: note [id://374134]
help
Chatterbox?
and the web crawler heard nothing...

How do I use this? | Other CB clients
Other Users?
Others taking refuge in the Monastery: (10)
As of 2015-07-07 23:47 GMT
Sections?
Information?
Find Nodes?
Leftovers?
    Voting Booth?

    The top three priorities of my open tasks are (in descending order of likelihood to be worked on) ...









    Results (93 votes), past polls