Ultimate Info Center V3 [CB]

[hey]

(If you find any bugs or need support for this code, post in the support board, DO NOT PM ME!!!!!!)

Please title the topic with the code name so I know which threads need help with this code!

These boards have been given my permission to have this code posted at their forums (anyone can USE the code):

• Free to Advertise
  
• Advertise Your Site
  

Well, you've been waiting for it. V3 of my info center. Here it is (Main Footer,Cross Browser):

Update: The Number of Events now auto count!
Update 2: It is possible this may not be the last version of this.
Update 3: This code has been updated to work with v4.5 of the proboards software. It will no longer work on v4 forums_{by Ross 22/10/2007}
Update 4: Small bug fixed with # of guests online _{by Ross 05/02/2008}
Update 5: A bug was fixed where if the main admin enabled the guest IP popup to be viewed by other admins or moderators, they would not be able to see it _{by Craig 04/11/2009}


Preview: heytest7.proboards57.com

Remember to read the instructions on the botton of this post!

---

<style type="text/css">
#holder{
width: 100%;
}
#leftbox{
width: 20%;
float: left;
}
#rightbox{
width: 77%;
float: left;
position: relative;
left: 14px;
}
#eventbox{
width: 99%;
float: left;
}
#padding{
padding: 2px;
}
#area{
border: 1px solid #000000;
text-align: left;
width: 100%;
padding: 4px;
}
#onlinearea{
border: 1px solid #000000;
border-top-style: none;
text-align: left;
width: 100%;
padding: 4px;
}
</style>


<script type="text/javascript">
/*=======================================
Ultimate Info Center V3
Created by hey
You may edit this code however you wish, as long as you
keep this copyright intact and you don't repost this script
=======================================*/

var yourForumName = 'The Forums';

var usersOnlineHeight = '43px';

var showActiveUsers = true; // Set to true to show the active users today box or false to not show it

var staffGroups = [];
staffGroups[0] = ["Administrators","#700000","1"];
staffGroups[1] = ["Global Moderators","#000070","2"];
staffGroups[2] = ["Moderators","#007000","3"];


