月別アーカイブへのリンクをプルダウンボックスにする｜Materializing [マテリアライジング]

Scriptの準備

下記コードを directURL.js という名前で保存します。
文字コードはUTF-8(サイトで使用している文字コード)にして下さい。

function directURL(URL){
  if(URL!=""){
    window.location.href=URL;
  }
}

Scriptの追加

上記で作成した directURL.js をブログサイトのルートディレクトリにアップします。

＜head＞～＜/head＞間に下記コードを追加します。

<script type="text/javascript" src="<$MTBlogURL$>directURL.js"></script>

テンプレートの修正

月別アーカイブを表示しているテンプレートを下記コードに修正します。

<form name="Monthly" action="">
<select onchange="directURL(this.options[this.selectedIndex].value)">
<option value="" selected="selected">Monthly Archives</option>
<MTArchiveList archive_type="Monthly">
<option value="<$MTArchiveLink$>"><$MTArchiveTitle$>　(<$MTArchiveCount$>)</option>
</MTArchiveList>
</select>
</form>

ScriptをOFFにしている方のために、以前のコードを
＜noscript＞～＜/noscript＞
間に記述して残しておくと良いかもしれませんね。

以上。

参考記事

■MovableType備忘録: アーカイブリストをプルダウンにしてみる　[MovableType備忘録]
■小粋空間: プルダウンメニュー アーカイブ　[小粋空間]

2006/10/18 06:17:33：記事書き直し