Creazy!

WEBエンジニア・ヤガーのテック・ガジェットブログ

Bookmarklet 小技集

Deliciousでreblog:選択範囲をNOTESにコピーできるブックマークレット

投稿日:


小ネタです。
tumblrのブックマークレットは選択範囲を簡単に登録できるようになっていて引用がしやすいです。で、リブログはtumblr、ブクマはDeliciousな感じで使っているんですが、ブクマするときもコメントに引用をつけたい場合があります。
というわけで、公式のブックマーク用Bookmarkletを改造して引用できるようにします。


こちらのリンクをブックマークしてください。
Delicious reblog
・引用したい部分を選択した状態で
・上記ブックマークレットを実行
だけでOKです。
あとはいつも通りタグとか付けて保存するだけ。
以下ちょっとだけ解説します。
公式のBookmarkletはこれ

javascript:(function(){f='http://delicious.com/save?url='+encodeURIComponent(window.location.href)+'&title='+encodeURIComponent(document.title)+'&v=5&';a=function(){if(!window.open(f+'noui=1&jump=doclose','deliciousuiv5','location=yes,links=no,scrollbars=no,toolbar=no,width=550,height=550'))location.href=f+'jump=yes'};if(/Firefox/.test(navigator.userAgent)){setTimeout(a,0)}else{a()}})();

改造後はこちら

javascript:(function(){var d=document,w=window,l=location,e=encodeURIComponent,t=(d.selection)?d.selection.createRange().text:(w.getSelection)?w.getSelection():(d.getSelection)?d.getSelection():'',f='http://delicious.com/save?url='+e(l.href)+'&title='+e(d.title)+'&v=5&notes='+e(t)+'&',a=function(){if(!w.open(f+'noui=1&jump=doclose','deliciousuiv5','location=yes,links=no,toolbar=no,width=550,height=550'))l.href=f+'jump=yes'};if(/Firefox/.test(navigator.userAgent)){setTimeout(a,0)}else{a()}})();

見やすくして、解説をコメントしておきます

javascript:(function(){
var d = document,
w = window,
l = location,
e = encodeURIComponent,
// 選択範囲を取得(クロスブラウザ対応)
t = (d.selection)?
d.selection.createRange().text:(w.getSelection)?
w.getSelection():(d.getSelection)?
d.getSelection():'',
f = 'http://delicious.com/save'
+'?url='+e(l.href)
+'&title='+e(d.title)
+'&v=5'
+'&notes='+e(t)+'&', // notesパラメータに選択範囲を渡す
a = function(){
if(!w.open(
f+'noui=1&jump=doclose',
'deliciousuiv5',
'location=yes,links=no,toolbar=no,width=550,height=550'
)
)
l.href=f+'jump=yes'
};
if (/Firefox/.test(navigator.userAgent)) {
setTimeout(a,0)
} else {
a()
}
})();

notesというパラメータにURLエンコードした文字列を渡せばDeliciousのブックマーク画面のコメント欄(NOTES)に値が入るのですね。
ちなみにTAGSにもパラメータ渡せるかと思って、tagとかtagsとか渡してみましたがダメでした。
昔のversionならできるかもしれませんね。

まとめ

ちょっとは便利になるかな?

-Bookmarklet, 小技集

執筆者:


comment

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

関連記事

facebookのファンページを作る時に気をつけたい細かい話

何かと話題のfacebookですが、前回のエントリーではプロフィール画面で遊ぶ方法をとりあげました。で、今度はブロガーや企業の間でも増えてきているファンページの作り方について書いてみたいと思います。 …

JavaScriptでSLを走らせる「SL.JS」を作りました

開発に関わっていて、UNIX(Linux)を触った事のある人は「SLコマンド」をご存知の方が多いのではないでしょうか? lsを間違えてslと打つとこんなのが煙を吹きながら走る sl(1) コマンドを作 …

表と裏、2回撮影して1枚の写真にするiPhoneアプリ「Frontback」とEmbed用ブックマークレット自作

いつもよく見ているブロガーさんたちの間で昨年末あたりから流行の兆しがあったものの、フロントカメラを使うということで自撮り(海外ではセルフィー selfie)に抵抗のある自分としてはスルーかなと思ってた …

Google Analytics の検索エンジン定義と独自の検索エンジンを追加する方法

【2009/09/07:追記】 このページで解説している方法が使えなくなりました。 問題の解説と対応策は下記エントリーをご覧ください。 Google Analytics に独自検索エンジンを追加してい …

no image

Facebookページのiframe形式タブに切り替える場合は、バグに注意!

【2011/03/23:追記】 セキュアな接続(https)の場合に、iframeタブが表示されない問題が解決されていました。 Facebook Platform .:. Bug 15200 &#82 …

スポンサードリンク

スポンサードリンク