Expandable Tables.

Hey all, i was wondering if someone could tell me how to code expandable tables.

Thanks alot.

Matt

 

Put this code in your header

      function toggle(o)
      {
        var e = document.getElementById(o);
        e.style.display = (e.style.display == 'none') ? 'block' : 'none';
      }

Code (markup):

Then give the tables (or table rows) unique ID's and set the onclick event to toggle('table1'). Look at http://www.byrequest.dj/25501/index.html for an example of how I did it.

 

You can also do this:

<table width="65%">
<tr>
 <td>
<!-- CONTENT -->
 </td>
</tr>
</table>

Code (markup):

This will resize based on the width of the users browser. . .though I'm not sure if that's what you're looking for. The 65% can be changed to whatever you want, though.

 

Make that 100% and it will resize depending on the browser. That's for maximum width at least.