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

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

関連記事

第1回:CSSで画像にborderをつけてみる

記念すべき初回のエントリーはCSSによるborderのスタイルを色々試してみます。やっぱりフォトサイトで一番気を遣うのは写真(画像)を表示するための <IMG>タグ だと思います。で、bo …

ドラゴンボール全巻がYouTubeで無料配信!ページめくりが速すぎる場合のスロー再生方法

つい先日攻殻機動隊S.A.C全26話無料配信でウハウハしたばかりですが、今度は名作漫画ドラゴンボールを全巻配信だそうです! MANGAPOLO Official Manga Channel &#821 …

no image

第16回:サムネイル作成APIをサーバサイドで簡単に切り替える方法

以前に、サムネイルAPIをJavaScriptで簡単に切り替える方法をエントリーしました。 サービスが使えなくなればサムネイルを外すなり他のサービスに切り替えるなりする作業が発生します。MT等のブログ …

AmaQuick v3.1.3 ブックマークレット更新(楽天ISBN13対応、商品ID取得不具合解消など)

久しぶりにAmaQuickの更新を行いました。実はアナウンスなしで3.1.2として不具合解消対応も行っていたのですが合わせてご報告いたします。 AmaQuick 公式ページ | Creazy!

Tumblr複数アカウント対応:ログインするアカウントを指定できるtumblrブックマークレット

この頃、tumblrの有効な活用方法を見つけるべくゴニョゴニョしているわけだけど、複数のアカウントを持っていると、今どのアカウントでログインしているか分からないし、別のアカウントでreblogしてしま …

スポンサードリンク

スポンサードリンク