Helpful Information
 
 
Category: vBulletin.org Forum
VBB Code Buttons

Is there a VBB Code Button Hack for Version 2, like the UBB Code Buttons?

Although I like the idea, I'm against javascript in general becuz its buggy.

Those that have used this, are u happy w/ it?
Any complaints?

You mean something like this?

http://sitepointforums.com/forum-dev/editor/newthread.html

going to release it tomorrow with support for pulling your Smilies out of the database and being able to choose them from a popup window.

wayne, looks nice :)

I look forward to this hack. A lot of people out there just can't figure out vbcode, as simple as it is.

Here is a link to a ubb 6 with UBB CodeButtons:

http://www.esteroumc.com/index.html

user
pass

And a Screenshot:

Never saw a release on this, is it still gonna happen?

buddy open your eyes!

http://www.vbulletin.com/forum/showthread.php?s=&threadid=10305

This is more a template change than a hack.. Total PHP code changes is minimal.

To install:
1. Add the following code to the bottom of MISC.PHP

// ############################### start iconpopup ###############################
if ($action=="iconpopup") {
$templatesused = ""; // Only one template used so load it when called
include("./global.php");
$bittoggle=0;
$icons=$DB_site->query("SELECT smilietext,title,smiliepath FROM smilie ORDER BY title");
while ($icon=$DB_site->fetch_array($icons)) {
if ($bittoggle==0) {
eval("\$iconbits1 .= \"".gettemplate("iconpopupbit")."\";");
} else {
eval("\$iconbits2 .= \"".gettemplate("iconpopupbit")."\";");
}
$bittoggle=$bittoggle?0:1;
}

eval("dooutput(\"".gettemplate("iconpopup")."\");");
}


2. Create the following new Templates.

iconpopup Template-

<html>
<head>
$headinclude
<script language="Javascript">
function insertsmilie(smilieface){

window.opener.document.vbinput.message.value+=smilieface;
}
</script>

</head>

<body bgColor="white" text="midnightblue" link="darkblue" aLink=red vLink="red" onLoad="window.focus()">
<div align=center><center>
<table border="0" width="{tablewidth}" cellspacing="0" cellpadding="0" align="center">
<tr>
<td bgcolor="{tablebordercolor}">
<table border="0" width="100%" cellspacing="1" cellpadding="4">
<tr><td bgcolor="{tableheadbgcolor}" class="thtcolor"><a name="smilies"></a><b>Message Icons</b></td></tr>
<tr>
<td bgcolor="#F5F5F5"><p><font face="Verdana, Arial, Helvetica" size="2" color="midnightblue">Click on the message icons below to insert them in your message:<br>
<table border="0" align="center" cellpadding="5"><tr valign="top">
<td width="50%"><table width="100%">$iconbits1</table></td><td width="50%"><table width="100%">$iconbits2</table></td>
</tr></table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<p><a href="JavaScript:onClick= window.close()">Close Window</a></p>
</center></div>
</body>
</html>


iconpopupbit Template -

<tr bgcolor="{firstaltcolor}">
<td align=center><a href="Javascript:insertsmilie('$icon[smilietext]');"><img src="$icon[smiliepath]" border=0></a></td>
<td align=center><normalfont>$icon[smilietext]</normalfont></td>
</tr>


3. Edit Input Templates (newthread, newreply, etc...) to include:

