Insanest Annoucement Table

[Smangii]

Pretty much just me coding around with javascript ... Enjoy

Edit anything you need, it's pretty down packed when you look at it.

Live Preview: smangiitest.proboards105.com/index.cgi?board=insanetable

<!-- Insanest Annoucement Table v1, by Smangii
http://smangii.proboards78.com
Do not repost outside sigfx //-->

<table width="500" cellpadding="0" cellspacing="1" class="bordercolor" align="center">
<tr>
<td>
<table width="100%" cellpadding="4" cellspacing="0" border="0">
<tr>
<td align="left" class="catbg" colspan="0" width="100%">
<div style="float:left">
<font size="2">
[ <a href="#" onclick="this.innerHTML = (this.innerHTML == '+') ? '1' : '+'; var one = document.getElementById('one'); one.style.display = (one.style.display == 'none') ? '' : 'none'; return false;">1</a> | <a href="#" onclick="this.innerHTML = (this.innerHTML == '+') ? '2' : '+'; var two = document.getElementById('two'); two.style.display = (two.style.display == 'none') ? '' : 'none'; return false;">2</a> | <a href="#" onclick="this.innerHTML = (this.innerHTML == '+') ? '3' : '+'; var three = document.getElementById('three'); three.style.display = (three.style.display == 'none') ? '' : 'none'; return false;">3</a> ]
</font>
</div>
<div style="float:right">
[ <a href="#" onclick="this.innerHTML = (this.innerHTML == 'Fast Links') ? 'Fast Links' : 'Fast Links'; var pm_info = document.getElementById('quick'); quick.style.display = (quick.style.display == 'none') ? '' : 'none'; return false;">Fast Links</a> ]
[ <a href="#" onclick="this.innerHTML = (this.innerHTML == 'Inbox') ? 'Inbox' : 'Inbox'; var pm_info = document.getElementById('pm_info'); pm_info.style.display = (pm_info.style.display == 'none') ? '' : 'none'; return false;">Inbox</a> ]
</div>

</td>
</tr>
<tr>
<td id="pm_info" align="center" width="100%" height="10" class="windowbg" style="display: none;">
<script>
var tdid = document.getElementsByTagName("td");
var pm_info= document.getElementById("pm_info");

if (pb_username == 'Guest') {
pm_info.innerHTML = '[ Guest, please <a href="/index.cgi?action=login">Login</a> or <a href="/index.cgi?action=register">Register</a>. ]';
}
if (tdid[2].innerHTML.match(/you have <.+?>(.+?) (message|messages)<.+?>, (\d+) (are|is) new./i)) {
pm_info.innerHTML = '[ '+pb_displayname+', You have <a href="/index.cgi?action=pm">no new</a> PMs. ] [ <a href="/index.cgi?action="pmsend">Compose</a> ]';
}
if (RegExp.$3 >= 1) {
pm_info.innerHTML = '[ '+pb_displayname+', You have <a href="/index.cgi?action=pm">new</a>  PMs!. ] [ <a href="/index.cgi?action="pmsend">Compose</a> ] [ <a href="/index.cgi?action=pmmarkasread">Mark As Read</a> ]';
}
//-->
</script>
</td>
</tr>
<tr>
<td id="quick" align="center" width="100%" height="10" class="windowbg" style="display: none;">
[ <a href="/index.cgi?">Premades: 100</a> |
<a href="/index.cgi?">Tutorials: 50</a> |
<a href="/index.cgi?">Templates: 30</a> |
<a href="/index.cgi?">GOTW</a> ]
</td>
</tr>
<tr>
<td id="one" width="100%" height="10" class="windowbg" style="display: none;">
<B>Latest News:</b>
</td>
</tr>
<tr>
<td id="two" width="100%" height="10" class="windowbg" style="display: none;">
<b>Polls & Contests:</b>
</td>
</tr>
<tr>
<td id="three" width="100%" height="10" class="windowbg" style="display: none;">
<b>MOTM Winner: </b>
</td>
</tr>
</table>
</td></tr></table>