Yahoo!ブログのコメントに言及する便利ツールができたよ！

2008年09月28日（日）コメント:0 トラックバック:2

こんにちはこんにちは！

Yahoo!ブロガーとお友達になりたいekkenでっす！

Yahoo!ブログには~~香ばしい~~興味深いコメントが数多く見られるので、そのコメントを自分のブログで言及しようと思っても、コメント個別の位置情報がわかりにくいのですね。

Yahoo!ブログに限らず、ココログやアメブロなど、いくつかのブログでは寄せられたコメントをナンバリングしてid属性をつけているのですが、普通にブログを表示しているだけではそのことが分かりにくく、数多く寄せられているコメントのひとつに言及をしようとリンクをしても、言及元から該当するコメントを探すのが大変だったりします。

ココログ/アメブロの場合、Noriyaさんのパソコン遊戯で紹介されている現在表示しているの文書の id 属性の位置とリンクを表示するブックマークレットを利用してきたのだけど、Yahoo!ブログではこのブックマークレットが効かないので、はてどうしたものか？　と思っていたのですが。

なんとなくFirefoxのアドオンのページを眺めていると、Show Anchorsなる便利ツールを発見。インストールしてみると、ウェブサイト上で右クリックするとそのページにあるアンカーに目印をつけてくれて、その目印からアンカー入りのURLをコピーしてくれたりブックマークできるするスグレモノらしい。

なかなか便利なシロモノだなぁ、と感心していたものの、使い慣れたBookmarklet - パソコン遊戯製のブックマークレットを手放すのは惜しいし、Firefoxの右クリックメニューを増やしたくないので、なんとかならんものか。

ということで、Noriyaさんのid表示ブックマークレットを改造してみた。

Yahoo!ブログでid表示ブックマークレットが効かないのは、位置情報がid属性ではなく、name属性が割り振られているから。（余談だけどアメブロではid、name属性共に割り振られています）

Noriyaさんのブックマークレットのidの部分を書き換え。ついでに実行したときに表示される色もピンクにしてみたよ。

name 表示

上のブックマークレットを実行するとこの行の左にピンクで囲まれた「＃」がでるよ。

javascript:(function(){var s,e,i,f,g,a;s='"font-size:12px;font-weight:normal;color:black;background-color:#FFCCFF;border:1px black solid;text-decoration:none;padding:1px 3px;"';e=document.body.getElementsByTagName('*');for(i=0;i<e.length;i++){f=e.item(i).name;if(f){g=e.item(i).innerHTML;a='<a href="#'+f+'" title="'+f+'" style='+s+'>＃</a>';if(e.item(i).tagName=='DIV')e.item(i).innerHTML='<p>'+a+'</p>'+g;else e.item(i).innerHTML=a+' '+g;}}})()

Yahoo!ブログのパーマリンク上で利用すると、コメント個別のURLがわかるようになります。