☰

Livetube Thumbnail Filter

Livetubeトップページの配信サムネイルをフィルタリングする機能を提供する

  1. // ==UserScript==
  2. // @name         Livetube Thumbnail Filter
  3. // @namespace    https://greasyfork.org/ja/users/8279-nistim
  4. // @version      0.1
  5. // @description  Livetubeトップページの配信サムネイルをフィルタリングする機能を提供する
  6. // @author       nistim
  7. // @match        http://livetube.cc/
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. $(function()
  12. {
  13.     // サムネイル一覧のdiv要素にIDを追加する
  14.     $("#contentBox h3:contains('配信中の動画')").next().attr('id', 'thumbnails');
  15.     // サムネイル一覧の上部に入力フォームを追加する
  16.     $("#thumbnails").before("フィルタ：<input type='text' id='searchForm' style='margin: 0px 0px 0.6em 0px;' size='50'>");
  17.     
  18.     // 入力フォームへのキー入力時処理
  19.     $("#searchForm").keyup(function()
  20.     {
  21.         // フォームに文字が入力されている場合
  22.         if(!$(this).val())
  23.         {
  24.             // 全サムネイルを表示する
  25.             $('#thumbnails div:hidden').show();
  26.         }
  27.         // フォームに文字が入力されていない場合
  28.         else
  29.         {
  30.             // フィルタの文字列一覧を取得し設定する
  31.             var keywords = this.value.split(/\s/);
  32.             
  33.             // 全サムネイルを一旦消去する
  34.             $("#thumbnails div:visible").hide();
  35.             // 全サムネイルのうち、キーワードを含むものだけをフィルタして表示する
  36.             $("#thumbnails div").filter(function()
  37.             {
  38.                 // フィルタ用の戻り値
  39.                 var returnValue = true;
  40.                 // #thumbnails divのthis設定
  41.                 var _this = $(this);
  42.                 
  43.                 // フィルタに含まれるキーワードの検索用ループ処理
  44.                 jQuery.each(keywords, function(index, keyword)
  45.                 {
  46.                     // キーワード一致有無
  47.                     var wordMatch = false;
  48.                     
  49.                 	// サムネイルを構成するdiv要素に含まれるa要素を検索する
  50.                 	_this.find("a").each(function()
  51.                 	{
  52.                         // a要素のURLにキーワードが含まれる場合
  53.                         if(RegExp(keyword, "i").test(decodeURI(this.href).replace(/http:\/\/livetube\.cc\/(tag\.)?/, "")))
  54.                         {
  55.                             // 表示するために戻り値をtrueに設定する
  56.                             wordMatch = true;
  57.                         	// a要素の検索処理を終了する
  58.                         	return false;
  59.                         }
  60.                 	});
  61.                     
  62.                     // キーワード一致有無をフィルタ用の戻り値に設定する
  63.                     returnValue = wordMatch;
  64.                     
  65.                     // キーワードが一致しなかった場合
  66.                     if(!wordMatch)
  67.                     {
  68.                         // キーワードの検索処理を終了する
  69.                         return false;
  70.                     }
  71.                 });
  72.                 
  73.                 // フィルタ用の戻り値を返す
  74.                 return returnValue;
  75.             }).show();
  76.             
  77.             // デザイン用のdiv要素を表示する
  78.             $("#thumbnails div:last-child").show();
  79.         }
  80.     });
  81. });