Sponsored Link
iPod

「過去ログ、カテゴリー」をプルダウンに

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: "MS Pゴシック", "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, Osaka,"Trebuchet MS", verdana, arial, sans-serif;
}


lang="ja"は文字化け防止。

Blogpeopleにも加えてみたら文字化けしなくなりました。

Technorati TAGTechnorati TAG

Trackback

Trackback URL(P)  

"「過去ログ、カテゴリー」をプルダウンに"へのトラックバックはまだありません。