SQLの窓

2014年01月10日


Seesaa ブログの『カテゴリ』をソートするブックマークレット

▼ ブックマークバーにドラッグ&ドロップして登録して下さい
Seesaaカテゴリソート

処理そのものは、何年も前から IE 拡張で行っていたので安定しています。厳密には、Seesaa ブログの仕様変更( HTML 部分が変更された場合 )で動かなくなる事はありますが、その場合は以下の JavaScript を変更してどこかにホスティングして読み出せばいいと思います。
var doc = parent.document;
var colTable = doc.getElementsByTagName("TABLE");
var len = colTable.length;
var objTable,colInput,colINum
for( var i = 0; i < len; i++ ) {

	objTable = colTable[i];

	if ( objTable.className == "entrytable" ) {
		colInput = objTable.getElementsByTagName("A");
		colINum = objTable.getElementsByTagName("INPUT");
	}

}

len = colInput.length;
len = len / 2;
var cname1 = Array();
var cname2 = Array();
for( var i = 0; i < len; i++ ) {
	cname1.push((colInput[i*2].firstChild.nodeValue).toUpperCase());
	cname2.push((colInput[i*2].firstChild.nodeValue).toUpperCase());
}

cname2.sort();

len = cname2.length;
var base_i;
for( var i = 0; i < len; i++ ) {
	base_i = cname1.indexOf(cname2[i]);
	colINum[base_i].value = (i*10)+100;
}

この内容は、http://winofsql.jp/seesaa_cat_sort.js として現在ホスティングしています。ブックマークレツトからは、ページに IFRAME を作成して、このスクリプトを読み込ませて、seesaa_cat_sort.js は、parent の document を操作して目的を果たしています。 
<a href='javascript:if(window[window.location.hostname+".loadSeesaaCatSort"]!==true){window[window.location.hostname+".loadSeesaaCatSort"]=true;(function(){var%20wnd=document.createElement("iframe");with%20(wnd){with%20(style){display="none";}}document.body.appendChild(wnd);wnd.contentWindow.document.write("<"+"script src=\"http://winofsql.jp/seesaa_cat_sort.js\"></"+"script>");wnd.contentWindow.document.close();})();}void(0);'>Seesaaカテゴリソート</a>
▼ 元の状態
if ( window[window.location.hostname+".loadSeesaaCatSort"] !== true ) {
	window[window.location.hostname+".loadSeesaaCatSort"] = true;
	(function() {
		var wnd = document.createElement("iframe");
		with (wnd){
			with (style){
				display = "none";
			}
		}
		document.body.appendChild(wnd);
		wnd.contentWindow.document.write("<"+"script src=\"http://winofsql.jp/seesaa_cat_sort.js\"></"+"script>");
		wnd.contentWindow.document.close();
	})();
}

関連する記事

Google ドライブに HTML を置いて WEBページが作れるようになりました



【ブックマークレットの最新記事】
posted by lightbox at 2014-01-10 13:10 | ブックマークレット | このブログの読者になる | 更新情報をチェックする
バッチ処理

Microsoft Office
container 終わり

フリーフォントで簡単ロゴ作成
フリーフォントでボタン素材作成
フリーフォントで吹き出し画像作成
フリーフォントではんこ画像作成
ほぼ自由に利用できるフリーフォント
フリーフォントの書体見本とサンプル
画像を大きく見る為のウインドウを開くボタンの作成

Android SDK ポケットリファレンス
改訂版 Webデザイナーのための jQuery入門
今すぐ使えるかんたん ホームページ HTML&CSS入門
CSS ドロップシャドウの参考デモ
PHP正規表現チェッカー
Google Hosted Libraries
cdnjs
BUTTONS (CSS でボタン)
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり