mtde.info

ドロップダウンエントリリスト

2008年2月 4日 21:36 | Writer: apstar | 記事本文

Movable Type 4.1のウィジェットに格納されている月別アーカイブ(ドロップダウン)のコードをドロップダウンエントリリストに改造したコードサンプルです。

コード

<h3>ドロップダウンエントリリスト</h3>
<select onchange="nav(this)">
    <option>エントリを選択</option>
    <MTSetVarBlock name="CurEnt"><MTEntryCategory></MTSetVarBlock>
    <MTEntries category="$CurEnt">
        <option value="<MTEntryPermalink>"><MTEntryTitle></option>
    </MTEntries>
</select>

<script type="text/javascript" charset="utf-8">
function nav(sel) {
if (sel.selectedIndex == -1) return;
var opt = sel.options[sel.selectedIndex];
if (opt && opt.value)
location.href = opt.value;
}
</script>

エントリ関連サンプル

• 素ノーマルエントリリスト
• ドロップダウンエントリリスト
• 現在のエントリを強調表示するエントリリスト
• 現在のエントリの属するカテゴリ内のエントリリスト（リスト取得のみ）
• 現在のエントリの属するカテゴリ内のエントリリスト（自エントリを含まない）
• 現在のエントリの属するカテゴリ内のエントリリスト（自エントリを強調表示）
• 現在のエントリと同じタグのついた他エントリのリストアップ（自エントリは含まない）
• 現在のエントリと同じタグのついた他エントリのリストアップ（自エントリを強調表示）
• 更新のあったエントリーを新しい順に10件表示する
• エントリの投稿日時と更新日時を取得する
• エントリリストへ、特定カテゴリ用画像を付与する
• 横並べカテゴリ内エントリリスト
• エントリリストをファイル名で並べ替える