Harukiya Archives

2008/10/11

category /


2006/03/05

category / javascript

ひとりの私 天使の歌を 聴いている -中略- お前も 静かに眠れー(全然反省してない)

前スクリプトはダーク過ぎたので、もう少しライトでクリーンなやり方を考えてみました。ブログの設定での表示件数は減らしたくないけど、トップページでは最新1件以外非表示とか、4件目以降からは幅を半分にしてfloatさせたい、というような時に役にたつかも。

> 外部スクリプト:エントリの順位付け

使い方

  1. ダウンロードののち、jsファイルをエディタなどで開いてください。
  2. var spell = "entry<%topentry_no>";の部分を自テンプレのエントリIDの書式に編集してください。
  3. 上書き保存して、自サバにアップロード。
  4. テンプレートのHTML編集画面に移り<!--topentry-->〜<!--/topentry-->ブロック変数の直後にスクリプトを呼び出部分を記述します。
    1.   <!--topentry-->
    2.   <div id="entry<%topentry_no>">
    3.    <hn><%topentry_title></hn>
    4.    <hn><%topentry_year>年<%topentry_month>月<%topentry_day>日</hn>
    5.    <%topentry_body>
    6.    (中略)
    7.   </div>
    8.   <!--/topentry-->
    9.   <script type="text/javascript" src="<%url>file/numbering.js"></script>
    トップページでのみ有効にするには、以下のようにエリア変数で囲みます。
    1.   <!--/topentry-->
    2.   <!--index_area-->
    3.   <script type="text/javascript" src="<%url>file/numbering.js"></script>
    4.   <!--/index_area-->
  5. スクリプトが実行されると、エントリIDを持つ最初の要素にclass="e_pos1"を、以下、同様に末尾の数字を増やしながら .e_pos2 .e_pos3 ... .e_pos(n) の形でクラス設定します。

このクラスにCSSでスタイル付けすることで、記事の位置ごと(エントリIDの値とは無関係)に表現を変えようという試み。メインはCSSの腕の振るいどころという他力本願なスクリプトです。

同時に<body class="js_enabled">も設定します。記事部のレイアウトだけを変えたのでは整合性が取れない場合はbody.js_enabledクラスを使い、スクリプトオン・オフのスタイルを分けることで回避できます。

関連記事


writeback

  1. 耳呈 : 親鸞さんはおっしゃいました。
    「なんでも<自力>でできると考えるのは人間のおごりだ。
    人はもっと無力であることを自覚すべきで、
    他力を信じ頼ってこそ本願は遂げられるのだ」と。

    だからsug上人の言われる「他力本願」は(60%くらい)正しい!
    「他力本願」の本来の意味@Wikipedia
    http://ja.wikipedia.org/wiki/他力本願-05日05時
  2. マス : Σ( ̄□ ̄!!
    完全に「他人任せ」の意味で使っとりましたー<他力本願

    スクリプトをオフにして観覧している方がいますが、これは、邪悪(とまではいかなくても、あまりよろしくないことをする)スクリプトがあるからです。悪意あるそれは問題外ですが、暗黒と純白に書いたものは反則ギリギリな感です。

    今回のものはCSSをカットすることでスクリプトの効果をほぼ消せます。客観的にみても良い手です。で、こういうアイディアがふと降りてくることこそが<他力>なのではないかと思いました。(もっと早く降りて来いよ。つか、誰かがすでに考えてる予感)-05日11時
  3.  


< ”工学部・水柿助教授の逡巡”を読んだ | ”TORQUE”を観た > | 表紙へ戻る | 探す | 案内


ホームページ アフィリエイト レンタルサーバー FC2ブログ キャッシング