Samuel
Former Coding Moderator
:D
Posts: 154
|
Post by Samuel on May 26, 2006 13:25:01 GMT -5
This works a bit like the shoutbox, but its a table.
<table width="500px" align="center" cellspacing="0" cellpadding="0" class="bordercolor"> <tr> <td> <table width="100%" cellspacing="1" cellpadding="4"> <tr> <td class="catbg"><a href="#" onclick="this.innerHTML = (this.innerHTML == 'Table Name\(Click to Hide\)') ? 'Table Name(Click to Show)' : 'Table Name(Click to Hide)'; var hiderow = document.getElementById('hiderow'); hiderow.style.display = (hiderow.style.display == 'none') ? '' : 'none'; return false;">Table Name(Click to Show) </td> </tr> <tr id="hiderow" style="display: none;"> <td class="windowbg"> Your Stuff </td> </tr> </table> </td> </tr> </table>
Edit parts in red pretty self explanatory, post here if you need help.
|
|
Matt
Graphics Admin
Great admin or greatest admin?
Posts: 4,891
|
Post by Matt on May 26, 2006 13:29:50 GMT -5
Nice addition
|
|
|
Post by |-Bennedetto-| on May 29, 2006 15:37:22 GMT -5
Awesome. Next time I make a board I will use this!
|
|
|
Post by Smangii on May 29, 2006 19:41:24 GMT -5
Hmm, I do it differently, but this works ^^
|
|
|
Post by rkrokster on Aug 2, 2006 11:05:54 GMT -5
nice
|
|
|
Post by crazydawg43 on Aug 2, 2006 17:10:15 GMT -5
How would this code work if I wanted to have the person click an image to show/hide the table?
ex: I have a gradient with text on it type of image and I want the people to click that to show/hide the table. How would that be done?
|
|
Samuel
Former Coding Moderator
:D
Posts: 154
|
Post by Samuel on Aug 3, 2006 10:27:37 GMT -5
<table width="500px" align="center" cellspacing="0" cellpadding="0" class="bordercolor"> <tr> <td> <table width="100%" cellspacing="1" cellpadding="4"> <tr> <td class="catbg"><a href="#" onclick="this.innerHTML = (this.innerHTML == '<img src="HIDE IMAGE" border="0" />') ? '<img src="THIS IS THE SHOW IMAGE" border="0" />' : '<img src="HIDE IMAGE" border="0" />'; var hiderow = document.getElementById('hiderow'); hiderow.style.display = (hiderow.style.display == 'none') ? '' : 'none'; return false;"><img src="SHOW IMAGE" border="0" /> </td> </tr> <tr id="hiderow" style="display: none;"> <td class="windowbg"> Your Stuff </td> </tr> </table> </td> </tr> </table>
|
|
|
Post by crazydawg43 on Aug 3, 2006 22:28:13 GMT -5
0.o That's confusing...
If I was to have a different image for when it's not showing than the one when it is showing, how would that work out?
EX: When the table is hidden, image 1 shows in the bar to click. Then when you click it, the bar swiches to image 2 since the table is showing. What would I do for that? :-\
|
|
Samuel
Former Coding Moderator
:D
Posts: 154
|
Post by Samuel on Aug 4, 2006 12:05:34 GMT -5
recopy.
|
|
|
Post by crazydawg43 on Aug 4, 2006 16:06:07 GMT -5
OOHH! Now I understand! Thanks a ton!
|
|
Samuel
Former Coding Moderator
:D
Posts: 154
|
Post by Samuel on Aug 5, 2006 3:12:37 GMT -5
no problem.
|
|
Matt
Graphics Admin
Great admin or greatest admin?
Posts: 4,891
|
Post by Matt on Aug 5, 2006 10:42:48 GMT -5
Good job iban *Exalts*
|
|
Samuel
Former Coding Moderator
:D
Posts: 154
|
Post by Samuel on Aug 6, 2006 2:53:24 GMT -5
Like it would make much of a difference
|
|
Matt
Graphics Admin
Great admin or greatest admin?
Posts: 4,891
|
Post by Matt on Aug 6, 2006 12:35:03 GMT -5
|
|
|
Post by crazydawg43 on Aug 7, 2006 18:05:13 GMT -5
*Exalts Iban as well* Don't worry, we'll have you down in the 800,000 range sometime next year
|
|
|
Post by Kametsou on Oct 19, 2006 5:59:17 GMT -5
That's an awesome code! I'm using it on my forum, now! Thanks!
|
|