はてブ追加画面にサイトを表示するGreasemonkey

はてなブックマークの追加確認画面の右側に、追加しようとしているページを表示するGreasemonkeyスクリプトを作りました。

こんなときに便利かなと。

• ブックマーク先の内容をちょっと抜粋したいときに
• ブックマーク先を読みながらコメント書きたいときに
• なんとなくさみしい追加確認画面をゴージャスにしたいときに

動作イメージは以下のようになります。

http://www.akiyan.com/js/viewSiteAtHatenaBookmark.user.jsからインストールできます。 (FirefoxとGreasemonkeyが必要です)

不具合などあればお知らせくださいませ。以下はスクリプト内容です。

// ==UserScript==
// @name           View Site at Hatena Bookmark Add
// @namespace      http://www.akiyan.com/
// @description    View Site at Hatena Bookmark Add
// @include        http://b.hatena.ne.jp/add?mode=confirm*
// ==/UserScript==

(function(){
var $ = function(id){ return document.getElementById(id); };
var $c = function(a) { return document.createElement(a) };
var $s = function(e, s) { e.setAttribute('style', s); };

$s($('body'), 'width:42%;float:left');
location.search.match(/&url=(https?(%3A|:)[^&]+)/);
var url = decodeURIComponent(RegExp.$1);
if (!url)
return;
var e = $c('iframe');
e.src = url;
$s(e, 'width:53%;height:80%;float:right');
$('container').appendChild(e);
})();

# ちなみにsuVeneのあれ: [bookmarklet][ネタ]はてブ追加(似非GreyBox風)ブックマークレット(ゴージャス版)にインスパイアされて作りました :)

2007-02-23追記：http://b.hatena.ne.jp/taninsw/20070222#bookmark-4029560にてXSS脆弱性の指摘をいただきましたので、修正しました。