/*===========No Edit Unless You Know What You're Doing=============*/
function executeUltimateInfoCenter(){
var td = document.getElementsByTagName('td');
var font = document.getElementsByTagName('font');
var totalBoards = 0;
var totalCategories = 0;
var updatedBoards = 0;
var usersViewing = 0;
var staffNumber = 0;
var dB = navigator.appName
document.write('<style type="text/css">#onlinearea{height: '+usersOnlineHeight+'}</style>');
if(dB == "Microsoft Internet Explorer"){document.write('<style type="text/css">#rightbox{width: 79%; position: relative; left: 6px;}</style>')
var ieOnlineHeight = parseInt(usersOnlineHeight) + parseInt(9);
document.write('<style type="text/css">#onlinearea{height: '+ieOnlineHeight+'}</style>');}
for(f=0;f<font.length;f++){
if(font[f].size=="1" && font[f].innerHTML.match( /- (\d+) viewing/i)){
var usersViewing = Math.floor(usersViewing) + Math.floor(RegExp.$1);}}
if(usersViewing==1){var vAre = 'is'; var vUsers = 'user';}
else{var vAre = 'are'; var vUsers = 'users';}
for(t=0;t<td.length;t++){
var totalPMs = (td[2].innerHTML.match(/you have (.+?),/i)) ? RegExp.$1: '';
var newPMs = (td[2].innerHTML.match(/<\/a>, (.+?) new/i)) ? RegExp.$1: '';
if(pb_username == 'Guest'){
var welcomeMessage = 'Welcome to '+yourForumName+', Guest! Please <a href="/index.cgi?action=login">Login</a> or <a href="/index.cgi?action=register">Register</a>.';
} else {
var welcomeMessage = 'Welcome back to '+yourForumName+', '+pb_displayname+'! You have '+totalPMs+', '+newPMs+' new.';}
if(td[t].className=="windowbg2" && td[t].width=="24%" && td[t].innerHTML.match(/<b>Today<\/b>/i)){updatedBoards++;}
if(td[t].width=="66%" && td[t].className.match(/windowbg2/i)){totalBoards++;}
if(td[t].className.match(/catbg/i) && !td[t].innerHTML.match(/Users Online|Forum Statistics|=markallboardsread/i)){totalCategories++;}
if(td[t].className.match(/catbg/i) && td[t].innerHTML.match(/Forum Statistics/i)){
infoHolder = '<div id="holder">';
infoHolder += '<div id="leftbox">';
infoHolder += '<div id="padding">';
infoHolder += '<div id="area" class="windowbg">';
var totalPosts = (td[t+2].innerHTML.match(/Total Posts: (\d+)(,\d+)?<br/i)) ? RegExp.$1+RegExp.$2: '';
infoHolder += 'Posts: '+totalPosts+'';
infoHolder += '<br />';
var totalTopics = (td[t+2].innerHTML.match(/Total Topics: (\d+)(,\d+)? &/i)) ? RegExp.$1+RegExp.$2: '';
infoHolder += 'Topics: '+totalTopics+'';
infoHolder += '<br />';
var totalMembers = (td[t+2].innerHTML.match(/Total Members: (.+?)<br/i)) ? RegExp.$1: '';
infoHolder += 'Members: '+totalMembers+'';
infoHolder += '<br />';
infoHolder += 'Updated Boards: '+updatedBoards+'';
infoHolder += '</div>';
infoHolder += '</div>';
infoHolder += '<div id="padding">';
infoHolder += '<div id="area" class="windowbg">';
infoHolder += 'Boards: '+totalBoards+'';
infoHolder += '<br />';
infoHolder += 'Categories: '+totalCategories+'';
infoHolder += '</div>';
infoHolder += '</div>';
infoHolder += '</div>';
infoHolder += '<div id="rightbox">';
infoHolder += '<div id="padding">';
infoHolder += '<div id="area" class="windowbg">';
var lastPost = (td[t+2].innerHTML.match(/Last Updated Topic: (.+?)<br\s?\/?>/i)) ? RegExp.$1: 'n/a';
lastPost = lastPost.replace('\(','\(').replace('\)','\)').replace('\'','\'');
infoHolder += 'The last post was '+lastPost+'.';
infoHolder += '<br />';
var recentPosts = (td[t+2].innerHTML.match(/View the (.+?) most/i)) ? RegExp.$1+'</a>': 'X';
infoHolder += 'View the '+recentPosts+' most recent posts made at '+yourForumName+'.';
infoHolder += '<br />';
var newestMember = (td[t+2].innerHTML.match(/Newest Member: (.+?)<\/a>/i)) ? RegExp.$1+'</a>': '[Newest Member Deleted]';
infoHolder += 'The newest member to '+yourForumName+' is '+newestMember+'.';
infoHolder += '<br />';
infoHolder += ''+welcomeMessage+'';
infoHolder += '</div>';
infoHolder += '</div>';
infoHolder += '<div id="padding">';
infoHolder += '<div id="area" class="windowbg">';
infoHolder += 'There '+vAre+' '+usersViewing+' '+vUsers+' viewing inside the boards.';
infoHolder += '<br />';
for(g=0;g<staffGroups.length;g++){
infoHolder += '[<font color="'+staffGroups[g][1]+'">'+staffGroups[g][0]+'</font>] ';}
infoHolder += '</div>';
infoHolder += '</div>';
infoHolder += '</div>';
infoHolder += '</div>';
td[t+1].style.display = 'none';
td[t+2].innerHTML = ''+infoHolder+'';}
if(td[t].className.match(/catbg/i) && td[t].innerHTML.match(/Today's Birthdays/i)){
bdayHolder = '<div id="holder">';
bdayHolder += '<div id="leftbox">';
bdayHolder += '<div id="padding">';
bdayHolder += '<div id="area" class="windowbg">';
var totalBDays = (td[t+4].innerHTML.match(/(\d+) birthday/i)) ? RegExp.$1: '';
bdayHolder += 'Birthdays: '+totalBDays+'';
bdayHolder += '</div>';
bdayHolder += '</div>';
bdayHolder += '</div>';
bdayHolder += '<div id="rightbox">';
bdayHolder += '<div id="padding">';
bdayHolder += '<div id="area" class="windowbg">';
var memberBDays = td[t+4].innerHTML.split(/<br\s?\/?>/i)[1];
bdayHolder += ''+memberBDays+'';
bdayHolder += '</div>';
bdayHolder += '</div>';
bdayHolder += '</div>';
bdayHolder += '</div>';
td[t+3].style.display = 'none';
td[t+4].innerHTML = ''+bdayHolder+'';}
if(td[t].className.match(/catbg/i) && td[t].innerHTML.match(/Events This Month/i)){
var numberOfEvents = td[t+4].getElementsByTagName('a').length;
eventHolder = '<div id="holder">';
eventHolder += '<div id="leftbox">';
eventHolder += '<div id="padding">';
eventHolder += '<div id="area" class="windowbg">';
eventHolder += 'Events: '+numberOfEvents+'';
eventHolder += '</div>';
eventHolder += '</div>';
eventHolder += '</div>';
eventHolder += '<div id="rightbox">';
eventHolder += '<div id="padding">';
eventHolder += '<div id="area" class="windowbg">';
var monthlyEvents = td[t+4].getElementsByTagName('font')[0].innerHTML;
eventHolder += ''+monthlyEvents+'';
eventHolder += '</div>';
eventHolder += '</div>';
eventHolder += '</div>';
eventHolder += '</div>';
td[t+3].style.display = 'none';
td[t+4].innerHTML = ''+eventHolder+'';}
if(td[t].className.match(/catbg/i) && td[t].innerHTML.match(/Users Online/i)){
userHolder = '<div id="holder">';
userHolder += '<div id="leftbox">';
userHolder += '<div id="padding">';
userHolder += '<div id="area" class="windowbg">';
var staffLinks = td[t+4].getElementsByTagName('a');
for(g=0;g<staffGroups.length;g++){
for(a=0;a<staffLinks.length;a++){
if(staffLinks[a].className.match(new RegExp('group'+staffGroups[g][2]+'$'))){staffNumber++;}}
userHolder += ''+staffGroups[g][0]+': '+staffNumber+'<br />';
var staffNumber = 0;}
var membersOn = (td[t+4].innerHTML.match(/(\d+) Member/i)) ? RegExp.$1: '0';
userHolder += 'Members: '+membersOn+'';
userHolder += '<br />';
var guestsOn = (td[t+4].innerHTML.match(/(\d+) Guest/i)) ? RegExp.$1: '0';
if(td[t+4].getElementsByTagName('a').length > 0 && td[t+4].getElementsByTagName('a')[0].href.match(/viewguests/)){
var iguestlinka = '<a href="javascript:popWindow(\'viewguests\')">';
var iguestlinkb = '</a>';} else {var iguestlinka = ''; var iguestlinkb = '';}
userHolder += ''+iguestlinka+'Guests: '+guestsOn+iguestlinkb+'<br />';
userHolder += '</div>';
userHolder += '</div>';
userHolder += '</div>';
userHolder += '<div id="rightbox">';
userHolder += '<div id="padding">';
userHolder += '<div id="area" class="windowbg">';
var staffOn = (td[t+4].innerHTML.match(/(\d+) Staff/i)) ? RegExp.$1: '0';
var totalOnline = parseInt(staffOn) + parseInt(membersOn) + parseInt(guestsOn);
if(totalOnline==1){var toAre = 'is'; var toUsers = 'user';}
else{var toAre = 'are'; var toUsers = 'users';}
userHolder += 'There '+toAre+' '+totalOnline+' '+toUsers+' online. ';
if(td[t+4].innerHTML.match(/Most users online was (\d+), (.+?)<br/i)){
var mostOnline = RegExp.$1;
var mostDate = RegExp.$2;}
userHolder += 'The most users online was '+mostOnline+' on '+mostDate+'.';
userHolder += '</div>';
userHolder += '<div id="onlinearea" class="windowbg">';
var usersOn = td[t+4].innerHTML.split(/<br\s?\/?>/i)[1].replace('\'','\'');
userHolder += ''+usersOn+'';
userHolder += '</div>';
userHolder += '</div>';
userHolder += '</div>';
userHolder += '</div>';
td[t+3].style.display = 'none';
td[t+4].innerHTML = ''+userHolder+'';
} else if(td[t].className == 'catbg' && td[t].innerHTML.match(/Active Users/)) {
if("undefined" != typeof(showActiveUsers) && showActiveUsers) {
userHolder = '<div id="holder">';
userHolder += '<div id="leftbox">';
userHolder += '<div id="padding">';
userHolder += '<div id="area" class="windowbg">';
var staffLinks = td[t+4].getElementsByTagName('a');
for(g=0;g<staffGroups.length;g++){
for(a=0;a<staffLinks.length;a++){
if(staffLinks[a].className.match(new RegExp('group'+staffGroups[g][2]+'$'))){staffNumber++;}}
userHolder += ''+staffGroups[g][0]+': '+staffNumber+'<br />';
var staffNumber = 0;}
var membersOn = (td[t+4].innerHTML.match(/(\d+) Member/i)) ? RegExp.$1: '0';
userHolder += 'Members: '+membersOn+'';
userHolder += '<br />';
var guestsOn = (td[t+4].innerHTML.match(/(\d+) Guest/i)) ? RegExp.$1: '0';
if(td[t+4].getElementsByTagName('a').length > 0 && td[t+4].getElementsByTagName('a')[0].href.match(/viewgueststoday/)){
var iguestlinka = '<a href="javascript:popWindow(\'viewgueststoday\')">';
var iguestlinkb = '</a>';} else {var iguestlinka = ''; var iguestlinkb = '';}
userHolder += ''+iguestlinka+'Guests: '+guestsOn+iguestlinkb+'<br />';
userHolder += '</div>';
userHolder += '</div>';
userHolder += '</div>';
userHolder += '<div id="rightbox">';
userHolder += '<div id="padding">';
userHolder += '<div id="area" class="windowbg">';
var staffOn = (td[t+4].innerHTML.match(/(\d+) Staff/i)) ? RegExp.$1: '0';
var totalOnline = parseInt(staffOn) + parseInt(membersOn) + parseInt(guestsOn);
if(totalOnline==1){var toAre = 'was'; var toUsers = 'user';}
else{var toAre = 'were'; var toUsers = 'users';}
userHolder += 'There '+toAre+' '+totalOnline+' '+toUsers+' online today. ';
userHolder += '</div>';
userHolder += '<div id="onlinearea" class="windowbg">';
var usersOn = td[t+4].innerHTML.split(/<br\s?\/?>/i)[1].replace('\'','\'');
userHolder += ''+usersOn+'';
userHolder += '</div>';
userHolder += '</div>';
userHolder += '</div>';
userHolder += '</div>';
td[t+3].style.display = 'none';
td[t+4].innerHTML = userHolder;
} else {
td[t+3].style.display = 'none';
td[t+4].style.display = 'none';
td[t].parentNode.style.display = 'none';
td[t].parentNode.nextSibling.style.display = 'none';
}}}}
if(pb_action == "home"){
executeUltimateInfoCenter();
}
</script>

---

Okay, how to edit the variables:

Whatever the border color of your forums are, edit it here.

You Put Your Forum Name Here. If you put a ' (single quote) inside the text box, put a \ before it. IT WILL NOT WORK IF YOU DO NOT DO THIS!

This number adjusts the users online box area. The height may need to be adjusted if you are adding/subtracting the default groups. Keep adjusting this number until the two boxes at the bottom even up.

This number should increase by one for each line you have. If you are adding a group to here, the next number would be "3".

The group titles should be here.

The group color should be here. Please note that this only changes the color of the group names in []'s. You need to adjust the colors of the actual groups themselves in Admin Area -> Modify Group -> [Member Group Name] -> Group Color Box

The group number should be here.
To find the group number of a group, go to the profile page of a member in the group. In your browser window, go to View -> (Page) Source. Now hit Ctrl + F to open up the find word thing. type in "group". Keep hitting (Find) Next until you come to a line like this:

<a href="/index.cgi?action=viewprofile&user=USERNAME" class="group#">

The # is where that group number should be.

Enable/Disable the "Active Users Today" box
true causes the box to show while false will hide it. Note, this will not be avaliable until v4.5 releases. A notice will appear in your admin panel when this happens.

---

Edited to comply with Proboards updates. 06.06.10 by Trublu