月別アーカイブをリスト選択式にしてみる
ここ２、３日、とても自分のブログのカスタマイズにこっています。既にいくつかありますが、今後も縁のない人にはまったく関係のないエントリが連続しますので、軽く無視してください^^;縁がなくても、軽く読んで、「へー、michyってこんな複雑なことやってるんだ。やっぱ、ただものじゃないな！」などと関心していただけたら望外の幸せです。
今度は、夫から「キミの月別アーカイブはリスト形式でえんえんと並ぶんか。３年分くらいになるしウザいなー」と言われました。月別のアーカイブなんてあんまり使うとも思えないし、確かにウザいなーと思っていたので、さっそくよそのページでみかけたリストを選択してジャンプする形式にすることにしました。
選択形式のリストは、HTMLのフォームでリストをつくるのであろう、という程度の知識はあったものの、はたしてジャンプするとなるといったい何でジャンプさせてるのか分かりません。かなりの低い知識からのスタートです。手元の本を参照すると、フォームとCGIの連携が載っているものの、まさかここでCGIを使うわけはないでしょー、と思って、きっとJavaScriptに違いない、とアタリをつけました。
検索してみると、さっそくJavaScriptのサンプルがたくさんあるサイトうさのJavaScript講座サンプル集4にて、目的の「ドロップダウンリストボックスから別のページへジャンプ」というサンプルを発見します。わーい、わーい。
サンプルをみてみたら、なんとなく仕組みはわかったので、<option></option>をMovable Typeの<MTArchiveList>で囲む形式で書き直し、サイドバーに付け加えます。
<SCRIPT language=”JavaScript”>
<!–//script by ＠うさ custmized by michy
function JumpMonth()
{
location.href=document.MontlyList.lstMonth.value;
}
//–>
<FORM name=’MonthlyList’><SELECT size=’1′ name=’lstMonth’>
<MTArchiveList archive_type=’Monthly’>
<OPTION value=’<$MTArchiveLink$>’><$MTArchiveTitle$></OPTION>
</MTArchiveList>
</SELECT><INPUT type=’button’ name=’btnAdd’ value=’ジャンプ’ onClick=’JumpMonth()’></FORM>
一発で動作しました！これでサイドバーがすっきりしました。もうちょっとブログパーツ取り付けてもいいかもかも。嬉しいです。
1 Comment
コメントをどうぞ
-
カウンタ
リンク
オイシックスとか、冷凍食品コーナーとか、実にヤバイ
楽しいiPhoneアプリを見つけると幸せになれる。iPhoneの正体は実は育てゲーなのかも
さりげなくいい曲があるのがフリーダウンロードの不思議
amadanaのケトル。罪な外観です
amadanaのコーヒーメーカー。ケトルと一緒に揃えたくなります
深沢直人デザインのLEDデスクライト。シンプルで機能的で、本読み用にかなり欲しいです
EIZOの新しいモニタ。AV入力対応です。PS3もXbox360も1080pでイケて、PC画面上に同時にAV画像も表示出来るみたいです。キレイな画面でゲームしながら、テレビ見ながら、ネットサーフィンに
なかのひと&うごくひと
ランキングリンク
JavaScriptでMovable Typeを軽量化にトライ
そもそも、「blog移転顛末記」で記したように、サーバーの移転（というか分割？）…