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

Delicious画像APIが過負荷で繋がりにくい場合のJavaScriptで対応方法

以前に、ボクが作って公開したDeliciousのブックマーク数を画像で表示するAPIですが、 ・Delicious2.0 の被ブックマーク数画像取得APIを作りました [C!] ありがたい事にものすご …

no image

第7回:サムネイル作成APIをJavaScriptで簡単に切り替える方法

SimpleAPIをはじめたくさんのサムネイルAPIサービス(もちろん無料)のおかげで、簡単にサイトのスクリーンショットをサムネイル画像として自分のブログに貼り付ける事ができるようになりました。すでに …

no image

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

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

no image

「SL.JS」が「SL友の会」に登録されました

こんばんわ、やまざきメソッドの中の人改め、SL.JSの中の人yagerですw さて、そのSL.JSですがTwitterに続いてブログでも豊田さんに紹介頂きました。 yagerさんという方がJavaSc …

「YouTube Perfect Embed」YouTubeの貼り付け用コードをXHTML Validでサムネイル付きにするブックマークレット

今日は、YouTubeのダウンロード・・・ではなく、外部ブログなどに貼り付けるためのembedタグを綺麗なコードで出力するためのブックマークレットを紹介します。Perfectっていうのはちょっと大げさ …

スポンサードリンク

スポンサードリンク