☰

Greasy Fork is available in English.

More Smileys Sidebar

Smiley Sidebar für das Forum http://mylittleforum.bplaced.net/

Skrip ini tidak untuk dipasang secara langsung. Ini adalah pustaka skrip lain untuk disertakan dengan direktif meta // @require https://update.greatest.deepsurf.us/scripts/5958/22264/More%20Smileys%20Sidebar.js 

  1. // ==UserScript==
  2. // @name          More Smileys Sidebar
  3. // @fullname      More Smileys Sidebar für mylittleforum.bplaced.net
  4. // @author        Merrx
  5. // @version       2013.02.12b
  6. // @include       *mylittleforum.bplaced.net/*
  7. // @downloadURL   http://merrx.bestpony.de/smiley/smile.user.js
  8. // @grant         GM_getValue
  9. // @grant         GM_setValue
  10. // @grant         GM_deleteValue
  11. // @description   Smiley Sidebar für das Forum http://mylittleforum.bplaced.net/
  12. // ==/UserScript==
  13.  
  14. // Smiley-Fix, sodass die Smileys mittig ausgerichtet werden
  15. var imgs = document.getElementsByTagName("img");
  16. for(var i = 0; i < imgs.length; i++) {
  17. 	if(imgs[i].src.indexOf("merrx.bestpony.de/smiley") >= 0)
  18. 		imgs[i].setAttribute("style", "vertical-align: middle; margin: 1px;");
  19. }
  20.  
  21. // Prüfen ob angemeldet
  22. if((document.getElementById('message') != null) || (document.getElementById('message_new') != null) || (document.getElementById('shout_data') != null) || (document.getElementById('smiley-sidebar') != null) ) {
  23.  
  24. 	// Bereitstellen der Lade und Speicherfunkionen, falls sie nicht vorhanden sind
  25. 	if (typeof GM_deleteValue == 'undefined') {
  26. 	// Natives Chrome und Opera abfangen, da Tampermonkey die Funktionen bereitstellt
  27. 		if((navigator.userAgent.search('Chrome') != -1) || (navigator.userAgent.search('Opera') != -1) ) {
  28. 			GM_getValue = function(name, defaultValue) {
  29. 				var value = window.localStorage.getItem(name);
  30. 				if (!value)
  31. 					return defaultValue;
  32. 				var type = value[0];
  33. 				value = value.substring(1);
  34. 				switch (type) {
  35. 					case 'b':
  36. 						return value == 'true';
  37. 					case 'n':
  38. 						return Number(value);
  39. 					default:
  40. 						return value;
  41. 				}
  42. 			}
  43.  
  44. 			GM_setValue = function(name, value) {
  45. 				value = (typeof value)[0] + value;
  46. 				window.localStorage.setItem(name, value);
  47. 			}
  48. 		}
  49. 	}
  50. 	
  51. 	// Seite in ein neues div schieben
  52. 	var site = document.createElement('div');
  53. 	document.body.insertBefore(site,document.body.firstChild);
  54. 	document.body.style.margin = "0px";
  55. 	while(document.body.children[1]) {
  56. 		site.appendChild(document.body.children[1]);
  57. 	}
  58. 	
  59. 	//Styleattribute des Containers der Hauptseite auslesen und in Variablen speichern
  60. 	//Diese werden später bei der Generierung der Sidebar verwendet. (by Rapti)
  61. 	function getStyle(x, styleProp) {
  62. 		if (x.currentStyle) var y = x.currentStyle[styleProp];
  63. 		else if (window.getComputedStyle) var y = document.defaultView.getComputedStyle(x, null).getPropertyValue(styleProp);
  64. 		return y;
  65. 	};
  66. 	var container = document.getElementById("container");
  67. 	var bgimg = getStyle(container, "background-image");
  68. 	var border = getStyle(container, "border");
  69. 	var shadow = getStyle(container, "box-shadow");
  70. 	if(new String(bgimg) == "undefined" || new String(bgimg) == "") {bgimg = getStyle(container, "backgroundImage");}
  71. 	if(new String(border) == "undefined" || new String(border) == "") border = getStyle(container, "border-left-color") + " " + getStyle(container, "border-left-style") + " " + getStyle(container, "border-left-width");
  72. 	if(new String(border) == "undefined" || new String(border) == "") border = getStyle(container, "borderLeftColor") + " " + getStyle(container, "borderLeftStyle") + " " + getStyle(container, "borderLeftWidth");
  73. 	if(new String(shadow) == "undefined" || new String(shadow) == "") {shadow = getStyle(container, "boxShadow");}
  74. 	
  75. 	// Sidebar erzeugen
  76. 	var sidebar = document.createElement("div");
  77. 	document.body.appendChild(sidebar);
  78. 	sidebar.id = "smiley-sidebar";
  79. 	sidebar.setAttribute("style", "position:fixed; top:0px; width:250px; height:100%; background: " + bgimg + " repeat scroll 0 0; overflow:auto; z-index:2; box-shadow:" + shadow + ";");
  80.  
  81. 	// Element erzeugen, dass die Sidebar einblendet und ausblendet 
  82. 	if(document.getElementsByName('postoptions[signature]').length > 0) {
  83. 		var toggle = document.getElementsByName('postoptions[signature]')[0].parentNode.parentNode;
  84. 		toggle.appendChild(document.createElement("br"));
  85. 	}
  86. 	if(document.getElementsByName('options[signature]').length > 0) {
  87. 		var toggle = document.getElementsByName('options[signature]')[0].parentNode.parentNode;
  88. 	}
  89. 	if(document.getElementById('shout_data') != null) {
  90. 		var toggle = document.getElementById('smilies').parentNode;
  91. 		toggle.appendChild(document.createElement("br"));
  92. 		toggle.appendChild(document.createElement("br"));
  93. 	}
  94. 	var fakeform = document.createElement("form");
  95. 	toggle.appendChild(fakeform);
  96. 	
  97. 	// Sidebar einblenden
  98. 	var label = document.createElement("label");
  99. 	fakeform.appendChild(label);
  100. 	var ele = document.createElement("input");
  101. 	ele.setAttribute("class", "checkbox");
  102. 	ele.setAttribute("type", "checkbox");
  103. 	label.appendChild(ele);
  104. 	
  105. 	//Anzeigen Funktion
  106. 	var firstChange = GM_getValue('dateSmiley',0);
  107. 	function ShowSidebar(st) {
  108. 		if(arguments.length == 0) {
  109. 			var status = (GM_getValue("showSidebar",false)) ? false : true ;		
  110. 		} else {
  111. 			var status = st;
  112. 		}
  113. 		
  114. 		if(status) {
  115. 			document.getElementById('smiley-sidebar').style.display = "block";
  116. 			if(GM_getValue("leftSidebar",true)) {
  117. 				if(GM_getValue("boxSidebar",true)) {site.style.marginLeft = "250px"; site.style.marginRight = "0px";}
  118. 					else{site.style.margin = "";}
  119. 				
  120. 				sidebar.style.float="left"; sidebar.style.right=""; sidebar.style.left="0px";
  121. 				sidebar.style.borderRight = border; sidebar.style.borderLeft = "";
  122. 				if (switchButton) switchButton.src="http://merrx.bestpony.de/smiley/arrowbutton-right.png";
  123. 			} else {
  124. 				if(GM_getValue("boxSidebar",true)) {site.style.marginLeft = "0px";  site.style.marginRight = "250px";}
  125. 					else{site.style.margin = "";}
  126. 				sidebar.style.float="right"; sidebar.style.left=""; sidebar.style.right="0px";
  127. 				sidebar.style.borderLeft = border; sidebar.style.borderRight = "";
  128. 				if (switchButton) switchButton.src="http://merrx.bestpony.de/smiley/arrowbutton-left.png";
  129. 			}
  130. 			
  131. 			if(GM_getValue("boxSidebar",true)) {
  132. 				window.onresize = function() {
  133. 					var bg = getStyle(document.body, "background-image");
  134. 					if(new String(bg) == "undefined" || new String(bg) == "") {bg = getStyle(document.body, "backgroundImage");}
  135. 					var image = new Image();
  136. 					image.src = bg.replace(/\"/g, '').slice(4, -1);
  137. 					var BGwidth = image.width;
  138. 					if(BGwidth == 0) 
  139. 						image.onload = function() {
  140. 							BGwidth = image.width;
  141. 							if(GM_getValue("leftSidebar",true)) {
  142. 								var mid = (window.innerWidth + 230 - BGwidth)/2;
  143. 							} else {
  144. 								var mid = (window.innerWidth - 270 - BGwidth)/2;
  145. 							}
  146. 							document.body.style.backgroundPosition =  mid + "px 0px";
  147. 						}
  148. 				
  149. 					if(GM_getValue("leftSidebar",true)) {
  150. 						var mid = (window.innerWidth + 230 - BGwidth)/2;
  151. 					} else {
  152. 						var mid = (window.innerWidth - 270 - BGwidth)/2;
  153. 					}
  154. 					document.body.style.backgroundPosition =  mid + "px 0px";
  155. 				};
  156. 				window.onresize();
  157. 				if (boxButton) boxButton.src = "http://merrx.bestpony.de/smiley/boxbutton-inside.png";
  158. 			} else {
  159. 				document.body.style.backgroundPosition = "50% 0px";
  160. 				if (boxButton) boxButton.src = "http://merrx.bestpony.de/smiley/boxbutton-aside.png";
  161. 			}
  162. 			
  163. 			ele.checked = true;
  164. 			GM_setValue("showSidebar",true);	
  165. 		} else {
  166. 			document.getElementById('smiley-sidebar').style.display = "none";
  167. 			site.style.margin = "0px";
  168. 			document.body.style.backgroundPosition = "50% 0px";
  169. 			window.onresize = function() {};
  170. 			ele.checked = false;
  171. 			GM_setValue("showSidebar",false);
  172. 		}
  173. 		var zeit = new Date().getTime();
  174. 		GM_setValue('dateSmiley',JSON.stringify(zeit));
  175. 		firstChange = GM_getValue('dateSmiley',0);
  176. 	} ShowSidebar(GM_getValue("showSidebar",false));
  177. 	ele.addEventListener("change", function() {ShowSidebar()}, false);
  178.  
  179. 	var text = document.createElement("strong");
  180. 	text.innerHTML = " Smiley-Sidebar";
  181. 	label.appendChild(text);
  182. 	fakeform.appendChild(document.createElement("br"));
  183. 	
  184. 	// Sidebar-Rumpf
  185. 	var kopf = document.createElement("div");
  186. 	sidebar.appendChild(kopf);
  187. 	kopf.id = "smiley-kopf";
  188. 	var rumpf = document.createElement("div");
  189. 	sidebar.appendChild(rumpf);
  190. 	rumpf.id = "smiley-liste";
  191. 	
  192. 	// Überschrift + Schließkreuz
  193. 	var text = document.createElement("strong");
  194. 	text.innerHTML = "Smiley Sidebar ";
  195. 	kopf.appendChild(text);
  196. 	var text = document.createElement("small");
  197. 	text.innerHTML = "by Merrx";
  198. 	kopf.appendChild(text);
  199. 	var close = document.createElement("img");
  200. 	close.src = "http://merrx.bestpony.de/smiley/closebutton.png";
  201. 	close.setAttribute("style", "float:right;margin-top:2px;margin-right:2px;");
  202. 	close.addEventListener("click", function() {ShowSidebar(false);}, false);
  203. 	kopf.appendChild(close);
  204. 	var switchButton = document.createElement("img");
  205. 	if(GM_getValue("leftSidebar",true)) {switchButton.src = "http://merrx.bestpony.de/smiley/arrowbutton-right.png";}
  206. 		else{switchButton.src = "http://merrx.bestpony.de/smiley/arrowbutton-left.png";}
  207. 	switchButton.setAttribute("style", "float:right;margin-top:2px;");
  208. 	switchButton.addEventListener("click", function() {GM_setValue("leftSidebar",!GM_getValue("leftSidebar",true)); ShowSidebar(true);}, false);
  209. 	kopf.appendChild(switchButton);
  210. 	var boxButton = document.createElement("img");
  211. 	if(GM_getValue("boxSidebar",true)) {boxButton.src = "http://merrx.bestpony.de/smiley/boxbutton-inside.png";}
  212. 		else{boxButton.src = "http://merrx.bestpony.de/smiley/boxbutton-aside.png";}
  213. 	boxButton.setAttribute("style", "float:right;margin-top:2px;");
  214. 	boxButton.addEventListener("click", function() {GM_setValue("boxSidebar",!GM_getValue("boxSidebar",true)); ShowSidebar(true);}, false);
  215. 	kopf.appendChild(boxButton);
  216.  
  217. 	// Auswahl erzeugen
  218. 	var sform = document.createElement("form");
  219. 	sform.id="smiley-form";
  220. 	kopf.appendChild(sform);
  221. 	kopf = sform;
  222. 	
  223. 	// extra Element zum externen speichern
  224. 	var saveSmiley = GM_getValue('saveSmiley',"17101Applejack");
  225.  
  226. 	// Kategoriewahl
  227. 	var kat = document.createElement("span");	
  228. 	kopf.appendChild(kat);
  229. 	var text = document.createElement("strong");
  230. 	text.innerHTML = "Kategorie:";
  231. 	text.style.marginTop = "2px";
  232. 	kat.appendChild(text);
  233. 	kat.appendChild(document.createTextNode(" "));
  234.  
  235. 	var label = document.createElement("label");
  236. 	kat.appendChild(label);
  237. 	var elem = document.createElement("input");
  238. 	elem.setAttribute("name", "kategorie");
  239. 	elem.setAttribute("value", "1");
  240. 	elem.setAttribute("type", "radio");
  241. 	if(saveSmiley[0] == 1) {elem.setAttribute("checked", true);}
  242. 	elem.addEventListener("change", function() {ChangeSmile();}, false);
  243. 	label.appendChild(elem);
  244. 	label.appendChild(document.createTextNode("Pony"));
  245. 	kat.appendChild(document.createTextNode(" "));
  246.  
  247. 	var label = document.createElement("label");
  248. 	kat.appendChild(label);
  249. 	var elem = document.createElement("input");
  250. 	elem.setAttribute("name", "kategorie");
  251. 	elem.setAttribute("value", "2");
  252. 	elem.setAttribute("type", "radio");
  253. 	if(saveSmiley[0] == 2) {elem.setAttribute("checked", true);}
  254. 	elem.addEventListener("change", function() {ChangeSmile();}, false);
  255. 	label.appendChild(elem);
  256. 	label.appendChild(document.createTextNode("Emote"));
  257. 	kat.appendChild(document.createTextNode(" "));
  258.  
  259. 	// Auswahlfeld
  260. 	var sel = document.createElement('select');
  261. 	sel.id="smiley-sel";
  262. 	sel.setAttribute("style", "width:100%;margin-top:5px;margin-bottom:5px;");
  263. 	sel.addEventListener("change", function(){ChangeSmile();}, false);
  264. 	kopf.appendChild(sel);
  265.  
  266. 	// 3 Checkboxen für Größe
  267. 	var gros = document.createElement("span");
  268. 	kopf.appendChild(gros);
  269. 	var text = document.createElement("strong");
  270. 	text.innerHTML = "Größe:";
  271. 	gros.appendChild(text);
  272. 	gros.appendChild(document.createTextNode(" "));
  273.  
  274. 	var label = document.createElement("label");
  275. 	gros.appendChild(label);
  276. 	var elem = document.createElement("input");
  277. 	elem.setAttribute("class", "checkbox");
  278. 	elem.setAttribute("id", "smiley-kl");
  279. 	elem.setAttribute("type", "checkbox");
  280. 	if((saveSmiley[1] & 1) != 0) {elem.setAttribute("checked", true);}
  281. 	elem.addEventListener("change", function(){ChangeSmile();}, false);
  282. 	label.appendChild(elem);
  283. 	label.appendChild(document.createTextNode("klein"));
  284. 	gros.appendChild(document.createTextNode(" "));
  285.  
  286. 	var label = document.createElement("label");
  287. 	gros.appendChild(label);
  288. 	var elem = document.createElement("input");
  289. 	elem.setAttribute("class", "checkbox");
  290. 	elem.setAttribute("id", "smiley-mi");
  291. 	elem.setAttribute("type", "checkbox");
  292. 	if((saveSmiley[1] & 2) != 0) {elem.setAttribute("checked", true);}
  293. 	elem.addEventListener("change", function(){ChangeSmile();}, false);
  294. 	label.appendChild(elem);
  295. 	label.appendChild(document.createTextNode("mittel"));
  296. 	gros.appendChild(document.createTextNode(" "));
  297.  
  298. 	var label = document.createElement("label");
  299. 	gros.appendChild(label);
  300. 	var elem = document.createElement("input");
  301. 	elem.setAttribute("class", "checkbox");
  302. 	elem.setAttribute("id", "smiley-gr");
  303. 	elem.setAttribute("type", "checkbox");
  304. 	if((saveSmiley[1] & 4) != 0) {elem.setAttribute("checked", true);}
  305. 	elem.addEventListener("change", function(){ChangeSmile();}, false);
  306. 	label.appendChild(elem);
  307. 	label.appendChild(document.createTextNode("groß"));
  308.  
  309. 	// Funktion, die Smileys einfügt
  310. 	function InsSmile(datei) {
  311. 		// Finden des Textfeldes
  312. 		if(document.getElementById('shout_data') != null) {
  313. 			var input = document.getElementById('shout_data');
  314. 		} else {
  315. 			var input = document.getElementsByTagName('textarea')[0];
  316. 			if(input.id == "to" ) input = document.getElementsByTagName('textarea')[2];
  317. 		}
  318. 		var insText = "[img]http://merrx.bestpony.de/smiley/"+datei+"[/img]";
  319. 		input.focus();
  320. 		if(typeof input.selectionStart != 'undefined')	{
  321. 			// Einfügen des Formatierungscodes 
  322. 			var start = input.selectionStart;
  323. 			var end = input.selectionEnd;
  324. 			input.value = input.value.substr(0, start) + insText + input.value.substr(end);
  325. 			// Anpassen der Cursorposition 
  326. 			var pos = start + insText.length;
  327. 			input.selectionStart = pos;
  328. 			input.selectionEnd = pos;
  329. 		}
  330. 	}
  331.  
  332. 	// Klassenkonstruktion für die Quickbars
  333. 	var Quickbar = function($GMsave,$tops,$cbox,$label) {
  334. 		//lokal
  335. 		var tr, td1, td2, txt1;	// Quickbar-Elemente
  336. 		var label, ele, txt2;	// Checkbox-Elemente
  337. 		var list, showBar;		// 
  338. 	
  339. 		// aus der Listen entfernen (private)
  340. 		var remove = function(datei) {
  341. 			list = JSON.parse(GM_getValue('save'+$GMsave, '[]'));
  342. 			for(var i = 0; i < list.length; i++) {
  343. 				if(list[i] == datei) {
  344. 					list.splice(i,1);
  345. 				}
  346. 			}
  347. 			GM_setValue('save'+$GMsave, JSON.stringify(list));
  348. 			show(showBar);
  349. 		}
  350. 		
  351. 		//Quickbar ausblenden (private)
  352. 		var show = function(st) {
  353. 			tr.style.display = st ? "" : "none";
  354. 			ele.checked = st;
  355. 			showBar = st;
  356. 			GM_setValue('show'+$GMsave, showBar);
  357. 			
  358. 			list = JSON.parse(GM_getValue('save'+$GMsave, '[]'));
  359. 			td2.innerHTML = "";
  360. 			for(var i = 0; i < list.length; i++) {
  361. 				var img = document.createElement('img');
  362. 				img.setAttribute('src', 'http://merrx.bestpony.de/smiley/'+list[i]);
  363. 				img.addEventListener('click', function(e) {  if(e.shiftKey) remove(this.src.substr(32)); else InsSmile(this.src.substr(32));},false );
  364. 				td2.appendChild(img);
  365. 			}
  366. 		}
  367. 		
  368. 		//Konstruktor (private)
  369. 		function constr() {
  370. 			list = JSON.parse(GM_getValue('save'+$GMsave, '[]'));
  371. 			showBar = GM_getValue('show'+$GMsave, false);
  372. 			
  373. 			tr = document.createElement("tr"); /*tr.id=$qid;*/ $tops.parentNode.insertBefore(tr, $tops);
  374. 			td1 = document.createElement("td"); td1.setAttribute('class', 'trow1'); td1.setAttribute('valign', 'top'); tr.appendChild(td1);
  375. 			td2 = document.createElement("td"); td2.setAttribute('class', 'trow1'); tr.appendChild(td2);
  376. 			txt1 = document.createElement("strong"); txt1.innerHTML = $label+":"; td1.appendChild(txt1);
  377. 			
  378. 			label = document.createElement("label"); $cbox.appendChild(label); $cbox.appendChild(document.createElement("br"));
  379. 			ele = document.createElement("input"); ele.setAttribute("class", "checkbox"); ele.setAttribute("type", "checkbox"); label.appendChild(ele);
  380. 			ele.addEventListener("change", function() {show(!showBar); }, false);
  381. 			txt2 = document.createElement("strong"); txt2.innerHTML = " "+$label; label.appendChild(txt2);
  382. 			
  383. 			show(showBar);
  384. 		}; constr();
  385. 		
  386. 		// in die Liste aufnehmen (public)
  387. 		this.add = function(datei){
  388. 			list = JSON.parse(GM_getValue('save'+$GMsave, '[]'));
  389. 			list.reverse();
  390. 			
  391. 			var vorhanden = false;
  392. 			for(var i = 0; i < list.length; i++) {
  393. 				if(list[i] == datei) {
  394. 					return true;
  395. 				}
  396. 			}
  397. 			list.push(datei); list.reverse();	
  398. 			if(list.length > 12) list.pop();
  399. 			GM_setValue('save'+$GMsave, JSON.stringify(list));
  400. 			show(showBar);
  401. 		}
  402. 		
  403. 		// zum Aktualisieren
  404. 		this.update = function() {
  405. 			showBar = GM_getValue('show'+$GMsave, false);
  406. 			show(showBar);
  407. 		}
  408. 		
  409. 		// Shoutbox
  410. 		this.shout = function() {
  411. 			tr.appendChild(td1);
  412. 			td1.setAttribute("style", "border-right: 1px solid #323232; border-bottom: 1px solid #323232; border-left: 1px solid #323232;");
  413. 			td2.setAttribute("style", "width: 800px; border-left: 1px solid #323232; border-bottom: 1px solid #323232;");
  414. 			txt1.innerHTML = $label;
  415. 		}
  416. 	}
  417.  
  418. 	// Ort für die Quickbars
  419. 	if (document.getElementById('message_old') != null) var tops = document.getElementById('message_old').parentNode.parentNode;
  420. 	if (document.getElementById('message') != null) var tops = document.getElementById('message').parentNode.parentNode;
  421. 	if (document.getElementById('quickreply_e') != null) var tops = document.getElementById('message').parentNode.parentNode.parentNode.nextElementSibling;
  422. 	if (document.getElementById('shout_data') != null) var tops = document.getElementById('shout_data').parentNode.parentNode.parentNode;
  423. 	
  424. 	fbar = new Quickbar('Favorite',tops,fakeform,'Favorite-Smileys');
  425. 	hbar = new Quickbar('History',tops,fakeform,'letzte Smileys');
  426.  
  427. 	if (document.getElementById('shout_data') != null) { hbar.shout(); fbar.shout(); }
  428. 	
  429. 	// Smiley Seite wechseln
  430. 	function ChangeSmile() {		
  431. 		var rumpf = document.getElementById('smiley-liste');
  432. 		rumpf.innerHTML = "";
  433.  
  434. 		var dir = document.getElementById('smiley-sel').value;
  435. 		if (dir == "") dir = GM_getValue('saveSmiley',"17101Applejack").substr(2);
  436. 	
  437. 		var kat = document.getElementsByName('kategorie')[0].checked ? 1 : 2;
  438. 		if(GM_getValue('saveSmiley',"17101Applejack")[0] != kat) {dir = "";}
  439.  
  440. 		var gr = 0;
  441. 		if(document.getElementById('smiley-kl').checked) gr += 1;
  442. 		if(document.getElementById('smiley-mi').checked) gr += 2;
  443. 		if(document.getElementById('smiley-gr').checked) gr += 4;
  444. 			
  445. 		var srumpf = document.createElement('script');
  446. 		srumpf.type = 'text/javascript';
  447. 		srumpf.id = 'smiley-skript';
  448. 		srumpf.src = 'http://merrx.bestpony.de/smiley/smiley2.php?k='+kat+'&d='+dir+'&g='+gr;
  449. 		srumpf.addEventListener('load', function() {
  450. 			dir = document.getElementById('smiley-sel').value;
  451. 			GM_setValue('saveSmiley',"" + kat + gr + dir);
  452. 			var zeit = new Date().getTime();
  453. 			GM_setValue('dateSmiley',JSON.stringify(zeit));
  454. 			firstChange = GM_getValue('dateSmiley',0);
  455. 			// Hinzufügen der EventListener an die Smileys
  456. 			var imgs = document.getElementById('smiley-liste').getElementsByTagName("img");
  457. 			for(var i = 0; i < imgs.length; i++) {
  458. 				imgs[i].addEventListener('click', function(e) { if(e.shiftKey) fbar.add(this.src.substr(32)); else { InsSmile(this.src.substr(32)); hbar.add(this.src.substr(32)); }},false );	
  459. 			}
  460. 		},false);
  461. 		rumpf.appendChild(srumpf);		
  462.  
  463. 	} ChangeSmile();	
  464. 	
  465. 	window.addEventListener("focus", function() {
  466. 		var lastChange = GM_getValue('dateSmiley',0);
  467. 		hbar.update();
  468. 		fbar.update();
  469. 		if(lastChange != firstChange) {
  470. 			saveSmiley = GM_getValue('saveSmiley',"17101Applejack");
  471. 			var kat = document.getElementsByName('kategorie')[0].checked ? 1 : 2;
  472. 			var newkat = saveSmiley[0];
  473. 			
  474. 			if(newkat == 1) {document.getElementsByName('kategorie')[0].checked = true;}
  475. 			else {document.getElementsByName('kategorie')[1].checked = true;}
  476. 			document.getElementById('smiley-kl').checked = ((saveSmiley[1] & 1) != 0) ? true : false;
  477. 			document.getElementById('smiley-mi').checked = ((saveSmiley[1] & 2) != 0) ? true : false;
  478. 			document.getElementById('smiley-gr').checked = ((saveSmiley[1] & 4) != 0) ? true : false;
  479. 			var dir	= saveSmiley.substr(2);
  480. 			if(kat != newkat){
  481. 				var ch = document.createElement('option'); 
  482. 				ch.setAttribute('value', dir);
  483. 				document.getElementById('smiley-sel').appendChild(ch);
  484. 			}
  485. 			document.getElementById('smiley-sel').value = dir;			
  486. 			ChangeSmile();
  487. 			
  488. 			document.getElementById('smiley-skript').addEventListener('load', function() {
  489. 				GM_setValue('dateSmiley',lastChange);
  490. 				firstChange = GM_getValue('dateSmiley',0);
  491. 			},false);
  492. 			GM_setValue('dateSmiley',lastChange);
  493. 			firstChange = GM_getValue('dateSmiley',0);
  494. 			ShowSidebar(GM_getValue("showSidebar",false));
  495. 		}
  496. 	},false);
  497. }