目的のコメントやトラックバックを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に追加する | Twitterにポストする
     例えば、以下のようなURLで記事にアクセスされた時には、 ページ中にあるIDが156のを変化させてリーダに気付かせるようにします (具体的にはこちらのサンプルが判りやすいです)
    http://www.magicvox.net/archive/2006/02041724/#cid156

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

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

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


    この記事を読んだ人はこんな記事も読んでいます 記事リコメンデーションについて

    その他の関連する記事


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

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

    この記事にトラックバックを送るには?

    寄せられたコメント (全 2 件中、最新 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

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

    コメントを投稿する

     
     (匿名可/必須/公開)
     (匿名可/必須/非公開)
     (必須)
    コメントスパム防止のため投稿前に ランダムな数字 CAPTCHAについて を入力してから投稿してください。お手数ですがご協力のほど宜しくお願いいたします。
     
    JavaScript, HavaScript, UavaScript, IavaScript, KavaScript, MavaScript, NavaScript, JQvaScript, JWvaScript, JSvaScript, JZvaScript, JaCaScript, JaFaScript, JaGaScript, JaBaScript, JavQScript, JavWScript, JavSScript, JavZScript, JavaAcript, JavaWcript, JavaEcript, JavaDcript, JavaXcript, JavaZcript, JavaSXript, JavaSDript, JavaSFript, JavaSVript, JavaScEipt, JavaSc4ipt, JavaSc5ipt, JavaScTipt, JavaScFipt, JavaScDipt, JavaScrUpt, JavaScr8pt, JavaScr9pt, JavaScrOpt, JavaScrKpt, JavaScrJpt, JavaScriOt, JavaScri0t, JavaScri-t, JavaScriLt, JavaScripR, JavaScrip5, JavaScrip6, JavaScripY, JavaScripG, JavaScripF Ajax, Qjax, Wjax, Sjax, Zjax, AHax, AUax, AIax, AKax, AMax, ANax, AjQx, AjWx, AjSx, AjZx, AjaZ, AjaS, AjaD, AjaC プログラミング Web, Qeb, 2eb, 3eb, Eeb, Seb, Aeb, WWb, W3b, WRb, WDb, WSb, WeV, WeG, WeH, WeN リンク