利用者:Kuroyan/vector.js
表示
お知らせ: 保存した後、ブラウザのキャッシュをクリアしてページを再読み込みする必要があります。
多くの Windows や Linux のブラウザ
- Ctrl を押しながら F5 を押す。
Mac における Safari
Mac における Chrome や Firefox
- ⌘ Cmd と ⇧ Shift を押しながら R を押す。
詳細についてはWikipedia:キャッシュを消すをご覧ください。
/*-----------------------------------------------------------------------------------------------------
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);