Code:
<script language="javascript">
function toggle_it(itemID){
// Toggle visibility between none and inline
if ((document.getElementById(itemID).style.display == 'none'))
{
document.getElementById(itemID).style.display = 'inline';
} else {
document.getElementById(itemID).style.display = 'none';
}
}
</script>
Place the code below in the Board description area:
(You could use this in your header or footer instead)
Place your shoutbox code where it says: PLACE SHOUTBOX CODE HERE
You can change "Shoutbox" on the Header to whatever you wish.
Code:
<table width="200px" class="tborder" cellpadding="1" cellspacing="1">
<tr>
<td class="catbg" align="left">
Shoutbox
</td>
<td class="catbg" align="right">
<center><a href="#shoutbox" onClick="toggle_it('prshoutbox')">[Open] </a></center>
</td>
</tr>
</table>
<div align="left" style="position: absolute; z-index: 2; visibility: show;">
<table class="tborder" width="200px" id="prshoutbox" style="display:none;" align="left" border="0">
<tr>
<td class="catbg" align="right">
<a href="#smileys" onClick="toggle_it('prshoutbox')">[Close]</a>
</td>
</tr>
<tr>
<TD class="windowbg2" align="center" >
PLACE SHOUTBOX CODE HERE
</td>
</tr>
</table>
</div>
</a>