Additional Emoticons Greasemonkey script, V3.2!!!

Electric Rain · Post by **Electric Rain** » Mon Aug 27, 2007 9:21 pm

UPDATE: V3.2 Okay, this should be the last version. Hopefully the forums will stay as they are now, and the icons won't end up somewhere stupid again.

UPDATE: V3.1 I know they're misplaced... deal with it for a bit.

Ben is surely going to put the ads back up, and when he does, the icons will be in yet a different location. Whether or not they end up in the proper location, I can not predict. If they're not, I'll release V3.2 with them properly placed once these server issues get worked out and everything isn't changing every couple of days.

UPDATE: V2.0
V2.0 (PMs)

UPDATE: V1.1
V1.1 (PM version)

UPDATE: PM script.

UPDATE: Uploaded to userscripts.org. Click here for script.

Great news! I've had Greasemonkey for a few months now... I got it for the Live Search Club script that removes the search frame. Understanding its endless possibilities, I figured I'd try to create my first script... and I did!

This is a very short script that replaces the

icon in the post view to a

icon. Unfortunately, you can't just type

and have it show up when you post. The characters that represent an emoticon in the post window are interpreted by a script in the depths of the phpBB folder on this website that I can't access. For example, when you type: :-lol-: (except without the hyphens), the server automatically replaces that with an image from the server; in this example, "http://forums.benheck.com/images/smiles/icon_lol.gif".

Since I can't add instructions to this script, all I can do is make it insert a URL in IMG tags when you click on the new icon... but it's still much quicker than typing the full path to a

icon!

The good news is that, with some very simple editing, any icon can be replaced with any image. If I worked on it harder, I could create another row for additional emoticons, rather than replace the ones already there. But, I wanted to show this off as soon as possible.

Besides, if I perfected the script right off the bat, there couldn't be a V1.1 release!

Alright, here's the script:

Code: Select all

// ==UserScript==
// @name           BenHeck  [img]http://www.tredonox.com/emoticons/icon_wtf.gif[/img]  Icon
// @namespace      Electric Rain
// @description    Inserts a  [img]http://www.tredonox.com/emoticons/icon_wtf.gif[/img]  Icon (or other icon of your choice with a little editing) overtop of the never-used "Arrow" icon (also, or other icon of your choice with a little editing) on the BenHeck forums!
// @include        http://forums.benheck.com/posting.php*
// ==/UserScript==

var allRows = document.getElementsByTagName('tr');
var theRowColumns = allRows[18].getElementsByTagName('td');

theRowColumns[3].innerHTML = "<a href='javascript:emoticon(\"[img]http://skytroniks.com/images/database/smilies/wtf.gif[/img]\")'><img src='http://skytroniks.com/images/database/smilies/wtf.gif' border='0' alt='WTF' title='WTF'></a>";

To replace the image, simply change the following URLs (it's in two spots... make sure you replace both) to the path of your new emoticon.
(

Code: Select all

http://skytroniks.com/images/database/smilies/wtf.gif

)

To change which emoticon is replaced, you need to change the following values:

Code: Select all

allrows[18]

and

Code: Select all

theRowColumns[3]

The emoticons are each in a separate cell (column) which are each inside separate rows.

So, if we wanted to replace the

icon with the new icon instead (move it to the left one column), change theRowColumns[3] to theRowColumns[2]. To replace the

icon, change it to theRowColumns[1], and to replace the

icon, theRowColumns[0] (yes, it starts at 0).

This works the same for rows. If you wanted to move it up one and replace the

icon with the new icon, you would change allrows[18] to allrows[17]. To replace... say... the

icon, you would change allrows[18] to allrows[16] and theRowColumns[3] to theRowColumns[1]. Understand? ...Please?

Do as you wish with my script. All I ask is that if you improve it, please post the revised script here for all of us to benefit off of!

Also, I need people to test this script and make sure it works for you. It works for me, but that doesn't mean it will work for everyone...!

Also, this doesn't seem to work in preview mode... any insights as to why that might be, fellow coders? I also only made it to include this script on http://forums.benheck.com, since that's what we're supposed to be using now anyway. It will NOT work for http://benheck.com/phpBB.

To install the script (until someone hosts the script online for me somewhere):

1. Open Notepad.

2. Copy and paste the full script (posted above) into Notepad.

3. Save the Notepad document as benheckwtficon.user.js, making sure it ends in .js and not .txt.

4. Open the newly created file in Firefox, and from there, it's just like installing any other Greasemonkey script!

Enjoy!

Post by **Skyone** » Mon Aug 27, 2007 9:45 pm

Electric Rain · Post by **Electric Rain** » Mon Aug 27, 2007 10:07 pm

Thank you, I was actually looking for that!

Wait, did you post that with my script?

UPDATE: Original script changed to use Sky's

icon.

Edit: Uh... doesn't work now... working on it... >.>

Edit 2: Okay, should be good now. Just a small typo that must have slipped its way in while I was editing the script in my post.

Post by **Skyone** » Mon Aug 27, 2007 10:50 pm

Yes, I did post it with your script.

Electric Rain · Post by **Electric Rain** » Mon Aug 27, 2007 10:56 pm

Cool, it works!

I hope it's helpful to you.

nightwheel · Post by **nightwheel** » Mon Aug 27, 2007 11:17 pm

Dr. KillGood · Post by **Dr. KillGood** » Mon Aug 27, 2007 11:19 pm

So WTF dose it do now?

Electric Rain · Post by **Electric Rain** » Mon Aug 27, 2007 11:51 pm

KillGood, to you I say,

.

What don't you understand? Basically, it replaces the

emoticon with a

emoticon. When you click it, it inserts the URL for the

icon in an IMG tag. Try quoting one of our posts so you can see the code. Notice the [-img]http://skytroniks.com/images/database/smilies/wtf.gif[/img-] ('cept without the hyphens)...

In case you didn't know, Greasemonkey is a Firefox extension that allows you to inject client-side Javascript into specific pages.

Nonsense Man · Post by **Nonsense Man** » Mon Aug 27, 2007 11:52 pm

its not working i followed the instructions but nothing happened.

Electric Rain · Post by **Electric Rain** » Tue Aug 28, 2007 12:04 am

...Huh... when you're posting, does the URL in your address bar start with http://forums.benheck.com?

Edit: Okay, I've uploaded it to userscripts.org. Try installing it from here.

Nonsense Man · Post by **Nonsense Man** » Tue Aug 28, 2007 1:34 am

And were back!!

Electric Rain · Post by **Electric Rain** » Tue Aug 28, 2007 3:38 am

Sweet.

lifeisbetterwithketchup · Tue Aug 28, 2007 3:57 am

Nice work, Electric Rain!

Electric Rain · Post by **Electric Rain** » Tue Aug 28, 2007 5:01 am

Thank you! You're technically the first person to tell me that!

blackbox_dev · Post by **blackbox_dev** » Tue Aug 28, 2007 9:12 am

Sweet, it works now! Great work!

For anybody having problems with it, try restarting Firefox.