vb.org Archive - VBB Code Buttons

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB3 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=111)

- - VBB Code Buttons (https://vborg.vbsupport.ru/showthread.php?t=9067)

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...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?

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

PHP Code:


		
			
// ############################### 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-

Code:

<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 -

Code:

<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:

Code:

<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.

Code:

<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

PHP Code:


		
			
// ############################### 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-

Code:

<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 -

Code:

<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:

Code:

<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.

Code:

<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.

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (8)bbcode_code_printable (2)bbcode_php_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01181 seconds Memory Usage 1,814KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (8)bbcode_code_printable (2)bbcode_php_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: