☰

futaba_thread_highlighter

スレ本文を検索してカタログでスレッド監視しちゃう

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

  1. // ==UserScript==
  2. // @name        futaba_thread_highlighter
  3. // @namespace   https://github.com/himuro-majika
  4. // @description スレ本文を検索してカタログでスレッド監視しちゃう
  5. // @include     http://*.2chan.net/*/futaba.php?mode=cat*
  6. // @version     1.2
  7. // @require     http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js
  8. // @grant       GM_registerMenuCommand
  9. // @grant       GM_getValue
  10. // @grant       GM_setValue
  11. // @grant       GM_addStyle
  12. // ==/UserScript==
  13.  
  14. this.$ = this.jQuery = jQuery.noConflict(true);
  15.  
  16. (function ($) {
  17. 	var akahukuloadstat;
  18. 	
  19. 	init();
  20. 	
  21. 	function init(){
  22. 		console.log("futaba_thread_highlighter: " + GM_getValue("_futaba_thread_search_words"));
  23. 		GM_registerMenuCommand("スレッド検索ワード編集", editWords);
  24. 		setStyle();
  25. 		makecontainer();
  26. 		highlight();
  27. 		setInterval(check_akahuku_reload, "100");
  28. 	}
  29. 	
  30. 	/*
  31. 	 *検索文字列の設定
  32. 	 */
  33. 	function editWords(){
  34. 		var userinput;	//検索文字列入力値
  35. 		userinput = prompt("スレ本文に含まれる語句を入力してください。 | を挟むと複数指定できます。正規表現使用可。\n例 : img|dat村|mayちゃん|junくん|dec",
  36. 						   GM_getValue("_futaba_thread_search_words") )
  37. 		if ( userinput != null ){
  38. 			GM_setValue("_futaba_thread_search_words", userinput);
  39. 			highlight();
  40. 		}
  41. 		console.log("futaba_thread_highlighter: " + GM_getValue("_futaba_thread_search_words"));
  42. 	}
  43. 	
  44. 	/*
  45. 	 *スレピックアップ表示エリアの設定
  46. 	 */
  47. 	function makecontainer() {
  48. 		var $pickup_thread_container = $("<div>", {
  49. 			id: "futaba_thread_highlighter_highlighted_threads",
  50. 			css: {
  51. 				"overflow": "hidden"
  52. 			}
  53. 		});
  54. 		$("body > table[align]").before($pickup_thread_container);
  55. 		
  56. 		var $container_header = $("<div>", {
  57. 			id: "futaba_thread_highlighter_container_header",
  58. 			text: "スレッド検索該当スレッド",
  59. 			css: {
  60. 				backgroundColor: "#F0E0D6",
  61. 				fontWeight: "bolder"
  62. 			}
  63. 		});
  64. 		$pickup_thread_container.append($container_header);
  65. 		//設定ボタン
  66. 		var $button = $("<span>", {
  67. 			id: "futaba_thread_highlighter_searchword",
  68. 			text: "[設定]",
  69. 			css: {
  70. 				cursor: "pointer",
  71. 			},
  72. 			click: function() {
  73. 				editWords();
  74. 			}
  75. 		});
  76. 		$button.hover(function () {
  77. 			$(this).css({ backgroundColor:"#EEAA88" });
  78. 		}, function () {
  79. 			$(this).css({ backgroundColor:"#F0E0D6" });
  80. 		});
  81. 		$container_header.append($button);
  82. 	}
  83. 	
  84. 	/*
  85. 	 *赤福の動的リロードの状態を取得
  86. 	 */
  87. 	function check_akahuku_reload() {
  88. 		if ( get_akahuku_reloading_status() == 0 || get_akahuku_reloading_status() == 1 ) {
  89. 			akahukuloadstat = true;
  90. 		}
  91. 		else if ( get_akahuku_reloading_status() == 2 || get_akahuku_reloading_status() == 3 ) {
  92. 			if ( akahukuloadstat ) {
  93. 				highlight();
  94. 			}
  95. 			akahukuloadstat = false;
  96. 		}
  97. 		function get_akahuku_reloading_status() {
  98. 			var $acrs = $("#akahuku_catalog_reload_status");	//赤福
  99. 			var $fvw = $("#fvw_mes");							//ふたクロ
  100. 			var relstat;
  101. 			if ( $acrs.length ) {
  102. 				//赤福
  103. 				if ( $acrs.text().match(/ロード中/) ) {
  104. 					relstat = 0;
  105. 				}
  106. 				else if ( $acrs.text().match(/更新中/) ) {
  107. 					relstat = 1;
  108. 				}
  109. 				else if ( $acrs.text().match(/完了しました/) ) {
  110. 					relstat = 2;
  111. 				}
  112. 				else {
  113. 					relstat = 3;
  114. 				}
  115. 			}
  116. 			if ( $fvw.length ){
  117. 				//ふたクロ
  118. 				if ( $fvw.text().match(/Now Loading/) ) {
  119. 					relstat = 0;
  120. 				}
  121. 				else if ( $fvw.text().match(/更新しました/) ) {
  122. 					relstat = 2;
  123. 				}
  124. 				else {
  125. 					relstat = 3;
  126. 				}
  127. 			}
  128. 			return relstat;
  129. 		}
  130. 	}
  131. 	
  132. 	/*
  133. 	 *カタログを検索して強調表示
  134. 	 */
  135. 	function highlight() {
  136. 		var Start = new Date().getTime();//count parsing time
  137. 		var words = GM_getValue("_futaba_thread_search_words")
  138. 		var re = new RegExp(words, "i");
  139. 		if ( words != "" ) {
  140. 			$(".futaba_thread_highlighter_highlighted").removeClass("futaba_thread_highlighter_highlighted");
  141. 			$("body > table[align] td small").each(function(){
  142. 				if( $(this).text().match(re) ) {
  143. 					if ( !$(this).children(".futaba_thread_highlighter_matchedword").length ) {
  144. 						$(this).html($(this).html().replace(re, "<span class='futaba_thread_highlighter_matchedword'>" +
  145. 															$(this).text().match(re) + "</span>"));
  146. 					}
  147. 					if ( $(this).parent("a").length ) {		//文字スレ
  148. 						$(this).parent().parent("td").addClass("futaba_thread_highlighter_highlighted");
  149. 					} else {
  150. 						$(this).parent("td").addClass("futaba_thread_highlighter_highlighted");
  151. 					}
  152. 				}
  153. 			});
  154. 			pickup_highlighted();
  155. 		}
  156. 		console.log('Parsing: '+((new Date()).getTime()-Start) +'msec');//log parsing time
  157. 	}
  158.  
  159. 	/*
  160. 	 *強調表示したスレを先頭にピックアップ
  161. 	 */
  162. 	function pickup_highlighted() {
  163. 		if ( $("#futaba_thread_highlighter_highlighted_threads .futaba_thread_highlighter_pickuped").length ) {
  164. 			$("#futaba_thread_highlighter_highlighted_threads .futaba_thread_highlighter_pickuped").remove();
  165. 		}
  166. 		var highlighted = $("body > table .futaba_thread_highlighter_highlighted").clone();
  167. 		$("#futaba_thread_highlighter_highlighted_threads").append(highlighted);
  168. 		//要素の中身を整形
  169. 		highlighted.each(function(){
  170. 			if ( !$(this).children("small").length ) {		//文字スレ
  171. 				//console.log($(this).children("a").html());
  172. 				//$(this).children("a").replaceWith("<div class='futaba_thread_highlighter_pickuped_caption'>" + $(this).html() + "</div>");
  173. 			} else {
  174. 				$(this).children("small").replaceWith("<div class='futaba_thread_highlighter_pickuped_caption'>" +
  175. 													  $(this).children("small").html() + "</div>");
  176. 				$(this).children("br").replaceWith();
  177. 			}
  178. 			$(this).replaceWith("<div class='futaba_thread_highlighter_pickuped'>" + $(this).html() + "</div>");
  179. 		});
  180. 		set_img_height_width();
  181. 		/*
  182. 		 *ピックアップしたスレ画像の高さと幅に合わせる
  183. 		 */
  184. 		function set_img_height_width(){
  185. 			var $pickuped = $(".futaba_thread_highlighter_pickuped");
  186. 			var img_height_ary = new Array;
  187. 			$pickuped.each(function(){
  188. 				var height = $(this).find("img").attr("height");
  189. 				if (height) {
  190. 					img_height_ary.push(parseInt(height));
  191. 				}
  192. 				var width = $(this).find("img").attr("width");
  193. 				$(this).css({
  194. 					//スレ画の幅に合わせる
  195. 					width: width,
  196. 				});
  197. 				$(this).children("div").css({
  198. 					width: width,
  199. 				});
  200. 			});
  201. 			//画像の高さの最大値を取得
  202. 			var max_height_num = Math.max.apply(null, img_height_ary);
  203. 			$pickuped.css({
  204. 				height: (max_height_num + 110) + "px",
  205. 			});
  206. 		}
  207. 	}
  208. 	
  209. 	/*
  210. 	 *スタイル設定
  211. 	 */
  212. 	function setStyle() {
  213. 		var css =
  214. 			//マッチ文字列の背景色
  215. 			".futaba_thread_highlighter_matchedword {" +
  216. 			"  background-color: #ff0;" +
  217. 			"}" +
  218. 			//セルの背景色
  219. 			".futaba_thread_highlighter_highlighted {" +
  220. 			"  background-color: #FFDFE9;" +
  221. 			"}" +
  222. 			//ピックアップスレ
  223. 			".futaba_thread_highlighter_pickuped {" +
  224. 			"  min-width: 70px;" +
  225. 			"  margin: 1px;" +
  226. 			"  background-color: #FFDFE9;" +
  227. 			"  border-radius: 5px;" +
  228. 			"  float: left;" +
  229. 			"  word-wrap: break-word;" +
  230. 			"}" +
  231. 			//ピックアップスレ本文
  232. 			".futaba_thread_highlighter_pickuped_caption {" +
  233. 			"  min-width: 70px;" +
  234. 			"  font-size: 12px;" +
  235. 			"  background-color: #ffdfe9;" +
  236. 			"  height: 80px;" +
  237. 			"  overflow: hidden;" +
  238. 			"}" +
  239. 			".futaba_thread_highlighter_pickuped_caption:hover {" +
  240. 			"  position: absolute;" +
  241. 			"  height: auto;" +
  242. 			"  z-index: 100;" +
  243. 			"}";
  244. 		GM_addStyle(css);
  245. 	}
  246. })(jQuery);
  247.