SQLの窓

2009年07月16日


Firebug Lite に習うブックマークレットの作成

以下は、Firbug Lite 用のオリジナルブックマークレット用のコードです。

上は、アンカーに設定されている実際のコードで、下は読みやすく整形したものです。
<a href="javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);">Firebug Lite</a>

var firebug = document.createElement('script');
firebug.setAttribute('src', 'http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');
document.body.appendChild(firebug); (function() {
    if (window.firebug.version) {
        firebug.init();
    } else {
        setTimeout(arguments.callee);
    }
})();
void(firebug);
それを応用して、Seesaa のランキングを埋め込むコードをテーブルで整理するようにするコードを配置する為のブックマークレットを作りました。上がブックマークレット用のコードで、リンクば実際にインストール
できます。下は WEB に置いた、実際の処理を行うコードです。

Seesaa の 記事テキストエリアに書かれた内容をテーブルタグで囲んで、そのコンテンツの右側と下に文章をかけるようにしています
Seesaa用ランキング自動配置ブックマークレット
var mylib = document.createElement('script');
if (!window.lightbox_001) {
    mylib.setAttribute('src', 'http://winofsql.jp/settable.js');
    document.body.appendChild(mylib); (function() {
        if (window.lightbox_001) {
            lightbox_001.init();
        } else {
            setTimeout(arguments.callee);
        }
    })();
} else {
    lightbox_001.init();
}
void(mylib);
if (!window.lightbox_001) {
(
function() {
	window.lightbox_001 = 
	{
		// プロパティ
		version: 1.01
		,
		// メソッド
		init : function( ) {
			var target = document.getElementById("article__body");
			var text = target.value;
			var str1,str2;
str1="";
str1+=" \n";
str1+=" \n";
str2+=" \n";
str2+="
\n"; str1+=" \n"; str1+="
\n"; str2=""; str2+="
\n"; str2+=" \n"; str2+="
\n"; str2+=" \n"; str2+="
 \n";
str2+="右側のコメント \n";
str2+="
\n"; str2+=" \n"; str2+="
\n"; str2+=" \n"; str2+=" \n"; str2+="
 \n";
str2+="下側のコメント \n";
str2+="
\n"; target.value = str1 + text + str2; target = document.getElementById("article__convert_breaks-0"); target.checked = true; } }; } )(); }


posted by at 14:02 | JavaScript | このブログの読者になる | 更新情報をチェックする