HTML / JAVASCRIPT INFO BAR

[bass5098]

This is a part html part javascript info bar

FEATURES -

• View Pms
  
• Exact numbers for pms
  
• Add News
  
• Have a Member Of The Month
  

<div id="info_bar" align="center">
<table valign="center" id="pm_info_bar" width="550" algin="center" class="bordercolor"><tr><td class="windowbg" align="center" width="35%"><div id="pm_text"><a href="javascript:void(0);" onClick="document.getElementById('tab_pm').style.display='';document.getElementById('pm_text').style.display='none';document.getElementById('pm_text_2').style.display='';">PM Info</a></div><div id="pm_text_2" style="display:none"><a href="javascript:void(0)" onClick="document.getElementById('tab_pm').style.display='none';document.getElementById('pm_text').style.display='';document.getElementById('pm_text_2').style.display='none';">Close Pm Info</a></div></td><td width="25%" align="center" class="windowbg2"><div id="news_text"><a href="javascript:void(0)" onClick="document.getElementById('tab_news').style.display='';document.getElementById('news_text').style.display='none';document.getElementById('news_text_2').style.display='';">News</a></div><div id="news_text_2" style="display:none"><a href="javascript:void(0)" onClick="document.getElementById('tab_news').style.display='none';document.getElementById('news_text').style.display='';document.getElementById('news_text_2').style.display='none';">Close News</a></div></td><td width="35%" align="center" class="windowbg"><div id="motm_text"><a href="javascript:void(0);" onClick="document.getElementById('tab_motm').style.display='';document.getElementById('motm_text').style.display='none';document.getElementById('motm_text_2').style.display='';">Member Of The Month</a></div><div id="motm_text_2" style="display:none"><a href="javascript:void(0);" onClick="document.getElementById('tab_motm').style.display='none';document.getElementById('motm_text').style.display='';document.getElementById('motm_text_2').style.display='none';">Close Member Of The Month</a></td><td width="5%" align="center" class="windowbg2"><a href="javascript:void(0);" onClick="document.getElementById('info_bar').style.display='none';">[X]</a></tr><tr><td colspan="4" id="tab_pm" class="windowbg" style="display:none">Please <a href="/index.cgi?action=login">Login</a> Or <a href="/index.cgi?action=register">Register</a></td></tr><tr><td class="windowbg2" align="center" id="tab_news" colspan="4" style="display:none">News Here</td></tr><tr><td colspan="4" class="windowbg" id="tab_motm" algin="center" style="display:none">Member Of The Month: </td></tr></table>

<script type="text/javascript">
<!--

var tdid = document.getElementsByTagName("td");
var pm_tb= document.getElementById("tab_pm");

if(tdid[2].innerHTML.match(/you have <.+?>(.+?) (message|messages)<.+?>, (\d+) (are|is) new./i))
{

var inbox_1 = RegExp.$3;
var inbox_2 = RegExp.$1;
var un = pb_displayname;

pm_tb.innerHTML = 'Welcome '+un+'! You have <a href="/index.cgi?action=pm">'+inbox_1+'</a> new out of <a href="/index.cgi?action=pm">'+inbox_2+'</a> messages.';
}

// -->
</script>
</div>