☰

UnTaint Wiki Improvement Script-G

Greasemonkey script that improves the Wikifoundry wiki interface and integrates TinyEditor. For Firefox and Chrome.

  1. // ==UserScript==
  2. // @name			UnTaint Wiki Improvement Script-G
  3. // @namespace		http://hawaiifive-0.wikifoundry.com/
  4. // @description   	Greasemonkey script that improves the Wikifoundry wiki interface and integrates TinyEditor. For Firefox and Chrome.
  5. // @version			1.6.ffc.cen.007
  6. // @copyright		2014
  7. // @author			SurfingEagle
  8. // @icon			http://wikifoundryattachments.com/6qzWeWGTKHMIw5rWPn0KwA98790
  9. // @require			https://greasemonkey.github.io/gm4-polyfill/gm4-polyfill.js
  10. // @include			http://*.wikifoundry.com/thread*
  11. // @include			http://*.wikifoundry.com/forum/*
  12. // @include			http://*.wikifoundry.com/forum
  13. // @include			http://*.wikifoundry.com/account/*/thread/*
  14. // @include			http://*.wikifoundry.com/photo/*/thread/*
  15. // @include			http://*.wikifoundry.com/video/*/thread/*
  16. // @include			http://www.sarahconnorfans.com/thread*
  17. // @include			http://www.sarahconnorfans.com/forum/*
  18. // @include			http://www.sarahconnorfans.com/forum
  19. // @include			http://www.sarahconnorfans.com/account/*/thread/*
  20. // @include			http://www.sarahconnorfans.com/photo/*/thread/*
  21. // @include			http://www.sarahconnorfans.com/video/*/thread/*
  22. // @include			http://www.vampirediariesfanwiki.com/thread*
  23. // @include			http://www.vampirediariesfanwiki.com/forum/*
  24. // @include			http://www.vampirediariesfanwiki.com/forum
  25. // @include			http://www.vampirediariesfanwiki.com/account/*/thread/*
  26. // @include			http://www.vampirediariesfanwiki.com/photo/*/thread/*
  27. // @include			http://www.vampirediariesfanwiki.com/video/*/thread/*
  28. // @include			http://www.thegreysanatomywiki.com/thread*
  29. // @include			http://www.thegreysanatomywiki.com/forum/*
  30. // @include			http://www.thegreysanatomywiki.com/forum
  31. // @include			http://www.thegreysanatomywiki.com/account/*/thread/*
  32. // @include			http://www.thegreysanatomywiki.com/photo/*/thread/*
  33. // @include			http://www.thegreysanatomywiki.com/video/*/thread/*
  34. // @include			http://www.warriorcatclans2.com/thread*
  35. // @include			http://www.warriorcatclans2.com/forum/*
  36. // @include			http://www.warriorcatclans2.com/forum
  37. // @include			http://www.warriorcatclans2.com/account/*/thread/*
  38. // @include			http://www.warriorcatclans2.com/photo/*/thread/*
  39. // @include			http://www.warriorcatclans2.com/video/*/thread/*
  40. // @include			http://www.zombieprepwiki.com/thread*
  41. // @include			http://www.zombieprepwiki.com/forum/*
  42. // @include			http://www.zombieprepwiki.com/forum
  43. // @include			http://www.zombieprepwiki.com/account/*/thread/*
  44. // @include			http://www.zombieprepwiki.com/photo/*/thread/*
  45. // @include			http://www.zombieprepwiki.com/video/*/thread/*
  46. // @include			http://www.wikifoundrycentral.com/thread*
  47. // @include			http://www.wikifoundrycentral.com/forum/*
  48. // @include			http://www.wikifoundrycentral.com/forum
  49. // @include			http://www.wikifoundrycentral.com/account/*/thread/*
  50. // @include			http://www.wikifoundrycentral.com/photo/*/thread/*
  51. // @include			http://www.wikifoundrycentral.com/video/*/thread/*
  52. // ==/UserScript==
  53.  
  54. // =============================================================================
  55. // ***** Editing this section and below is modifying code. *****
  56. // TinyEditor integration and script adaptation to FF 4+ and Chrome 11+ by: SurfingEagle
  57. // Thanks to the inhabitants of the tsccwiki. Credits: toasty2 and Gu1.
  58. // Additional contributions: I.John
  59. // This version is adapted to work with GreaseMonkey 0.9+, Firefox 4+, and Chrome 11+ Not currently tested in IE
  60. // TinyEditor home http://www.scriptiny.com/2010/02/javascript-wysiwyg-editor/  
  61.  
  62. // For debugging purposes, set to true to display error messages in certain sections more prone to errors. False [default] avoids alert.
  63. const debug = false;
  64. // Convenient method "contains" used in "user posts filter".
  65. Array.prototype.contains = function(obj){var i = this.length; while(i--){if (this[i] === obj) {return true;}} return false;}
  66.  
  67. // Switch to using localStorage. Functions putSetting, getSetting, deleteSetting, emptySetting.
  68. function putSetting (name, val)
  69. {
  70. 	if (name && 'localStorage' in window && window['localStorage'] !== null)
  71. 		window.localStorage[name] = val;
  72. }
  73.  
  74. function getSetting (name, defval)
  75. {
  76. 	var val = null;
  77. 	if (name && 'localStorage' in window && window['localStorage'] !== null)
  78. 		val = window.localStorage[name];
  79. 	if (val)
  80. 		return val;
  81. 	else
  82. 		return defval;
  83. }
  84.  
  85. function deleteSetting (name)
  86. {
  87. 	if (name && 'localStorage' in window && window['localStorage'] !== null)
  88. 		window.localStorage.removeItem(name);
  89. }
  90.  
  91. function emptySetting (name)
  92. {
  93. 	if (name && 'localStorage' in window && window['localStorage'] !== null)
  94. 		window.localStorage[name] = '';
  95. }
  96.  
  97. // The following are additions from other code sources and are documented as such.
  98. // http://james.padolsey.com/javascript/get-document-height-cross-browser/
  99. function getDocHeight() {
  100.     var D = document;
  101.     return Math.max(
  102.         D.body.scrollHeight, D.documentElement.scrollHeight,
  103.         D.body.offsetHeight, D.documentElement.offsetHeight,
  104.         D.body.clientHeight, D.documentElement.clientHeight
  105.     );
  106. }
  107.  
  108. /*
  109. 	Developed by Robert Nyman, http://www.robertnyman.com
  110. 	Code/licensing: http://code.google.com/p/getelementsbyclassname/
  111. */
  112. var getElementsByClassName = function (className, tag, elm){
  113. 	if (document.getElementsByClassName) {
  114. 		getElementsByClassName = function (className, tag, elm) {
  115. 			elm = elm || document;
  116. 			var elements = elm.getElementsByClassName(className),
  117. 				nodeName = (tag)? new RegExp("\\b" + tag + "\\b", "i") : null,
  118. 				returnElements = [],
  119. 				current;
  120. 			for(var i=0, il=elements.length; i<il; i+=1){
  121. 				current = elements[i];
  122. 				if(!nodeName || nodeName.test(current.nodeName)) {
  123. 					returnElements.push(current);
  124. 				}
  125. 			}
  126. 			return returnElements;
  127. 		};
  128. 	}
  129. 	else if (document.evaluate) {
  130. 		getElementsByClassName = function (className, tag, elm) {
  131. 			tag = tag || "*";
  132. 			elm = elm || document;
  133. 			var classes = className.split(" "),
  134. 				classesToCheck = "",
  135. 				xhtmlNamespace = "http://www.w3.org/1999/xhtml",
  136. 				namespaceResolver = (document.documentElement.namespaceURI === xhtmlNamespace)? xhtmlNamespace : null,
  137. 				returnElements = [],
  138. 				elements,
  139. 				node;
  140. 			for(var j=0, jl=classes.length; j<jl; j+=1){
  141. 				classesToCheck += "[contains(concat(' ', @class, ' '), ' " + classes[j] + " ')]";
  142. 			}
  143. 			try	{
  144. 				elements = document.evaluate(".//" + tag + classesToCheck, elm, namespaceResolver, 0, null);
  145. 			}
  146. 			catch (e) {
  147. 				elements = document.evaluate(".//" + tag + classesToCheck, elm, null, 0, null);
  148. 			}
  149. 			while ((node = elements.iterateNext())) {
  150. 				returnElements.push(node);
  151. 			}
  152. 			return returnElements;
  153. 		};
  154. 	}
  155. 	else {
  156. 		getElementsByClassName = function (className, tag, elm) {
  157. 			tag = tag || "*";
  158. 			elm = elm || document;
  159. 			var classes = className.split(" "),
  160. 				classesToCheck = [],
  161. 				elements = (tag === "*" && elm.all)? elm.all : elm.getElementsByTagName(tag),
  162. 				current,
  163. 				returnElements = [],
  164. 				match;
  165. 			for(var k=0, kl=classes.length; k<kl; k+=1){
  166. 				classesToCheck.push(new RegExp("(^|\\s)" + classes[k] + "(\\s|$)"));
  167. 			}
  168. 			for(var l=0, ll=elements.length; l<ll; l+=1){
  169. 				current = elements[l];
  170. 				match = false;
  171. 				for(var m=0, ml=classesToCheck.length; m<ml; m+=1){
  172. 					match = classesToCheck[m].test(current.className);
  173. 					if (!match) {
  174. 						break;
  175. 					}
  176. 				}
  177. 				if (match) {
  178. 					returnElements.push(current);
  179. 				}
  180. 			}
  181. 			return returnElements;
  182. 		};
  183. 	}
  184. 	return getElementsByClassName(className, tag, elm);
  185. };
  186.  
  187. // Following block handles returning to end of thread after a new post
  188. try {
  189. 	if (window['sessionStorage'] !== null)
  190. 	{
  191. 		var added_post = window.sessionStorage['added_post'];
  192. 		if (getSetting('return_on_post', 'true') == 'true' && added_post.length > 0)
  193. 		{
  194. 			if (added_post == 'scroll_down')
  195. 			{
  196. 				window.scroll(0, getDocHeight());
  197. 				window.sessionStorage['added_post'] = '';
  198. 			}
  199. 			else if (added_post == 'jump_end_of_thread')
  200. 			{
  201. 				var p = getElementsByClassName('paging')[0];
  202. 				if (p)
  203. 				{
  204. 					p = p.lastChild.previousSibling;
  205. 					while (p)
  206. 					{
  207. 						if (p.nodeType == 1 && p.innerHTML != 'Next' && (p.innerHTML == 'Last' || Number(p.innerHTML) <= 5))
  208. 						{
  209. 							window.sessionStorage['added_post'] = 'scroll_down';
  210. 							window.location.href = p.href;
  211. 							break;
  212. 						}
  213. 						p = p.previousSibling;
  214. 					}
  215. 					if (!p)	window.sessionStorage['added_post'] = '';
  216. 				}
  217. 				else
  218. 					window.sessionStorage['added_post'] = '';
  219. 			}
  220. 			else
  221. 				window.sessionStorage['added_post'] = '';
  222. 		} // end if
  223. 	} // end if
  224. }
  225. catch (e) {
  226. 	if (window['sessionStorage'] !== null) window.sessionStorage['added_post'] = '';
  227. }
  228.  
  229. // Get Configuration (or set defaults)
  230. var ui_avatar_w = getSetting('ui_avatar_w', '50');
  231. var ui_hide_rater = (getSetting('ui_hide_rater', 'true') == 'true');
  232. var ui_user_filter = getSetting('ui_user_filter', 'ExampleUser1,ExampleUser2');
  233. var refresh_threadlist = Number(getSetting('refresh_threadlist', '0'));
  234. // Newest values 
  235. var ui_auto_tinyeditor = (getSetting('ui_auto_tinyeditor', 'true') == 'true');
  236. var ui_show_leftcolumn = (getSetting('ui_show_leftcolumn', 'false') == 'true');
  237. var ui_default_post_font = getSetting('ui_default_post_font', '12px Arial');
  238. var isChrome = /chrome/.test(navigator.userAgent.toLowerCase());
  239.  
  240. // Tiny editor related styles	
  241. GM_addStyle('#input {border:none; margin:0; padding:0; font:12px "Courier New", Verdana; border:0} ' +
  242. 	// in te, removed left margin 
  243. 	'.te {border:1px solid #bbb; padding:0 1px 1px; font:12px Verdana, Arial;} ' +
  244. 	// .te iframe change WYSIWYG background color e.g. background-color:#222222. Effects Chrome but in FF color is overridden by body style setting.
  245. 	'.te iframe {border:none; background-color:silver;} ' +
  246. 	'.teheader {height:31px; border-bottom:1px solid #bbb; background:url(http://wikifoundryattachments.com/xg-mfHLVZfdD7OErlv0NxQ55) repeat-x; padding-top:1px} ' +
  247. 	'.teheader select {float:left; margin-top:5px} ' +
  248. 	'.tefont {margin-left:5px; width:118px;} ' +
  249. 	'.tesize {margin-left:4px; width:42px;} ' +
  250. 	'.tecolor {margin-left:4px; width:84px;} ' +
  251. 	'.testyle {margin-left:3px; margin-right:12px; width:70px;} ' +
  252. 	'.tedivider {float:left; width:2px; height:30px; background:#ccc} ' +
  253. 	'.tecontrol {float:left; width:34px; height:30px; cursor:pointer; background-image:url(http://wikifoundryattachments.com/jjINLqTU68Po418uA2wLPw18521)} ' +
  254. 	'.tecontrol:hover {background-color:#fff; background-position:30px 0} ' +
  255. 	'.tefooter {height:32px; border-top:1px solid #bbb; background:#f5f5f5} ' +
  256. 	'.toggle {float:left; background:url(http://wikifoundryattachments.com/jjINLqTU68Po418uA2wLPw18521) -34px 2px no-repeat; padding:9px 13px 0 31px; height:23px; border-right:1px solid #ccc; cursor:pointer; color:#666} ' +
  257. 	'.toggle:hover {background-color:#fff} ' +
  258. 	'.resize {float:right; height:32px; width:32px; background:url(http://wikifoundryattachments.com/W_Ipj_QMRSXNr7FEg3Sz8A78) 15px 15px no-repeat; cursor:s-resize}');
  259. // #editor change WYSIWYG font color e.g. color:white, color:blue, etc. *** Does not work in Chrome. Chrome defaults to black
  260. GM_addStyle('#editor {cursor:text; margin:10px; color:black; font:'+ui_default_post_font+';}');
  261. // GM_addStyle('#iframe_editor {background-color:dimgray;}');
  262.  
  263. /* =============================================================================
  264. 	The following block "main" is inserted into the page and contains most of
  265. 	the core funtionality, primarily for the purpose of compatibility with 
  266. 	Chrome but Firefox didn't require this.
  267. ============================================================================= */
  268. function main() 
  269. {
  270. 	innerGetPostElement = function (idPostNew, idPostEdit) 
  271. 	{	
  272. 		try
  273. 		{
  274. 			if (!idPostNew && !idPostEdit) return undefined;
  275. 			var i = 0, j = 0;
  276. 			var cForms = document.getElementsByName('threadFormElement');
  277. 			if (cForms[0]) 
  278. 			for (i in cForms)
  279. 			{
  280. 				if (cForms[i] && cForms[i].parentNode)
  281. 				if (cForms[i].name == 'threadFormElement' && cForms[i].style.display == 'block' && cForms[i].parentNode.style.display == 'block')
  282. 				{
  283. 					if (cForms[i].elements)
  284. 					{
  285. 						for (j in cForms[i].elements)
  286. 						{
  287. 							if (cForms[i].elements[j].id == idPostNew)
  288. 							{
  289. 								return cForms[i].elements[j];
  290. 								break;
  291. 							}
  292. 						}
  293. 					}
  294. 					break;
  295. 				}
  296. 			}
  297. 			var editElement = document.getElementById(idPostEdit);
  298. 			if (editElement && editElement.parentNode.parentNode)
  299. 			if (editElement.parentNode.parentNode.style.display == 'block')
  300. 				return editElement;
  301. 			else
  302. 				return undefined;
  303. 		}
  304. 		catch (e) {
  305. 			if (debug) alert(e.source + '\n' + e.message);
  306. 			return undefined;
  307. 		}
  308. 	}
  309.  
  310. 	// POSTING TOOLS
  311. 	posting_tools = function()
  312. 	{
  313. 		if (document.getElementById('posting_tools')){return 0;}
  314. 		document.getElementById('untaintpanel').innerHTML+=''
  315. 		+'<form id="posting_tools"><small><br />'
  316. 		+'<input type="button" onclick="posting_add(\'a\');" value="Link" />'
  317. 		+'<input type="button" onclick="posting_add(\'img\');" value="Image" />'
  318. 		+'<input type="button" onclick="posting_add(\'youtube\');" value="Youtube" />'
  319. 		+'<input type="button" onclick="posting_add(\'font\');" value="Font" />'
  320. 		+'<br /><input type="text" id="posting_code" onfocus="this.select()" size="27" value="" style="margin-top:3px;" />' 
  321. 		+' <input type="button" onclick="activateTinyEditor();" value="TE" />'
  322. 		+'</small>'
  323. 		+'</form>';
  324. 	}
  325.  
  326. 	// Posting tools code generation
  327. 	posting_add = function(x)
  328. 	{
  329. 		var y = ' ';
  330. 		if(x=='img')
  331. 		{
  332. 			y = prompt('Enter Image URL:','http://');
  333. 			if (!y) return;
  334. 			if (y.search(/wikifoundry.com/i) != -1) // Need to treat wikifoundry URLs differently
  335. 				y = y.replace(/\./g,'-').replace('http://','http://tinyurl.com/');
  336. 			width = prompt('Image Width:\n\nAuto (image\'s default size), a number (pixels), or a percentage of the page\'s width (e.g. 50%)','auto');
  337. 			if (!width) width = 'auto';
  338. 			// concept of including image title credited to I.Join
  339. 			title = prompt('Image description (Cancel to skip):\n\nA floating popup description dislays when the user\nmoves the mouse cursor over the image.','image');
  340. 			if (title) 
  341. 				title = 'title="' + title + '"';
  342. 			else
  343. 				title = '';
  344. 			x='<img src="'+ y +'" ' + title + ' width="'+ width +'">';
  345. 		}
  346. 		if(x=='a'){
  347. 			x='<a href="'+ prompt('Link URL:','http://') +'">'+ prompt('Link text:','Link') +'</a>';}
  348. 		if(x=='font'){
  349. 			ff = prompt('Enter font face:','arial');
  350. 			if (!ff) return;
  351. 			x='<font face="' + ff + '" size="'+ prompt('Size:\nEnter a number 1-7, a point value (e.g. 12pt), a percentage of the default font (e.g. 200%), or a relative value (e.g. +1 or -1)','-1') +'" color="'+ prompt('Color:','red') +'">'+ prompt('Text:',' ') +'</font>';}
  352. 		if(x=='youtube')
  353. 		{
  354. 			url = prompt('Youtube URL:'+'\n\nE.g. http://www.youtube.com/watch?v=abc123','');
  355. 			if (!url) return;
  356. 			// http://stackoverflow.com/questions/3452546/javascript-regex-how-to-get-youtube-video-id-from-url
  357. 			regexp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|watch\?feature=player_embedded\&v=)([^#\&\?]*).*/;
  358. 			match = url.match(regexp);
  359. 			if (match && match[2].length == 11)
  360. 			{
  361. 				y = match[2];
  362. 			} 
  363. 			else if (url.length == 11)
  364. 			{
  365. 				// If just the id is entered, then do a minimal check of the currently accepted length. 
  366. 				// Presently, Youtube doesn't guaranty any character set or length of an id
  367. 				y = url;
  368. 			}
  369. 			else
  370. 			{
  371. 				alert("The URL or Video ID doesn't appear to be valid or is not matchable. Please ensure a correct entry or try another value.");
  372. 				return;
  373. 			}			
  374. 			f = prompt('Scale default resolution between "0" and "2":\n\nE.g. entering "0.25" will make the video one\nquarter the default size, "2" twice the size, "1" no change, etc.','1');
  375. 			h = 320;
  376. 			w = 405;
  377. 			if (f != null && Number(f))
  378. 			if (Number(f)>0 && Number(f)<=2)
  379. 			{
  380. 				h = Math.round(h * Number(f));
  381. 				w = Math.round(w * Number(f));
  382. 			}
  383. 			// Embed tag credit http://m7r-227.wikifoundry.com
  384. 			x = '<object height="' + h + '" width="' + w + '">'
  385. 				+ '<param name="movie" value="http://wikifoundryattachments.com/IHOlZ-XE6QdUuBNdXdk9jA154555?null=http://'
  386. 				+ '<param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="never"><param name="wmode" value="transparent">'
  387. 				+ '<embed allowfullscreen="true" flashvars="provider=video&amp;image=http://i.ytimg.com/vi/' + y + '/hqdefault.jpg&amp;file=http://ox-proxy.no-ip.org/youtube/' 
  388. 				+ y + '" src="http://wikifoundrytools.com/wiki/m7r-227/widget/unknown/d5a99526c41ad11592c12c7b323ca651af50909a?null=http://" type="application/x-shockwave-flash" wmode="transparent" height="' 
  389. 				+ h + '" width="' + w + '">'
  390. 				+ '<param name="flashvars" value="provider=video&amp;image=http://i.ytimg.com/vi/' 
  391. 				+ y + '/hqdefault.jpg&amp;file=http://ox-proxy.no-ip.org/youtube/' + y + '"></object>';
  392. 			x += '<br><a href="http://youtu.be/' + y + '">' + 'http://youtu.be/' + y + '</a><br><br>';
  393. 		}
  394. 		document.getElementById('posting_code').value=x;
  395. 		try{innerGetPostElement('threadFormBody','edit_postText').value+=x}catch(e){};
  396. 	}
  397.  
  398. 	TINY={};
  399.  
  400. 	function T$(i){return document.getElementById(i)}
  401. 	function T$$$(){return document.all?1:0}
  402.  
  403. 	// The modified TinyEditor control
  404. 	// Original control: http://www.scriptiny.com/2010/02/javascript-wysiwyg-editor/
  405. 	TINY.editor=function(){
  406. 		var c=[], offset=-30;
  407. 		c['cut']=[1,'Cut','a','cut',1];
  408. 		c['copy']=[2,'Copy','a','copy',1];
  409. 		c['paste']=[3,'Paste','a','paste',1];
  410. 		c['bold']=[4,'Bold','a','bold'];
  411. 		c['italic']=[5,'Italic','a','italic'];
  412. 		c['underline']=[6,'Underline','a','underline'];
  413. 		c['strikethrough']=[7,'Strikethrough','a','strikethrough'];
  414. 		c['subscript']=[8,'Subscript','a','subscript'];
  415. 		c['superscript']=[9,'Superscript','a','superscript'];
  416. 		c['orderedlist']=[10,'Insert Ordered List','a','insertorderedlist'];
  417. 		c['unorderedlist']=[11,'Insert Unordered List','a','insertunorderedlist'];
  418. 		c['outdent']=[12,'Outdent','a','outdent'];
  419. 		c['indent']=[13,'Indent','a','indent'];
  420. 		c['leftalign']=[14,'Left Align','a','justifyleft'];
  421. 		c['centeralign']=[15,'Center Align','a','justifycenter'];
  422. 		c['rightalign']=[16,'Right Align','a','justifyright'];
  423. 		c['blockjustify']=[17,'Block Justify','a','justifyfull'];
  424. 		c['undo']=[18,'Undo','a','undo'];
  425. 		c['redo']=[19,'Redo','a','redo'];
  426. 		c['image']=[20,'Insert Image','i','insertimage','Enter Image URL:','http://'];
  427. 		c['hr']=[21,'Insert Horizontal Rule','a','inserthorizontalrule'];
  428. 		c['link']=[22,'Insert Hyperlink','i','createlink','Enter URL:','http://'];
  429. 		c['unlink']=[23,'Remove Hyperlink','a','unlink'];
  430. 		c['unformat']=[24,'Remove Formatting','a','removeformat'];
  431. 		c['print']=[25,'Print','a','print'];
  432. 		// Note: These 3 use the positions in the image used by the other original function with the same index number. 
  433. 		// Subscript and Superscript do not work in wikifoundry. If the originals are activated, the image must be redone.
  434. 		c['insertyoutube']=[8,'Insert Youtube Video','i','insertyoutube','Youtube URL:',''];
  435. 		c['inserttable']=[9,'Insert Table','i','inserttable'];
  436. 		c['help']=[25,'Notes','a','help'];
  437. 		function edit(n,obj){
  438. 			this.n=n; window[n]=this; /* this.t=T$(obj.id); */ this.t=innerGetPostElement('threadFormBody', 'edit_postText'); 
  439. 			this.obj=obj; this.xhtml=obj.xhtml;
  440. 			var p=document.createElement('div'), w=document.createElement('div'), h=document.createElement('div'),
  441. 			l=obj.controls.length, i=0;
  442. 			this.i=document.createElement('iframe'); this.i.frameBorder=0; /* added to give id */ this.i.id='iframe_'+obj.bodyid; 
  443. 			this.i.width=obj.width||'500'; this.i.height=obj.height||'250'; this.ie=T$$$();
  444. 			this.chrome = /chrome/.test(navigator.userAgent.toLowerCase());
  445. 			h.className=obj.rowclass||'teheader'; p.className=obj.cssclass||'te'; p.style.width=this.i.width+'px'; p.appendChild(h);
  446. 			for(i;i<l;i++){
  447. 				var id=obj.controls[i];
  448. 				if(id=='n'){
  449. 					h=document.createElement('div'); h.className=obj.rowclass||'teheader'; p.appendChild(h)
  450. 				}else if(id=='|'){
  451. 					var d=document.createElement('div'); d.className=obj.dividerclass||'tedivider'; h.appendChild(d)
  452. 				}else if(id=='font'){
  453. 					var sel=document.createElement('select'), fonts=obj.fonts||['Verdana','Arial','Georgia'], fl=fonts.length, x=0;
  454. 					sel.className='tefont'; sel.onchange=new Function(this.n+'.ddaction(this,"fontname")');
  455. 					sel.options[0]=new Option('[Font]','');
  456. 					for(x;x<fl;x++){
  457. 						var font=fonts[x];
  458. 						sel.options[x+1]=new Option(font,font)
  459. 					}
  460. 					h.appendChild(sel)
  461. 				}else if(id=='size'){
  462. 					var sel=document.createElement('select'), sizes=obj.sizes||[1,2,3,4,5,6,7,-1,-2], sl=sizes.length, x=0;
  463. 					sel.className='tesize'; sel.onchange=new Function(this.n+'.ddaction(this,"fontsize")');
  464. 					for(x;x<sl;x++){
  465. 						var size=sizes[x];
  466. 						sel.options[x]=new Option(size,size)
  467. 					}
  468. 					h.appendChild(sel)
  469. 				}else if(id=='tcolor'){
  470. 					// added to allow for text colors
  471. 					var sel=document.createElement('select'), tcolors=obj.tcolors||['Black','Gray','Silver','White'], tcl=tcolors.length, x=0;
  472. 					sel.className='tecolor'; sel.onchange=new Function(this.n+'.ddaction(this,"forecolor")');
  473. 					sel.options[0]=new Option('[Color]','');
  474. 					for(x;x<tcl;x++){
  475. 						var tcolor=tcolors[x];
  476. 						sel.options[x+1]=new Option(tcolor,tcolor)
  477. 					}
  478. 					h.appendChild(sel)
  479. 				}else if(id=='style'){
  480. 					var sel=document.createElement('select'),
  481. 					styles=obj.styles||[['[Style]',''],['Paragraph','<p>'],['Header 1','<h1>'],['Header 2','<h2>'],['Header 3','<h3>'],['Header 4','<h4>'],['Header 5','<h5>'],['Header 6','<h6>']],
  482. 					sl=styles.length, x=0;
  483. 					sel.className='testyle'; sel.onchange=new Function(this.n+'.ddaction(this,"formatblock")');
  484. 					for(x;x<sl;x++){
  485. 						var style=styles[x];
  486. 						sel.options[x]=new Option(style[0],style[1])
  487. 					}
  488. 					h.appendChild(sel)
  489. 				}else if(c[id]){
  490. 					var div=document.createElement('div'), x=c[id], func=x[2], ex, pos=x[0]*offset;
  491. 					div.className=obj.controlclass;
  492. 					div.style.backgroundPosition='0px '+pos+'px';
  493. 					div.title=x[1];
  494. 					ex=func=='a'?'.action("'+x[3]+'",0,'+(x[4]||0)+')':'.insert("'+x[4]+'","'+x[5]+'","'+x[3]+'")';
  495. 					div.onclick=new Function(this.n+(id=='print'?'.print()':ex));
  496. 					div.onclick=new Function(this.n+(id=='help'?'.help()':ex));
  497. 					div.onmouseover=new Function(this.n+'.hover(this,'+pos+',1)');
  498. 					div.onmouseout=new Function(this.n+'.hover(this,'+pos+',0)');
  499. 					h.appendChild(div);
  500. 					if(this.ie){div.unselectable='on'}
  501. 				}
  502. 			}
  503. 			this.t.parentNode.insertBefore(p,this.t); this.t.style.width=this.i.width+'px';
  504. 			w.appendChild(this.t); w.appendChild(this.i); p.appendChild(w); this.t.style.display='none';
  505. 			if(obj.footer){
  506. 				var f=document.createElement('div'); f.className=obj.footerclass||'tefooter';
  507. 				if(obj.toggle){
  508. 					var to=obj.toggle, ts=document.createElement('div');
  509. 					ts.className=to.cssclass||'toggle'; 
  510. 					ts.innerHTML=obj.toggletext||'source';
  511. 					ts.onclick=new Function(this.n+'.toggle(0,this);return false');
  512. 					f.appendChild(ts);
  513. 				}
  514. 				if(obj.resize){
  515. 					var ro=obj.resize, rs=document.createElement('div'); 
  516. 					rs.className=ro.cssclass||'resize';
  517. 					rs.onmousedown=new Function('event',this.n+'.resize(event);return false');
  518. 					rs.onselectstart=function(){return false};
  519. 					f.appendChild(rs)
  520. 				}
  521. 				p.appendChild(f)
  522. 			}
  523. 			this.e=this.i.contentWindow.document; this.e.open();
  524. 			var m='<html><head>', bodyid=obj.bodyid?" id=\""+obj.bodyid+"\"":"";
  525. 			if(obj.cssfile){m+='<link rel="stylesheet" href="'+obj.cssfile+'" />'}
  526. 			if(obj.css){m+='<style type="text/css">'+obj.css+'</style>'}
  527. 			m+='</head><body'+bodyid+'>'+(obj.content||this.t.value);
  528. 			m+='</body></html>';
  529. 			this.e.write(m);
  530. 			this.e.close(); this.e.designMode='on'; /* this.d=1; */
  531. 			// wikifoundry pages require custom handling of styleWithCSS
  532. 			if(this.xhtml){
  533. 				try{this.e.execCommand('styleWithCSS',false,false)}
  534. 				catch(e){try{this.e.execCommand('useCSS',0,1)}catch(e){}}
  535. 			}
  536. 			// auto toggle to initialize an edit in the designer with regular expressions needed on wikifoundry sites.
  537. 			this.d=0;
  538. 			this.toggle(0, this);
  539. 			// added set focus
  540. 			this.i.contentWindow.focus();
  541. 		}; // end edit
  542. 		
  543. 		edit.prototype.print=function(){
  544. 			this.i.contentWindow.print()
  545. 		},
  546. 		// added notes/help
  547. 		edit.prototype.help=function(){
  548. 			alert('Notes:\n\nThe WYSIWYG editor simulates roughly what a post will look like once posted. The design mode allows for '
  549. 			+ 'text, links and images to be edited similarly to a very simple HTML editor. Wikifoundry posts can only handle '
  550. 			+ 'simple markup tags. Pressing "source" switches to a purely text mode normally seen when creating a post. '
  551. 			+ 'The "source" is what is actually posted but should look similar to what is displayed in design mode once '
  552. 			+ 'posted. The "source" can be edited and sent without using the design window. The control is based on the '
  553. 			+ 'Tiny Editor modified to work with Wikifoundry and GreaseMonkey.\n\n' 
  554. 			+ 'For more info see:\n'
  555. 			+ 'http://www.scriptiny.com/2010/02/javascript-wysiwyg-editor/\n\n'
  556. 			+ 'Some usage notes: In addition to being able to insert images, images can be dragged and dropped to the window. '
  557. 			+ 'But the size will be automatic. Images and text can be used to dynamically create links. Fonts, sizes and colors '
  558. 			+ 'can be modified directly in design mode which translate into the post. Links can also be dragged and dropped into '
  559. 			+ 'the window. Copying and pasting images will paste the image data directly into the window. Unless the image is very small, the '
  560. 			+ 'number of characters will likely be in the thousands and not post. Very small images can, however, still be posted this way.');
  561. 			alert('Some issues to be aware of:\n\nThe control is set to stay in a mode of using only simple markup or RTF. '
  562. 			+ 'There is some bugginess with this mode, and if it\'s pushed too much, will revert to more complex HTML which is ignored '
  563. 			+ 'by Wikifoundry servers. Reverting to HTML is not a major problem, however, as the basic text and images will '
  564. 			+ 'generally make it into the post even if some styling is stripped out by the server. In addition, Youtube videos '
  565. 			+ 'are placed in a containing iframe to make them a visible object in the designer. Youtube videos will not '
  566. 			+ 'display in the designer in Firefox but will post normally as the "source" is what actually gets posted. Youtube videos will, '
  567. 			+ 'however, display in the designer in Chrome. The designer, in general, still performs better in Firefox. The server '
  568. 			+ 'accepts very simple unformatted tables, and additionally, simple tables have been added which can hold and organize '
  569. 			+ 'graphics and text.\n\n'
  570. 			+ 'In summary, the control is only designed to handle simple formatting tasks. Switch to "source" in order to more easily straighten '
  571. 			+ 'things out if things get too messed up. Automatically loading the control can be turned on or off in the settings.');
  572. 		},
  573. 		edit.prototype.hover=function(div,pos,dir){
  574. 			div.style.backgroundPosition=(dir?'34px ':'0px ')+(pos)+'px'
  575. 		},
  576. 		edit.prototype.ddaction=function(dd,a){
  577. 			var i=dd.selectedIndex, v=dd.options[i].value;
  578. 			this.action(a,v)
  579. 		},
  580. 		edit.prototype.action=function(cmd,val,ie){
  581. 			if (!this.d) return;
  582. 			if(ie&&!this.ie){
  583. 				alert('Your browser does not support this function.')
  584. 			}else{
  585. 				this.e.execCommand('styleWithCSS',false,false);
  586. 				this.e.execCommand(cmd,0,val||null);
  587. 			}
  588. 		},
  589. 		edit.prototype.insert=function(pro,msg,cmd){
  590. 			if (!this.d) return;
  591. 			if (cmd == 'insertyoutube')
  592. 			{
  593. 				url = prompt(pro+'\n\nE.g. http://www.youtube.com/watch?v=abc123',msg);
  594. 				if (!url) return;
  595. 				// http://stackoverflow.com/questions/3452546/javascript-regex-how-to-get-youtube-video-id-from-url
  596. 				regexp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|watch\?feature=player_embedded\&v=)([^#\&\?]*).*/;
  597. 				match = url.match(regexp);
  598. 				if (match && match[2].length == 11)
  599. 				{
  600. 					y = match[2];
  601. 				} 
  602. 				else if (url.length == 11)
  603. 				{
  604. 					// If just the id is entered, then do a minimal check of the currently accepted length. 
  605. 					// Presently, Youtube doesn't guaranty any character set or length of an id
  606. 					y = url;
  607. 				}
  608. 				else
  609. 				{
  610. 					alert("The URL or Video ID doesn't appear to be valid or is not matchable. Please ensure a correct entry or try another value.");
  611. 					return;
  612. 				}			
  613. 				f = prompt('Scale default resolution between "0" and "2":\n\nE.g. entering "0.25" will make the video one\nquarter the default size, "2" twice the size, "1" no change, etc.','1');
  614. 				h = 320;
  615. 				w = 405;
  616. 				if (f != null && Number(f))
  617. 				if (Number(f)>0 && Number(f)<=2)
  618. 				{
  619. 					h = Math.round(h * Number(f));
  620. 					w = Math.round(w * Number(f));
  621. 				}
  622. 				// Embed tag credit http://m7r-227.wikifoundry.com
  623. 				val = '<object height="' + h + '" width="' + w + '">'
  624. 					+ '<param name="movie" value="http://wikifoundryattachments.com/IHOlZ-XE6QdUuBNdXdk9jA154555?null=http://'
  625. 					+ '<param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="never"><param name="wmode" value="transparent">'
  626. 					+ '<embed allowfullscreen="true" flashvars="provider=video&amp;image=http://i.ytimg.com/vi/' + y + '/hqdefault.jpg&amp;file=http://ox-proxy.no-ip.org/youtube/' 
  627. 					+ y + '" src="http://wikifoundrytools.com/wiki/m7r-227/widget/unknown/d5a99526c41ad11592c12c7b323ca651af50909a?null=http://" type="application/x-shockwave-flash" wmode="transparent" height="' 
  628. 					+ h + '" width="' + w + '">'
  629. 					+ '<param name="flashvars" value="provider=video&amp;image=http://i.ytimg.com/vi/' 
  630. 					+ y + '/hqdefault.jpg&amp;file=http://ox-proxy.no-ip.org/youtube/' + y + '"></object>';
  631. 				val += '<br><a href="http://youtu.be/' + y + '">' + 'http://youtu.be/' + y + '</a><br><br>';
  632. 				cmd = 'inserthtml';
  633. 			}
  634. 			else if (cmd == 'insertimage')
  635. 			{
  636. 				y = prompt(pro,msg);
  637. 				if (!y) return;
  638. 				if (y.search(/wikifoundry.com/i) != -1) // Need to treat wikifoundry URLs differently
  639. 					y = y.replace(/\./g,'-').replace('http://','http://tinyurl.com/');
  640. 				width = prompt('Image Width:\n\nAuto (image\'s default size), a number (pixels), or a percentage of the page\'s width (e.g. 50%)','auto');
  641. 				if (!width) width = 'auto';
  642. 				// concept of including image title credited to I.Join
  643. 				title = prompt('Image description (Cancel to skip):\n\nA floating popup description dislays when the user\nmoves the mouse cursor over the image.','image');
  644. 				if (title) 
  645. 					title = 'title="' + title + '"';
  646. 				else
  647. 					title = '';
  648. 				val='<img src="'+ y +'" ' + title + ' width="'+ width +'">';
  649. 				cmd = 'inserthtml';
  650. 			}
  651. 			else if (cmd == 'inserttable')
  652. 			{
  653. 				rowstext = prompt("Enter rows:");
  654. 				colstext = prompt("Enter cols:");
  655. 				rows = parseInt(rowstext);
  656. 				cols = parseInt(colstext);
  657. 				if ((rows > 0) && (cols > 0)) 
  658. 				{
  659. 					div = document.createElement("div");
  660. 					table = document.createElement("table");
  661. 					table.setAttribute("border", "1");
  662. 					table.setAttribute("cellpadding", "5");
  663. 					table.setAttribute("cellspacing", "2");
  664. 					tbody = document.createElement("tbody");
  665. 					for (var i=0; i < rows; i++) 
  666. 					{
  667. 						tr = document.createElement("tr");
  668. 						for (var j=0; j < cols; j++) 
  669. 						{
  670. 						  td = document.createElement("td");
  671. 						  br = document.createElement("br");
  672. 						  td.appendChild(br);
  673. 						  tr.appendChild(td);
  674. 						}
  675. 						tbody.appendChild(tr);
  676. 					}
  677. 					table.appendChild(tbody);
  678. 					div.appendChild(table);
  679. 					val = div.innerHTML;
  680. 					cmd = 'inserthtml';
  681. 				}
  682. 				else return;
  683. 			}
  684. 			else val=prompt(pro,msg);
  685. 				
  686. 			if(val!=null&&val!='')
  687. 			{
  688. 				// use styleWithCSS
  689. 				this.e.execCommand('styleWithCSS',false,false);
  690. 				this.e.execCommand(cmd,0,val);
  691. 			}
  692. 		},
  693. 		edit.prototype.setfont=function(){
  694. 			if (!this.d) return;
  695. 			// use styleWithCSS
  696. 			this.e.execCommand('styleWithCSS',false,false);
  697. 			execCommand('formatblock',0,hType);
  698. 		},
  699. 		edit.prototype.resize=function(e){
  700. 			if(this.mv){this.freeze()}
  701. 			this.i.bcs=TINY.cursor.top(e);
  702. 			this.mv=new Function('event',this.n+'.move(event)');
  703. 			this.sr=new Function(this.n+'.freeze()');
  704. 			if(this.ie){
  705. 				document.attachEvent('onmousemove',this.mv); document.attachEvent('onmouseup',this.sr)
  706. 			}else{
  707. 				document.addEventListener('mousemove',this.mv,1); document.addEventListener('mouseup',this.sr,1)
  708. 			}
  709. 		},
  710. 		edit.prototype.move=function(e){
  711. 			var pos=TINY.cursor.top(e);
  712. 			this.i.height=parseInt(this.i.height)+pos-this.i.bcs;
  713. 			this.i.bcs=pos
  714. 		},
  715. 		edit.prototype.freeze=function(){
  716. 			if(this.ie){
  717. 				document.detachEvent('onmousemove',this.mv); document.detachEvent('onmouseup',this.sr);
  718. 				// store height
  719. 				putSetting('ui_textarea_height', this.i.height)
  720. 			}else{
  721. 				document.removeEventListener('mousemove',this.mv,1); document.removeEventListener('mouseup',this.sr,1)
  722. 				// store height
  723. 				putSetting('ui_textarea_height', this.i.height)
  724. 			}
  725. 		},
  726. 		edit.prototype.toggle=function(post,div){
  727. 			if(!this.d)
  728. 			{
  729. 				// From source to wysiwyg
  730. 				var v=this.t.value;
  731. 				if(div){div.innerHTML=this.obj.toggletext||'source'}
  732.  
  733. 				// wikifoundry specific replacements
  734. 				v=v.replace(/\n/gi,'<br />');
  735. 				// v=v.replace(/<strong>(.*?)<\/strong>/gi,'<b>$1</b>');
  736. 				// v=v.replace(/<em>(.*?)<\/em>/gi,'<i>$1</i>')
  737. 				// v=v.replace(/<span style="font-weight: bold;?">(.*)<\/span>/gi,'<b>$1</b>');
  738. 				// v=v.replace(/<span style="font-style: italic;?">(.*)<\/span>/gi,'<i>$1</i>');
  739. 				// v=v.replace(/<span style="font-weight: bold;?">(.*)<\/span>|<b\b[^>]*>(.*?)<\/b[^>]*>/gi,'<b>$1</b>');
  740. 				if(this.xhtml&&!this.ie){
  741. 					// v=v.replace(/<strong>(.*)<\/strong>/gi,'<span style="font-weight: bold;">$1</span>');
  742. 					// v=v.replace(/<em>(.*)<\/em>/gi,'<span style="font-weight: italic;">$1</span>')
  743. 				}
  744. 				this.e.body.innerHTML=v;
  745. 				this.t.style.display='none'; this.i.style.display='block'; this.d=1;
  746. 			}
  747. 			else
  748. 			{
  749. 				// From wysiwyg to source
  750. 				var v=this.e.body.innerHTML;
  751. 				
  752. 				// wikifoundry specific replacements
  753. 				v=v.replace(/&nbsp;/gi,' ');
  754. 				v=v.replace(/&amp;/gi,'&');
  755. 				v=v.replace(/&lt;/gi,'<');
  756. 				v=v.replace(/&gt;/gi,'>');
  757. 				v=v.replace(/&quot;/gi,'"');
  758. 				v=v.replace(/&#0?39;/g,'\'');
  759. 				// Strip out unusable attributes in certain tags
  760. 				v=v.replace(/(<(?:img|font|div|table|tbody|t[rd]|b|u|i|h[2-4]|ol|ul|li|blockquote)\s.*?)(?:class=".*?"\s?)(.*?>)/gi,'$1$2');
  761. 				v=v.replace(/(<(?:img|a|font|div|table|tbody|t[rd]|b|u|i|h[2-4]|ol|ul|li|blockquote)\s.*?)(?:id=".*?"\s?)(.*?>)/gi,'$1$2');
  762. 				v=v.replace(/(<(?:img|a)\s.*?)(?:name=".*?"\s?)(.*?>)/gi,'$1$2');
  763. 				if (this.chrome)
  764. 				{
  765. 					v=v.replace(/style="text-align:\s?(.*?);?"/gi,'align="$1"');
  766. 					v=v.replace(/<div\s*?>\s*?<br\s*?\/?\s*?>\s*?<\/div\s*?>/gi,'\n');
  767. 				}
  768. 				v=v.replace(/style="width: ?(.*?)px; ?height: ?(.*?)px;?"/gi,'width="$1" height="$2"');
  769. 				v=v.replace(/<br\s*?\/?\s*?>/gi,'\n');
  770. 				v=v.replace(/<strong>(.*?)<\/strong>/gi,'<b>$1</b>');
  771. 				v=v.replace(/<em>(.*?)<\/em>/gi,'<i>$1</i>')
  772. 				v=v.replace(/<a href="(.*?)">(.*?)<\/a>/gi,'<a class="external" href="$1" rel="nofollow" target="_blank">$2</a>');
  773. 				v=v.replace(/<span style="font-weight: bold;?">(.*)<\/span>/gi,'<b>$1</b>');
  774. 				v=v.replace(/<span style="font-style: italic;?">(.*)<\/span>/gi,'<i>$1</i>');
  775. 				// Attempt to strip out any remaining unusable tags
  776. 				v=v.replace(/<\/?(?:\!DOCTYPE|abbr|acronym|address|applet|area|base|basefont|bdo|big|body|button|caption|center|cite|code|col|colgroup|dd|del|dfn|dir|dl|dt|em|fieldset|form|frame|frameset|head|h1|h5|h6|hr|html|input|ins|kbd|label|legend|link|map|menu|meta|noframes|noscript|optgroup|option|p|pre|q|s|samp|script|select|small|span|strike|strong|style|sub|sup|textarea|tfoot|th|thead|title|tt|var)(?:>|\s.*?>)/gi,'');
  777. 				// Attempt to strip out the unusable style attribute in any remaining usable tags
  778. 				v=v.replace(/(<(?:img|a|font|div|table|tbody|t[rd]|b|u|i|h[2-4]|ol|ul|li|blockquote)\s.*?)(?:style=".*?"\s?)(.*?>)/gi,'$1$2');
  779.  
  780. 				if(this.xhtml){
  781. 					// v=v.replace(/<span class="apple-style-span">(.*)<\/span>/gi,'$1');
  782. 					// v=v.replace(/ class="apple-style-span"/gi,'');
  783. 					// v=v.replace(/<span style="">/gi,'');
  784. 					// v=v.replace(/<br>/gi,'<br />');
  785. 					// v=v.replace(/<br ?\/?>$/gi,'');
  786. 					// v=v.replace(/^<br ?\/?>/gi,'');
  787. 					// v=v.replace(/(<img [^>]+[^\/])>/gi,'$1 />');
  788. 					// v=v.replace(/<b\b[^>]*>(.*?)<\/b[^>]*>/gi,'<strong>$1</strong>');
  789. 					// v=v.replace(/<i\b[^>]*>(.*?)<\/i[^>]*>/gi,'<em>$1</em>');
  790. 					// v=v.replace(/<u\b[^>]*>(.*?)<\/u[^>]*>/gi,'<span style="text-decoration:underline">$1</span>');
  791. 					// v=v.replace(/<(b|strong|em|i|u) style="font-weight: normal;?">(.*)<\/(b|strong|em|i|u)>/gi,'$2');
  792. 					// v=v.replace(/<(b|strong|em|i|u) style="(.*)">(.*)<\/(b|strong|em|i|u)>/gi,'<span style="$2"><$4>$3</$4></span>');
  793. 					// v=v.replace(/<span style="font-weight: normal;?">(.*)<\/span>/gi,'$1');
  794. 					// v=v.replace(/<span style="font-weight: bold;?">(.*)<\/span>/gi,'<strong>$1</strong>');
  795. 					// v=v.replace(/<span style="font-style: italic;?">(.*)<\/span>/gi,'<em>$1</em>');
  796. 					// v=v.replace(/<span style="font-weight: bold;?">(.*)<\/span>|<b\b[^>]*>(.*?)<\/b[^>]*>/gi,'<strong>$1</strong>')
  797. 				}
  798. 				if(div){div.innerHTML=this.obj.toggletext||'wysiwyg'}
  799. 				this.t.value=v;
  800. 				if(!post){
  801. 					this.t.style.height=this.i.height+'px';
  802. 					this.i.style.display='none'; this.t.style.display='block'; this.d=0
  803. 				}
  804. 			}
  805. 		},
  806. 		edit.prototype.post=function(){
  807. 			this.e.execCommand('styleWithCSS',false,false);
  808. 			if(this.d){this.toggle(1)}
  809. 		};
  810. 		return{edit:edit}
  811. 	}();
  812.  
  813. 	TINY.cursor=function(){
  814. 		return{
  815. 			top:function(e){
  816. 				return T$$$() ? window.event.clientY+document.documentElement.scrollTop+document.body.scrollTop : e.clientY+window.scrollY
  817. 			}
  818. 		}
  819. 	}();
  820. 	
  821. 	decodeHTML = function(a) {return a.replace(/&amp;/g, '&').replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&quot;/g, '"').replace(/&#0?39;/g, '\'');}
  822. 	newlinesToUnicode = function(a) {return a.replace(/<br\s*\/?>/gi,"\n");}
  823.  
  824. 	// Corresponds to original processing when editing a post, originally coded by Gu1.
  825. 	loadOriginalPost = function(e) 
  826. 	{
  827. 		var textNode = e.parentNode.parentNode.childNodes[5];
  828. 		var postText = document.getElementById('edit_postText');
  829. 		var postQuote = document.getElementById('edit_postQuote');
  830. 		
  831. 		setTimeout(function() {
  832. 			if(document.getElementById('postEditor').style.display == 'block')
  833. 			{
  834. 				var A = textNode.cloneNode(true);
  835. 				var B;
  836. 				var C = A.firstChild;
  837. 				
  838. 				while(C)
  839. 				{
  840. 					B = C.nextSibling;
  841. 					if(C.nodeName.toUpperCase() === "BLOCKQUOTE")
  842. 					{
  843. 						postQuote.value = C.innerHTML.replace(/^"|"$/g, '');
  844. 						postQuote.value = decodeHTML(newlinesToUnicode(postQuote.value));
  845. 						A.removeChild(C);
  846. 						break;
  847. 					}
  848. 					C=B;
  849. 				}
  850. 				postText.value = decodeHTML(newlinesToUnicode(A.innerHTML));
  851. 			}
  852. 		}, 50); // we wait 50ms before executing
  853. 	}
  854. 	
  855. 	var tinyEditor = null;
  856. 	
  857. 	postSubmitted = function(elem)
  858. 	{
  859. 		if (tinyEditor) tinyEditor.post();
  860. 		if (getSetting('return_on_post', 'true') == 'true' && elem.id == 'threadFormSubmitButton' && window['sessionStorage'] !== null)
  861. 		if (document.getElementsByClassName('paging')[0]) 
  862. 			window.sessionStorage['added_post'] = 'jump_end_of_thread';
  863. 		else
  864. 			window.sessionStorage['added_post'] = 'scroll_down';
  865. 	}
  866. 	
  867. 	cancelPost = function(){window.location.reload()}
  868. 	
  869. 	loadInitialize = function(nCount)
  870. 	{
  871. 		if (nCount > 10) return;
  872. 		var textElement = innerGetPostElement('threadFormBody', 'edit_postText');
  873. 		// if text area loaded and visible
  874. 		if (textElement)
  875. 		{
  876. 			if (getSetting('ui_uncheck_watch_this_thread', 'true') == 'true')
  877. 			{
  878. 				elem = innerGetPostElement('notifyMeCbx','');
  879. 				if (elem) elem.checked = false;
  880. 			}
  881. 			
  882. 			textElement.style.font = getSetting('ui_default_post_font', '12px Arial');
  883. 			
  884. 			// Critical part of unrestricted posting first added by Gu1
  885. 			XMLHttpRequest.prototype.origsend = XMLHttpRequest.prototype.send;
  886. 			XMLHttpRequest.prototype.send = function(input)
  887. 			{	
  888. 				
  889. 				if(input == null)
  890. 				{
  891. 					return this.origsend();
  892. 				}
  893. 				
  894. 				if(input.substr != undefined && input.substr(0, 20) == "<thread><posts><post") // are we posting a new post ?
  895. 				{
  896. 					// Use [\s\S]* instead of .* because the dot doesnt match new lines and there is no "DOTALL" flag
  897. 					var regex = new Array();
  898. 					// Regular expression, to match valid tags, modified to fix issue that sometimes occurs with nested tags. In input, \n is already replaced with <br> or <br />
  899. 					regex[0] = /&lt;\/?(?:img|a|font|div|table|tbody|t[rd]|object|param|b|u|i|embed|h[2-4]|ol|ul|li|blockquote)(?:&gt;|\s[\s\S]*?&gt;)/gi;
  900. 					// HTML tags that should be stripped out because they can not be used.
  901. 					regex[1] = /&lt;\/?(?:\!DOCTYPE|abbr|acronym|address|applet|area|base|basefont|bdo|big|body|button|caption|center|cite|code|col|colgroup|dd|del|dfn|dir|dl|dt|em|fieldset|form|frame|frameset|head|h1|h5|h6|hr|html|iframe|input|ins|kbd|label|legend|link|map|menu|meta|noframes|noscript|optgroup|option|p|pre|q|s|samp|script|select|small|span|strike|strong|style|sub|sup|textarea|tfoot|th|thead|title|tt|var)(?:&gt;|\s[\s\S]*?&gt;)/gi;
  902. 					
  903. 					var docu = (new DOMParser).parseFromString(input, "text/xml"); // the data as an XMLDocument object
  904. 					var text = docu.getElementsByTagName('text');
  905. 					if(text.length == 1) // to avoid an error if the text element doesnt exist
  906. 					{
  907. 						text = text[0].firstChild;
  908. 						// see "decodeHTML" in www.js
  909. 						// Strip out unusable tags
  910. 						text.nodeValue = text.nodeValue.replace(regex[1], '');
  911. 						// Decode usable tags
  912. 						text.nodeValue = text.nodeValue.replace(regex[0], function(i){return decodeHTML(i)});
  913. 						input = (new XMLSerializer()).serializeToString(docu);
  914. 					}
  915. 				}
  916. 				return this.origsend(input); // calling the real method
  917. 			} // end send
  918.  
  919. 			var postBtn = innerGetPostElement('threadFormSubmitButton', 'edit_postSubmit');
  920. 			if (postBtn) {
  921. 				postBtn.addEventListener('mousedown', function(){postSubmitted(this)}, false);
  922. 				postBtn.disabled = false;
  923. 			}
  924. 			postBtn = innerGetPostElement('closeThreadButton', 'edit_postCancel');
  925. 			if (postBtn) {
  926. 				postBtn.addEventListener('click', cancelPost, false);
  927. 			}
  928.  
  929. 			if (getSetting('ui_auto_tinyeditor', 'true') == 'true') activateTinyEditor();
  930.  
  931. 			return;
  932. 		}
  933. 		else
  934. 		{
  935. 			nCount++;
  936. 			setTimeout("loadInitialize("+nCount+")", 100);
  937. 		}
  938. 	}
  939. 	
  940. 	activateTinyEditor = function()
  941. 	{
  942. 		var teFrame = document.getElementById('iframe_editor');
  943. 		if (!teFrame)
  944. 		{
  945. 			tinyEditor = new TINY.editor.edit('editor',{
  946. 			id:'',
  947. 			width:"98%",
  948. 			height:getSetting('ui_textarea_height', '200'),
  949. 			cssclass:'te',
  950. 			controlclass:'tecontrol',
  951. 			rowclass:'teheader',
  952. 			dividerclass:'tedivider',
  953. 			controls:['bold','italic','underline','|','leftalign','centeralign','rightalign','blockjustify','|','link','unlink','image','insertyoutube','inserttable','|','orderedlist','unorderedlist','n',
  954. 					  'font','size','tcolor','style','|','undo','redo','|','unformat','|','help'],
  955. 			footer:true,
  956. 			fonts:['Arial','Arial Black','Comic Sans MS','Courier','Courier New','Cursive','Garamond','Georgia','Helvetica','Impact','Monospace','Sans-Serif','Serif','Times','Verdana'],
  957. 			tcolors:['Black','Blue','Brown','Crimson','Cyan','FireBrick','Gold','Gray','Green','HotPink','LightCoral','Lime','Magenta','Maroon','Navy','Olive','Orange','OrangeRed','Pink','Purple','Red','Silver','Teal','Tomato','White','Yellow'],
  958. 			styles:[['[Style]',''],['Header 2','<h2>'],['Header 3','<h3>'],['Header 4','<h4>']],
  959. 			xhtml:false,
  960. 			bodyid:'editor',
  961. 			footerclass:'tefooter',
  962. 			toggle:{text:'source',activetext:'wysiwyg',cssclass:'toggle'},
  963. 			resize:{cssclass:'resize'}
  964. 			});
  965. 		} // end if
  966. 		
  967. 		// Seems to be the way with the least bugginess to use RTF. 
  968. 		teFrame = document.getElementById('iframe_editor'); // if editor just created
  969. 		if (!teFrame) teFrame.contentWindow.document.execCommand('styleWithCSS', false, false);
  970. 	} // end activateTinyEditor
  971. } // end main
  972.  
  973. // Function finds and returns an element in a new post or edit
  974. getPostElement = function(idPostNew, idPostEdit) 
  975. {	
  976. 	try
  977. 	{
  978. 		// Find the area the user is actually using.
  979. 		if (!idPostNew && !idPostEdit) return undefined;
  980. 		var i = 0, j = 0;
  981. 		var cForms = document.getElementsByName('threadFormElement');
  982. 		if (cForms[0]) 
  983. 		for (i in cForms)
  984. 		{
  985. 			// Find the correct form, style and parent div with a visible style. This only occurs on a new post
  986. 			if (cForms[i] && cForms[i].parentNode)
  987. 			if (cForms[i].name == 'threadFormElement' && cForms[i].style.display == 'block' && cForms[i].parentNode.style.display == 'block')
  988. 			{
  989. 				if (cForms[i].elements)
  990. 				{
  991. 					// find the specified element in the form
  992. 					for (j in cForms[i].elements)
  993. 					{
  994. 						if (cForms[i].elements[j].id == idPostNew)
  995. 						{
  996. 							return cForms[i].elements[j];
  997. 							break;
  998. 						} // end if
  999. 					} // end for
  1000. 				
  1001. 				}
  1002. 				break;
  1003. 			} // end if
  1004. 		} // end for
  1005. 		// Post is an edit
  1006. 		var elemPost = document.getElementById(idPostEdit);
  1007. 		// Check again to make sure the div parent is visible
  1008. 		if (elemPost && elemPost.parentNode.parentNode)
  1009. 		if (elemPost.parentNode.parentNode.style.display == 'block')
  1010. 			return elemPost;
  1011. 		else
  1012. 			return undefined;
  1013. 	}
  1014. 	catch (e) {
  1015. 		// GM_log(e.source + '\n' + e.message);
  1016. 		if (debug) alert(e.source + '\n' + e.message);
  1017. 		return undefined;
  1018. 	} // end try catch
  1019. }
  1020.  
  1021. // Separate config from main so that settings can be set on any page but still referenced by functions in main
  1022. function config()
  1023. { 
  1024. 	putSetting = function(name, val)
  1025. 	{
  1026. 		if (name && 'localStorage' in window && window['localStorage'] !== null)
  1027. 			window.localStorage[name] = val;
  1028. 	}
  1029.  
  1030. 	getSetting = function(name, defval)
  1031. 	{
  1032. 		var val = null;
  1033. 		if (name && 'localStorage' in window && window['localStorage'] !== null)
  1034. 			val = window.localStorage[name];
  1035. 		if (val)
  1036. 			return val;
  1037. 		else
  1038. 			return defval;
  1039. 	}
  1040.  
  1041. 	// CONFIGURATION
  1042. 	// Configuration Panel
  1043. 	cfg_show = function()
  1044. 	{
  1045. 		if(document.getElementById('cfg')){return 0;}
  1046. 		var pnlcon = null;
  1047. 		pnlcon = document.getElementById('pageContentInner');
  1048. 		if (pnlcon)
  1049. 		{
  1050. 			pnlcon.innerHTML+='<div style="position:fixed;z-index:10;top:0px;left:50%;width:350px;margin-left:-175px;background-color:black;color:white;"><form id="cfg" name="cfg">'
  1051. 			+'<fieldset><legend>UnTaint Settings</legend><small>'
  1052. 			+'<input name="ui_avatar_w" id="ui_avatar_w" type="text" size="2" /> Avatar width (pixels)<br /><br />'
  1053. 			+'<input name="ui_hide_rater" id="ui_hide_rater" type="checkbox" /> Hide \'Do you find this valuable?\'<br />'
  1054. 			// added ui_show_leftcolumn. The option to allow for the left navigation bar to remain 
  1055. 			+'<input name="ui_show_leftcolumn" id="ui_show_leftcolumn" type="checkbox" /> Show left navigation<br />'
  1056. 			// added ui_auto_tinyeditor.
  1057. 			+'<input name="ui_auto_tinyeditor" id="ui_auto_tinyeditor" type="checkbox" /> Auto load WYSIWYG (\'off\' restores older tools)<br />'
  1058. 			// added ui_uncheck_watch_this_thread.
  1059. 			+'<input name="ui_uncheck_watch_this_thread" id="ui_uncheck_watch_this_thread" type="checkbox" /> Auto uncheck \'watch this thread\'<br />'
  1060. 			// added return_on_post.
  1061. 			+'<input name="return_on_post" id="return_on_post" type="checkbox" /> On new post, auto jump to end of thread<br /><br />'
  1062. 			+'Default editing font:<br />'
  1063. 			// added ui_default_post_font.
  1064. 			+'<input type="text" name="ui_default_post_font" id="ui_default_post_font" /><br /><br />'
  1065. 			+'Filter users\' posts:<br />'
  1066. 			+'<textarea name="ui_user_filter" id="ui_user_filter" cols="40" rows="2" ></textarea><br />'
  1067. 			+'<small>Note: Names must be exact and separated by commas.</small><br /><br />'
  1068. 			+'<input name="refresh_threadlist" id="refresh_threadlist" type="text" size="2" /> Thread list reload interval <small>(in seconds; 0 to disable)</small><br />'
  1069. 			+'<center><button type="button" onclick="cfg_save();window.location.reload();">Save</button><button type="button" onclick="window.location.reload();">Cancel</button></center>'
  1070. 			+'</small></fieldset></form></div>';
  1071.  
  1072. 			document.getElementById('ui_avatar_w').value = getSetting('ui_avatar_w', '50');
  1073. 			document.getElementById('ui_hide_rater').checked = (getSetting('ui_hide_rater', 'true') == 'true');
  1074. 			document.getElementById('ui_user_filter').value = getSetting('ui_user_filter', '');
  1075. 			document.getElementById('refresh_threadlist').value = getSetting('refresh_threadlist', '0');
  1076. 			// newer values 
  1077. 			document.getElementById('ui_show_leftcolumn').checked = (getSetting('ui_show_leftcolumn', 'false') == 'true');
  1078. 			document.getElementById('ui_auto_tinyeditor').checked = (getSetting('ui_auto_tinyeditor', 'true') == 'true');
  1079. 			document.getElementById('ui_uncheck_watch_this_thread').checked = (getSetting('ui_uncheck_watch_this_thread', 'true') == 'true');
  1080. 			document.getElementById('ui_default_post_font').value = getSetting('ui_default_post_font', '12px Arial');
  1081. 			document.getElementById('return_on_post').checked = (getSetting('return_on_post', 'true') == 'true');
  1082. 		}
  1083. 	}
  1084.  
  1085. 	// Save Configuration
  1086. 	cfg_save = function()
  1087. 	{
  1088. 		putSetting('ui_user_filter', document.getElementById('ui_user_filter').value.replace(', ',',').replace('\n',''));
  1089. 		putSetting('ui_avatar_w', document.getElementById('ui_avatar_w').value);
  1090. 		putSetting('ui_hide_rater', document.getElementById('ui_hide_rater').checked);
  1091. 		putSetting('refresh_threadlist', document.getElementById('refresh_threadlist').value);
  1092. 		// newer values 
  1093. 		putSetting('ui_show_leftcolumn', document.getElementById('ui_show_leftcolumn').checked);
  1094. 		putSetting('ui_auto_tinyeditor', document.getElementById('ui_auto_tinyeditor').checked);
  1095. 		putSetting('ui_uncheck_watch_this_thread', document.getElementById('ui_uncheck_watch_this_thread').checked);
  1096. 		putSetting('ui_default_post_font', document.getElementById('ui_default_post_font').value);
  1097. 		putSetting('return_on_post', document.getElementById('return_on_post').checked);
  1098. 	}
  1099. } // end config
  1100.  
  1101. try 
  1102. {
  1103. 	// Always add setting functions to page
  1104. 	var script = document.createElement('script');
  1105. 	script.type = 'text/javascript';
  1106. 	script.appendChild(document.createTextNode('('+ config +')();'));
  1107. 	if (document.head) document.head.appendChild(script);	
  1108. 	// Add posting tools when they're relevant
  1109. 	var reply = getElementsByClassName('threadModify');
  1110. 	if (reply[0])
  1111. 	{
  1112. 		// Add 'main' to page when needed
  1113. 		script = document.createElement('script');
  1114. 		script.type = 'text/javascript';
  1115. 		script.appendChild(document.createTextNode('('+ main +')();'));
  1116. 		if (document.head) document.head.appendChild(script);
  1117. 		var eventFunctions = 'loadInitialize(0);' + (ui_auto_tinyeditor ? '' : 'posting_tools();');
  1118. 		for (i in reply)
  1119. 		{
  1120. 			// loadInitialize() is critical to the post filter
  1121. 			if (reply[i].hasAttributes) 
  1122. 			{
  1123. 				if (reply[i].innerHTML.search('WPC-action_editThreadPost') >= 0)
  1124. 						reply[i].setAttribute('onclick', 'loadOriginalPost(this);' + eventFunctions);
  1125. 				else if (reply[i].innerHTML.search('WPC-action_deleteThread') < 0) 
  1126. 						reply[i].setAttribute('onclick', eventFunctions);
  1127. 			}
  1128. 		}
  1129. 	}
  1130. }
  1131. catch (e) 
  1132. {
  1133. 	if (debug) alert(e.source + '\n' + e.message);
  1134. }
  1135.  
  1136. // User posts filter
  1137. // Modified "for loops" by I.Join to function in FF 4.x 
  1138. try
  1139. {
  1140. 	if (document.getElementById('threadList'))
  1141. 	{
  1142. 		var td = document.getElementById('threadList').getElementsByTagName('td');
  1143. 		for(var a = 0; a < td.length; a++)	// for (var a in  td)
  1144. 		{
  1145. 			if (td[a].getElementsByTagName('a'))
  1146. 			{
  1147. 				var td2 = td[a].getElementsByTagName('a');
  1148. 				for(var b = 0; b < td2.length; b++)	// for (var b in td2)
  1149. 				{
  1150. 					if (b == 2 && td2[b].innerHTML && ui_user_filter.split(',').contains(td2[b].innerHTML))
  1151. 					{
  1152. 						var tr = td2[2].parentNode.parentNode;
  1153. 						tr.setAttribute('title', tr.getElementsByClassName('WPC-action')[1].innerHTML+': \n'+tr.getElementsByClassName('threadText')[0].innerHTML);
  1154. 						tr.innerHTML = '<td style="background-color:firebrick;border:1px solid maroon;border-right-width:0;"></td><td style="background-color:firebrick;border:1px solid maroon;border-left-width:0;"></td>';
  1155. 					}
  1156. 				}
  1157. 			}
  1158. 		}
  1159. 	}
  1160. }
  1161. catch (e)
  1162. {
  1163. 	if (debug) alert(e.source + '\n' + e.message);
  1164. }
  1165.  
  1166. // Added a show left navigation bar option for those who want to add new pages and/or use the navigation bar.
  1167. if(ui_show_leftcolumn)
  1168. 	// Show navigation and narrow page
  1169. 	GM_addStyle('#leftColumn {margin-top:1px;}')
  1170. else
  1171. 	// Hide navigation/Widen page to the entire screen
  1172. 	GM_addStyle('#outer {padding-left:0 !important;}');
  1173. 	
  1174. // ======== AESTHETIC CHANGES ========
  1175. GM_addStyle('#pageContentInner{min-height:400px !important;padding-bottom:0;}');
  1176. // Set background color from black to silver to make it more generic for all sites. This also effects the background color in design mode in FF but not in Chrome
  1177. GM_addStyle('#footer{display:none !important;} body{background-color:silver !important;} #WPC-bodyContentContainer{margin-bottom:-50px !important;}');
  1178. GM_addStyle('#relatedContent{font-size:80% !important;} #pageContentInner{padding-bottom:0 !important;}');
  1179. GM_addStyle('#gnPromoLinks {display:none;}'); // Hide search area
  1180.  
  1181. // Hide "Do you find this valuable?"
  1182. if(ui_hide_rater)
  1183. {
  1184. 	GM_addStyle('.threadRater{display:none !important;}');
  1185. }
  1186.  
  1187. // Enlarge Avatars
  1188. GM_addStyle('img.imageSm{width:'+ui_avatar_w+'px;}');
  1189. // Remove Ads for those without Adblock+
  1190. GM_addStyle('#adsTop, .ads{display:none !important;}')
  1191.  
  1192. // Auto-refresh for Thread list
  1193. // Stripped the domain back to .com to accommodate custom wiki names and 
  1194. // Added $/m as it wasn't always evaluating to true when "thread" at eol
  1195. if (window.location.href.search(/\.com\/thread($|[^\/])/mi) >= 0 && refresh_threadlist > 0) // Auto refresh
  1196. 	setTimeout(function(){window.location.reload()}, refresh_threadlist*1000);
  1197.  
  1198. // Untaint Panel. Ternary operator. If page numbers exist, 
  1199. // then mirror them in the Untaint panel's innerHTML, else return an empty string to display nothing.
  1200. try {var pages = (getElementsByClassName('paging')[0]) ? getElementsByClassName('paging')[0].innerHTML : ''; /* Page #'s */ } 
  1201. catch (e) {if (debug) alert(e.source + '\n' + e.message)}
  1202.  
  1203. var panelsTemp = null;
  1204. try {
  1205. 	panelsTemp = document.getElementById('siteHeader');
  1206. 	if (panelsTemp)
  1207. 		panelsTemp.innerHTML+='<a name="top"></a>';
  1208. }
  1209. catch (e) {
  1210. 	if (debug) alert(e.source + '\n' + e.message);
  1211. }
  1212.  
  1213. try {
  1214. 	// Changed element from allContentInner to pageContentInner.
  1215. 	// The outer frame and styling of the navigation panel. Plus, adding "bottom"
  1216. 	panelsTemp = document.getElementById('pageContentInner');
  1217. 	if (panelsTemp)
  1218. 		panelsTemp.innerHTML+='<a name="bottom"></a>'
  1219. 		+'<div style="position:fixed;top:25px;right:6px;width:200px;background:black;color:white;font-size:80%;border:1px solid white;padding:4px;" id="untaintpanel"></div>';
  1220. }
  1221. catch (e) {
  1222. 	if (debug) alert(e.source + '\n' + e.message);
  1223. }
  1224.  
  1225. try {
  1226. 	var utpanel = document.getElementById('untaintpanel'); 
  1227. 	if (utpanel)
  1228. 	{
  1229. 		// Inner components of the navigation panel
  1230. 		utpanel.innerHTML=''
  1231.  		+'<b>UnTaint | <small><sup><a href="#top" onclick="cfg_show();">Settings</a></sup></small></b><small>'
  1232. 		+'<div style="float:right;padding-right:5px;padding-top:2px;"><a href="#top">Top</a><br /><a href="#bottom" onclick="setTimeout(function(){window.scroll(0,'+getDocHeight()+')},100);">Bottom</a></div>'
  1233. 		+'<br /><form method="get" action="http://google.com/search" style="display:inline;"><input type="text" name="q" size="18" maxlength="255" /><input type="hidden" name="sitesearch" value="'+window.location.host+'" /> <input type="submit" value="Search" /></form><br />'
  1234. 		+'<hr style="border-color:black;margin:1px;" />'
  1235. 		+'<form style="display:inline;"><input size="18" name="num" id="num" /> <input type="button" value="To Page" onclick="javascript:window.location=\'?offset=\'+(parseInt(document.getElementById(\'num\').value)*20-20).toString()+\'&maxResults=20\';" /></form><br />'
  1236. 		+'<b><center style="margin-top:4px;margin-bottom:2px;">'+pages+'</center></b></small>';
  1237. 		utpanel.innerHTML = utpanel.innerHTML.replace('Previous','Prev'); 
  1238. 	}
  1239. }
  1240. catch (e) {
  1241. 	if (debug) alert(e.source + '\n' + e.message);
  1242. }
  1243.  
  1244. try {
  1245. 	panelsTemp = document.getElementById('gnSearch');
  1246. 	if (panelsTemp)
  1247. 		panelsTemp.innerHTML='<small>'+panelsTemp.innerHTML+'</small>';
  1248. }
  1249. catch (e) {
  1250. 	if (debug) alert(e.source + '\n' + e.message);
  1251. }