プルダウンメニュー

月別アーカイブが縦に長くなってしまうので、プルダウンで選択できるようにカスタマイズしました。
「初心者でもできる簡単FC2ブログの作り方」のサイトで紹介されていたタグを、私の得意とするコピペで・・・。
いとも簡単に出来てしまいました。

最初に、プルダウンメニューの共通編として、JavaScript を「テンプレートのHTML」<head~/head>間に記述。

管理メニューから、プラグインの設定→月別アーカイブ→「HTMLの編集」で書き換えます。


◆ HTMLの、</head>のすぐ上に、次のタグを記述する。
<script type="text/javascript">
<!--
function jumpmenu(targ,selObj,restore) {  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
 if (restore) selObj.selectedIndex=0;
}
//-->
</script>
◆ HTMLの編集をクリックしたら表示される下記のタグを、全行削除します。
<ul>
<!--archive-->
<li &align>
<a href="<%archive_link>" title="<%archive_year>/<%archive_month>"><%archive_year>/<%archive_month> (<%archive_count>)</a>
</li>
<!--/archive-->
</ul>

◆ 次のタグを書替えます
<form id="monthly_archives" name="monthly_archives" action="">
<select name="menu" onchange="jumpmenu('parent',this,0)">
<option value="<%url>" selected="selected">月を選択してください</option>
<!--archive-->
<option value="<%archive_link>">■<%archive_year>年<%archive_month>月 : <%archive_count><</option>
<!--/archive-->
</select>
</form>
スポンサーサイト
     

コメント

Secret

     
カレンダー
07 | 2017/08 | 09
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -
ホームページ
プロフィール

チャッピー

名  前:チャッピー
誕生日:2000年8月13日
性  別:男性
趣  味:散歩(最近は昼寝)
特  技:お座り、お手&待て!

メール ・ 管理画面
カウンター
今日の天気&予報

※日本気象協会(tenki.jp)

最新記事
月別アーカイブ
〖日付の古い順で表示します〗
カテゴリ
〖日付の新しい順で表示します〗
リンク
ブログ内検索
RSSリンクの表示