InterOcean Designs - ShoutBox Mods

InterOcean Designs :: ProBoards Codes :: ProBoard Code Database :: ShoutBox Mods

Page 1 of 2 » Jump to page Go

Author

Topic: ShoutBox Mods (Read 2,399 times)

SubDevo
Co-Admin
Code Support
member is offline

[avatar]

Creator of LSD...

Joined: Mar 2009
Gender: Male

Posts: 2,594
Location: MI, USA
Karma: 102

ShoutBox Mods
« Thread Started on Mar 22, 2010, 11:23am »

These are some mods I made for Charles Stover's ShoutBox.
Tested in IE, FF, Opera, Safari and Chrome.

I will add more to this post as they come!

Enjoy!!!

SubDevo

ShoutBox Links by SubDevo

Features:

Converts any http URL's in your ShoutBox into a clickable link (opens in a new window).
The code checks every 5 seconds for URL's and updates them as necessary.
Create your shout in your chosen color.
The text color in the text box also changes when you select a different color from the dropdown.
Widens the text box to 70%. Now you can see more of your shout while typing it.

If you want a different text box width, find this line in the code and change the Yellow.
document.getElementById("shoutboxMessage").style.width="70%";
If you prefer the default text box size, remove this line from the code.

No other editing required.

Location: Main Footer

Code:
<script type="text/javascript">
/* ShoutBox Links by SubDevo */
/* Main Footer - Please leave this header intact. Do not repost. */
/* [url]http://interoceandesigns.com[/url] or [url]http://lsdp.proboards.com[/url] */

function getSBLinks(){ var a,b,i,iN,sr,x=-1;
   sr=document.getElementById("shoutbox").getElementsByTagName("tr");
   while(sr[++x]){
      if(sr[x].cells.length.toString().match(/3|4/)&&/http:\/\//i.test(sr[x].innerHTML)){
         a=sr[x].cells[1]; b=a.innerHTML; iN=b.split(" "); i=-1;
         while(iN[++i]){
            if(/(^http:\/\/)/i.test(iN[i])&&iN[i]!=RegExp.$1&& !/\"$/i.test(iN[i])){
               iN[i]="<a title='Link will open in a new window.' href='"+iN[i]+"' target='_blank'>"+iN[i]+"<\/a>";
            }
         } iN=iN.join(" "); if(b!=iN){a.innerHTML=iN;}
}}}
function csbC(){ var nc=shoutbox["colors"][sbRC("color")];
   if(nc){ nc=(nc.length>2)?nc:nc[1];
      document.getElementById("shoutboxMessage").style.color=nc;
}}
function getSBox(){
   var n=document.getElementById("shoutbox"),a,sCd,x=-1;
   if(n){ clearInterval(findSBox); setInterval("getSBLinks()",5000);
      sCd=document.getElementsByName("shoutboxColor")[0]; csbC();
      sCd.onchange=function(){sbSC("color", this.value); csbC();}
      document.getElementById("shoutboxMessage").style.width="70%";
}} var findSBox=setInterval("getSBox()",1000);
</script>

ShoutBox Links and UBBC by SubDevo

This code has all of the same features as the above code with the addition of UBBC icons.
They work just like in your posts. And no. You can't add any more. These are the only UBBC that work in the ShoutBox.

Click for Preview

Variables:

If you want a different width for the text box, see the instructions in the code above.

If you are not using any custom UBBC icons then you do not need to edit anything. The code is set up with the default PB UBBC icon image URL's.

var ubbURL="http://images.proboards.com/new/";

Enter the URL to the folder/path that your UBBC images are stored.
If all of your images are NOT from the same URL, change this to empty "", and put the FULL URL to each image below (in place of the image name).

var ubb=[
["Bold","b","bold.png"],
["Italicize","i","italicize.png"],
["Underline","u","underline.png"],
["Strikethrough","s","strike.png"],
["Font Face","font=Verdana","face.png"],
["Superscript","sup","sup.png"],
["Subscript","sub","sub.png"],
["Teletype","tt","tele.png"]
];
Enter the file name for each of the UBBC images above. Or the full URL if you set ubbURL to empty.

Location: Main Footer

Code:
<script type="text/javascript">
/* ShoutBox Links and UBBC by SubDevo */
/* Main Footer - Please leave this header intact. Do not repost. */
/* [url]http://interoceandesigns.com[/url] or [url]http://lsdp.proboards.com[/url] */

var ubbURL="http://images.proboards.com/new/";

var ubb=[
   ["Bold","b","bold.png"],
   ["Italicize","i","italicize.png"],
   ["Underline","u","underline.png"],
   ["Strikethrough","s","strike.png"],
   ["Font Face","font=Verdana","face.png"],
   ["Superscript","sup","sup.png"],
   ["Subscript","sub","sub.png"],
   ["Teletype","tt","tele.png"]
];

