プルダウンメニュー

月別アーカイブが縦に長くなってしまうので、プルダウンで選択できるようにカスタマイズしました。
「初心者でもできる簡単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

     
カレンダー
05 | 2018/06 | 07
- - - - - 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
プロフィール

チャッピー

名  前:チャッピー

愛犬のチャッピー君
(2000/08/13~2018/03/04)
性  別:男性
趣  味:散歩(最近は昼寝)
特  技:お座り、お手&待て!

メール ・ 管理画面
カウンター
今日の天気&予報
最近の記事
月別アーカイブ
〖日付の古い順で表示します〗
カテゴリ
〖日付の新しい順で表示します〗
リンク
ブログ内検索
RSSリンクの表示