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.

[s.molinari]

Originally posted by inetd
Please post screenshot of this hack.

Hello inetd,

A screen shot is practically useless. The improvement is in the functionality and you can't take a picture of that. A screen shot would look just like any other vB Board. You wouldn't see a difference.


Scott

[s.molinari]

Demo Board now available for a short time!

Sorry demo board is closed.


Scott

[jucs]

Ugggh, too many changes..too much time for such a small improvement with no complaints now.

When I first saw this it was "cool"..just replace the file. Then, I saw the LONG list of changes to a bunch of files.

Oh well.

[tubedogg]

Honestly, it took me approximately 60 seconds to make all the required changes...

[s.molinari]

60 seconds? Wow....

I made the hack and it took me 120 seconds. Seriously, about 10 minutes and the hack should be up and running. I believe my instructions are a bit more cumbersome than the actual work that they describes. So don't let my longwindedness scare you.


Scott

[VirtueTech]

jucs please

Scott - I added the 'get more' smilies additon...works awesome....it even brings the user back to their textarea in the original window after.

I'm sure if we wanted we could even put a 'close window' in the link to so that once they choose the smilie and added it...it closed the window all in one click.


I wonder if that would be good....or if the window should stay open.

Here is the code to CLOSE the 'get more smilies' window after you click. This will allow the process of adding and closing the 'get more smilies' window a one click process.

AFTER you make both Scotts changes just change your vbcode__popup_smiliebits

From:

PHP Code:

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


To:

PHP Code:

<a href="java script:opener.smilie('$smilie[text]'),self.close()"> 


Very simple and makes things cleaner. Not for everyone though....some people might want to leave the window open to add more. But I'll just let the user open the window again.

Thanks again Scott and Vincent Puglia for this....truly a simple yet very useful addition.

[dost]

You forgot to mention to add the code to the editpost template.

[VirtueTech]

Dost - I did ?

[dxb]

it worked fine

except that problem with the space between the java and script drove me crazy hahahah I installed the hack twice and removed it then I noticed the space problem now it's working fine

thanks Scott

Hi,
works great in 2.0.3

I edited <a href="java script to <a href="javascript .
cu,
-Tom