2007年04月29日

Seesaaブログで過去ログ(月別ログ)部分をプルダウンにするPC関連覚書

先日旧ブログのログを統合したら、さすがに月別過去ログの部分が長〜〜くなってしまったので、以前よりやろうやろうと思っていたプルダウン化を行い、すっきりさせようと試みた。

<作業後イメージ>
pulldown.jpg
ソース変更は、↓の記事を参考にさせていただいた。ありがとうございます。

「過去ログをコンボボックス化」( 「特に個性の無いブログ」より)
<方法>
・Seesaa管理ページにサインイン

・「デザイン」⇒「コンテンツ」⇒「過去ログ」⇒「HTML表示」
  と選択して、HTMLタグ部分を編集する。

デフォルトの部分⇒黒
付け足す部分⇒青
デフォルトを一部書き換える部分⇒緑
自由に変更してOKの部分⇒赤
で表示。

<script type="text/javascript">
<!--
function ChangeArchive (sel) {
if (sel.options[sel.selectedIndex].value != "") {
location.href = sel.options[sel.selectedIndex].value;
}
}
-->
</script>

<div class="sidetitle"><% content.title %></div>
<div class="side">

<form method="get" action="">
<select name="MonthArchive" onchange="ChangeArchive(this)" class="archiveselect">
<option value="">月を選択して下さい</option>

<% content.header -%>
<% loop:list_archives -%>
<% if:archives.article_count -%>
<option value="/archives/<% archives.createstamp | date_format("%Y%m") %>.html"><% archives.createstamp | date_format("%Y年%m月") %>(<% archives.count | __or__ | echo('0') %>)</option>
<% /if -%>
<% /loop -%>
</select>
</form>
<% content.footer -%>
</div>

*注意*
緑字部分を編集する場合は、デフォルト部分内の</a>を忘れずに削除すること。
というか多分、一回デフォルト部分を全消去してから上のソースコードをコピペしたほうが断然楽だと思われ…

↑は、プルダウンで選択のみで月別過去ログに移動するが、移動する際のボタンを付けたい方・JavaScript非対応の閲覧者にも対応したい場合は、先ほどご紹介したリンク先が詳しいので参照のこと。

<注意>
これはSeesaaブログ用のカスタマイズコードで、一部独自タグなどを使用しているため、他のブログサービスには対応しておりません。
各サービスの公式サポートを参考にしていただくか、あるいは「ブログサービス(システム名)+プルダウン」で検索していたければヒントにたどり着けると思います。

posted by 大道寺零(管理人) at 17:17 | Comment(2) | TrackBack(1) | PC関連覚書
この記事へのコメント
初めまして。
プルダウンの表示方が解らず、
検索して参りました。
とても参考になり、使わせて頂きました。
どうも有り難うございます。
Posted by 美月 at 2012年10月27日 09:50
初めまして。
最近seesaaにブログ引越ししたものです。
プルダウン表示について検索して、こちらにたどり着きました。
わかりやすく丁寧で、とても参考になりました。
誠に勝手ながら、使わせて頂きました。
ありがとうございます。
Posted by 小箱 at 2014年03月23日 12:40
コメントを書く
お名前: [必須入力]

メールアドレス:[基本的に空欄を推奨します。詳細はこちらをご覧ください。]

ホームページアドレス:

(コメント投稿後、表示に反映されるまで時間がかかる場合がございますのでご了承の上、重複投稿にご注意ください。)
コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック

プルダウンメニューにしてみました
Excerpt: 月ごとの過去ログが膨大でサイドメニューにずらずら出てしまう 当ブログ(なんせ2003年からやってますもんで) なんだかかっこわるいなあとプルダウンメニューに改造してみました。 とはいえ、HTMLをい..
Weblog: パレードノヒビ 〜あるピカソファンの日常〜
Tracked: 2010-05-30 12:22