☰

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.

目前为 2015-03-03 提交的版本。查看 最新版本。

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