mtde.info

ドロップダウンカテゴリリスト

2008年2月 3日 16:15 | Writer: apstar | 記事本文

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

コード

<select onchange="nav(this)">
   <option>カテゴリを選択</option>
   <MTCategories>
      <option value="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></option>
   </MTCategories>
</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>

カテゴリ関連サンプル

• 素ノーマルカテゴリリスト
• ドロップダウンカテゴリリスト
• 現在のエントリの属するカテゴリ内の他のエントリを列挙
• 現在のエントリの属するカテゴリ内のサブカテゴリ内のエントリを列挙
• 全カテゴリからエントリを3件ずつ表示
• 全てのエントリを展開したカテゴリリスト
• 現在のエントリの属するカテゴリのエントリを展開したカテゴリリスト
• 狙ったカテゴリのみを表示するカテゴリリスト
• 狙ったカテゴリのみを表示してエントリ展開するカテゴリリスト
• 狙ったカテゴリのみを隠すカテゴリリスト
• 現在のカテゴリであれば強調表示するカテゴリリスト
• プラグインを使用しないカテゴリ並べ替え
• カテゴリ内エントリの最新更新日時を表示
• 現在のエントリの属するカテゴリのエントリを展開・強調表示したカテゴリリスト
• カテゴリ別に見た目を切り替える（異なる画像の差し込み）
• カテゴリ別に見た目を切り替える（カテゴリリード文へ異なる背景画像）
• カテゴリ別に見た目を切り替える（hn見出しの背景画像）
• カテゴリ別に見た目を切り替える（サイドバーの状態を変える）
• カテゴリ別に見た目を切り替える（テンプレートを切り替える）