×

Language

Close
Atelier 801
  • Forums
  • Dev Tracker
  • Log in
    • English Français
      Português do Brasil Español
      Türkçe Polski
      Magyar Română
      العربية Skandinavisk
      Nederlands Deutsch
      Bahasa Indonesia Русский
      中文 Filipino
      Lietuvių kalba 日本語
      Suomi עברית
      Italiano Česky
      Hrvatski Slovensky
      Български Latviešu
      Estonian
  • Language
  • Forums
  • /
  • Atelier 801
  • /
  • Discussions
  • /
  • [Tutorial] Add account auto log in buttons to navigation's bar
[Tutorial] Add account auto log in buttons to navigation's bar
Hydroper
« Citizen »
1450890720000
    • Hydroper#0528
    • Profile
    • Last posts
    • Tribe
#1
  0
New script base:

http://pastebin.com/8QpENJ9A

(now works when you're logged also)

Old:
Yesterday I solved to make a simple js script that add buttons to log in your accounts, which just needs that you have GreaseMonkey (Mozilla Firefox)/Tampermonkey (Google Chrome)/ViolentMonkey (Opera) extensions installed in your browser, I'm sharing it.

These kind of extensions are helpful because they allows you run a JavaScript that you or someone written in certain websites. These extensions are called "script manager".

I know that there's the browser's console also, but it automatically runs the script everytime that we refresh/enter on a website.

Unfortanely I didn't get to make it working while you're logged in your account because I got confusions, but I believe I'll get it in sometime.

This is just useful if you use miscellanous accounts in the forums. I just add the buttons in the navigation bar for a while, so you may get a strange navigation bar if you've many buttons.

It helps because you don't need to input your username, password and click in the "Submit" button.

http://i.imgur.com/k4GGgLt.png

If you don't know how to use these extensions above, open it \/ (very easier).

Firstly: these steps may be different depending on the extension you've in your browser. I just use one browser and I'll just give basic steps about how-to add a script.


1. Click in extension's icon at browser's navigation bar and click on a row where you see a text like "Manage scripts" in a new small list that will be opened down of the extension icon, so a new tab will be opened on your browser.

2. In the new tab, search for a button that contains a text like "New" or "New script" and you'll be in another place, where you'll see a text box (script editor).

3. Paste or write a script in the text box you see.

4. Click in a ("Save"||"Save script"||"Update script") button or press CTRL+S (if Windows).

5. Now reset the website you're adding the script and see it in action.

yay

To get it, just add the following script to Atelier 801's (I minified the own mine):
// ==UserScript==
// @name Atelier 801 Account Manager
// @description Allows you to go in any account you have in anytime at Atelier 801.
// @match http://atelier801.com/*
// @grant none
// ==/UserScript==

!function(){function e(){for(var e in o)!function(e){var n=document.createElement("button"),o=e;n.setAttribute("class","btn"),n.style.marginRight="4px",n.onclick=function(){t(o)},n.innerHTML=e,r.appendChild(n)}(e)}function t(e){var t=document.querySelector("#auth_login_1"),n=document.querySelector("#auth_pass_1");1==document.querySelectorAll("#auth_login_1").length&&(t.value=e,n.value=o[e],auth({preventDefault:function(){}}))}var n,r,
o={Accounttest:"fdsf",Profiver:"sdfsdf"};
n=document.createElement("div"),n.setAttribute("style","display:inline-block"),n.setAttribute("class","quick-login"),r=document.querySelector("#barre_navigation").querySelector(".navbar-form").parentElement.appendChild(n),e(),window.addEventListener("load",function(){0==document.querySelector("#barre_navigation").querySelector(".navbar-form").parentElement.querySelectorAll(".quick-login").length&&e()})}();

(after I'll put this script in another place)

In this script you must replace this line: o={Accounttest:"fdsf",Profiver:"sdfsdf"};
with: o=(object with your accounts, separated by commas)
example using: o={"Nickname":"Password"}

Last edit on 1452358020000
Describe
« Citizen »
1451041980000
    • Describe#0095
    • Profile
    • Last posts
    • Tribe
#2
  0
edit: reading this again it sounds as though you mean to make a button for different accounts.. which I suppose could be useful for people moving between alternate accounts quickly.

Useful tool. :)

Last edit on 1451042460000
Hydroper
« Citizen »
1451393880000
    • Hydroper#0528
    • Profile
    • Last posts
    • Tribe
#3
  0
It works well so. :s
I'm thinking in make a new yet which allows you to change to another account in anytime. I don't think that it'd fail now.
Tempo
« Citizen »
1452031320000
    • Tempo#1000
    • Profile
    • Last posts
#4
  0
interesting
Coollifelala
« Citizen »
1452092880000
    • Coollifelala#0000
    • Profile
    • Last posts
#5
  0
Useful
Tricksternya
« Citizen »
1452281040000
    • Tricksternya#0000
    • Profile
    • Last posts
    • Tribe
#6
  0
very helpful http://i.imgur.com/dUgHq.png
Hydroper
« Citizen »
1452285360000
    • Hydroper#0528
    • Profile
    • Last posts
    • Tribe
#7
  0
Thanks, guys!

Last edit on 1452357240000
Aewing
« Censor »
1452343320000
    • Aewing#0095
    • Profile
    • Last posts
    • Tribe
#8
  0
Nice one, good job!
Hydroper
« Citizen »
1452357180000
    • Hydroper#0528
    • Profile
    • Last posts
    • Tribe
#9
  0
Thanks, :ºD ! I hope it be very useful.

And now I did quickly another simple script to do the same, but allows you to go in another account while you're logged. If you'd prefer to use it, just go to the first thread message and open the first spoiler with the new script, then copy it and replace in the script manager.
Spectrepuppy
« Citizen »
1452374460000
    • Spectrepuppy#0000
    • Profile
    • Last posts
#10
  0
Sweet!
  • Forums
  • /
  • Atelier 801
  • /
  • Discussions
  • /
  • [Tutorial] Add account auto log in buttons to navigation's bar
© Atelier801 2018

Staff Terms and Conditions of Use Privacy Policy Contact

Version 1.27