アーカイブリストをプルダウンリストに
この記事を読むのに 約4分20秒 かかります
エントリが多くなってきて、アーカイブリストに表示される件数が増えてきたので、プルダウンリストにしました。
UTF-8とMac IEとプルダウン
リニューアル前の記事のようで、リニューサル後のサイトに情報が無く、上記を紹介します。
JavaScriptを追加。function MM_jumpMenu(targ,selObj,restore){ //v3.0html宣言を以下のように。
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja">
cssに以下を追加。
form {各リストは以下のようにしました。
margin:0px;
} select {
width:100%;
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", verdana, arial, sans-serif;
}
<div class="sidetitle">
アーカイブ
</div>
<div class="side">
<!--Monthly -->
<form name="pulldown_monthlyarchives">
<select name="menu" onChange="MM_jumpMenu('parent',this,0)">
<option value=" https://blog.6999.jp/" selected>月間アーカイブ</option>
<MTArchiveList archive_type="Monthly">
<option value="<$MTArchiveLink$>">･<$MTArchiveTitle$></option></MTArchiveList>
</select>
</form>
<!--Category -->
<form name="pulldown_category">
<select name="menu" onChange="MM_jumpMenu('parent',this,0)">
<option value="https://blog.6999.jp/"selected>カテゴリアーカイブ</option>
<MTCategories show_empty="1">
<option value="<$MTCategoryArchiveLink$>">･<$MTCategoryLabel$>(<$MTCategoryCount$>)</option>
</MTCategories>
</select>
</form>
<!--Resent -->
<form name="pulldown_resent">
<select name="menu" onChange="MM_jumpMenu('parent',this,0)">
<option value="https://blog.6999.jp/"selected>最近のエントリ</option>
<MTEntries lastn="20">
<option value="<$MTEntryPermalink$>">･<$MTEntryTitle$></option>
</MTEntries>
</select>
</form>
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<label for="search" accesskey="4">サイト内の検索</label><br />
<input id="search" name="search" size="20" /><br />
<!-- コメントも検索する -->
<input type="hidden" name="SearchElement" value="both" />
<input type="submit" value="検索" />
</form>
</div>
Posted by BB at 2004/01/22 01:38
Category : Movable Type
