アーカイブ表示変更実験終了

ミニカスタマイズ　第２段
7psd Program総合辞書

右側のアーカイブが長くなってきたので短くするためにスクロールできるように変更。最初はすぐできるもんかと思ったんですが、思いのほか時間がかかってしまいました・・・
基本的には弱小エンジニアの小言さんのプルダウンメニューのスクリプトを参考にしました。
以下ほとんどパクリのソース

<script language="JavaScript" type="text/javascript"><!-- 
// 設定項目

var	start_year	= 2004;	// ブログを開始した年

var start_month	= 2;	// ブログを開始した月

var siteurl		= "http://blog.livedoor.jp/kyoya_izumi/"


function MoveSelectPage(sel){

	var index = sel.selectedIndex;

	if( index != 0 )

		location.href = sel.options[index].value;

}



// -->

</script>



<form action="">

<div class="archive">

<script language="JavaScript" type="text/javascript"><!-- 

	var today = new Date();

	var day = new Date();



	day.setFullYear(start_year);

	day.setMonth(start_month-1);



	for( ; day<=today ; day.setMonth( day.getMonth()+1 ) ){

		var y = day.getFullYear();

		var m = day.getMonth() + 1;

switch(m){



    case 1:

        s="January";

        break;

    case 2:

        s="February";

        break;

    case 3:

        s="March";

        break;

    case 4:

        s="April";

        break;

    case 5:

        s="May";

        break;

 case 6:

        s="June";

        break;

case 7:

        s="July";

        break;

case 8:

        s="August";

        break;

case 9:

        s="September";

        break;

case 10:

        s="October";

        break;

case 11:

        s="November";

        break;

case 12:

        s="December";

        break;

}

		if (m < 10) { m = "0" + m; }

		var url		= siteurl + "archives/" + y + "-" + m + ".html";

		var text	= s + " " + y;

		document.writeln(text.link(url) + "<br>" + "<br>") ;

	}

// -->

</script>

</div>

</form>

改良の余地は相当あると思います。あと、CSSに

.archive{

overflow:auto;

height:250px;

font-size:xx-small;

}

を追加してください。これで多分大丈夫かなぁ・・・？

第 2 回 SEO コンテスト (新潟・スマトラ頑張れ!!)