<tr bgcolor="{secondaltcolor}">
<td><normalfont><b>Format:</b></normalfont></td>
<td bgColor="" align=left>
<a href="Javascript:bold();"><img src="images/icon_editor_bold.gif" width="22" height="22" alt="Bold" border="0"></a><a href="Javascript:italicize();"><img src="images/icon_editor_italicize.gif" width="23" height="22" alt="Italicized" border="0"></a><a href="Javascript:underline();"><img src="images/icon_editor_underline.gif" width="23" height="22" alt="Underline" border="0"></a>
<a href="Javascript:center();"><img src="images/icon_editor_center.gif" width="22" height="22" alt="Centered" border="0"></a>
<a href="Javascript:hyperlink();"><img src="images/icon_editor_url.gif" width="22" height="22" alt="Insert Hyperlink" border="0"></a><a href="Javascript:email();"><img src="images/icon_editor_email.gif" width="23" height="22" alt="Insert Email" border="0"></a><a href="Javascript:image();"><img src="images/icon_editor_image.gif" width="23" height="22" alt="Insert Image" border="0"></a>
<a href="Javascript:showcode();"><img src="images/icon_editor_code.gif" width="22" height="22" alt="Insert Code" border="0"></a><a href="Javascript:quote();"><img src="images/icon_editor_quote.gif" width="23" height="22" alt="Insert Quote" border="0"></a><a href="Javascript:list();"><img src="images/icon_editor_list.gif" width="23" height="22" alt="Insert List" border="0"></a>
<a href="JavaScript:WinOpen('misc.php?action=iconpopup',320,240)"><img src="images/icon_editor_smilie.gif" width="22" height="22" alt="Insert Message Icons" border="0"></a><br>
<font face="" size="">
<select name="font" onChange="showfont(this.options[this.selectedIndex].value)">
<option value="Andale Mono">Andale Mono</option>
<option value="Arial">Arial</option>
<option value="Arial Black">Arial Black</option>
<option value="Book Antiqua">Book Antiqua</option>
<option value="Century Gothic">Century Gothic</option>
<option value="Comic Sans MS">Comic Sans MS</option>
<option value="Courier New">Courier New</option>
<option value="Georgia">Georgia</option>
<option value="Impact">Impact</option>
<option value="Tahoma">Tahoma</option>
<option value="Times New Roman" selected>Times New Roman</option>
<option value="Trebuchet MS">Trebuchet MS</option>
<option value="Script MT Bold">Script MT Bold</option>
<option value="Stencil">Stencil</option>
<option value="Verdana">Verdana</option>
<option value="Lucida Console">Lucida Console</option>
</select>&nbsp;
<select name="size" onChange="showsize(this.options[this.selectedIndex].value)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3" selected>3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>&nbsp;
<select name="color" onChange="showcolor(this.options[this.selectedIndex].value)">
<option value="black" selected>Black</option>
<option value="red">Red</option>
<option value="yellow">Yellow</option>
<option value="pink">Pink</option>
<option value="green">Green</option>
<option value="orange">Orange</option>
<option value="purple">Purple</option>
<option value="blue">Blue</option>
<option value="beige">Beige</option>
<option value="brown">Brown</option>
<option value="teal">Teal</option>
<option value="navy">Navy</option>
<option value="maroon">Maroon</option>
<option value="limeGreen">LimeGreen</option>
</select></td>
</tr>


4. All templates edited must have name="vbinput" added to the opening FORM tag.

5. Add the following code to your HEADINCLUDE template.

<script language="JavaScript1.2" src="editor.js"><!-- Editor Functionality included here --></script>
<script language="Javascript">
function WinOpen(url,x,y) {
var options = "toolbar=no,scrollbars=yes,resizable=yes,width=" + x + ",height=" + y;
msgWindow=window.open(url,"_new",options);
}
</script>


6. Upload the attached javascript file and rename it editor.js.

This is more a template change than a hack.. Total PHP code changes is minimal.

To install:
1. Add the following code to the bottom of MISC.PHP

// ############################### start iconpopup ###############################
if ($action=="iconpopup") {
$templatesused = ""; // Only one template used so load it when called
include("./global.php");
$bittoggle=0;
$icons=$DB_site->query("SELECT smilietext,title,smiliepath FROM smilie ORDER BY title");
while ($icon=$DB_site->fetch_array($icons)) {
if ($bittoggle==0) {
eval("\$iconbits1 .= \"".gettemplate("iconpopupbit")."\";");
} else {
eval("\$iconbits2 .= \"".gettemplate("iconpopupbit")."\";");
}
$bittoggle=$bittoggle?0:1;
}

eval("dooutput(\"".gettemplate("iconpopup")."\");");
}


2. Create the following new Templates.

iconpopup Template-

<html>
<head>
$headinclude
<script language="Javascript">
function insertsmilie(smilieface){

window.opener.document.vbinput.message.value+=smilieface;
}
</script>

</head>

