A handy userscript for the forums

Shylight · June 2015

Yup. It's a script that makes roles better until the badges get reimplemented (if ever). To make it work install Grease/Tamper Monkey, make a new script and paste the following code in it.

// ==UserScript==
// @name        DashRoles
// @namespace   dashnet
// @include     http://forum.dashnet.org/*
// @version     1.1
// @grant       none
// ==/UserScript==
var els = document.getElementsByClassName('RoleTitle');
var elsA = document.getElementsByClassName('Rank MItem Rank-Admin');
var elsM = document.getElementsByClassName('Rank MItem Rank-Mod');
var elsS = document.getElementsByClassName('Role_Sub-Moderator');
for (var i = 0, l = els.length; i < l; i++) {
  var el = els[i];
  el.innerHTML = el.innerHTML.replace('Helpful', '<img title="Helpful" src="http://i.imgur.com/6pds42D.png" />'
  ).replace('Conversationalist', '<img src="http://i.imgur.com/crC9AUg.png" title="Conversationalist"/>'
  ).replace('Cool', '<img title="Cool" src="http://i.imgur.com/bjjx7my.png" />'
  ).replace('Internet Detective', '<img title="Internet Detective" src="http://i.imgur.com/OH5xEdj.png" />'
  ).replace('Game Dev', '<img title="Game Dev" src="http://i.imgur.com/NTzccVl.png" />'
  ).replace('Flagger', '<img title="Flagger" src="http://i.imgur.com/oZNS7aR.png" />'
  ).replace('Friendly', '<img title="Friendly" src="http://i.imgur.com/o6fscZG.png" />'
  ).replace('Funny', '<img title="Funny" src="http://i.imgur.com/yHxQNTg.png" />'
  ).replace('Idle Game Master', '<img title="Idle Game Master" src="http://i.imgur.com/POTLHEU.png" />'
  ).replace(/(Administrator|,|(?:Sub-)*Moderator|Member|Server Operator)/gi, ''
  ).replace('Wiener', '<img title="Wiener" src="http://i.imgur.com/SwJCEgi.png" />');
};
for (var i = 0, l = elsA.length; i < l; i++) {
  var el = elsA[i];
  el.innerHTML = '<img title="Admin" src="http://i.imgur.com/LACV23z.png" />'
};
for (var i = 0, l = elsM.length; i < l; i++) {
  var el = elsM[i];
  el.innerHTML = '<img title="Moderator" src="http://i.imgur.com/ES8cmb5.png" />'
};
for (var i = 0, l = elsS.length; i < l; i++) {
  var el = elsS[i].getElementsByClassName('Rank MItem')[0];
  el.innerHTML = '<img title="Sub-Moderator" src="http://i.imgur.com/ZpioRcV.png" />'
};
//sheet.insertRule('.MItem img { vertical-align: top; margin: 0 -4px -2px; }', sheet.cssRules.length);
var css = document.createElement("style");
css.type = "text/css";
css.innerHTML = ".MItem img { vertical-align: top; margin: 0 0px -2px -4px; padding: 0; opacity: 0.5; cursor: pointer } .MItem img:hover{opacity:1} .Rank.Rank-Admin, .Rank.Rank-Mod {background: none;}";
document.body.appendChild(css);

There's probably a better way, but I don't really care. It works :P

Tellurium · June 2015

I can't use this because the bumping down of usernames/postcount bothers me too much >_>

