☰

GameCATs Highlighting

Highlights stuff, I dunno.

当前为 2014-05-15 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        GameCATs Highlighting
  3. // @version 	1.1.1
  4. // @author      King of Cats
  5. // @namespace   Cats
  6. // @description Highlights stuff, I dunno.
  7. // @include     http://www.gamefaqs.com/*
  8. // @grant		GM_getValue
  9. // @grant		GM_setValue
  10. // @grant		GM_deleteValue
  11. // ==/UserScript==
  12.  
  13. // css guys, look for ".gamecats-highlight" for anything I've added a background colour to, or ".gamecats-text" for text colour changes. Also, to be more specific:
  14. // .gamecats-highlight-message-tr
  15. // .gamecats-highlight-message-td
  16. // .gamecats-highlight-topic-tr
  17. // .gamecats-highlight-topic-td
  18. // .gamecats-text-tr
  19. // .gamecats-text-td
  20. // .gamecats-text-a
  21. // .gamecats-autocontrast-black
  22. // .gamecats-autocontrast-white
  23.  
  24. // First run check, fill in some settings. Also fill in one list if they try to save with none. >_>
  25. if (!GM_getValue("numberOfLists") || GM_getValue("numberOfLists") == 0) {
  26. 	GM_setValue("numberOfLists",1);
  27. 	GM_setValue("useColouredCustomCSS",false);
  28. 	GM_setValue("Main Settings","Script Author|King of Cats|#B266FF|auto|true,false,true,false,false,true,false,false,false,false,false,false,false,false,false");
  29. 	GM_setValue("version","1.1.1");
  30. }
  31.  
  32. // Attach a link to the settings page on GameFAQs.
  33. var userMast = document.getElementsByClassName("masthead_user");
  34. if (userMast[0] != null) {
  35. 	var settingsLink = document.createElement('a');
  36. 	settingsLink.setAttribute("href","#HighlightSettings");
  37. 	settingsLink.addEventListener('click',function() {prepSettings();},true);
  38. 	settingsLink.textContent = "Highlight Settings";
  39. 	userMast[0].insertBefore(settingsLink,userMast[0].childNodes[2]);
  40. }
  41.  
  42. var version = GM_getValue("version").split(".");
  43. var theme = document.getElementsByTagName("body")[0].getAttribute("class");
  44.  
  45. // Settings to get filled in by getSettings()
  46. var storedNumberOfLists = new Array();
  47. var storedListNames = new Array();
  48. var storedUsernames = new Array();
  49. var storedHighlightColours = new Array();
  50. var storedHighlightTextColours = new Array();
  51. var storedActionHighlightTopic = new Array();
  52. var storedActionIgnoreTopic = new Array();
  53. var storedActionHighlightPost = new Array();
  54. var storedActionIgnorePost = new Array();
  55. var storedActionTagTopic = new Array();
  56. var storedActionTagPost = new Array();
  57. var storedActionHighlightTopicContent = new Array();
  58. var storedActionIgnoreTopicContent = new Array();
  59. var storedActionHighlightPostContent = new Array();
  60. var storedActionIgnorePostContent = new Array();
  61. var storedActionAllowStacking = new Array();
  62. var storedActionHighlightAdmin = new Array();
  63. var storedActionHighlightMod = new Array();
  64. var storedActionHighlightVIP = new Array();
  65. var storedActionHighlightTC = new Array();
  66. var storedUseColouredCustomCSSSetting = new Array();
  67.  
  68. // Highlight functions
  69.  
  70. function compareVersion (testVersion,exact) {
  71. 	testVersion = testVersion.split(".");
  72. 	if (exact) {
  73. 		return ((testVersion[0] == version[0]) && (testVersion[1] == version[1]) && (testVersion[2] == version[2]));
  74. 	} else {
  75. 		if (version[0] < testVersion[0]) {
  76. 			return true;
  77. 		} else if (version[0] == testVersion[0]) {
  78. 			if (version[1] < testVersion[1]) {
  79. 				return true;
  80. 			} else if (version[1] == testVersion[1]) {
  81. 				if (version[2] < testVersion[2]) {
  82. 					return true;
  83. 				} else {
  84. 					return false;
  85. 				}
  86. 			} else {
  87. 				return false;
  88. 			}
  89. 		} else {
  90. 			return false;
  91. 		}
  92. 	}
  93. }
  94.  
  95. function getSettings () {
  96. 	storedNumberOfLists = GM_getValue("numberOfLists");
  97. 	var allOfTheThings = GM_getValue("Main Settings");
  98. 	var fullList = allOfTheThings.split("^");
  99. 	var splitListItems = new Array();
  100. 	var usernames = new Array();
  101. 	var splitActions = new Array();
  102. 	
  103. 	
  104. 	for (var i = 0; i < storedNumberOfLists; i++) {
  105. 		splitListItems = fullList[i].split("|");
  106. 		splitActions[i] = splitListItems[4].split(",");
  107. 		
  108. 		storedListNames[i] = splitListItems[0];
  109. 		storedUsernames[i] = splitListItems[1].split(",");
  110. 		storedHighlightColours[i] = splitListItems[2];
  111. 		storedHighlightTextColours[i] = splitListItems[3];
  112. 		// These look kinda funky, but I'm trading in the stored "true" and "false" strings for actual booleans.
  113. 		storedActionHighlightTopic[i] = (splitActions[i][0] == "true");
  114. 		storedActionIgnoreTopic[i] = (splitActions[i][1] == "true");
  115. 		storedActionHighlightPost[i] = (splitActions[i][2] == "true");
  116. 		storedActionIgnorePost[i] = (splitActions[i][3] == "true");
  117. 		storedActionTagTopic[i] = (splitActions[i][4] == "true");
  118. 		storedActionTagPost[i] = (splitActions[i][5] == "true");
  119. 		storedActionHighlightTopicContent[i] = (splitActions[i][6] == "true");
  120. 		storedActionIgnoreTopicContent[i] = (splitActions[i][7] == "true");
  121. 		storedActionHighlightPostContent[i] = (splitActions[i][8] == "true");
  122. 		storedActionIgnorePostContent[i] = (splitActions[i][9] == "true");
  123. 		storedActionAllowStacking[i] = (splitActions[i][10] == "true");
  124. 		storedActionHighlightAdmin[i] = (splitActions[i][11] == "true");
  125. 		storedActionHighlightMod[i] = (splitActions[i][12] == "true");
  126. 		storedActionHighlightVIP[i] = (splitActions[i][13] == "true");
  127. 		storedActionHighlightTC[i] = (splitActions[i][14] == "true");
  128. 	}
  129. 	
  130. 	storedUseColouredCustomCSSSetting = GM_getValue("useColouredCustomCSS");
  131. }
  132.  
  133. if (compareVersion("0.8.0")) {
  134. 	GM_deleteValue("useChromeSettings");
  135. }
  136. if (compareVersion("0.9.0")) {
  137. 	GM_deleteValue("respectTags");
  138. }
  139.  
  140. getSettings();
  141.  
  142. GM_setValue("version","1.1.1");
  143.  
  144. // The settings page save button and right click menu prime the data for storage first, then recall this function with a new origin to actually store it.
  145. function saveSettings (origin,username,listIndex,addOrRemove) {
  146. 	var smashedUsernames;
  147. 	var smashedActions;
  148. 	var smashedFullList = new Array();
  149. 	var smashedAllOfTheThings = new Array();
  150. 	
  151. 	if (origin == "import") {
  152. 		var importField = document.getElementById("exportImportField");
  153. 		var importString = importField.value;
  154. 		
  155. 		GM_setValue("Main Settings",importString);
  156. 		GM_setValue("numberOfLists",importString.split("^").length);
  157. 	}
  158. 	
  159. 	if (origin == "internal") {
  160. 		for (var i = 0; i < storedNumberOfLists; i++) {
  161. 			smashedUsernames = storedUsernames[i].join(",");
  162. 			smashedActions = storedActionHighlightTopic[i]+","+storedActionIgnoreTopic[i]+","+storedActionHighlightPost[i]+","+storedActionIgnorePost[i]+","+storedActionTagTopic[i]+","+storedActionTagPost[i]+","+storedActionHighlightTopicContent[i]+","+storedActionIgnoreTopicContent[i]+","+storedActionHighlightPostContent[i]+","+storedActionIgnoreTopicContent[i]+","+storedActionAllowStacking[i]+","+storedActionHighlightAdmin[i]+","+storedActionHighlightMod[i]+","+storedActionHighlightVIP[i]+","+storedActionHighlightTC[i];
  163. 			smashedFullList[i] = storedListNames[i]+"|"+smashedUsernames+"|"+storedHighlightColours[i]+"|"+storedHighlightTextColours[i]+"|"+smashedActions;
  164. 		}
  165. 		smashedAllOfTheThings = smashedFullList.join("^");
  166. 		GM_setValue("Main Settings",smashedAllOfTheThings);
  167. 		
  168. 		var importField = document.getElementById("exportImportField");
  169. 		if (importField){
  170. 			importField.setAttribute('value',smashedAllOfTheThings);
  171. 		}
  172. 	}
  173. 	
  174. 	if (origin == "rightclickmenu") {
  175. 		if (addOrRemove == "add") {
  176. 			storedUsernames[listIndex][storedUsernames[listIndex].length] = username;
  177. 			
  178. 		}
  179. 		if (addOrRemove == "remove") {
  180. 			storedUsernames[listIndex].splice(storedUsernames[listIndex].indexOf(username),1);
  181. 		}
  182. 		saveSettings("internal");
  183. 	}
  184. 	
  185. 	if (origin == "settingspage") {
  186. 		var lists = document.evaluate('//div', document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
  187. 		var actionLists = document.evaluate('//input[@type="checkbox"]', document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
  188. 		
  189. 		var realLists = 0;
  190. 		for (var i = 0; i < lists.snapshotLength; i++) {
  191. 			if (lists.snapshotItem(i).getAttribute("class") !== "container") {
  192. 				continue; // Fuck you, Chrome >_>
  193. 			}
  194. 			storedListNames[realLists] = lists.snapshotItem(i).getElementsByClassName("listnameFields")[0].value;
  195. 			storedHighlightColours[realLists] = lists.snapshotItem(i).getElementsByClassName("colourFields")[0].value;
  196. 			storedHighlightTextColours[realLists] = lists.snapshotItem(i).getElementsByClassName("textColourFields")[0].value;
  197. 			storedUsernames[realLists] = lists.snapshotItem(i).getElementsByClassName("usernameFields")[0].value.replace(/, /g,",").split(",");
  198. 			storedActionHighlightTopic[realLists] = actionLists.snapshotItem(realLists*15).checked;
  199. 			storedActionIgnoreTopic[realLists] = actionLists.snapshotItem(realLists*15+1).checked;
  200. 			storedActionHighlightPost[realLists] = actionLists.snapshotItem(realLists*15+2).checked;
  201. 			storedActionIgnorePost[realLists] = actionLists.snapshotItem(realLists*15+3).checked;
  202. 			storedActionTagTopic[realLists] = actionLists.snapshotItem(realLists*15+4).checked;
  203. 			storedActionTagPost[realLists] = actionLists.snapshotItem(realLists*15+5).checked;
  204. 			storedActionHighlightTopicContent[realLists] = actionLists.snapshotItem(realLists*15+6).checked;
  205. 			storedActionIgnoreTopicContent[realLists] = actionLists.snapshotItem(realLists*15+7).checked;
  206. 			storedActionHighlightPostContent[realLists] = actionLists.snapshotItem(realLists*15+8).checked;
  207. 			storedActionIgnorePostContent[realLists] = actionLists.snapshotItem(realLists*15+9).checked;
  208. 			storedActionAllowStacking[realLists] = actionLists.snapshotItem(realLists*15+10).checked;
  209. 			storedActionHighlightAdmin[realLists] = actionLists.snapshotItem(realLists*15+11).checked;
  210. 			storedActionHighlightMod[realLists] = actionLists.snapshotItem(realLists*15+12).checked;
  211. 			storedActionHighlightVIP[realLists] = actionLists.snapshotItem(realLists*15+13).checked;
  212. 			storedActionHighlightTC[realLists] = actionLists.snapshotItem(realLists*15+14).checked;
  213. 			
  214. 			realLists++;
  215. 		}
  216. 		
  217. 		GM_setValue("numberOfLists",realLists);
  218. 		
  219. 		// Straggler settings not part of a loop
  220. 		GM_setValue("useColouredCustomCSS",document.getElementById("customCSSToggle").checked);
  221. 		
  222. 		saveSettings("internal");
  223. 	}
  224. }
  225.  
  226. // Always returns in rgba, prefilling an alpha of '1' if none was present.
  227. // Accepts #RRGGBB, rgba(r,g,b,a), or rgb(r,g,b).
  228. function decimalColour (colour, returnAs) {
  229. 	// The usual #RRGGBB you expect to deal with from user input.
  230. 	if (colour.substring(0,1) == "#") {
  231. 		if (returnAs === "style") {
  232. 			return ("rgba("+parseInt(colour.substring(1,3),16)+","+parseInt(colour.substring(3,5),16)+","+parseInt(colour.substring(5,7),16)+",1)");
  233. 		} else if (returnAs === "testvalue") {
  234. 			return true;
  235. 		} else {
  236. 			return [parseInt(colour.substring(1,3),16),parseInt(colour.substring(3,5),16),parseInt(colour.substring(5,7),16),1];
  237. 		}
  238. 	} else {
  239. 		// And now for when rgba(r,g,b,a) and rgb(r,g,b) decide to show up, like when pulling the colour directly out of the DOM. >_>
  240. 		if (colour.substring(0,4) == "rgba") {
  241. 			var numbersOnly = colour.substring(5,colour.length-1).replace(/, /g,",").split(",");
  242. 			if (returnAs === "style") {
  243. 				return ("rgba("+numbersOnly[0]+","+numbersOnly[1]+","+numbersOnly[2]+","+numbersOnly[3]+")");
  244. 			} else if (returnAs === "testvalue") {
  245. 				return true;
  246. 			} else {
  247. 				return numbersOnly;
  248. 			}
  249. 		} else if (colour.substring(0,4) == "rgb(") {
  250. 			var numbersOnly = colour.substring(4,colour.length-1).replace(/, /g,",").split(",");
  251. 			if (returnAs === "style") {
  252. 				return ("rgba("+numbersOnly[0]+","+numbersOnly[1]+","+numbersOnly[2]+",1)");
  253. 			} else if (returnAs === "testvalue") {
  254. 				return true;
  255. 			} else {
  256. 				numbersOnly[3] = 1;
  257. 				return numbersOnly;
  258. 			}
  259. 		} else if (returnAs === "testvalue") {
  260. 			return false;
  261. 		}
  262. 	}
  263. }
  264.  
  265. function isPage (mode,pageType) {
  266. 	if (mode == "archived") {
  267. 		if (pageType == "archivedmessagelist" || pageType == "archivedleftmessagelist" || pageType == "archivedleftnumberedmessagelist") {
  268. 			return true;
  269. 		} else {
  270. 			return false;
  271. 		}
  272. 	}
  273. 	if (mode == "left") {
  274. 		if (pageType == "leftmessagelist" || pageType == "leftnumberedmessagelist" || pageType == "archivedleftmessagelist" || pageType == "archivedleftnumberedmessagelist") {
  275. 			return true;
  276. 		} else {
  277. 			return false;
  278. 		}
  279. 	}
  280. }
  281.  
  282. function autoContrast (pageType,colour,usernameNode) {
  283. 	var backgroundColour = decimalColour(colour);
  284. 	
  285. 	if (!decimalColour(colour,"testvalue")) {
  286. 		return false;
  287. 	}
  288. 	
  289. 	if (!isPage("archived",pageType)) {
  290. 		switch (theme) {
  291. 			case "red": var themeColour = decimalColour("#7E2525"); break;
  292. 			case "green": var themeColour = decimalColour("#669E2E"); break;
  293. 			case "orange": var themeColour = decimalColour("#834121"); break;
  294. 			case "purple": var themeColour = decimalColour("#330066"); break;
  295. 			case "cloudy": var themeColour = decimalColour("#192457"); break;
  296. 			case "sepia": var themeColour = decimalColour("#6C4013"); break;
  297. 			case "dark-blue": var themeColour = decimalColour("#A1AFF7"); break;
  298. 			case "dark-red": var themeColour = decimalColour("#F9B8B8"); break;
  299. 			case "dark-green": var themeColour = decimalColour("#CCF7A1"); break;
  300. 			case "dark-orange": var themeColour = decimalColour("#FFCCB3"); break;
  301. 			case "dark-purple": var themeColour = decimalColour("#E5CCFF"); break;
  302. 			case "grayscale": var themeColour = decimalColour("#404040"); break;
  303. 			case "cottoncandy": var themeColour = decimalColour("#FF0000"); break;
  304. 			default: var themeColour = decimalColour("#3449B2");
  305. 		}
  306. 	} else {
  307. 		switch (theme) {
  308. 			case "red": var themeColour = decimalColour("#0B0C0E"); break;
  309. 			case "green": var themeColour = decimalColour("#0B0C0E"); break;
  310. 			case "orange": var themeColour = decimalColour("#0B0C0E"); break;
  311. 			case "purple": var themeColour = decimalColour("#0B0C0E"); break;
  312. 			case "cloudy": var themeColour = decimalColour("#0B0C0E"); break;
  313. 			case "sepia": var themeColour = decimalColour("#160D04"); break;
  314. 			case "dark-blue": var themeColour = decimalColour("#F1F1F4"); break;
  315. 			case "dark-red": var themeColour = decimalColour("#F4F1F1"); break;
  316. 			case "dark-green": var themeColour = decimalColour("#F4F1F1"); break;
  317. 			case "dark-orange": var themeColour = decimalColour("#F4F1F1"); break;
  318. 			case "dark-purple": var themeColour = decimalColour("#F4F1F1"); break;
  319. 			case "grayscale": var themeColour = decimalColour("#0D0D0D"); break;
  320. 			case "cottoncandy": var themeColour = decimalColour("#0B0C0E"); break;
  321. 			default: var themeColour = decimalColour("#0B0C0E");
  322. 		}
  323. 	}
  324. 	
  325. 	if (storedUseColouredCustomCSSSetting == true) {
  326. 		themeColour = decimalColour(window.getComputedStyle(usernameNode).getPropertyValue("color"));
  327. 	}
  328. 	
  329. 	// http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html
  330. 	// http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
  331. 	var lumiCustom = (0.2126*backgroundColour[0] + 0.7152*backgroundColour[1] + 0.0722*backgroundColour[2])/256;
  332. 	var lumiDefault =(0.2126*themeColour[0] + 0.7152*themeColour[1] + 0.0722*themeColour[2])/256;
  333. 	
  334. 	if (lumiCustom >= lumiDefault) {
  335. 		var contrastRatio = (lumiCustom + 0.05) / (lumiDefault + 0.05);
  336. 	} else {
  337. 		var contrastRatio = (lumiDefault + 0.05) / (lumiCustom + 0.05);
  338. 	}
  339. 	
  340. 	// If the contrast is awful, we need to replace the text colour.
  341. 	var themeBrightness = ((themeColour[0]*299) + (themeColour[1]*587) + (themeColour[2]*114)) / 255000;
  342. 	
  343. 	if ((contrastRatio <= 3.5) || ((contrastRatio > 3.5) && (lumiCustom <= 0.03) && (themeBrightness <= 0.5))) {
  344. 		// http://stackoverflow.com/a/9664560
  345. 		var brightness = ((backgroundColour[0]*299) + (backgroundColour[1]*587) + (backgroundColour[2]*114)) / 255000;
  346. 		// First return is "do we even need to attach styles to text?", second is link colour, and third is plain text.
  347. 		// I make links "brighter" than the plain text it's next to using the alpha channel.
  348. 		if (brightness >= 0.5) {
  349. 			return([true,"rgba(0,0,0,0.8)","rgba(0,0,0,1)","gamecats-autocontrast-black"]);
  350. 		} else {
  351. 			return([true,"rgba(256,256,256,1)","rgba(256,256,256,0.8)","gamecats-autocontrast-white"]);
  352. 		}
  353. 	} else {
  354. 		return([false]);
  355. 	}
  356. }
  357.  
  358. function textHighlight (pageType,tr,usernameNode,colour,textColour,currentStyles) {	
  359. 	// Don't do anything if the field was left blank.
  360. 	if (textColour !== "") {
  361. 		var plainTextColour = textColour;
  362. 		var trLinks = tr.getElementsByTagName("a");
  363. 		var catchResults = new Array();
  364. 		
  365. 		// Check for auto and break out early if we decide we don't need it.
  366. 		if (textColour == "auto" || textColour == "automatic" || textColour == "automagic" ) {
  367. 			catchResults = autoContrast(pageType,colour,usernameNode);
  368. 				if (catchResults[0]) {
  369. 					textColour = catchResults[1];
  370. 					plainTextColour = catchResults[2];
  371. 				} else {
  372. 					return(false);
  373. 				}
  374. 		}
  375. 		
  376. 		if (isPage("left",pageType)) {
  377. 			tr.setAttribute("class",(tr.getAttribute("class")||"")+" gamecats-text gamecats-text-td "+(catchResults[3]||""));
  378. 		} else {
  379. 			tr.setAttribute("class",(tr.getAttribute("class")||"")+" gamecats-text gamecats-text-tr "+(catchResults[3]||""));
  380. 		}
  381. 		
  382. 		// If people are stacking styles, we need to replace text colours without blowing up the existing CSS.
  383. 		var isStyled = false;
  384. 		for (var i = 0; i < currentStyles.length; i++) {
  385. 			if (currentStyles[i].indexOf(" color:") != -1) {
  386. 				isStyled = true;
  387. 				currentStyles[i] = " color:"+plainTextColour+";";
  388. 				tr.setAttribute("style",currentStyles.join(";"));
  389. 				break;
  390. 			}
  391. 		}
  392. 		// And if there was no text colour already, just toss one on at the end.
  393. 		if (!isStyled) {
  394. 			tr.setAttribute("style",(tr.getAttribute("style")||"")+" color:"+plainTextColour+";");
  395. 		}
  396. 		
  397. 		for (var i = 0; i < trLinks.length; i++) {
  398. 			trLinks[i].setAttribute("class",(trLinks[i].getAttribute("class")||"")+" gamecats-text gamecats-text-a "+(catchResults[3]||""));
  399. 			trLinks[i].setAttribute("style","color:"+textColour+";");
  400. 		}
  401. 	}
  402. }
  403.  
  404. function highlight (mode,pageType,usernameNode,listName,colour,textColour,topicHighlight,topicIgnore,messageHighlight,messageIgnore,topicListName,messageListName,topicContentHighlight,topicContentIgnore,postContentHighlight,postContentIgnore,allowStacking) {
  405. 	if (decimalColour(colour,"testvalue")) {
  406. 		var appendType = "background-color:";
  407. 	} else {
  408. 		var appendType = "background-image:";
  409. 	}
  410. 	
  411. 	if (pageType == "topiclist") {
  412. 		var tr = usernameNode.parentNode.parentNode;
  413. 		if (usernameNode.parentNode.nodeName == "SPAN") { // Stickies don't have spans
  414. 			tr = tr.parentNode;
  415. 		}
  416. 		var td = tr.childNodes;
  417. 		
  418. 		if (((tr.getAttribute("class").indexOf("gamecats-highlight") == -1) || (allowStacking)) && ((topicHighlight && !topicIgnore) || (mode == "contentMatch" && topicContentHighlight && !topicContentIgnore))) {
  419. 			var currentStyles = (tr.getAttribute("style")||"").split(";");
  420. 			var isStyled = false;
  421. 			
  422. 			if (allowStacking) {
  423. 				for (var i = 0; i < currentStyles.length; i++) {
  424. 					if (currentStyles[i].indexOf(appendType) != -1) {
  425. 						isStyled = true;
  426. 						currentStyles[i] = appendType+colour+", "+currentStyles[i].substring(17);
  427. 						tr.setAttribute("style",currentStyles.join(";"));
  428. 						break;
  429. 					}
  430. 				}
  431. 			}
  432. 			if (!isStyled) {
  433. 				tr.setAttribute("style",(tr.getAttribute("style")||"")+appendType+colour+";");
  434. 			}
  435. 			tr.setAttribute("class",(tr.getAttribute("class")||"")+" friend gamecats-highlight gamecats-highlight-topic-tr")
  436. 			textHighlight(pageType,tr,usernameNode,colour,textColour,currentStyles);
  437. 			for (var i = 0; i < td.length; i++) {
  438. 				td[i].setAttribute("style","background-color: transparent; background-image: none;");
  439. 				td[i].setAttribute("class",(td[i].getAttribute("class")||"")+" friend gamecats-highlight gamecats-highlight-topic-td")
  440. 			}
  441. 		}
  442. 		
  443. 		if (topicListName) {
  444. 			if (usernameNode.parentNode.nodeName == "SPAN") { // Stickies don't have spans
  445. 				var existingList = usernameNode.parentNode.nextSibling;
  446. 				if (existingList) {
  447. 					existingList.textContent = " ("+listName+")"+existingList.textContent;
  448. 				} else {
  449. 					var newList = usernameNode.parentNode.parentNode.appendChild(document.createTextNode(" ("+listName+")"));
  450. 				}
  451. 			} else {
  452. 				var existingList = usernameNode.nextSibling;
  453. 				if (existingList) {
  454. 					existingList.textContent = " ("+listName+")"+existingList.textContent;
  455. 				} else {
  456. 					var newList = usernameNode.parentNode.appendChild(document.createTextNode(" ("+listName+")"));
  457. 				}
  458. 			}
  459.  
  460. 		}
  461. 		
  462. 		if (((mode == "usernameMatch" || mode == "tagMatch") && topicIgnore) || (mode == "contentMatch" && topicContentIgnore)) {
  463. 			tr.parentNode.removeChild(tr);
  464. 		}
  465. 	}
  466. 		
  467. 	if (pageType == "messagelist" || pageType == "archivedmessagelist" || pageType == "leftmessagelist" || pageType == "archivedleftmessagelist" || pageType == "leftnumberedmessagelist" || pageType == "archivedleftnumberedmessagelist") {
  468. 		var tr = usernameNode.parentNode.parentNode;
  469. 		// Archived topics have no <a> tags on usernames, so we need to go up more on the tree when it's a normal topic.
  470. 		if (pageType == "messagelist" || pageType == "leftmessagelist" || pageType == "leftnumberedmessagelist") {
  471. 			tr = tr.parentNode.parentNode;
  472. 		}
  473. 		// Because spans and weirdness
  474. 		if (pageType == "archivedmessagelist" || pageType == "leftmessagelist" || pageType == "archivedleftmessagelist" ) {
  475. 			tr = tr.parentNode;
  476. 		}
  477. 		
  478. 		var td = tr.childNodes[0];
  479. 		
  480. 		if (((tr.getAttribute("class").indexOf("gamecats-highlight") == -1) || (allowStacking)) && ((messageHighlight && !messageIgnore) || (mode == "contentMatch" && postContentHighlight && !postContentIgnore))) {
  481. 			if (isPage("left",pageType)) {
  482. 				var currentStyles = (tr.getAttribute("style")||"").split(";");
  483. 				
  484. 				if (allowStacking) {
  485. 					for (var i = 0; i < currentStyles.length; i++) {
  486. 						if (currentStyles[i].indexOf(appendType) != -1) {
  487. 							isStyled = true;
  488. 							currentStyles[i] = appendType+colour+", "+currentStyles[i].substring(17);
  489. 							tr.setAttribute("style",currentStyles.join(";"));
  490. 							break;
  491. 						}
  492. 					}
  493. 				}
  494. 				
  495. 				if (!isStyled) {
  496. 					tr.setAttribute("style",(tr.getAttribute("style")||"")+appendType+colour+";");
  497. 				}
  498. 				tr.setAttribute("class",(tr.getAttribute("class")||"")+" friend gamecats-highlight gamecats-highlight-message-td");
  499. 			}
  500. 			if (!isPage("left",pageType)) {
  501. 				var currentStyles = (td.getAttribute("style")||"").split(";");
  502. 				
  503. 				if (allowStacking) {
  504. 					for (var i = 0; i < currentStyles.length; i++) {
  505. 						if (currentStyles[i].indexOf(appendType) != -1) {
  506. 							isStyled = true;
  507. 							currentStyles[i] = appendType+colour+", "+currentStyles[i].substring(17);
  508. 							td.setAttribute("style",currentStyles.join(";"));
  509. 							break;
  510. 						}
  511. 					}
  512. 				}
  513. 				
  514. 				if (!isStyled) {
  515. 					td.setAttribute("style",(td.getAttribute("style")||"")+appendType+colour+";");
  516. 				}
  517. 				tr.setAttribute("class",(tr.getAttribute("class")||"")+" friend gamecats-highlight gamecats-highlight-message-tr");
  518. 				td.setAttribute("class",(td.getAttribute("class")||"")+" friend gamecats-highlight gamecats-highlight-message-td");
  519. 				
  520. 			}
  521. 			textHighlight(pageType,tr,usernameNode,colour,textColour,currentStyles);
  522. 		}
  523. 		
  524. 		// Adding group names
  525. 		if (messageListName && !isPage("left",pageType)) {
  526. 			var existingList = usernameNode.parentNode.nextSibling;
  527. 			if (existingList && !isPage("archived",pageType)) {
  528. 				existingList.textContent = " ("+listName+")"+existingList.textContent;
  529. 			} else {
  530. 				usernameNode.nextSibling.textContent = " ("+listName+")"+usernameNode.nextSibling.textContent;
  531. 			}
  532. 		}
  533. 		if (messageListName && isPage("left",pageType)) {
  534. 			var usernameSpan = usernameNode;
  535. 			if (pageType !== "archivedleftnumberedmessagelist") {
  536. 				while (usernameSpan.nodeName != "SPAN") {
  537. 					usernameSpan = usernameSpan.parentNode;
  538. 				}
  539. 				var newTagSpan = usernameSpan.parentNode.insertBefore(document.createElement("span"),usernameSpan.nextSibling);
  540. 				newTagSpan.textContent = "("+listName+")";
  541. 				newTagSpan.setAttribute("class","author_data");
  542. 			} else { // because this one page type just haaas to be different. :p
  543. 				var newTagSpan = usernameSpan.parentNode.insertBefore(document.createElement("span"),usernameSpan.nextSibling);
  544. 				newTagSpan.textContent = "("+listName+")";
  545. 				newTagSpan.setAttribute("class","author_data");
  546. 			}
  547. 		}
  548. 		
  549. 		
  550. 		if (((mode == "usernameMatch" || mode == "tagMatch") && messageIgnore) || (mode == "contentMatch" && postContentIgnore)) {
  551. 			tr.parentNode.removeChild(tr.nextSibling);
  552. 			tr.parentNode.removeChild(tr);
  553. 		}
  554. 	}
  555. }
  556.  
  557. // Topic lists
  558. var pageType;
  559. var authorTDs;
  560. var titlePostContent;
  561. var userTagsContent;
  562. var topicList = document.evaluate('//table[@class="board topics tlist"]', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
  563. if (topicList !== null) {
  564. 	authorTDs = document.evaluate('//td[contains(@class,"tauthor")]//a', document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
  565. 	pageType = "topiclist";
  566. }
  567.  
  568. var messageList = document.evaluate('//table[@class="board message"]', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
  569. if (messageList !== null) {
  570. 	authorTDs = document.evaluate('//tr[contains(@class,"top") and not(contains(@class,"topmsg"))]//b', document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
  571. 	pageType = "messagelist";
  572. 	
  573. 	if (authorTDs.snapshotItem(0).parentNode.nodeName !== "A") {
  574. 		pageType = "archivedmessagelist";
  575. 	} 
  576. }
  577.  
  578. var leftMessageList = document.evaluate('//table[@class="board message msg"]', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
  579. if (leftMessageList !== null) {
  580. 	authorTDs = document.evaluate('//tr[contains(@class,"msg left")]//td[contains(@class,"author")]//b', document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
  581. 	pageType = "leftmessagelist";
  582. 	if (authorTDs.snapshotItem(0).parentNode.parentNode.parentNode.nodeName !== "SPAN") {
  583. 		pageType = "leftnumberedmessagelist";
  584. 	}
  585. 	if (authorTDs.snapshotItem(0).parentNode.nodeName !== "A") {
  586. 		pageType = "archivedleftmessagelist";
  587. 		if (authorTDs.snapshotItem(0).parentNode.nodeName !== "SPAN") {
  588. 			pageType = "archivedleftnumberedmessagelist";
  589. 		}
  590. 	}
  591. }
  592.  
  593. if (topicList !== null || messageList !== null || leftMessageList !== null) {
  594. 	for (var k = 0; k < authorTDs.snapshotLength; k++) {
  595. 	
  596. 		authorTDs.snapshotItem(k).isAdmin = false;
  597. 		authorTDs.snapshotItem(k).isMod = false;
  598. 		authorTDs.snapshotItem(k).isVIP = false;
  599. 		authorTDs.snapshotItem(k).isTC = false;
  600. 		
  601. 		// Content highlight setup
  602. 		titlePostContent = authorTDs.snapshotItem(k).parentNode;
  603. 		while (titlePostContent.nodeName != "TR") {
  604. 			titlePostContent = titlePostContent.parentNode;
  605. 		}
  606. 		if (pageType == "topiclist") {
  607. 			titlePostContent = titlePostContent.getElementsByTagName("td")[1].textContent;
  608. 		} else {
  609. 			if (isPage("left",pageType)) {
  610. 				titlePostContent = titlePostContent.childNodes[0];
  611. 			}
  612. 			titlePostContent = titlePostContent.nextSibling.textContent;
  613. 		}
  614. 		
  615. 		// Tag highlight setup
  616. 		userTagsContent = authorTDs.snapshotItem(k).parentNode;
  617. 		if (pageType != "topiclist") {
  618. 			while (userTagsContent.nodeName != "DIV") {
  619. 				userTagsContent = userTagsContent.parentNode;
  620. 			}
  621. 			// Make sure we don't forget the first post in a topic, since it doesn't get the (Topic Creator) tag
  622. 			if ((k == 0) || (k == authorTDs.snapshotLength-1)) {
  623. 				var anchors = userTagsContent.getElementsByTagName("a");
  624. 				for (var i = 0; i < anchors.length; i++) {
  625. 					if (anchors[i].getAttribute("name") == "1") {
  626. 						authorTDs.snapshotItem(k).isTC = true;
  627. 					}
  628. 				}
  629. 			}
  630. 			userTagsContent = userTagsContent.textContent;
  631. 		} else {
  632. 			while (userTagsContent.nodeName != "TD") {
  633. 				userTagsContent = userTagsContent.parentNode;
  634. 			}
  635. 			if (userTagsContent.childNodes[1]) {
  636. 				userTagsContent = userTagsContent.childNodes[1].textContent;
  637. 			}
  638. 		}
  639. 		if (typeof userTagsContent == "string") {
  640. 			if ((userTagsContent.indexOf("(A)") != -1) || (userTagsContent.indexOf("(Admin)") != -1)) {
  641. 				authorTDs.snapshotItem(k).isAdmin = true;
  642. 			}
  643. 			if ((userTagsContent.indexOf("(M)") != -1) || (userTagsContent.indexOf("(Moderator)") != -1)) {
  644. 				authorTDs.snapshotItem(k).isMod = true;
  645. 			}
  646. 			if ((userTagsContent.indexOf("(V)") != -1) || (userTagsContent.indexOf("(VIP)") != -1)) { // Not sure if these are the right strings to be looking for, haven't found a VIP to compare against.
  647. 				authorTDs.snapshotItem(k).isVIP = true;
  648. 			}
  649. 			if (userTagsContent.indexOf("(Topic Creator)") != -1) {
  650. 				authorTDs.snapshotItem(k).isTC = true;
  651. 			}
  652. 		}
  653. 		
  654. 		// Normal stuff
  655. 		for (var i = 0; i < storedNumberOfLists; i++) {
  656. 			for (var j = 0; j < storedUsernames[i].length; j++) {
  657. 				// Standard username match check
  658. 				if (authorTDs.snapshotItem(k).textContent == storedUsernames[i][j]) {
  659. 					highlight("usernameMatch",pageType,authorTDs.snapshotItem(k),storedListNames[i],storedHighlightColours[i],storedHighlightTextColours[i],storedActionHighlightTopic[i], storedActionIgnoreTopic[i], storedActionHighlightPost[i], storedActionIgnorePost[i], storedActionTagTopic[i], storedActionTagPost[i], storedActionHighlightTopicContent[i], storedActionIgnoreTopicContent[i], storedActionHighlightPostContent[i], storedActionIgnorePostContent[i], storedActionAllowStacking[i]);
  660. 				}
  661. 				// Content-based highlighting check
  662. 				if ((pageType == "topiclist" && (storedActionHighlightTopicContent[i] || storedActionIgnoreTopicContent[i])) || (pageType != "topiclist" && (storedActionHighlightPostContent[i] || storedActionIgnorePostContent[i]))) {
  663. 					if (titlePostContent.indexOf(storedUsernames[i][j]) != -1) {
  664. 						highlight("contentMatch",pageType,authorTDs.snapshotItem(k),storedListNames[i],storedHighlightColours[i],storedHighlightTextColours[i],storedActionHighlightTopic[i], storedActionIgnoreTopic[i], storedActionHighlightPost[i], storedActionIgnorePost[i], storedActionTagTopic[i], storedActionTagPost[i], storedActionHighlightTopicContent[i], storedActionIgnoreTopicContent[i], storedActionHighlightPostContent[i], storedActionIgnorePostContent[i], storedActionAllowStacking[i]);
  665. 					}
  666. 				}
  667. 				// Tag checks, admin, tc, etc.				
  668. 				if ((storedActionHighlightAdmin[i] && authorTDs.snapshotItem(k).isAdmin) || (storedActionHighlightMod[i] && authorTDs.snapshotItem(k).isMod) || (storedActionHighlightVIP[i] && authorTDs.snapshotItem(k).isVIP) || (storedActionHighlightTC[i] && authorTDs.snapshotItem(k).isTC)) {
  669. 					highlight("tagMatch",pageType,authorTDs.snapshotItem(k),storedListNames[i],storedHighlightColours[i],storedHighlightTextColours[i],storedActionHighlightTopic[i], storedActionIgnoreTopic[i], storedActionHighlightPost[i], storedActionIgnorePost[i], storedActionTagTopic[i], storedActionTagPost[i], storedActionHighlightTopicContent[i], storedActionIgnoreTopicContent[i], storedActionHighlightPostContent[i], storedActionIgnorePostContent[i], storedActionAllowStacking[i]);
  670. 				}
  671. 				// Setting up for the right click menu
  672. 				authorTDs.snapshotItem(k).setAttribute("contextmenu", "gamecats-menu");
  673. 				authorTDs.snapshotItem(k).addEventListener("contextmenu", readyMenu, false);
  674. 			}
  675. 		}
  676. 	}
  677. }
  678.  
  679. /*******************\ 
  680. * Right click menu! *
  681. \*******************/
  682.  
  683. function readyMenu (rightClick) {
  684. 	// Killing old menu entries so the list doesn't pile up or refuse to refresh with new content
  685. 	var oldMenu = document.getElementById("gamecats-menu");
  686. 	if (oldMenu) {
  687. 		oldMenu.parentNode.removeChild(oldMenu);
  688. 	}
  689. 	
  690. 	var mainMenu = document.body.appendChild(document.createElement("menu"));
  691. 	var mainMenuLabel = mainMenu.appendChild(document.createElement("menu"));
  692. 	mainMenu.setAttribute("id","gamecats-menu");
  693. 	mainMenu.setAttribute("type","context");
  694. 	mainMenuLabel.setAttribute("label","GameCATs Highlighting");
  695. 	
  696. 	var node = rightClick.target;
  697. 	var clickedUsername = node.textContent;
  698. 	var menuItems = new Array();
  699. 	for (var i = 0; i < storedNumberOfLists; i++) {
  700. 		menuItems[i] = document.createElement("menuitem");
  701. 		menuItems[i].setAttribute("label",storedListNames[i]);
  702. 		menuItems[i].setAttribute("type","checkbox");
  703. 		menuItems[i].setAttribute("value",i);
  704. 		mainMenuLabel.appendChild(menuItems[i]);
  705. 		
  706. 		// Check the box if already listed, and use the "remove" option
  707. 		if (storedUsernames[i].indexOf(clickedUsername) != -1) {
  708. 			menuItems[i].setAttribute("checked","true");
  709. 			menuItems[i].addEventListener("click", function() {saveSettings("rightclickmenu",clickedUsername,this.getAttribute("value"),"remove");}, false);
  710. 		} else {
  711. 			menuItems[i].addEventListener("click", function() {saveSettings("rightclickmenu",clickedUsername,this.getAttribute("value"),"add");}, false);
  712. 		}
  713. 	}
  714. }
  715.  
  716. /*********************************\ 
  717. * Time to create a settings page! *
  718. \*********************************/
  719.  
  720. function createSettingsPage () {
  721. 	
  722. 	// Styyyyyle!
  723. 	var style = document.createElement("style");
  724. 	style.textContent = '.container { clear:both; } .priorityButtons, .deleteButtons { display: block; } .usernameFields { height: 160px; width: 447px; } span {float: left;} span:nth-child(2) {clear: left;} label.actionLabels:nth-child(2):after {content: "Highlight/Ignore in Topic List\\00000A"; white-space: pre;} label.actionLabels:nth-child(4):after {content: "Highlight/Ignore in Message List\\00000A"; white-space: pre;} label.actionLabels:nth-child(6):after {content: "Add group name in Topic/Message List\\00000A"; white-space: pre;} label.actionLabels:nth-child(8):after {content: "Highlight/Ignore content in Topic List\\00000A"; white-space: pre;} label.actionLabels:nth-child(10):after {content: "Highlight/Ignore content in Message List\\00000A"; white-space: pre;} label.actionLabels:nth-child(11):after {content: "Allow stacking\\00000A"; white-space: pre;} label.actionLabels:nth-child(15):after {content: "Target Admins/Mods/VIPs/TCs\\00000A"; white-space: pre;} label.respectToggle, label.customCSSToggle { clear:both; display: block;} label.customCSSToggle:after {content: "Using CSS with custom colours";} .exportImportLabel:before {content: "\\00000A Import/Export: "; white-space: pre;}';
  725. 	document.getElementsByTagName("head")[0].appendChild(style);
  726. 	
  727. 	// Creating all the variables I'll need for the upcoming loop.
  728. 	var body = document.getElementsByTagName("body")[0];
  729. 	var container = new Array();
  730. 	var listname = new Array();
  731. 	var listnameFields = new Array();
  732. 	var username = new Array();
  733. 	var usernameFields = new Array();
  734. 	var colour = new Array();
  735. 	var colourFields = new Array();
  736. 	var textColour = new Array();
  737. 	var textColourFields = new Array();
  738. 	var action = new Array();
  739. 	var actionFields = new Array();
  740. 	var labels = new Array();
  741. 	var deleteButtons = new Array();
  742. 	var priorityButtons = new Array();
  743. 	var spans = new Array();
  744. 	
  745. 	// Creating a bunch of input fields for each highlight list.
  746. 	for (var i = 0; i < storedNumberOfLists; i++) {
  747. 		// Wrap each entry in its own div, for easy location of children and deletion.
  748. 		container[i] = document.createElement('div');
  749. 		container[i].setAttribute('id','container'+i);
  750. 		container[i].setAttribute('class','container');
  751. 		body.appendChild(container[i]);
  752. 		// Pairing a few other things in spans for the sake of styling.
  753. 		spans[i,0] = document.createElement('span');
  754. 		spans[i,1] = document.createElement('span');
  755. 		spans[i,2] = document.createElement('span');
  756. 		spans[i,3] = document.createElement('span');
  757. 		container[i].appendChild(spans[i,0]);
  758. 		container[i].appendChild(spans[i,1]);
  759. 		container[i].appendChild(spans[i,2]);
  760. 		container[i].appendChild(spans[i,3]);
  761. 		
  762. 		// List name, for user organizition or if you choose to let the name of said list show next to usernames.
  763. 		listnameFields[i] = document.createElement('input');
  764. 		listnameFields[i].setAttribute('type','text');
  765. 		listnameFields[i].setAttribute('id','listnameFields'+i);
  766. 		listnameFields[i].setAttribute('class','listnameFields');
  767. 		listnameFields[i].setAttribute('placeholder','Group Name');
  768. 		listnameFields[i].setAttribute('value',storedListNames[i]);
  769. 		spans[i,0].appendChild(listnameFields[i]);
  770. 		
  771. 		// The colour to change the background to when a username is matched with one on the list.
  772. 		colourFields[i] = document.createElement('input');
  773. 		colourFields[i].setAttribute('type','text');
  774. 		colourFields[i].setAttribute('id','colourFields'+i);
  775. 		colourFields[i].setAttribute('class','colourFields');
  776. 		colourFields[i].setAttribute('placeholder','Background Colour');
  777. 		colourFields[i].setAttribute('value',storedHighlightColours[i]);
  778. 		spans[i,0].appendChild(colourFields[i]);
  779. 		
  780. 		// The colour to change text to when a username is matched with one on the list.
  781. 		textColourFields[i] = document.createElement('input');
  782. 		textColourFields[i].setAttribute('type','text');
  783. 		textColourFields[i].setAttribute('id','textColourFields'+i);
  784. 		textColourFields[i].setAttribute('class','textColourFields');
  785. 		textColourFields[i].setAttribute('placeholder','Text Colour (optional)');
  786. 		textColourFields[i].setAttribute('value',storedHighlightTextColours[i]);
  787. 		spans[i,0].appendChild(textColourFields[i]);
  788. 		
  789. 		// Username lists.
  790. 		usernameFields[i] = document.createElement('textarea');
  791. 		usernameFields[i].textContent = storedUsernames[i].join(",");
  792. 		usernameFields[i].setAttribute('id','usernameFields'+i);
  793. 		usernameFields[i].setAttribute('class','usernameFields');
  794. 		usernameFields[i].setAttribute('placeholder','Usernames and/or post content to match, case sensitive.');
  795. 		spans[i,1].appendChild(usernameFields[i]);
  796. 		
  797. 		// Actions to perform when we find a match, or special matching conditions
  798. 		for (var j = 0; j < 15; j++) {
  799. 			labels[i*15+j] = document.createElement('label');
  800. 			labels[i*15+j].setAttribute('class','actionLabels');
  801. 			actionFields[i*15+j] = document.createElement('input');
  802. 			actionFields[i*15+j].setAttribute('type','checkbox');
  803. 			actionFields[i*15+j].setAttribute('id','actionFields'+(i*15+j));
  804. 			actionFields[i*15+j].setAttribute('class','actionFields');
  805. 			
  806. 			spans[i,2].appendChild(labels[i*15+j]);
  807. 			labels[i*15+j].appendChild(actionFields[i*15+j]);
  808. 		}
  809. 		// Pre-check the boxes only if the setting is already present.
  810. 		if (storedActionHighlightTopic[i] === true) {
  811. 			actionFields[i*15].setAttribute('checked','');
  812. 		}
  813. 		if (storedActionIgnoreTopic[i] === true) {
  814. 			actionFields[i*15+1].setAttribute('checked','');
  815. 		}
  816. 		if (storedActionHighlightPost[i] === true) {
  817. 			actionFields[i*15+2].setAttribute('checked','');
  818. 		}
  819. 		if (storedActionIgnorePost[i] === true) {
  820. 			actionFields[i*15+3].setAttribute('checked','');
  821. 		}
  822. 		if (storedActionTagTopic[i] === true) {
  823. 			actionFields[i*15+4].setAttribute('checked','');
  824. 		}
  825. 		if (storedActionTagPost[i] === true) {
  826. 			actionFields[i*15+5].setAttribute('checked','');
  827. 		}
  828. 		if (storedActionHighlightTopicContent[i] === true) {
  829. 			actionFields[i*15+6].setAttribute('checked','');
  830. 		}
  831. 		if (storedActionIgnoreTopicContent[i] === true) {
  832. 			actionFields[i*15+7].setAttribute('checked','');
  833. 		}
  834. 		if (storedActionHighlightPostContent[i] === true) {
  835. 			actionFields[i*15+8].setAttribute('checked','');
  836. 		}
  837. 		if (storedActionIgnorePostContent[i] === true) {
  838. 			actionFields[i*15+9].setAttribute('checked','');
  839. 		}
  840. 		if (storedActionAllowStacking[i] === true) {
  841. 			actionFields[i*15+10].setAttribute('checked','');
  842. 		}
  843. 		if (storedActionHighlightAdmin[i] === true) {
  844. 			actionFields[i*15+11].setAttribute('checked','');
  845. 		}
  846. 		if (storedActionHighlightMod[i] === true) {
  847. 			actionFields[i*15+12].setAttribute('checked','');
  848. 		}
  849. 		if (storedActionHighlightVIP[i] === true) {
  850. 			actionFields[i*15+13].setAttribute('checked','');
  851. 		}
  852. 		if (storedActionHighlightTC[i] === true) {
  853. 			actionFields[i*15+14].setAttribute('checked','');
  854. 		}
  855. 		
  856. 		// Priority buttons, to move this div to the top.
  857. 		priorityButtons[i] = document.createElement('input');
  858. 		priorityButtons[i].setAttribute('id','priorityButtons'+i);
  859. 		priorityButtons[i].setAttribute('class','priorityButtons');
  860. 		priorityButtons[i].setAttribute('type','button');
  861. 		priorityButtons[i].setAttribute('value','Send To Top');
  862. 		priorityButtons[i].addEventListener('click',function() {this.parentNode.parentNode.parentNode.insertBefore(this.parentNode.parentNode,this.parentNode.parentNode.parentNode.childNodes[0]);},true);
  863. 		spans[i,3].appendChild(priorityButtons[i]);
  864. 		
  865. 		// Delete buttons, to trash the whole containing div.
  866. 		deleteButtons[i] = document.createElement('input');
  867. 		deleteButtons[i].setAttribute('id','deleteButtons'+i);
  868. 		deleteButtons[i].setAttribute('class','deleteButtons');
  869. 		deleteButtons[i].setAttribute('type','button');
  870. 		deleteButtons[i].setAttribute('value','Delete');
  871. 		deleteButtons[i].addEventListener('click',function() {this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);},true);
  872. 		spans[i,3].appendChild(deleteButtons[i]);
  873. 		
  874. 	}
  875. 	
  876. 	// Done with all the looping junk, now for the ever-important "save settings" and "new list" buttons.
  877. 		
  878. 	function newList() {
  879. 		GM_setValue("numberOfLists",GM_getValue("numberOfLists")+1);
  880. 		GM_setValue("Main Settings",GM_getValue("Main Settings")+"^||||false,false,false,false,false,false,false,false,false,false,false");
  881. 		
  882. 		// The anchor set here gets watched on page load to automatically reopen the settings page.
  883. 		window.location.href = window.location.href.split("#")[0]+"#ReloadHighlightSettings";
  884. 		location.reload();
  885. 	}
  886. 	
  887. 	var customCSSToggle = [document.createElement('label'),document.createElement('input')];
  888. 	customCSSToggle[1].setAttribute('type','checkbox');
  889. 	customCSSToggle[1].setAttribute('id','customCSSToggle');
  890. 	customCSSToggle[0].setAttribute('class','customCSSToggle');
  891. 	customCSSToggle[1].setAttribute('class','customCSSToggle');
  892. 	if (storedUseColouredCustomCSSSetting === true) {
  893. 		customCSSToggle[1].setAttribute('checked','');
  894. 	}
  895. 	body.appendChild(customCSSToggle[0]);
  896. 	customCSSToggle[0].appendChild(customCSSToggle[1]);
  897. 	
  898. 	var newListButton = document.createElement('input');
  899. 	newListButton.setAttribute('id','newListButton');
  900. 	newListButton.setAttribute('class','newListButton');
  901. 	newListButton.setAttribute('type','button');
  902. 	newListButton.setAttribute('value','New Highlighting List');
  903. 	body.appendChild(newListButton);
  904. 	newListButton.addEventListener('click',newList,true);
  905. 	
  906. 	var saveSettingsButton = document.createElement('input');
  907. 	saveSettingsButton.setAttribute('id','saveSettingsButton');
  908. 	saveSettingsButton.setAttribute('class','saveSettingsButton');
  909. 	saveSettingsButton.setAttribute('type','button');
  910. 	saveSettingsButton.setAttribute('value','Save Settings');
  911. 	body.appendChild(saveSettingsButton);
  912. 	saveSettingsButton.addEventListener('click',function() {var here = this;saveSettings("settingspage");here.setAttribute("value","Saved!");setTimeout(function(){here.setAttribute("value","Save Settings")},1000);},true);
  913. 	
  914.  
  915. 	var exitButton = document.createElement('input');
  916. 	exitButton.setAttribute('id','exitButton');
  917. 	exitButton.setAttribute('class','exitButton');
  918. 	exitButton.setAttribute('type','button');
  919. 	exitButton.setAttribute('value','Exit');
  920. 	body.appendChild(exitButton);
  921. 	exitButton.addEventListener('click',function() {window.scrollTo(0,0); window.location.href = window.location.href.split("#")[0];},true);
  922. 	
  923. 	var exportImportLabel = document.createElement('label');
  924. 	exportImportLabel.setAttribute('id','exportImportLabel');
  925. 	exportImportLabel.setAttribute('class','exportImportLabel');
  926. 	var exportImportField = document.createElement('input');
  927. 	exportImportField.setAttribute('id','exportImportField');
  928. 	exportImportField.setAttribute('class','exportImportField');
  929. 	exportImportField.setAttribute('type','text');
  930. 	body.appendChild(exportImportLabel);
  931. 	exportImportLabel.appendChild(exportImportField);
  932. 		
  933. 	var importButton = document.createElement('input');
  934. 	importButton.setAttribute('id','importButton');
  935. 	importButton.setAttribute('class','importButton');
  936. 	importButton.setAttribute('type','button');
  937. 	importButton.setAttribute('value','Import');
  938. 	body.appendChild(importButton);
  939. 	importButton.addEventListener('click',function() {var here = this;saveSettings("import");here.setAttribute("value","Imported!");setTimeout(function(){window.location.href = window.location.href.split("#")[0]+"#ReloadHighlightSettings"; location.reload();},300);},true);
  940. 	
  941. 	if (window.location.href.split("#")[1] == "ReloadHighlightSettings") {
  942. 		window.location.href = window.location.href.split("#")[0]+"#HighlightSettings";
  943. 		window.scrollTo(0,document.body.scrollHeight);
  944. 	}
  945. }
  946.  
  947. function prepSettings () {
  948. 	var gfaqsBody = document.getElementsByTagName("body")[0];
  949. 	var gfaqsHead = document.getElementsByTagName("head")[0];
  950. 	var killMe = gfaqsBody.childNodes;
  951. 	var killMeToo = gfaqsHead.childNodes;
  952. 	for (var i = killMe.length-1; i >= 0; i--) {
  953. 		gfaqsBody.removeChild(killMe[i]);
  954. 	}
  955. 	for (var i = killMeToo.length-1; i >= 0; i--) {
  956. 		gfaqsHead.removeChild(killMeToo[i]);
  957. 	}
  958. 	var title = gfaqsHead.appendChild(document.createElement("title"));
  959. 	title.textContent = "Highlight Settings";
  960. 	createSettingsPage();
  961. }
  962.  
  963. if (window.location.href.split("#")[1] == "ReloadHighlightSettings") {
  964. 	prepSettings();
  965. }