collapseable tables

ApocComputing · 05-30-2006, 05:04 PM

How can you make tables collapse with the click of a button? like on vB, how you can minimize/collapse sections. thanks.

hairyfreak · 05-30-2006, 05:25 PM

In the table you could put the following:
????: NamePros.com http://www.namepros.com/programming/202691-collapseable-tables.html

Code:

<table>
<tr>
<td onclick="document.this.style.height=0">Shrinking content</td>
</tr>
</table>

A simple little bit of JavaScript, although it requires the client to have JavaScript enabled on their browser. If it is not, nothing will happen when the table cell is clicked. The onclick event can be used in any part of the table as well, not just a single cell.
Hope this helps.

iNod · 05-30-2006, 06:59 PM

Well VB actualy uses a DHTML dropdown menu. That is abit more complex than what harry did but it will work.

- Steve

IAmAllanShore · 07-09-2006, 08:39 PM

Must admit I'm looking for this, but I pasted the above and nothing happened....
Any help?
Need to click and have some content drop down...
-Allan

Hitch · 07-10-2006, 07:20 AM

Hi,

I did some searching, and i found this tutorial, http://www.dustindiaz.com/dhtml-expa...apse-div-menu/

I think it's what you wanted.

You can see it in action here, http://www.dustindiaz.com/basement/block-toggle.html

Hope this helps.

Adrian

IAmAllanShore · 07-10-2006, 08:16 AM

Thanks, Adrian

Works well now!
-Allan

05-30-2006, 05:04 PM	THREAD STARTER #1 (permalink)
ApocComputing NamePros Regular Join Date: Jul 2005 Posts: 557	collapseable tables How can you make tables collapse with the click of a button? like on vB, how you can minimize/collapse sections. thanks. __________________ WiiBrowser www.wiibrowser.com UploadView www.uploadview.com

05-30-2006, 05:25 PM	#2 (permalink)
hairyfreak NamePros Regular Join Date: Dec 2005 Location: Derbyshire, UK Posts: 885	In the table you could put the following: ????: NamePros.com http://www.namepros.com/programming/202691-collapseable-tables.html Code: <table> <tr> <td onclick="document.this.style.height=0">Shrinking content</td> </tr> </table> A simple little bit of JavaScript, although it requires the client to have JavaScript enabled on their browser. If it is not, nothing will happen when the table cell is clicked. The onclick event can be used in any part of the table as well, not just a single cell. Hope this helps.

05-30-2006, 06:59 PM	#3 (permalink)
iNod Eating Pie Join Date: Nov 2004 Location: Canada Posts: 2,267	Well VB actualy uses a DHTML dropdown menu. That is abit more complex than what harry did but it will work. - Steve __________________ I feel old.

07-09-2006, 08:39 PM	#4 (permalink)
IAmAllanShore NamePros Expert Join Date: Nov 2004 Location: Esse quam videri Posts: 8,316	Must admit I'm looking for this, but I pasted the above and nothing happened.... Any help? Need to click and have some content drop down... -Allan __________________ Something Witty This Way Comes...

07-10-2006, 08:16 AM	#6 (permalink)
IAmAllanShore NamePros Expert Join Date: Nov 2004 Location: Esse quam videri Posts: 8,316	Thanks, Adrian Works well now! -Allan __________________ Something Witty This Way Comes...

07-10-2006, 07:20 AM	#5 (permalink)
Hitch Senior Member Join Date: Aug 2005 Location: Uk, South Yorkshire Posts: 1,228 Follow @adrianc333	Hi, I did some searching, and i found this tutorial, http://www.dustindiaz.com/dhtml-expa...apse-div-menu/ I think it's what you wanted. You can see it in action here, http://www.dustindiaz.com/basement/block-toggle.html Hope this helps. Adrian

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)