<body bgColor="white" text="midnightblue" link="darkblue" aLink=red vLink="red" onLoad="window.focus()">
<div align=center><center>
<table border="0" width="{tablewidth}" cellspacing="0" cellpadding="0" align="center">
<tr>
<td bgcolor="{tablebordercolor}">
<table border="0" width="100%" cellspacing="1" cellpadding="4">
<tr><td bgcolor="{tableheadbgcolor}" class="thtcolor"><a name="smilies"></a><b>Message Icons</b></td></tr>
<tr>
<td bgcolor="#F5F5F5"><p><font face="Verdana, Arial, Helvetica" size="2" color="midnightblue">Click on the message icons below to insert them in your message:<br>
<table border="0" align="center" cellpadding="5"><tr valign="top">
<td width="50%"><table width="100%">$iconbits1</table></td><td width="50%"><table width="100%">$iconbits2</table></td>
</tr></table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<p><a href="JavaScript:onClick= window.close()">Close Window</a></p>
</center></div>
</body>
</html>


iconpopupbit Template -

<tr bgcolor="{firstaltcolor}">
<td align=center><a href="Javascript:insertsmilie('$icon[smilietext]');"><img src="$icon[smiliepath]" border=0></a></td>
<td align=center><normalfont>$icon[smilietext]</normalfont></td>
</tr>


3. Edit Input Templates (newthread, newreply, etc...) to include:

<tr bgcolor="{secondaltcolor}">
<td><normalfont><b>Format:</b></normalfont></td>
<td bgColor="" align=left>
<a href="Javascript:bold();"><img src="images/icon_editor_bold.gif" width="22" height="22" alt="Bold" border="0"></a><a href="Javascript:italicize();"><img src="images/icon_editor_italicize.gif" width="23" height="22" alt="Italicized" border="0"></a><a href="Javascript:underline();"><img src="images/icon_editor_underline.gif" width="23" height="22" alt="Underline" border="0"></a>
<a href="Javascript:center();"><img src="images/icon_editor_center.gif" width="22" height="22" alt="Centered" border="0"></a>
<a href="Javascript:hyperlink();"><img src="images/icon_editor_url.gif" width="22" height="22" alt="Insert Hyperlink" border="0"></a><a href="Javascript:email();"><img src="images/icon_editor_email.gif" width="23" height="22" alt="Insert Email" border="0"></a><a href="Javascript:image();"><img src="images/icon_editor_image.gif" width="23" height="22" alt="Insert Image" border="0"></a>
<a href="Javascript:showcode();"><img src="images/icon_editor_code.gif" width="22" height="22" alt="Insert Code" border="0"></a><a href="Javascript:quote();"><img src="images/icon_editor_quote.gif" width="23" height="22" alt="Insert Quote" border="0"></a><a href="Javascript:list();"><img src="images/icon_editor_list.gif" width="23" height="22" alt="Insert List" border="0"></a>
<a href="JavaScript:WinOpen('misc.php?action=iconpopup',320,240)"><img src="images/icon_editor_smilie.gif" width="22" height="22" alt="Insert Message Icons" border="0"></a><br>
<font face="" size="">
<select name="font" onChange="showfont(this.options[this.selectedIndex].value)">
<option value="Andale Mono">Andale Mono</option>
<option value="Arial">Arial</option>
<option value="Arial Black">Arial Black</option>
<option value="Book Antiqua">Book Antiqua</option>
<option value="Century Gothic">Century Gothic</option>
<option value="Comic Sans MS">Comic Sans MS</option>
<option value="Courier New">Courier New</option>
<option value="Georgia">Georgia</option>
<option value="Impact">Impact</option>
<option value="Tahoma">Tahoma</option>
<option value="Times New Roman" selected>Times New Roman</option>
<option value="Trebuchet MS">Trebuchet MS</option>
<option value="Script MT Bold">Script MT Bold</option>
<option value="Stencil">Stencil</option>
<option value="Verdana">Verdana</option>
<option value="Lucida Console">Lucida Console</option>
</select>&nbsp;
<select name="size" onChange="showsize(this.options[this.selectedIndex].value)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3" selected>3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>&nbsp;
<select name="color" onChange="showcolor(this.options[this.selectedIndex].value)">
<option value="black" selected>Black</option>
<option value="red">Red</option>
<option value="yellow">Yellow</option>
<option value="pink">Pink</option>
<option value="green">Green</option>
<option value="orange">Orange</option>
<option value="purple">Purple</option>
<option value="blue">Blue</option>
<option value="beige">Beige</option>
<option value="brown">Brown</option>
<option value="teal">Teal</option>
<option value="navy">Navy</option>
<option value="maroon">Maroon</option>
<option value="limeGreen">LimeGreen</option>
</select></td>
</tr>


