「過去ログ、カテゴリー」をプルダウンに
2004.08.10.10:13 PM [ MovableType ]
サイドバーにいろいろのっけてごちゃごちゃしてきたなあと
思い、メニューを一部プルダウン化してみました。
参考にしたのはsea-bird.org::Murachiさんとこです。
以下
main.indexのテンプレートの
head~/head間の 部分に以下の JavaScript を埋め込みます。
function MM_jumpMenu(targ,selObj,restore) { //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
表示させたい場所に
<div class="side" lang="ja">
<!--Monthly -->
<form name="pulldown_monthlyarchives">
<select name="menu" onChange="MM_jumpMenu('parent',this,0)">
<option value="自分のサイトのURL" selected>--- 過去記事 ---</option>
<MTArchiveList archive_type="Monthly">
<option value="<$MTArchiveLink$>">・<$MTArchiveTitle$> (<$MTArchiveCount$>)</option></MTArchiveList>
</select>
</form>
</div>
<div class="side" lang="ja">
<!--Category -->
<form name="pulldown_category">
<select name="menu" onChange="MM_jumpMenu('parent',this,0)">
<option value="自分のサイトのURL" selected>--- カテゴリー別ログ ---</option>
<MTCategories show_empty="1">
<option value="<$MTCategoryArchiveLink$>">・<$MTCategoryLabel$> (<$MTCategoryCount$>)</option>
</MTCategories>
</select>
</form>
</div>
スタイルシートに下記を追加します。
form { margin:0px; }
select {
width:100%;
font-family: "ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, Osaka,"Trebuchet MS", verdana, arial, sans-serif;
}
lang="ja"は文字化け防止。
Blogpeopleにも加えてみたら文字化けしなくなりました。
"「過去ログ、カテゴリー」をプルダウンに"へのトラックバックはまだありません。