☰

GameFAQs Colored Text Renderer

This script translates <red>, <blue>, <gold>, <green>, <mauve>, <salmonpink>, and <orange> tags into GameFAQs friendly HTML tags, and accordingly renders messages into the aforementioned colors.

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

  1. // ==UserScript==
  2. // @name GameFAQs Colored Text Renderer
  3. // @description This script translates <red>, <blue>, <gold>, <green>, <mauve>, <salmonpink>, and <orange> tags into GameFAQs friendly HTML tags, and accordingly renders messages into the aforementioned colors. 
  4. // @namespace http://thelolilulelo.wordpress.com/
  5. // @grant none
  6. // @include http://www.gamefaqs.com/boards/*
  7. // @version 0.90
  8. // ==/UserScript==
  9.  
  10. var CONST = {NEW:'Post Message', PREV:'Preview Message', PREVS:'Preview and Spellcheck Message'};
  11. var BTN_ID = {RED:'btnRed', BLUE:'btnBlue', GOLD:'btnGold', GREEN:'btnGreen', MAUVE:'btnMauve', PINK:'btnPink', ORANGE:'btnOrange'};
  12.  
  13. if (document.getElementsByName('messagetext').length != 0) {
  14. 	document.addEventListener('click', eventListener, true);
  15. 	
  16. 	btnRed = document.createElement("input"); 
  17.     btnRed.setAttribute("tabindex", "-1")
  18. 	btnRed.setAttribute("id", BTN_ID.RED); 
  19. 	btnRed.setAttribute("value", "Red"); 
  20. 	btnRed.setAttribute("type", "button"); 
  21. 	
  22. 	btnBlue = document.createElement("input"); 
  23.     btnBlue.setAttribute("tabindex", "-1")
  24. 	btnBlue.setAttribute("id", BTN_ID.BLUE); 
  25. 	btnBlue.setAttribute("value", "Blue"); 
  26. 	btnBlue.setAttribute("type", "button"); 
  27. 	
  28.     btnGreen = document.createElement("input");
  29.     btnGreen.setAttribute("tabindex", "-1")
  30. 	btnGreen.setAttribute("id", BTN_ID.GREEN); 
  31. 	btnGreen.setAttribute("value", "Green"); 
  32. 	btnGreen.setAttribute("type", "button"); 
  33.     
  34.     btnMauve = document.createElement("input"); 
  35.     btnMauve.setAttribute("tabindex", "-1")
  36. 	btnMauve.setAttribute("id", BTN_ID.MAUVE); 
  37. 	btnMauve.setAttribute("value", "Mauve"); 
  38. 	btnMauve.setAttribute("type", "button"); 
  39.     
  40.     btnPink = document.createElement("input"); 
  41.     btnPink.setAttribute("tabindex", "-1")
  42. 	btnPink.setAttribute("id", BTN_ID.PINK); 
  43. 	btnPink.setAttribute("value", "Pink"); 
  44. 	btnPink.setAttribute("type", "button"); 
  45.     
  46.     btnOrange = document.createElement("input"); 
  47.     btnOrange.setAttribute("tabindex", "-1")
  48. 	btnOrange.setAttribute("id", BTN_ID.ORANGE); 
  49. 	btnOrange.setAttribute("value", "Orange"); 
  50. 	btnOrange.setAttribute("type", "button"); 
  51.     
  52. 	btnGold = document.createElement("input"); 
  53.     btnGold.setAttribute("tabindex", "-1")
  54. 	btnGold.setAttribute("id", BTN_ID.GOLD); 
  55. 	btnGold.setAttribute("value", "Gold"); 
  56. 	btnGold.setAttribute("type", "button"); 
  57.     
  58. 	if (document.getElementsByName('gamefox-quickpost-normal').length != 0) {
  59. 		var elemParent = document.getElementsByName('gamefox-quickpost-normal')[0];
  60. 		elemParent.insertBefore(btnRed, elemParent.childNodes[0]);
  61. 		//elemParent.childNodes[0].appendChild(btnRed);
  62. 	} else {
  63. 		var elemParent = document.getElementsByName('messagetext')[0];
  64. 		elemParent.parentNode.parentNode.insertBefore(btnRed, elemParent.parentNode);
  65. 	}
  66. 	
  67. 	btnRed.parentNode.insertBefore(btnBlue, btnRed.nextSibling);
  68.     btnBlue.parentNode.insertBefore(btnGreen, btnBlue.nextSibling);
  69.     btnGreen.parentNode.insertBefore(btnMauve, btnGreen.nextSibling);
  70.     btnMauve.parentNode.insertBefore(btnPink, btnMauve.nextSibling);
  71.     btnPink.parentNode.insertBefore(btnOrange, btnPink.nextSibling);
  72.     btnOrange.parentNode.insertBefore(btnGold, btnOrange.nextSibling);
  73.     btnGold.appendChild(document.createElement("br"));
  74. }
  75.  
  76. renderColors();
  77.  
  78. function eventListener(event) {
  79. 	var elemVal = event.target.value;
  80. 	if (elemVal == CONST.NEW || elemVal == CONST.PREV || elemVal == CONST.PREVS) {
  81. 		var text = document.getElementsByName('messagetext')[0].value;
  82. 		//red
  83. 		text = text.replace(/<red>/gi, '<i><b><b><code></code></b></b></i>').replace(/<\/red>/gi, '<i><i><i><code><i><code></code></i></code></i></i></i>');
  84. 		//blue
  85. 		text = text.replace(/<blue>/gi, '<b><b><b><code></code></b></b></b>').replace(/<\/blue>/gi, '<b><i><i><code><i><code></code></i></code></i></i></b>');
  86. 		//gold
  87. 		text = text.replace(/<gold>/gi, '<b><b><i><code></code></i></b></b>').replace(/<\/gold>/gi, '<b><b><i><code><i><code></code></i></code></i></b></b>');
  88. 		//green
  89. 		text = text.replace(/<green>/gi, '<b><i><i><code></code></i></i></b>').replace(/<\/green>/gi, '<b><b><b><code><i><code></code></i></code></b></b></b>');
  90. 		//mauve
  91. 		text = text.replace(/<mauve>/gi, '<i><i><b><code></code></b></i></i>').replace(/<\/mauve>/gi, '<i><b><b><code><i><code></code></i></code></b></b></i>');
  92.         //salmonpink
  93.         text = text.replace(/<salmonpink>/gi, '<i><i><i><code></code></i></i></i>').replace(/<\/salmonpink>/gi, '<i><i><b><code><i><code></code></i></code></b></i></i>');
  94.         //orange
  95. 		text = text.replace(/<orange>/gi, '<b><code><i><i><code></code></i></i></code></b>').replace(/<\/orange>/gi, '<b><b><b><code><b><code></code></b></code></b></b></b>');
  96.         //EDIT Red
  97.         text = text.replace(/<i><b><b><\/b><\/b><\/i>/gi, '<i><b><b><code></code></b></b></i>').replace(/<i><i><i><code><i><\/i><\/code><\/i><\/i><\/i>/gi, '<i><i><i><code><i><code></code></i></code></i></i></i>');
  98.         //EDIT Blue
  99.         text = text.replace(/<b><b><b><\/b><\/b><\/b>/gi, '<b><b><b><code></code></b></b></b>').replace(/<b><i><i><code><i><\/i><\/code><\/i><\/i><\/b>/gi, '<b><i><i><code><i><code></code></i></code></i></i></b>');
  100.         //EDIT Gold
  101.         text = text.replace(/<b><b><i><\/i><\/b><\/b>/gi, '<b><b><i><code></code></i></b></b>').replace(/<b><b><i><code><i><\/i><\/code><\/i><\/b><\/b>/gi, '<b><b><i><code><i><code></code></i></code></i></b></b>');
  102.         //EDIT Green
  103.         text = text.replace(/<b><i><i><\/i><\/i><\/b>/gi, '<b><i><i><code></code></i></i></b>').replace(/<b><b><b><code><i><\/i><\/code><\/b><\/b><\/b>/gi, '<b><b><b><code><i><code></code></i></code></b></b></b>');
  104.         //EDIT Mauve
  105.         text = text.replace(/<i><i><b><\/b><\/i><\/i>/gi, '<i><i><b><code></code></b></i></i>').replace(/<i><b><b><code><i><\/i><\/code><\/b><\/b><\/i>/gi, '<i><b><b><code><i><code></code></i></code></b></b></i>');
  106.         //EDIT Salmon Pink
  107.         text = text.replace(/<i><i><i><\/i><\/i><\/i>/gi, '<i><i><i><code></code></i></i></i>').replace(/<i><i><b><code><i><\/i><\/code><\/b><\/i><\/i>/gi, '<i><i><b><code><i><code></code></i></code></b></i></i>');
  108.         //EDIT Orange
  109.         text = text.replace(/<b><code><i><i><\/i><\/i><\/code><\/b>/gi, '<b><code><i><i><code></code></i></i></code></b>').replace(/<b><b><b><code><b><\/b><\/code><\/b><\/b><\/b>/gi, '<b><b><b><code><b><code></code></b></code></b></b></b>');
  110. 			
  111. 		document.getElementsByName('messagetext')[0].value = text;
  112. 	} else {
  113. 		var elemId = event.target.id;
  114. 		var obj = document.getElementsByName('messagetext')[0];
  115. 		if (elemId == BTN_ID.RED) {	
  116. 			insertAtCaret(obj, '<red>', '</red>');
  117. 		} else if (elemId == BTN_ID.BLUE) {
  118. 			insertAtCaret(obj, '<blue>', '</blue>');
  119. 		} else if (elemId == BTN_ID.GOLD) {
  120. 			insertAtCaret(obj, '<gold>', '</gold>');
  121.         } else if (elemId == BTN_ID.MAUVE) {
  122. 			insertAtCaret(obj, '<mauve>', '</mauve>');
  123.         } else if (elemId == BTN_ID.PINK) {
  124. 			insertAtCaret(obj, '<salmonpink>', '</salmonpink>');
  125.         } else if (elemId == BTN_ID.ORANGE) {
  126. 			insertAtCaret(obj, '<orange>', '</orange>');
  127. 		} else if (elemId == BTN_ID.GREEN) {
  128. 			insertAtCaret(obj, '<green>', '</green>');
  129. 		}
  130. 	}
  131. }
  132.  
  133. function insertAtCaret(obj, tagOpen, tagClose) {
  134. 	if (obj.selectionStart) {
  135. 		obj.focus();
  136. 		var start = obj.selectionStart;
  137. 		var end   = obj.selectionEnd;
  138. 		obj.value = obj.value.substr(0, start).concat(tagOpen).concat(obj.value.substr(start, end - start)).concat(tagClose).concat(obj.value.substr(end));
  139. 	}
  140.  
  141. 	if (start != null) {
  142. 		setCaretTo(obj, start + tagOpen.length);
  143. 	} else {
  144. 		//obj.value += text;
  145. 	}
  146. }
  147.  
  148. function setCaretTo(obj, pos) {
  149. 	if(obj.createTextRange) {
  150. 		var range = obj.createTextRange();
  151. 		range.move('character', pos);
  152. 		range.select();
  153. 	} else if(obj.selectionStart) {
  154. 		obj.focus();
  155. 		obj.setSelectionRange(pos, pos);
  156. 	}
  157. }
  158.  
  159. function renderColors() {
  160. 	var msg = document.getElementsByClassName('body');
  161. 	if (msg.lenght != 0) {
  162. 		var i = 0;
  163. 		for (i = 0; i < msg.length; i++) {
  164.             
  165.             //INVISIBLE Orange
  166.             msg[i].innerHTML = msg[i].innerHTML.replace(/<b><code><i><i><\/i><\/i><\/code><\/b>/gi, "<font color=#FFA500><b>").replace(/<b><b><b><code><b><\/b><\/code><\/b><\/b><\/b>/gi, '</b></font>');
  167.             
  168.             //INVISIBLE Salmon Pink 
  169.             msg[i].innerHTML = msg[i].innerHTML.replace(/<i><i><i><\/i><\/i><\/i>/gi, "<font color=#FF9999><b>").replace(/<i><i><b><code><i><\/i><\/code><\/b><\/i><\/i>/gi, '</b></font>');
  170.             
  171.             //INVISIBLE Mauve 
  172.             msg[i].innerHTML = msg[i].innerHTML.replace(/<i><i><b><\/b><\/i><\/i>/gi, "<font color=#925f6e><b>").replace(/<i><b><b><code><i><\/i><\/code><\/b><\/b><\/i>/gi, '</b></font>');
  173.             
  174.             //INVISIBLE Red
  175.             msg[i].innerHTML = msg[i].innerHTML.replace(/<i><b><b><\/b><\/b><\/i>/gi, "<font color=#F00><b>").replace(/<i><i><i><code><i><\/i><\/code><\/i><\/i><\/i>/gi, '</b></font>');
  176.             
  177.             //INVISIBLE Blue
  178.             msg[i].innerHTML = msg[i].innerHTML.replace(/<b><b><b><\/b><\/b><\/b>/gi, "<font color=#00F><b>").replace(/<b><i><i><code><i><\/i><\/code><\/i><\/i><\/b>/gi, '</b></font>');
  179.             
  180.             //INVISIBLE Gold
  181.             msg[i].innerHTML = msg[i].innerHTML.replace(/<b><b><i><\/i><\/b><\/b>/gi, "<font color=#FC0><b>").replace(/<b><b><i><code><i><\/i><\/code><\/i><\/b><\/b>/gi, '</b></font>');
  182.             
  183.             //INVISIBLE Green
  184.             msg[i].innerHTML = msg[i].innerHTML.replace(/<b><i><i><\/i><\/i><\/b>/gi, "<font color=#6C0><b>").replace(/<b><b><b><code><i><\/i><\/code><\/b><\/b><\/b>/gi, '</b></font>');
  185.             
  186. 			//MAUVE
  187. 			msg[i].innerHTML = msg[i].innerHTML.replace(/<i><i><i><i><i><i>/gi, "<font color=#925f6e><b>").replace(/<\/i><\/i><\/i><\/i><\/i><\/i>/gi, '</b></font>');
  188.  
  189. 			//NEW red
  190. 			msg[i].innerHTML = msg[i].innerHTML.replace(/<i><i><i><i><i>/gi, "<font color=#F00><b>").replace(/<\/i><\/i><\/i><\/i><\/i>/gi, '</b></font>');
  191. 		
  192. 			//NEW blue
  193. 			msg[i].innerHTML = msg[i].innerHTML.replace(/<i><i><i><i>/gi, "<font color=#00F><b>").replace(/<\/i><\/i><\/i><\/i>/gi, '</b></font>');
  194. 		
  195. 			//NEW gold
  196. 			msg[i].innerHTML = msg[i].innerHTML.replace(/<i><i><i>/gi, "<font color=#FC0><b>").replace(/<\/i><\/i><\/i>/gi, '</b></font>');
  197.  
  198. 			//NEW green
  199. 			msg[i].innerHTML = msg[i].innerHTML.replace(/<i><i>/gi, "<font color=#6C0><b>").replace(/<\/i><\/i>/gi, '</b></font>');
  200.             
  201. 			//OLD red
  202. 			msg[i].innerHTML = msg[i].innerHTML.replace(/<em><b><i>/gi, "<font color=#F00><b>").replace(/<\/i><\/b><\/em>/gi, '</b></font>');
  203. 		
  204. 			//OLD blue
  205. 			msg[i].innerHTML = msg[i].innerHTML.replace(/<em><b><b>/gi, "<font color=#00F><b>").replace(/<\/b><\/b><\/em>/gi, '</b></font>');
  206. 		
  207. 			//OLD gold
  208. 			msg[i].innerHTML = msg[i].innerHTML.replace(/<em><i><b>/gi, "<font color=#FC0><b>").replace(/<\/b><\/i><\/em>/gi, '</b></font>');
  209.  
  210. 			//OLD green
  211. 			msg[i].innerHTML = msg[i].innerHTML.replace(/<b><i><em>/gi, "<font color=#6C0><b>").replace(/<\/em><\/i><\/b>/gi, '</b></font>');
  212. 		}
  213. 	}
  214. }