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

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

関連記事

no image

第2回:<IMG>タグに関わる基本的な事

前回は画像にborderで装飾を付けるサンプルを書きましたが、今回は順番が前後するかもしれませんがもうちょっと基本的なルールについて記述します。

[N]ネタフル x [S]シカマケ = ブログデザイン勉強会 第3回:自分探しの旅は一周して写真に回帰

昨日は、ネタフルのコグレマサトさん主催、視覚マーケティングのススメの著者で鬼コーチこと(w)ウジトモコさんを講師に迎えての勉強会の第3回に行ってきました。 これまで、第1回では1枚絵で、第2回ではテー …

Facebookの「Recommendations Bar」が端っこから微妙にズレる件の修正方法

Facebookソーシャルプラグインの1つRecommendations Barは、ソーシャルグラフを解析し見ているページに関連するオススメページをブラウザ画面の端っこに表示してくれる機能を持っている …

no image

第9回:閲覧しているサイトへのリンクタグを生成するブックマークレット

どうしてもっと早く気がつかなかったんだろう、と思うくらい便利なブックマークレットを思い付きました。既出かもしれないけど、公開しておきます。 ブログを書いていると、他のブログのエントリーへのリンクを貼っ …

no image

FacebookのOGPを設定したのに、URLリンターが反映しないレアケース

このブログのMTに、あるいはTumblrにもOGP設定してみたわけですが、ある環境でOGPがうまく反映されないケースがあったので紹介します。 OGPのタグについては、Open Graph protoc …

スポンサードリンク

スポンサードリンク