Scripts and Plug-Ins

[Eco]

I decided to make a topic where everyone posts Proboards/Firefox/Other Brower scripts and plugins. I put this in links of the nifty because some scripts/plugins require a link to download. This also might give Matt some great ideas to enhance his board as well. Anyway, share your browser and forum scripts!

For me, I will post a proboard script for now.
This is called the Live Preview for your replies/quick replies. So it can show you what you are typing the moment you are doing it I think it is pretty useful, especially when you are testing some code, or posting an image, I did not make this. You have to put this in your Global Footer.

<script type="text/javascript">
<!--
/*
Live Preview - Global footer

Created by Peter

This code cannot be reposted at anywhere other than SSDesigns or ProBoard Related Forums, without permission.

This header must stay intact at all times.
*/


var smileysObj = new Object();



var iRegUBBC = [
[/\[(\/)?(b|i|u|s|sup|sub)\]/gim, "<$1$2>"],
[/\[(\/)?(hr|pre|blockquote)\]/gim, "<$1$2>"],
[/\[(left|center|right)\]/gim, "<div align='$1'>"],
[/\[\/(left|center|right)\]/gim, "</div>"],
[/\(.*?)\[\/url\]/gim, "<a href=\"http://$2\">$3</a>"],
[/\[url\]((\[\w+\])*)((http:\/\/)?(.*?)((\[\/\w+\])*))\[\/url\]/gim, "<a href=\"http://$5\">$1$4$6</a>"],
[/\[email\]((\[\w+\])*)(.*?)((\[\/\w+\])*)\[\/email\]/gim, "<a href=\"mailto:$3\">$1$3$4</a>"],
[/\[img\](.*?)\[\/img\]/gim, "<img src=\"$1\" border=\"0\" />"],
[/\/gim, "<font size=\"$1\">"],
[/\[\/size\]/gim, "</font>"],
[/\[color=(\#[0-9A-F]{6}|[a-z]+)\]/gim, "<span style=\"color: $1;\">"],
[/\/gim, "<span style=\"font-family: $1;\">"],
[/\[\/(font|color)\]/gim, "</span>"],
[/\[table\]/gim, "<table border='1'>"],
[/\[(\/table|\/?tr|\/?td)\]/gim, "<$1>"],
[/\[quote(?:\sauthor=(\w+)\sboard=(\w+)\sthread=(\d+)\spost=(\d+))?\]/gim, '<br /><b>Quote:</b><table class="bordercolor" cellspacing="1" width="90%"><tr><td width="100%"><table class="quote" cellpadding="2" cellspacing="0" width="100%"><tr><td width="100%"><font class="quote" face="Arial,Helvetica" size="1">'],
[/\[\/quote\]/gim, "</font></td></tr></table></td></tr></table>"],
[/\[list\]/gim, "<ul><br />"],
[/\[\/list]/gim, "</ul>"],
[/\[\*\]/gim, "<li>"],
[/\[\/\*\]/gim, "<br /></li>"],
[/\[code\]/gim, '<blockquote><b>Code:</b><table class="bordercolor" cellspacing="1" width="90%"><tr><td><table class="code" cellpadding="2" cellspacing="0" width="100%"><tr><td><font class="code" face="Courier New" size="2">'],
[/\[\/code\]/gim, "</font></td></tr></tbody></table></td></tr></tbody></table></blockquote>"],
[/\[tt\]/gim,"<tt>"],
[/\[\/tt\]/gim,"</tt>"],
[/\[move\]/gim,"<marquee>"],
[/\[\/move\]/gim,"</marquee>"],
[/\[(glow|shadow)=(.*?)\]/gim,function(m,_$1,_$2){
var ret="<div style='FILTER: ";
var p=_$2.split(',');
switch(_$1){
case "glow":
ret+="glow(color="
ret+=p[0]+((p.length>1)?",strength="+p[1]+"); ":"");
case "shadow":
ret+="shadow(color=";
ret+=p[0]+((p.length>1)?",direction="+p[1]+"); ":"")+"PADDING-RIGHT:5px; PADDING-LEFT:5px; PADDING-BOTTOM:5px; PADDING-TOP: 5px;";
}
ret+=((p.length>2)?" width="+p[2]+"px;":" ");
return ret+"'>"
}],
[/\[\/(glow|shadow)\]/gim,"</div>"]
];

String.prototype.htmlentities = function(){
var iTemp = this;

if(this){
for(m = 0; m < this.length; m ++){
switch(this.charCodeAt(m)){
case 60 :
iTemp = iTemp.replace(this.charAt(m), "&l"+"t;");
break;
case 62 :
iTemp = iTemp.replace(this.charAt(m), "&g"+"t;");
break;
}
}
}
return iTemp.replace(/\n/g, "<br />");
}

String.prototype.str_replace = function(){
var pDiv = document.getElementById("livepreview");
if(this && arguments.length == 2){
if(new RegExp(arguments[0]).exec(this)){
pDiv.innerHTML = this.replace(arguments[0], arguments[1]);
}
}
}

String.prototype.parse = function(){
var pDiv = document.getElementById("livepreview");
var noUBBCRe = /\[noubbc\](.*?)\[\/noubbc\]/gim;

if(this.match(noUBBCRe)){
var inPat = RegExp.$1.replace(/\]/g, "<font>]</font>");
pDiv.innerHTML = pDiv.innerHTML.replace(noUBBCRe, inPat);
}
if(smileysObj.has){
for(s = 0; s < smileysObj.has.length; s ++){
if(smileysObj.has[2].test(this)){
pDiv.innerHTML = pDiv.innerHTML.replace(smileysObj.has[2], ' <img src="' + smileysObj.has[0] + '" border="0" />');
}
}
}

for(r = 0; r < iRegUBBC.length; r ++){
if(iRegUBBC[r][0].test(this)){
pDiv.innerHTML.str_replace(iRegUBBC[r][0], iRegUBBC[r][1]);
}
}
}

function grabSmileys(obj){

if(obj){
var smileys = []; var smile;
var iImg = obj.getElementsByTagName("img");

for(i = 0; i < iImg.length; i ++){
if(iImg.item(i).parentNode.href){
smile=iImg.item(i).parentNode.href.match(/add(?:Smiley)?\("(?:%20|\s+)(.*?)"\)/i);
if(smile.length){
smileys.push([iImg.item(i).src, smile[1],new RegExp("\\s"+smile[1].htmlentities().replace(/([()[\]\\/:?*+])/g,"\\$1"),"g")]);
}
}
}
smileysObj.has = smileys;
}
}



function doLiveRow(){
var iFont = document.createElement("font");
var iPTxt = document.createTextNode("Live Preview:");
var iCell = document.getElementsByTagName("td");

iFont.size = "2";
iFont.appendChild(iPTxt);

for(c = 0; c < iCell.length; c ++){
if((iCell.item(c).className == "windowbg2" && iCell.item(c).width == "30%" && iCell.item(c).innerHTML.match(/Add Smilies:/))||(iCell.item(c).className == "titlebg" && iCell.item(c).innerHTML.match(/Quick Reply/))){
grabSmileys(iCell.item(c + 1));
var rowNum = (iCell.item(c).parentNode.rowIndex + 1);
var nRow = iCell.item(c).parentNode.parentNode.insertRow(rowNum);
var nCell = nRow.insertCell(0);
nCell.className = "windowbg2";
nCell.appendChild(iFont);
if(iCell.item(c).className == "windowbg2"){
nCell = nRow.insertCell(1);
nCell.className = "windowbg2";
}
nCell.id = "livepreview";
break;
}
}
}

function livePreview(){
var pDiv = document.getElementById("livepreview");
var msgbox=document.getElementsByName('message')[0];
pDiv.innerHTML = msgbox.value.htmlentities();
pDiv.innerHTML.parse();
pDiv.innerHTML.parse(); // IE fix
}
var msgbox=document.getElementsByName('message');
if(msgbox.length){
msgbox=msgbox[0];
doLiveRow();
msgbox.onkeyup = livePreview;
msgbox.onfocus = livePreview;
}

//-->
</script>

[Interrobang Pie]

Sounds like a rather interesting idea. Of course, this'll be code we didn't make (so my Javascript game is out of the question).

Um...

Does GML count?
CREATE EVENT
num = round(random(5)+1)
DRAW EVENT
draw_text(x,y,num)

Whee, random number code.

[Eco]

Here is one that would be very useful to the video section : YouTube UBBC in Posts

Please change the "perPage" variable in order to allow more than one video per page.

<script type="text/Javascript">
// YouTube UBBC for Posts by Chris
// Do not redistribute outside of proboard forums

var perPage = 1; // How many YouTube videos per page. I suggest a limit below 3, as there are dialup users out there.
var ubbcURL = "http://img472.imageshack.us/img472/9892/yuotubeubbc8oa.png"; // URL of the YouTube UBBC image

// No need to edit
var aTD = document.getElementsByTagName("TD");
var curr = 0;
if(location.href.match(/action=display/i)){
for(a=0;a<aTD.length && curr < perPage;a++){
if(aTD.colSpan == 3 && aTD.vAlign == "top" && aTD.firstChild.nodeName.match(/^(#text|hr)$/i) && aTD.innerHTML.match(/\[yt\](.+?)\[\/yt\]/gi)){
curr = curr+parseInt(aTD.innerHTML.match(/\[yt\](.+?)\[\/yt\]/gi).length);
aTD.innerHTML = aTD.innerHTML.replace(/\[yt\](.+?)\[\/yt\]/gi,'<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/$1"></param><embed src="http://www.youtube.com/v/$1" type="application/x-shockwave-flash" width="425" height="350"></embed></object>');
}
}
} else if(document.postForm){
if(location.href.match(/quote=/i)){
var m = document.postForm.message;
m.value = m.value.replace(/\[yt\].+?\[\/yt\]/gi,"");
}
if(document.postForm.color){
var h = document.createElement("span");
h.innerHTML = "<a href='javascript:add(\"\");'><img src='"+ubbcURL+"' border='0' alt='YouTube' /></a>";
document.postForm.color.parentNode.appendChild(h);
}
}
</script>

Global or Board Footers.

Use it in the following form



dFitQLCL9vI is the ID of the YouTube video. You can find the ID in the URL of a video. Look at this URL for an example.

www.youtube.com/watch?v=dFitQLCL9vI


One note is that it will not show the video when you go to preview your post HOWEVER, it should work fine once you view the actual post. Also, there is a "Youtube" Icon in the "Reply" and "Make Thread" URL so if you dont use the Quick Reply, you can just find it there.

[CoolCorky]

I tried it on an old PB forum I had lying around, and it doesn't work. It just says "We're sorry, this video is no longer available." when you try and play it. And yes, the video itself works on Youtube.

[somebody probably]

Hey, if you have greasemonkey installed, remove <script ... > and </script>, then add the following lines at the top:

// ==UserScript==
// @include *.proboards*.com/*
// ==/UserScript==

and save the file as whatever.user.js, open it in firefox, and vwalah, you can now annoy the piss out of everyone who doesn't know what you're doing.

[Eco]

Apr 25, 2008 1:55:48 GMT 10 CoolCorky said:

I tried it on an old PB forum I had lying around, and it doesn't work. It just says "We're sorry, this video is no longer available." when you try and play it. And yes, the video itself works on Youtube.

It worked for my forum.

[Eco]

Bump.
I think a Forum Affiliation Script is necessary for SVMB. On a side note, this also gives me the oppertunity to ask you to affiliate my forum, if you deem this useful. You need to put it in the Main Footer.

<table align="center" border="0" width="92%" cellspacing="0" cellpadding="0" class="bordercolor">
<tr>
<td>
<table cellpadding="4" cellspacing="1" border="0" width="100%">
<tr>
<td class="titlebg" align="center" colspan="3">
<font color="FFFFFF" size="2">
<b><center><font style="filter:glow(color=white, strength=0); height: 2;">Affiliates</font></center></b>
</font>
</td>
</tr>
<tr>
</td>
<td width="60%" class="windowbg2" valign="top">
<!-- Begin Mini Banners -->
<P>
<marquee height="50" width="500" onmouseover="this.stop()" onmouseout="this.start()" direction="left" scrollamount="3" style="Filter:Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=40, FinishX=0, FinishY=0);"><font face="verdana" color="#FFFFFF">

<center>

<a href="YOUR AFFILIATIONS URL" Target="_blank">
<img src="YOUR AFFILIATION'S BUTTON" width=88 height=31 border=0 alt="YOUR AFFILIATION'S FORUM NAME" /></a>

</center></font></marquee>

<!-- End Mini Banners -->
</td>
<td width="35%" valign="top" class="windowbg">
<img src="YOUR OWN AFFILIATION BUTTON" /> <textarea rows="2" name="S1" cols="20"><a href="YOUR FORUM URL" Target="_blank">
<img src="YOUR OWN AFFILIATION BUTTON AGAIN" width=88 height=31 border=0 alt="YOUR FORUM NAME" /></a></textarea></form>
</td>
</tr>
</table>
</td>
</tr>
</table>

To add more affiliates, you just need to add another:
"<a href="YOUR AFFILIATIONS" Target="_blank">
<img src="YOUR AFFILIATION'S BUTTON" width=88 height=31 border=0 alt="YOUR AFFILIATION'S FORUM NAME" /></a>"

I'll PM this to Matt. >>

[somebody probably]

Oh God it uses the Marquee tag. Ew. Ew. Ew, shoot the developer. <<

[Eco]

You can take off the marquee you know. >>

[dynamicsonic]

Apr 25, 2008 2:22:57 GMT 10 somebody probably said:

Hey, if you have greasemonkey installed, remove <script ... > and </script>, then add the following lines at the top:

// ==UserScript==
// @include *.proboards*.com/*
// ==/UserScript==

and save the file as whatever.user.js, open it in firefox, and vwalah, you can now annoy the piss out of everyone who doesn't know what you're doing.

I have Firefox and Greasemonkey installed. How do I do this?

[somebody probably]

Copy and paste the offending code in Eco's post into Notepad.
Remove the <script type="text/javascript"> and </script> tags.
At the top of the file, paste in:

// ==UserScript==
// @include *.proboards*.com/*
// ==/UserScript==

Save the file as (with the quotation marks) "youtubescript.user.js" to somewhere you'll remember.
Open the file youtubescript.user.js in Firefox.

Then whever you're browsing a proboards page that has the tags a video will be in its place. However, I don't recommend actually posting videos in that format too often (maybe if you wrap url BBcode tags around the 'yt' tags you'd get away with it without pissing off too many people) as not everyone will have the script/want the script installed so it's kind of useless anyway.

[Eco]

Exactly, which is why its better that Matt puts the script in. >>

[Matt_TY]

Actually, these scripts are worth a shot.

Even though that YT one will make it slightly easier to Rickroll people

[Eco]

Cool!

I hope you add them. ;D

[Squirrel Hero]

May 11, 2008 23:06:49 GMT 10 Matt_TY said:

Actually, these scripts are worth a shot.

Even though that YT one will make it slightly easier to Rickroll people

Oh, it couldn't be easier... >_>

This guy called KoopaKoot made a GH3 video. The song started, "YOU HAVE BEEN RICK-ROLLED!" appeared, and then halfway through the video, a still picture of GH3 was shown for 15 seconds.

Now THAT is easy. XD