4. All templates edited must have name="vbinput" added to the opening FORM tag.

5. Add the following code to your HEADINCLUDE template.

<script language="JavaScript1.2" src="editor.js"><!-- Editor Functionality included here --></script>
<script language="Javascript">
function WinOpen(url,x,y) {
var options = "toolbar=no,scrollbars=yes,resizable=yes,width=" + x + ",height=" + y;
msgWindow=window.open(url,"_new",options);
}
</script>



6. Upload the file: http://sitepointforums.com/editor.js to your server.

The font size feature ends up going onto the page like this:

[size=5]Size 5[/size=5]

Any ideas on how to fix that?

it seems that you are adding the size at the end as well, where you should only have the [ /size]

I know, but the script is putting that, not me......how do I edit what the script outputs?

I added this to my forums and it works fine except for the smilie thing, when i click on the smilie pic to open up the new window this is what I get in the new window:

Parse error: parse error in /home/bimmer/www/forum/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /home/bimmer/www/forum/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /home/bimmer/www/forum/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /home/bimmer/www/forum/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /home/bimmer/www/forum/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /home/bimmer/www/forum/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /home/bimmer/www/forum/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /home/bimmer/www/forum/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /home/bimmer/www/forum/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /home/bimmer/www/forum/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /home/bimmer/www/forum/misc.php(66) : eval()'d code on line 1

Message Icons
Click on the message icons below to insert them in your message:


Anybody know why?

Ray

BTW here is line 66:

eval("$iconbits1 .= \"".gettemplate("iconpopupbit")."\";");

and 68:

eval("$iconbits2 .= \"".gettemplate("iconpopupbit")."\";");

Can anybody help with this?

wluke:

This works great! The only thing that I cannot get to work is the smilies. I copied the code exactly as you have layed out and when I click on the smilies icon I get the popup box but with only the background color of the box. Nothing else loads.

Any ideas?

Parker

Attached is a new Javascript with the size fixed.

Ray:
What version of PHP are you using? This is the same code being used at SitePoint currently.

Parker:
Did you create the two new templates required as layed out?

Ok, before I had a blank page on smilies, now with the new editor.js file I get this error:

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(66) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(68) : eval()'d code on line 1

Parse error: parse error in /usr/www/users/syslogic/boards/misc.php(66) : eval()'d code on line 1

Email me your MISC.PHP file because that is my live code and verified as working on SitePoint.

I would post mine but it has a few added things in it that I am not willing to share just yet.

use this code it gives the buttons animated effects allso
.. its a demo board im working on
threaded :)
example of below code http://server2046.virtualave.net/robertjr/cgi-bin/robsboard/index.cgi

heres the code easy to modify for vboard, ive modified it for 4 other boards
im to lazzy to do it but if you know how to code then you will know what to do...
allso make sure you use the codebutton.js i have below allso its different then the otheres floating around

make sure this is added in all method=post
method=post name=postform>



codebutton js

You need to change


eval("$iconbits1 .= \"".gettemplate("iconpopupbit")."\";"); } else { eval("$iconbits2 .= \"".gettemplate("iconpopupbit")."\";");


to


eval("\$iconbits1 .= \"".gettemplate("iconpopupbit")."\";"); } else { eval("\$iconbits2 .= \"".gettemplate("iconpopupbit")."\";");

Originally posted by SystemLogic
Misc.php attached (renamed to a .txt file)

I really don't think you're allowed to provide this non public domain script in its entirety on this or any site, but I could be wrong.

-jim

Oops sorry, didn't realize that, Wayne, I'm e-mailing it to you now.

Thanks freddie, it works now:)

Ray

Nice fix Freddie! Worked for my boards :) Now I how can I fix my problem with the font size thing?

Originally posted by SystemLogic
Nice fix Freddie! Worked for my boards :) Now I how can I fix my problem with the font size thing?

Open editor.js and find both instances of

size=

replace with

size=+

(they will be inside of other things but just search for "size".

Thanks Freddie, worked FLAWLESSLY! You guys are awesome!










privacy (GDPR)