New vbcode.js - vBcode and smilie user interface improvement

Hello vB Troopers,

With special permission from the Dev Team I am proud to release an improved version of vbcode.js. Any usage of this script other than in licensed vBulletin driven Boards is a direct violation of Jelsoft copyrights. Any violators will be prosecuted to the full extent of the law!

One MAJOR Improvement(note: only works with IE, NS users are out o luck! But who uses NS anyway?)

vBcode and smilies will be inserted wherever the cursor is instead of at the end of the text.

Installation
Copy the new vbcode.js file over your old one(see "Another small note" below). If you'd like to keep the old file just rename it before copying the new one.

You need to add the following text to the "message" textarea tag:

onChange=getActiveText(this) onclick=getActiveText(this)

It should basically look similiar to this:

<textarea name="message" rows="20" cols="$textareacols" wrap="virtual" tabindex="2" 
onChange=getActiveText(this) onclick=getActiveText(this) >$message</textarea>

Please note: The variable($message) may be different in some templates, editpost for example, so make sure to keep the original variable in the textarea attribute "name =". Otherwise the text may be missing in some instances.

This textarea can be found in the following templates:

Calendar Templates

calendar_enterevent

New Posting Templates

newreply

newthread

Private Messaging Templates

priv_forwardmultiple

priv_sendprivmsg

priv_sendtobuddies

and the editpost template

additional template changes

In the vbcode_popup_smilies template you must delete the following code:

<script language="JavaScript">
function smilie(smilietext) {
        opener.document.vbform.message.value += smilietext+" ";
        //opener.vbform.message.focus();
}
</script>

In the vbcode__popup_smiliebits template you must change:

<a href="javascript:smilie('$smilie[text]')">

to:

<a href="javascript:opener.smilie('$smilie[text]')">

small note:If you use the above code pleas omit the space between java and script.


If these changes aren't made the new script WILL NOT WORK!

I hope to hear from those who use it, and please let me know if you find a bug.


vB.org is using this hack. Try it out!

Scott

Latest release date: 20.04.2002
Any version older than this should be updated.

[Arathorn]

I get the same error on my test board. I've also tried closing the more smilies screen then opening it again, but the same error occurs.

I think I have a quick fix though. Apply this add-on (post 26). It's annoying if you don't want it to close, but at least you won't lose your messages.

vb 2.2.1, IE 6, hack plus the add-on for enhanced mode added (and later the auto close add-on).

[Lucky]

I have not noticed this error while trying to duplicate it.

[philphee]

Many thanks, this solves a major gripe of all my users; "Jumping to the end of the text".

Thanks again!

[LanciaStratos]

Originally posted by Arathorn
I get the same error on my test board. I've also tried closing the more smilies screen then opening it again, but the same error occurs.

I think I have a quick fix though. Apply this add-on (post 26). It's annoying if you don't want it to close, but at least you won't lose your messages.

vb 2.2.1, IE 6, hack plus the add-on for enhanced mode added (and later the auto close add-on).

Thanks Arathorn, but I'm afraid that would only make my users more mad!

[Stretchr]

I'm having a bit of a problem here. None of the pop-up smilies are clickable and the background is red. I've followed (I think) this somewhat confusing thread and its instructions. I used Mutt's newfxs.txt file and edited the 2.2.1 vbcode.js that came with this version. Here's a screen shot. Any ideas? I'm also not sure why the tables are red. Thanks!

[LanciaStratos]

Originally posted by Stretchr
I'm having a bit of a problem here. None of the pop-up smilies are clickable and the background is red. I've followed (I think) this somewhat confusing thread and its instructions. I used Mutt's newfxs.txt file and edited the 2.2.1 vbcode.js that came with this version. Here's a screen shot. Any ideas? I'm also not sure why the tables are red. Thanks!

Man, that redness is really strange...have you checked your templates?

[Stretchr]

Yeah. So far I haven't found anywhere it's not using the variables.

[Stretchr]

Just to show how confusing this is, here's a screen shot of the code rendered to a browser via FrontPage. (That's why the pics don't show up)

You'll notice that the colors are correct in this version, yet when it's parsed through vB, somewhere the layout gets skewed. Anyone have any ideas?

Thanks!

[s.molinari]

@ stretchr

I believe you may have made a mistake in this step

In the vbcode__popup_smiliesbits template you must change:
<a href="java script:smilie('$smilie[text]')">
to:
<a href="java scriptpener.smilie('$smilie[text]')">

Also don't forget to take out the space between java and script.

The vbcode_popup_smiliesbits should then look similar to this.

<td bgcolor="$backcolor<a href="java script:opener.smilie('$smilie[text]')"><img src="$smilie[path]" border="0" alt="$smilie[title]"></a></td>
<td bgcolor="$backcolor"><normalfont>$smilie[text]</normalfont></td>

Hope that helps.

Scott

[Stretchr]

Thanks, Scott. I was wondering what a "pener" was! LOL Unfortunately, I'm left with the problem of the color (red) and that none of the pop-up smilies are clickable.

Regarding the color issue, where does the pop-up pull the table colors from?

I'm lost as to why the smiles in the pop-up are no longer clickable.
Hmmmm.

Here's another screen shot. Any help or suggestions would be greatly appreciated!

Originally posted by s.molinari
@ stretchr

I believe you may have made a mistake in this stepAlso don't forget to take out the space between java and script.

The vbcode_popup_smiliesbits should then look similar to this.

<td bgcolor="$backcolor<a href="java script:opener.smilie('$smilie[text]')"><img src="$smilie[path]" border="0" alt="$smilie[title]"></a></td>
<td bgcolor="$backcolor"><normalfont>$smilie[text]</normalfont></td>

Hope that helps.

Scott