2005年12月07日
月別アーカイブをリスト選択式にしてみる
ここ2、3日、とても自分のブログのカスタマイズにこっています。既にいくつかありますが、今後も縁のない人にはまったく関係のないエントリが連続しますので、軽く無視してください^^;縁がなくても、軽く読んで、「へー、michyってこんな複雑なことやってるんだ。やっぱ、ただものじゃないな!」などと関心していただけたら望外の幸せです。
今度は、夫から「キミの月別アーカイブはリスト形式でえんえんと並ぶんか。3年分くらいになるしウザいなー」と言われました。月別のアーカイブなんてあんまり使うとも思えないし、確かにウザいなーと思っていたので、さっそくよそのページでみかけたリストを選択してジャンプする形式にすることにしました。
選択形式のリストは、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>
一発で動作しました!これでサイドバーがすっきりしました。もうちょっとブログパーツ取り付けてもいいかもかも。嬉しいです。
投稿者 michy : 2005年12月07日 08:54 :
お知らせ
> Movable Type
|
関連しているかもしれないエントリ:
Not Japanese LookupMT3.3にしてみました
トラックバックの不具合のお詫びと「ブログ論壇考」への誘導
エントリの選択した複数のカテゴリにリンク!
サブカテゴリも含めたカテゴリ別表示にと戯れる
トラックバック
この記事のトラックバックURL:http://michys.com/michy-mt/mt-tb.cgi/3069
法務だけど理系女子の綴るblog:「JavaScriptでMovable Typeを軽量化にトライ」
そもそも、「blog移転顛末記」で記したように、サーバーの移転(というか分割?)...