(But you got me to install Greasemonkey and so now it's there if I ever need it! :P)

Shylight · June 2015

Tellurium said:
I can't use this because the bumping down of usernames/postcount bothers me too much >_>

(But you got me to install Greasemonkey and so now it's there if I ever need it! :P)

Oh very well, updated it to have proper CSS.

Gouchnox · June 2015

Aww...
I know that Greasemonkey is super useful and stuff, and that it could be handy for my CC script as well, but I have no idea how to use it.
I guess I'll look into that a bit later, if I don't forget.

Shylight · June 2015

Gouchnox said:
Aww...
I know that Greasemonkey is super useful and stuff, and that it could be handy for my CC script as well, but I have no idea how to use it.
I guess I'll look into that a bit later, if I don't forget.

Well, if you're a user, you can simply install it and copy the stuff above in it. If you want to write, it's a tad more complicated but not by much.

Gouchnox · June 2015

HOLY SHIT IT'S WORKING
I MADE SOMETHING WORK ON FIRST TRY

Gouchnox · June 2015

Now...
Is there a way that I could make this work with my CC pack?

Shylight · June 2015

Gouchnox said:
Now...
Is there a way that I could make this work with my CC pack?

Yes.

Gouchnox · June 2015

Well, I've installed it the same way I did for Dashnet and it doesn't work at all.

Shylight · June 2015

You need to make sure this part is there and edited to represent your script:

// ==UserScript==
// @name        Name
// @namespace   dashnet
// @include     Page Address
// @version     1.0
// @grant       none
// ==/UserScript==

Cookiewoodstock · June 2015

There we go! Now the update has it look more like pre-2.b, even with the whole faded color thing! :D

Gouchnox · June 2015

Shylight said:
You need to make sure this part is there and edited to represent your script:

// ==UserScript== // @name Name // @namespace dashnet // @include Page Address // @version 1.0 // @grant none // ==/UserScript==

Yeah it is there and fine.

BurntCookie · June 2015

Hey, this is pretty cool. Great work!

But why is there a burger next to my name? Are you calling me FAT?!

Tellurium · June 2015

Shylight said:

Tellurium said:
I can't use this because the bumping down of usernames/postcount bothers me too much >_>

(But you got me to install Greasemonkey and so now it's there if I ever need it! :P)
Oh very well, updated it to have proper CSS.

Yay, thank you ^3^

Shylight · June 2015

Gouchnox said:

Shylight said:
You need to make sure this part is there and edited to represent your script:

// ==UserScript== // @name Name // @namespace dashnet // @include Page Address // @version 1.0 // @grant none // ==/UserScript==
Yeah it is there and fine.

Hmm… Well, it's hard to say without seeing the thing. Link it and I'll try to figure it out. Userscripts can be a bit wonkier than normal JS.

TheKnifer · June 2015

Mmmm. Handy... ( ͡° ͜ʖ ͡°)

MasterSparky · June 2015

22radioactive22 said:
Mmmm. Handy... ( ͡° ͜ʖ ͡°)

Refer to my avatar

Darkmatterfire · June 2015

What's with that weird censor bar?

Shylight · June 2015

Darkmatterfire said:
What's with that weird censor bar?

IP.

Uiomancant · June 2015

I prefer using the vanilla forum, I know I'm gross.

It is pretty neat though.

EDIT: Pun not intended, but I will say it was.

Cookiewoodstock · June 2015

@Shylight I'm trying to make a custom version where Member is replaced with this symbol:

And Sub-Moderator is replaced with this symbol:

I'm having issues doing this. How can I do this? Help me! ;n;

1234abcdcba4321 · June 2015

Cookiewoodstock said:
@Shylight I'm trying to make a custom version where Member is replaced with this symbol:

And Sub-Moderator is replaced with this symbol:

I'm having issues doing this. How can I do this? Help me! ;n;

basically add more ".replace" things. Be sure to remove member from the clear list (second last thing) before doing so.

Shylight · June 2015

1234abcdcba4321 said:
basically add more ".replace" things. Be sure to remove member from the clear list (second last thing) before doing so.

Indeed. Also I have a haunting memory that members used to have a blue star, but I can't find proof of that anywhere ._.

BurntCookie · June 2015

Shylight said:

1234abcdcba4321 said:
basically add more ".replace" things. Be sure to remove member from the clear list (second last thing) before doing so.
Indeed. Also I have a haunting memory that members used to have a blue star, but I can't find proof of that anywhere ._.

Members never had a blue star.
There were only four stars: the helpful one (green), moderator (yellow), admin (red), and banned (red-grey).

Shylight · June 2015

BurntCookie said:

Shylight said:

1234abcdcba4321 said:
basically add more ".replace" things. Be sure to remove member from the clear list (second last thing) before doing so.
Indeed. Also I have a haunting memory that members used to have a blue star, but I can't find proof of that anywhere ._.
Members never had a blue star.
There were only four stars: the helpful one (green), moderator (yellow), admin (red), and banned (red-grey).

Damn. Why do I remember blue star then? T^T

OldMammal · June 2015

Edit: I'll post it again, I need to fix some stuff.

1234abcdcba4321 · June 2015

the awkward spacing where member is...

MasterSparky · June 2015

Shylight said:

BurntCookie said:

Shylight said:

1234abcdcba4321 said:
basically add more ".replace" things. Be sure to remove member from the clear list (second last thing) before doing so.
Indeed. Also I have a haunting memory that members used to have a blue star, but I can't find proof of that anywhere ._.
Members never had a blue star.
There were only four stars: the helpful one (green), moderator (yellow), admin (red), and banned (red-grey).
Damn. Why do I remember blue star then? T^T

"i guess you need a better brain" ~SoyJaviii

Cookiewoodstock · June 2015

1234abcdcba4321 said:

Cookiewoodstock said:
@Shylight I'm trying to make a custom version where Member is replaced with this symbol:

And Sub-Moderator is replaced with this symbol:

I'm having issues doing this. How can I do this? Help me! ;n;
basically add more ".replace" things. Be sure to remove member from the clear list (second last thing) before doing so.

I did that, but... the forums kinda bugged out on me for doing so.

Here's the code:

// ==UserScript==
// @name        DashRoles
// @namespace   dashnet
// @include     http://forum.dashnet.org/*
// @version     1.1
// @grant       none
// ==/UserScript==
var els = document.getElementsByClassName('RoleTitle');
var elsA = document.getElementsByClassName('Rank MItem Rank-Admin');
var elsM = document.getElementsByClassName('Rank MItem Rank-Mod');
for (var i = 0, l = els.length; i < l; i++) {
  var el = els[i];
  el.innerHTML = el.innerHTML.replace('Helpful', '<img title="Helpful" src="http://i.imgur.com/6pds42D.png"; />'
  ).replace('Conversationalist', '<img src="http://i.imgur.com/crC9AUg.png"; title="Conversationalist"/>'
  ).replace('Cool', '<img title="Cool" src="http://i.imgur.com/bjjx7my.png"; />'
  ).replace('Internet Detective', '<img title="Internet Detective" src="http://i.imgur.com/OH5xEdj.png"; />'
  ).replace('Game Dev', '<img title="Game Dev" src="http://i.imgur.com/NTzccVl.png"; />'
  ).replace('Flagger', '<img title="Flagger" src="http://i.imgur.com/oZNS7aR.png"; />'
  ).replace('Friendly', '<img title="Friendly" src="http://i.imgur.com/o6fscZG.png"; />'
  ).replace('Funny', '<img title="Funny" src="http://i.imgur.com/yHxQNTg.png"; />'
  ).replace('Idle Game Master', '<img title="Idle Game Master" src="http://i.imgur.com/POTLHEU.png"; />'
  ).replace(/(Administrator|,|Moderator|Server Operator)/gi, ''
  ).replace('Wiener', '<img title="Wiener" src="http://i.imgur.com/SwJCEgi.png"; />');
  ).replace('Member', '<img title="Member" src="http://i.imgur.com/6lxeRyM.png"; />');
};
for (var i = 0, l = elsA.length; i < l; i++) {
  var el = elsA[i];
  el.innerHTML = '<img title="Admin" src="http://i.imgur.com/LACV23z.png"; />'
};
for (var i = 0, l = elsM.length; i < l; i++) {
  var el = elsM[i];
  el.innerHTML = '<img title="Moderator" src="http://i.imgur.com/ES8cmb5.png"; />'
};
//sheet.insertRule('.MItem img { vertical-align: top; margin: 0 -4px -2px; }', sheet.cssRules.length);
var css = document.createElement("style");
css.type = "text/css";
css.innerHTML = ".MItem img { vertical-align: top; margin: 0 0px -2px -4px; padding: 0; opacity: 0.5; cursor: pointer } .MItem img:hover{opacity:1} .Rank.Rank-Admin, .Rank.Rank-Mod {background: none;}";
document.body.appendChild(css);

Shylight said:

1234abcdcba4321 said:
basically add more ".replace" things. Be sure to remove member from the clear list (second last thing) before doing so.
Indeed. Also I have a haunting memory that members used to have a blue star, but I can't find proof of that anywhere ._.

Well, now you do. ;3

Chisako · June 2015

i like it

Cookiewoodstock · June 2015

Is there a way to make Banned appear along with these user titles?

DashNet Forums

Howdy, Stranger!

Categories

A handy userscript for the forums

Comments

DashNet Forums

Howdy, Stranger!

Quick Links

Categories

A handy userscript for the forums

Comments