Blockquote Bookmarklet

| コメント(0) | トラックバック(0) | このエントリーを含むはてなブックマーク
Javascript

Blogをしていると人の記事だとか、ニュースだとか引用したいときってあるけどいちいち手打ちでソースコード書くのは面倒なのでBookmarklet作って見ました。HTMLタグは人によって使い方が若干異なるのですが一応W3C準拠でシンプルな引用にしています。最後のciteはinlineじゃなくてblock要素にすると良い感じ。見やすいように改行を入れて表示していますが実際使う時は全部で一行です。

javascript:
var str=document.getSelection();
var url=location.href;
var title=document.title;var linkTag ='
<blockquote title=%22'+title+'%22 cite=%22'+url+'%22>
<p>'+str+'</p>
<cite>
<a title=%22'+title+'%22 href=%22'+url+'%22>'+title+'</a>
</cite>
</blockquote>';
var x = prompt('',linkTag);

WinIEでは動かない可能性大ですw Geckoエンジンのブラウザなら動作すると思います。

あと、おまけで見ているページのリンク生成bookmarkletも公開。blockquoteと似たような感じです。

javascript:var url=location.href;
var title=document.title;
var linkTag ='<a  class=%22ex-ref%22 title=%22'+title+'%22
 href=%22'+url+'%22>'+title+'</a>';
var x = prompt('',linkTag);

こちらは外部リンクであることをCSSで表現するため class="ex-ref" と入れてあります。とりあえずソースも載せるので使う人は自分でカスタマイズして使ってください。

追記 : 03.20,06 一部修正

トラックバック(0)

トラックバックURL: http://www.hasta-pronto.org/mt/mt-tb.cgi/39

コメントする