function addUBB(open,end){
   var t=document.getElementById("shoutboxMessage");
   var open=(open)?open:""; var end =(end)?end:"";
   var isIE=(document.attachEvent)?true:false; var cS="";
   if(isIE){ t.focus();
      cS=document.selection.createRange(); cS.text=open+cS.text+end;
   }else if(!isIE&&typeof t.selectionStart!="undefined"){
      var sS=t.value.substr(0,t.selectionStart);
      var sE=t.value.substr(t.selectionEnd,t.value.length);
      cS=t.value.replace(sS,"").replace(sE,"");
      var sl=sS+open+cS+end; t.value=sl+sE;
      t.setSelectionRange(sl.length,sl.length); t.focus();
}}
function getSBLinks(){ var a,b,i,iN,sr,x=-1;
   sr=document.getElementById("shoutbox").getElementsByTagName("tr");
   while(sr[++x]){
      if(sr[x].cells.length.toString().match(/3|4/)&&/http:\/\//i.test(sr[x].innerHTML)){
         a=sr[x].cells[1]; b=a.innerHTML; iN=b.split(" "); i=-1;
         while(iN[++i]){
            if(/(^http:\/\/)/i.test(iN[i])&&iN[i]!=RegExp.$1&& !/\"$/i.test(iN[i])){
               iN[i]="<a title='Link will open in a new window.' href='"+iN[i]+"' target='_blank'>"+iN[i]+"<\/a>";
            }
         } iN=iN.join(" "); if(b!=iN){a.innerHTML=iN;}
}}}
function csbC(){ var nc=shoutbox["colors"][sbRC("color")];
   if(nc){ nc=(nc.length>2)?nc:nc[1];
      document.getElementById("shoutboxMessage").style.color=nc;
}}
function getSBox(){
   var n=document.getElementById("shoutbox"),a,nS="",sCd,x=-1;
   if(n){ clearInterval(findSBox); setInterval("getSBLinks()",5000);
      sCd=document.getElementsByName("shoutboxColor")[0]; csbC();
      sCd.onchange=function(){sbSC("color", this.value); csbC();}
      while(ubb[++x]){ a=ubb[x];
         nS+='<img alt="'+a[0]+'" border="0" title="'+a[0]+
         '" style="cursor: pointer;" onmousedown="addUBB('+"'["+a[1]+"]','[/"+
         ((a[1].match("="))?"font":a[1])+"]'"+')" src="'+ubbURL+a[2]+'" \/> ';
      } document.getElementById("shoutboxMessage").style.width="70%";
      document.getElementById("shoutboxSmileys").firstChild.innerHTML+="<hr width='50%'>"+nS;
}} var findSBox=setInterval("getSBox()",1000);
</script>

The following is a list of all the ShoutBox mods that Charles sent to me. They are not mine...

Title: Announcement in ShoutBox
Creator: Charles Stover
Cross-Browser: Yes
Placement: Directly Above the ProBoards ShoutBox

Code:
<script type="text/javascript"></script>

This will put a message at the top of the shoutbox, after it's loaded. The first field (admin) is the username of the profile to which it will be linked, the second field (ShoutBox) is the name that will be displayed, and the third field (Hello, world!) is the message that will be displayed.

Title: Censor Words in the ShoutBox
Creator: Charles Stover
Cross-Browser: Yes
Placement: Directly Above the ProBoards ShoutBox

Code:
<script type="text/javascript"></script>

The first field is the word to be censored, and the second field is the word to which the first field censors. For example, "kiss my ass" is censored to "I disagree." You may modify the list as you see fit.

Title: Custom Colors in the ShoutBox
Creator: Charles Stover
Cross-Browser: Yes
Placement: Directly Above the ProBoards ShoutBox

Code:
<script type="text/javascript"></script>

To have a simple color, just put the name of the color. To define the color specifically (via hexidecimal value), put the color in an array (as seen with Violet) where the first value is the color name and the second value is the color to which the message will be set.
For a list of the default shoutbox colors, view the Default ShoutBox Colors thread.

Title: Custom Smileys in the ShoutBox
Creator: Charles Stover
Cross-Browser: Yes
Placement: Directly Above the ProBoards ShoutBox

Code:
<script type="text/javascript"></script>

The first field is the smiley code to be replaced by a smiley, and the second field is the URL to the smiley image for the smiley code in the first field. For example, ::) is replaced with [image]

. You may modify the list as you see fit.

Title: Execute JavaScript Once the ShoutBox Loads
Creator: Charles Stover (a.k.a. GAMEchief, SegaDragon)
Cross-Browser: Yes
Placement: Directly Above the ProBoards ShoutBox
Requirements: You must be fluent in the language of JavaScript.

