wale papieża

emotki.js

// ======== Emotki UserJs ======
// licencja: NIE DLA KOBIET I DOKTORÓW
buttonHtml = '<button id="guzik-emotki" class="guzik-emotki" type="button" onclick="show()">[E]</button>';
button2Html = '<button id="guzik-emotki" class="guzik-emotki2" type="button" onclick="show()">[E]</button>';
html = '<div class="dropdown hide" id="emotki"> <div class="emo" id="🅾" onclick="addEmo(this)"><img src="https://i.imgur.com/A0JuZ48.png"></div> <div class="emo" id="🇬🇧" onclick="addEmo(this)"><img src="https://i.imgur.com/HEO8LHR.png"></div> <div class="emo" id="🇨" onclick="addEmo(this)"><img src="https://i.imgur.com/sELrvSz.png"></div> <div class="emo" id="🈂" onclick="addEmo(this)"><img src="https://i.imgur.com/ijBok2j.png"></div> <div class="emo" id="🇻" onclick="addEmo(this)"><img src="https://i.imgur.com/4g5eett.png"></div> <div class="emo" id="🇺" onclick="addEmo(this)"><img src="https://i.imgur.com/UiZh2ug.png"></div> <div class="emo" id="🇵" onclick="addEmo(this)"><img src="https://i.imgur.com/5NbFYAv.png"></div> <div class="emo" id="🇷" onclick="addEmo(this)"><img src="https://i.imgur.com/GfiHWde.png"></div> <div class="emo" id="🇫" onclick="addEmo(this)"><img src="https://i.imgur.com/qmOPjCs.png"></div> <div class="emo" id="🇭" onclick="addEmo(this)"><img src="https://i.imgur.com/md7LWpU.png"></div> <div class="emo" id="🆑" onclick="addEmo(this)"><img src="https://i.imgur.com/QWuolD7.png"></div> <div class="emo" id="🇹" onclick="addEmo(this)"><img src="https://i.imgur.com/EHZRdjj.png"></div> <div class="emo" id="🇱" onclick="addEmo(this)"><img src="https://i.imgur.com/QeRE4Vr.png"></div> <div class="emo" id="🇳" onclick="addEmo(this)"><img src="https://i.imgur.com/gKL1MUz.png"></div> <div class="emo" id="🅱" onclick="addEmo(this)"><img src="https://i.imgur.com/tOBtW67.png"></div> <div class="emo" id="🅰" onclick="addEmo(this)"><img src="https://i.imgur.com/Jd7NqIC.png"></div> <div class="emo" id="🇼" onclick="addEmo(this)"><img src="https://i.imgur.com/fsmrzQW.png"></div> <div class="emo" id="🇩🇪" onclick="addEmo(this)"><img src="https://i.imgur.com/p924hc6.png"></div> <div class="emo" id="🆕" onclick="addEmo(this)"><img src="https://i.imgur.com/xA8acd3.png"></div> <div class="emo" id="🇦" onclick="addEmo(this)"><img src="https://i.imgur.com/qnVmzjG.png"></div> <div class="emo" id="🇩" onclick="addEmo(this)"><img src="https://i.imgur.com/jllAyqR.png"></div> <div class="emo" id="🇪🇸" onclick="addEmo(this)"><img src="https://i.imgur.com/j3IO3Tn.png"></div> <div class="emo" id="🆓" onclick="addEmo(this)"><img src="https://i.imgur.com/MN3cIGH.png"></div> <div class="emo" id="🆙" onclick="addEmo(this)"><img src="https://i.imgur.com/feMqHWQ.png"></div> <div class="emo" id="🇪" onclick="addEmo(this)"><img src="https://i.imgur.com/MZeWCOc.png"></div> <div class="emo" id="🇴" onclick="addEmo(this)"><img src="https://i.imgur.com/ilnDzd1.png"></div> <div class="emo" id="🇯🇵" onclick="addEmo(this)"><img src="https://i.imgur.com/fqglQfO.png"></div> <div class="emo" id="🇶" onclick="addEmo(this)"><img src="https://i.imgur.com/3wiyDHT.png"></div> <div class="emo" id="🀄" onclick="addEmo(this)"><img src="https://i.imgur.com/WTzTetH.png"></div> <div class="emo" id="🇫🇷" onclick="addEmo(this)"><img src="https://i.imgur.com/WNMwdz8.png"></div> <div class="emo" id="🇺🇸" onclick="addEmo(this)"><img src="https://i.imgur.com/FDhTOt0.png"></div> <div class="emo" id="🆎" onclick="addEmo(this)"><img src="https://i.imgur.com/6lt2dQG.png"></div> <div class="emo" id="🇲" onclick="addEmo(this)"><img src="https://i.imgur.com/QktCmRD.png"></div> <div class="emo" id="🆚" onclick="addEmo(this)"><img src="https://i.imgur.com/nZU9ISL.png"></div> <div class="emo" id="🆖" onclick="addEmo(this)"><img src="https://i.imgur.com/b5YMiFx.png"></div> <div class="emo" id="🃏" onclick="addEmo(this)"><img src="https://i.imgur.com/LhoXPRb.png"></div> <div class="emo" id="🆗" onclick="addEmo(this)"><img src="https://i.imgur.com/rrcWfcg.png"></div> <div class="emo" id="🇰" onclick="addEmo(this)"><img src="https://i.imgur.com/mnWfPXF.png"></div> <div class="emo" id="🇮" onclick="addEmo(this)"><img src="https://i.imgur.com/Jy7LMvb.png"></div> <div class="emo" id="🇮🇹" onclick="addEmo(this)"><img src="https://i.imgur.com/FwJ6Ptv.png"></div> <div class="emo" id="🆔" onclick="addEmo(this)"><img src="https://i.imgur.com/o8yg2H2.png"></div> <div class="emo" id="🆘" onclick="addEmo(this)"><img src="https://i.imgur.com/ILtngMn.png"></div> <div class="emo" id="🇬" onclick="addEmo(this)"><img src="https://i.imgur.com/vFLmAet.png"></div> <div class="emo" id="🇨🇳" onclick="addEmo(this)"><img src="https://i.imgur.com/oJOUD5d.png"></div> <div class="emo" id="🇷🇺" onclick="addEmo(this)"><img src="https://i.imgur.com/b9TQaMU.png"></div> <div class="emo" id="🅿" onclick="addEmo(this)"><img src="https://i.imgur.com/eevnBDB.png"></div> <div class="emo" id="🈁" onclick="addEmo(this)"><img src="https://i.imgur.com/mZOaQTE.png"></div> <div class="emo" id="🆒" onclick="addEmo(this)"><img src="https://i.imgur.com/i8OT8RJ.png"></div> <div class="emo" id="🇸" onclick="addEmo(this)"><img src="https://i.imgur.com/DgIHlyu.png"></div> </div>';
css = '\
.guzik-emotki{\
	display: initial;\
	margin-left: 10px;\
	position: absolute;\
}\
.guzik-emotki2{\
	display: none;\
	position: absolute;\
	margin-left: 10px;\
}\
#quick-reply .guzik-emotki2{\
	display: initial;\
}\
#quick-reply .guzik-emotki{\
	display: none;\
}\
#quick-reply .dropdown{\
	margin-left: 120px;\
}\
.dropdown{\
	text-align: justify;\
	border: 1px solid blue;\
	width: 320px;\
	z-index: 100;\
	resize:horizontal;\
	overflow:auto;\
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);\
	background-color: rgba(23,28,78,0.85);\
	position: absolute;\
	margin-top: 15px;\
	margin-left: 60px;\
}\
\
.hide{\
	visibility: hidden;\
	opacity: 0;\
	transition: visibility 0.2s, opacity 0.2s linear;\
}\
\
.show {\
	visibility: visible;\
	opacity: 1;\
	transition: visibility 0.2s, opacity 0.2s linear;\
}\
\
.emo img{\
	margin: 0px;\
}\
.emo{\
	width: 27px;\
	height: 27px;\
	display: inline-block;\
	*display: inline;\
}\
\
.emo:hover{\
	transform:scale(1.5);\
	transition-duration: 36ms;\
}\
\
.emo:active{\
	transform:scale(0.9);\
	transition-duration: 20ms;\
}\
';

