タダでインターネットでお小遣い稼ぎましょう!

タダでインターネットでお小遣いを稼ぎましょう!

スポンサードリンク
 

Java Script

前のページへ
 
カレンダーを表示する

サンプル

 

<head> 〜 </head>内に記述
<script type="text/javascript">
<!--
function showCalender() {
	var year, today, startDay;
	var date=new Date();

	var monthdays=new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
	var days=new Array("Sun", "Mon", "Tue", "Wed", "Thr", "Fri", "Sat");
	year=date.getFullYear();
	today=date.getDate();

	// 年、うるう年の設定
	if(((year%4==0)&&(year%100!=0))||(year%400==0)) {
		monthdays[1]=29;
	}
	thisMonthdays=monthdays[date.getMonth()];
	date.setDate(1);
	startDay=date.getDay();

	// 年・月表示
	document.write("<table cellspacing='1' bgcolor='#cccccc'>");
	document.write("<tr><th colspan='7' bgcolor='fffafa'>");
	document.write(year, '', date.getMonth()+1, '');
	document.write("</th></tr>");

	// 曜日の表示
	document.write("<tr>");
	for(i=0; i<7; i++) {
		if(i==0) {
			document.write("<th bgcolor='#ffb6c1'>", days[i], "</th>");
		}
		else if(i==6) {
			document.write("<th bgcolor='#6495ed'>", days[i], "</th>");
		}
		else {
			document.write("<th>", days[i], "</th>");
		}
	}
	document.write("</tr>")

	// 日にちの表示
	document.write("<tr>");
	var col=0;
	for(i=0; i<startDay; i++){
		document.write("<td bgcolor='#ffffff'> </td>");
		col++;
	}
	for(i=1; i<=thisMonthdays; i++) {
		document.write("<td bgcolor='#ffffff'>");
		if(i==today) {
			document.write("<font color='#ff0000'><b>");
		}
		document.write(i);
		if(i==today) {
			document.write("</b></font>");
		}
		document.write("</td>");
		col++;
		if(col==7) {
			document.write("</tr>\n<tr>");
			col=0;
		}
	}
	document.write("</table>");
}
//-->
</script>
 
<body> 〜 </body>内に記述
<script type="text/javascript">
<!--
	showCalender();
//-->
</script>

このページの上へ