目的のコメントやトラックバックをJavaScriptで目立たせる

Posted by
ぴろり
Posted at
2005/09/21 23:58
Trackbacks
関連記事 (0)
Comments
コメント (2)
Post Comment
コメントできます
Category
MovableType
 アンカー名を含むパーマURLを用いると、記事中のコメントやトラックバックを一意に表すことができます。 しかし、たくさんのコメントやトラックバックが並ぶ場合には、 そのURLで示されるものがどれなのかハッキリと明示できれば混乱が少なくて済みます。 そこで naoya さんが Dampening, Buffering, OpenSearch, Ajax な Hackで触れられていた The Yellow Fade Technique を真似て、URLが示す目的のアイテムを目立たせるようにしてみました。
この記事をはてなブックマークに追加する この記事のはてなブックマーク数 | この記事をlivedoorクリップに追加する この記事のlivedoorクリップ数 | この記事をYahooブックマークに追加する この記事のYahoo!ブックマーク数 | この記事をdel.icio.usに追加する
 例えば、以下のようなURLで記事にアクセスされた時には、 ページ中にあるコメントIDが156のコメントのを変化させてリーダに気付かせるようにします (具体的にはこちらのサンプルが判りやすいです)
http://www.magicvox.net/archive/2006/02041724/#cid156

 ここでは naoya さんの記事と同じく、 The Fade Anything Technique で公開されている fat.js を用いることにします。 そして、パーマURLからアンカー部分を取り出して、フェード処理を行うよう を追加します。

 たったこれだけの改造ですが、 サイドバーの"最近のコメント/トラックバック"欄から直にジャンプした時に、 目的のコメントやトラックバックを随分と判別しやすくなりました。 再利用、バンザイ∩(´ω`)∩

とあんまり関係ないですね…使いこなせればもっと面白いことになりそうなんですけどね。


この記事を読んだ人はこんな記事も読んでいます ?

その他の関連する記事


関連記事/トラックバック

関連記事/トラックバックはまだありません

この記事のトラックバック URL

寄せられたコメント (最新 5 件を表示しています)

Posted by
ぴろり
at
2006/10/01 12:30
ID
D/h6/HkQ

うーん,説明不足でしたか(汗

フェード処理の対象としたい部分を div や p 要素で囲って任意の id (例えば hogehoge)を振っておきます。
それから上の JavaScript の部分を追記しておけば,#hogehoge を付けてアクセスされた時に上で id を振っておいた領域がフェード処理されます。

Posted by
ikias
at
2006/10/01 05:10
ID
RJpPL1TM

こんばんは。
とてもいい記事ですが、もうちょっと設置方法を教えませんか。

コメントを投稿する

 (必須/公開)
 (必須/非公開)
 

コメントスパム防止のため投稿前に ランダムな数字 ? を入力してから投稿してください。 お手数ですがご協力のほど宜しくお願いいたします。(必須)