function addGlobalStyle(css){
	var head, style;
	head = document.getElementsByTagName('head')[0];
	if (!head) { return; }
	style = document.createElement('style');
	style.type = 'text/css';
	style.innerHTML = css;
	head.appendChild(style);
}

function show(){
	var dd = document.getElementsByClassName("dropdown");
	for(var i=0; i < dd.length; ++i){
		dd[i].classList.toggle("show");
		dd[i].classList.toggle("hide");
	}
}

function hide(){
	if(document.getElementById("emotki").classList.contains("show"))
		show();
}

function addEmo(emo){
	document.getElementById("body").value += emo.id + " ";
}

window.onmousedown = function(event){
	if(!event.target.matches('#guzik-emotki, .dropdown, .dropdown *'))
		hide();
};

addGlobalStyle(css);
var target = document.getElementsByName("post")[1].parentNode;
target.innerHTML += buttonHtml;
target.innerHTML += html;
target.parentNode.innerHTML += button2Html;
if(document.getElementsByName("post")[3] != undefined){
	document.getElementsByName("post")[3].parentNode.parentNode.innerHTML += button2Html;
	document.getElementsByName("post")[3].parentNode.innerHTML += html;
}
$(document).keyup(function(e) {
     if (e.keyCode == 27) { // esc
        hide();
    }
});
// ======== koniec Emotki UserJs ======