Adds board title, catalog, gallery, and style to the top bar.
// ==UserScript==
// @name 4chan Gallery
// @version 2.0.1
// @description Adds board title, catalog, gallery, and style to the top bar.
// @include http://boards.4chan.org/*
// @include https://boards.4chan.org/*
// @namespace https://greasyfork.org/users/3159
// @run-at document-end
// ==/UserScript==
/* my adblock filters
boards.4chan.org###absbot
boards.4chan.org###blotter
boards.4chan.org###ctrl-top
boards.4chan.org##.boardBanner
boards.4chan.org##.bottomCtrl
boards.4chan.org##.center
boards.4chan.org##.navLinks
boards.4chan.org#hr
44chan */
window.addEventListener('load', soyunoso);
function soyunoso(){
var bname = document.getElementsByClassName("boardTitle")[0].innerHTML;
if (bname.indexOf("/ - ") > -1) {
bname = bname.split("/ - ")[1];
}
var path = document.location.pathname.split("/");
function xc(q, r) {
a = document.getElementsByClassName("boardList");
a[0].insertAdjacentHTML(q, r);
a[1].insertAdjacentHTML(q, r);
b = document.getElementsByClassName("customBoardList");
if (b[0]) {
b[0].insertAdjacentHTML(q, r);
b[1].insertAdjacentHTML(q, r);
}
}
xc("afterbegin", '[<a href="//boards.4chan.org/' + path[1] + '">' + bname + "</a>] ");
xc("beforeend", path[2] == "catalog" ? "" : '[<a href="//boards.4chan.org/' + path[1] + '/catalog">Catalog</a>] ');
function xi(q) {
var b = document.getElementById(q);
return b;
}
var nr = '<span style="float:right">[<a class=low href=#a>Style</a>] <span>';
xi("navtopright").insertAdjacentHTML("afterend", nr);
xi("navbotright").insertAdjacentHTML("afterend", nr);
document.getElementsByClassName("low")[0].onclick = function() { cstyle() };
document.getElementsByClassName("low")[1].onclick = function() { cstyle() };
var themes = ['Yotsuba New', 'Yotsuba B New', 'Futaba New', 'Burichan New', 'Tomorrow', 'Photon'];
function get(){
cur = document.cookie.indexOf('ws_style') > -1 ? document.cookie.split('ws_style=')[1].split(';')[0] : 'Yotsuba New';
for (a=0;a<themes.length;a++){
if (themes[a] == cur) return a;
}
}
function set(a){
document.cookie = 'ws_style=' + themes[a];
path[2] == "catalog" ? location.reload() : setActiveStyleSheet(themes[a]);
}
function cstyle(){
get() > (themes.length - 2) ? set(0) : set(get()+1);
}
document.getElementsByName("post")[0].insertAdjacentHTML("afterbegin", "<br>");
document.getElementsByName("post")[0].insertAdjacentHTML("afterend", "<br>");
if (path[2] == "thread") {
xc("beforeend", "[<a class=gl href=#a>Gallery</a>] ");
var s = document.getElementsByClassName("gl");
for (i = 0;i < s.length;i++) {
s[i].onclick = function() {
trigger();
};
}
xi("postForm").style.display = "none";
xi("togglePostFormLink").style.display = "block";
xi("togglePostFormLink").onclick = function() {
xi("postForm").style.display = "table";
xi("togglePostFormLink").style.display = "none";
};
}
// code bellow is the gallery, works on most image boards, simply add a way to trigger
// to test, copy paste code bellow into console then run trigger()
function trigger() {
if (find().length) {
find();
bg.style.display = "block";
img.style.display = "block";
ii.style.display = "block";
i2.style.display = "block";
larw.style.display = "block";
rarw.style.display = "block";
loader();
} else {
endalert();
}
}
function find(l) {
var aa = document.getElementsByTagName("a"), imgLinks = [];
for (i = 0;i < aa.length;i++) {
var link = aa[i].getAttribute("href");
if (link) {
ext = link.split(".").pop();
if ((ext == "jpg" || ext == "png" || ext == "gif") && link.indexOf("google") < 0 && link.indexOf("iqdb") < 0 && link.indexOf("saucenao") < 0) {
imgLinks.push(link);
}
}
}
var sorted = imgLinks.sort(), results = [];
for (i = 0;i < sorted.length;i++) {
if (sorted[i + 1] != sorted[i]) {
results.push(sorted[i]);
}
}
var names = document.getElementsByClassName("fileText"), title = [];
for (i = 0;i < names.length;i++) {
ext = names[i].children[0].getAttribute("href").split(".").pop();
if (ext == "jpg" || ext == "png" || ext == "gif") {
n = names[i].children[0].getAttribute("title");
if (!n) {
n = names[i].children[0].innerText;
}
title.push(n);
}
}
img.src = results[a];
atitle = title[a] ? title[a] : img.src;
aii();
i2.innerText = "[ " + (a + 1) + "/" + results.length + " ]";
return results;
}
function aii() {
ii.innerText = "[ " + img.naturalWidth + "x" + img.naturalHeight + " ][ " + atitle + " ]";
}
function endalert() {
b = document.createElement("div"), c = b.style, b.id = "theend";
for (var d = "0123456789ABCDEF".split(""), a = "#", e = 0;6 > e;e++) {
a += d[Math.round(15 * Math.random())];
}
c.backgroundColor = a;
c.cssText += "line-height:50px;width:200px;height:50px;position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;font-size:42px;text-align:center;color:#fff;z-index:10001";
b.innerText = "The End";
document.body.appendChild(b);
setTimeout(function() {
z = document.getElementById("theend");
z.parentNode.removeChild(z);
}, 420);
}
var a = 0, h = 0, atitle, img = new Image, bg = document.createElement("div"), larw = document.createElement("div"), rarw = document.createElement("div"), ii = document.createElement("p"), i2 = document.createElement("p");
bg.style.cssText = "opacity:0.9;position:fixed;top:0;left:0;z-index:9999;background-color:black;width:100%;height:100%;display:none";
bg.onclick = function() {
bg.style.display = "none";
img.style.display = "none";
ii.style.display = "none";
i2.style.display = "none";
larw.style.display = "none";
rarw.style.display = "none";
};
document.body.appendChild(bg);
img.style.cssText = "position:fixed;z-index:10000;max-height:calc(100% - 40px);max-width:calc(100% - 60px);margin:auto;top:0;bottom:0;left:0;right:0;display:none";
img.onclick = function() {
if (a < --find().length) {
a++;
find();
} else {
endalert();
}
};
document.body.appendChild(img);
function loader() {
var timg = new Image;
timg.src = find()[h];
timg.onload = function() {
if (h === 0) {
aii();
}
if (h++ < find().length) {
loader();
}
};
}
var iv = "position:fixed;bottom:0;z-index:10000;color:#bababa;margin:0;display:none;";
ii.style.cssText = iv + "left:0";
i2.style.cssText = iv + "right:0";
ii.onclick = function() {
a = 0;
find();
};
i2.onclick = function() {
a = --find().length;
find();
};
document.body.appendChild(ii);
document.body.appendChild(i2);
var arw = "position:fixed;z-index:10000;top:calc(50% - 15px);border-top: 15px solid transparent;border-bottom: 15px solid transparent;display:none;border-";
larw.style.cssText = arw + "right: 20px solid #bababa;left:5px";
rarw.style.cssText = arw + "left: 20px solid #bababa;right:5px";
larw.onclick = function() {
if (a > 0) {
a--;
find();
}
};
rarw.onclick = function() {
if (a < --find().length) {
a++;
find();
} else {
endalert();
}
};
document.body.appendChild(larw);
document.body.appendChild(rarw);
document.addEventListener("keydown", function(e) {
switch(e.which) {
case 37:
if (a > 0 && bg.style.display != "none") {
a--;
find();
}
break;
case 39:
if (a < --find().length && bg.style.display != "none") {
a++;
find();
} else {
endalert();
}
break;
}
});
}