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

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

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

[N]ネタフル x [S]シカマケ = ブログデザイン勉強会 第4回:最終回でラフ案発表

昨日の4/23(木)、ついに最終回を迎えた「[N]ネタフル x [S]シカマケ = ブログデザイン勉強会」に参加してきました。 ▼前回まではこちら、 ・[N]ネタフル x [S]シカマケ = ブログデ …

第12回:引用(blockquote)をCSSと画像でそれらしく見せる方法

前回のTipsではブログで頻発する引用作業を簡単にするブックマークレットを紹介しました。 ブログを書く上で頻繁に行う引用の手順を簡単にしてくれるブックマークレットを作ってみようと思う。 via: 第1 …

ハイビジョン映像(AVCHD)を記録するとMTSファイルになって扱いにくいのでffmpegでmp4に変換

手持ちのビデオ撮影機材が予算の関係で中古で購入したミラーレス一眼(GF1、GF3、GX1、なぜか全てPanasonic LUMIX)なんですが、高画質で録画しようとするとAVCHDのMTSファイルにな …

no image

AmazonはTwitterで自由にアフィリエイトして良いとは言ってないっぽい

via: Amazon アソシエイト・プログラム(アフィリエイト) 公式ブログ: 「Twitterで共有」、始まりました! Amazonがアソシエイト・バーで公式に「Twitterで共有」機能を提供し …

スポンサードリンク

スポンサードリンク