« 2005年12月18日 | メイン | 2005年12月24日 »
2005年12月20日
月別アーカイブをプルダウンメニュー化する
月別アーカイブデータがずいぶん多くなって、場所を取るようになりましたので、プルダウンメニュー化しました。
参考にしたのは、この本
Movable Type ブログテンプレート&デザインガイド
まず、テンプレートの月別アーカイブの部分を
<h2>月別アーカイブ</h2><script type="text/javascript" src="<$MTBlogURL$>menu.js"></script>
<form id="menu" name="menu">
<select id="menuitem" name="menuitem" onChange="menujs()">
<option value="none">選択して下さい</option><MTArchiveList archive_type="Monthly">
<option value="<$MTArchiveLink$>">
<$MTArchiveTitle$></option>
</MTArchiveList></select>
</form>
と言う風に、フォームタグを入れて修正。
次にテンプレートの管理画面から「テンプレートを新規作成」をクリック
テンプレートの名前を付けます。
私は、本の通り「プルダウンメニュースクリプト」としました。
出力ファイル名を「menu.js」と指定、テンプレートの中に、以下のソースを記述
function menujs(){ var URL = document.menu.menuitem.options [document.menu.menuitem.selectedIndex].value; if (URL != "none") { window.location.href = URL } }
後は見出しとプルダウンメニューの間隔などを、CSSファイルで指定すればOKです。
※この『Movable Type ブログテンプレート&デザインガイド』は、MTで一からブログを作るのにも、自分の好きなデザインにカスタマイズするのにもすごく参考になる本です。