Acmlm's Board - I2 Archive - Programming - Tree Expand Javascript
| User | Post |
TheGreatWhiteDope
Posts: 95/108 |
Originally posted by TheGreatWhiteDope
I remebered a thread with an example of this (I can't seem to find it now)
Yeah, thats the thread I was looking for, I'll see if this works, thanks.  |
Gavin
Posts: 753/799 |
or you could check out mine, which I actually posted in this forum probably no more than 1-2 months ago. |
DarkSlaya
Posts: 4180/4249 |
I believe this should be about right |
HyperLamer
Posts: 7603/8210 |
You mean like this?
- Animals
- Cats
Phoenix
Kitty
+ Dogs
- Vegetables
+ Corn
+ Spinach
I haven't tried this, but I imagine you could use a layout like this:
<table>
<tr id="main1">
<td>Animals</td>
</tr>
<tr id="animals1">
<td><img src="blank.gif" width=20>Cats</td>
etc... then put little +/- images in them that trigger Javascripts on click that show or hide various table rows. For example, next to 'Animals' would be an image that calls a script that shows or hides all table rows whose ID contains 'animals', and swaps the image to + or - accordingly. To space them properly, use blank images like I put before 'Cats'.
TheGreatWhiteDope
Posts: 94/108 |
Hmm I was wondering how I could make a javascript tree...... Well, I really don't know what to call it.  I remebered a thread with an example of this (I can't seem to find it now) and it is used in Invision Board to Expand and Collapse forum categories. I looked up on how to make one of these codes but all I got was menu crap.
If you still dont kow what I'm talking about, it's like I have a table cell and a table header. In the header theres a -, when you hit it the table cell dissapears (Collapses) and the - turns to a +. Then, when I hit the + the table cell comes back (Expands) and the + turns to -. Tried to explain it best I could and in the noobiest way possible. xP |
|
|