Code:
<script type="text/javascript"></script>

Explanations on how to use shoutboxExec are included in the code via comments. This is how the shoutboxExec variable is parsed, if it helps you further understand:

Code:
for (x = 0; x < shoutbox["execute"].length; x++)
{
    if (typeof(shoutbox["execute"][x]) == "object")
        shoutbox["execute"][x][0](shoutbox["execute"][x][1]);
    else
        shoutbox["execute"][x]();
}

Title: Change Display Name Colors in the ShoutBox
Creator: Charles Stover (a.k.a. GAMEchief, SegaDragon)
Cross-Browser: Yes
Placement: Above the ProBoards ShoutBox

Code:
<style type="text/css"></style>

Title: Head/Base Images for ShoutBox
Creator: Charles Stover
Cross-Browser: Yes
Placement: Directly Above the ProBoards ShoutBox

Code:
<script type="text/javascript"></script>

Title: Multi-Colored Display Names in the ShoutBox
Creator: Charles Stover (a.k.a. GAMEchief, SegaDragon)
Cross-Browser: Yes
Placement: Directly Above the ProBoards ShoutBox

Code:
<script type="text/javascript"></script>

Title: Replace Display Name with an Image in the ShoutBox
Creator: Charles Stover (a.k.a. GAMEchief, SegaDragon)
Cross-Browser: Yes
Placement: Directly Above the ProBoards ShoutBox

Code:
<script type="text/javascript"></script>

Title: Custom BB Code in the ShoutBox
Creator: Charles Stover (a.k.a. GAMEchief, SegaDragon)
Cross-Browser: Yes
Placement: Directly Above the ProBoards ShoutBox
Requirements: You must be fluent in the languages of HTML and JavaScript.

For tags where the code is the same as the HTML (e.g. [b] is <b>, [i] is <i>, etc.), you need only list the letter(s) in the code, which can be seen with b, i, s, sub, sup, tt, and u (<b>, <i>, <s>, <sub>, <sup>, <tt>, and <u>, respectively).

Code:
<script type="text/javascript"></script>

To add a different tag, use an Array, as seen here:

Code:
<script type="text/javascript"></script>

To add parameters to the BB Code (e.g. [font=Arial]), add %s to the second item in the Array.

Code:
<script type="text/javascript"></script>

The closing tag is automatically determined to be </span>, so you need not worry about that. However, if you choose to add closing tags just to "be safe," it won't hurt anything.

However there are some cases where closing tags may be necessary, such as when using multiple HTML tags.

Code:
<script type="text/javascript"></script>

Notice how [bi] uses both <b> and <i>, and thus requires the third Array item telling it how to close the tag (closing tags in JavaScript requires the backslash-forwardslash instead of just the forwardslash). The third Array item supports the %s parameter, just as the second item does.

Title: Cell Highlight for Display Names in the ShoutBox
Creator: Charles Stover (a.k.a. GAMEchief, SegaDragon)
Cross-Browser: Yes
Placement: Directly Above the ProBoards ShoutBox

Code:
<script type="text/javascript"></script>

Title: Decrease Number of Messages Displayed
Creator: Charles Stover (a.k.a. GAMEchief, SegaDragon)
Cross-Browser: Yes
Placement: Directly Above the ProBoards ShoutBox

Code:
<script type="text/javascript"></script>

Nine is the maximum number of messages that can be displayed. Setting shoutbox["messages"] to anything greater than nine will automatically revert it back to nine.

Upgraded shoutboxes are allowed to increase the number of messages displayed upon request.

Title: Disable Global Chat
Creator: Charles Stover (a.k.a. GAMEchief, SegaDragon)
Cross-Browser: Yes
Placement: Directly Above the ProBoards ShoutBox

Code:
<script type="text/javascript"></script>

This will prevent your users from accessing the Global chatroom, which can be accessed by clicking the [Global] link at the top left corner of your shoutbox. This is useful for forums that do not approve of vulgarity - such as forums for minors/teens, religious groups, etc. The Global chatroom may not enforce the same rules as your local shoutbox, therefore you may not want your members to access it.

Title: Change ShoutBox Category Text
Creator: Charles Stover (a.k.a. GAMEchief, SegaDragon)
Cross-Browser: Yes
Placement: Directly Above the ProBoards ShoutBox

Code:
<script type="text/javascript"></script>

This will change the category text ("The ShoutBox") in the shoutbox to display whatever you want. Simply change "The ShoutBox" to your desired text, be it "Chatroom," "TalkBox," or the name of your site. Whatever you want it to say is allowed.
This will not change the category text while in global. This only changes the local shoutbox text. The global category text is and will remain the rules for the global chat.

« Last Edit: Aug 25, 2011, 3:38pm by SubDevo »