##################################
#                                #
#   JCalendar (C)CGI Pal         #
#   ݒu̎dƃ}jA       #
#                                #
##################################

:
JavaScript̃J_[łB
J_[\āAx͐ݒ肵
wiFƕFŕ\܂B

========================================================================================
 t@C̐
========================================================================================

cal.js     (JavaScript{)
sample.html(TvpHTML)

========================================================================================
 ݒu̎d
========================================================================================

P.𓀂Ăsample.htmlcal.jso܂̂ŁAKvȂcal.jseLXgGfB^
   JĐݒ荀ڂύX܂Bsample.htmlcal.jsT[o[ɓ]܂B

ݒu:
public_html/
           |-- index.html(TCg̃gbvy[W)
           |-- ̃t@C
           |-- sample.html
           +-- cal.js


Q.uEUsample.htmlɃANZXāAJ_[\邩mF܂B
   \OKłB

R.sample.htmlύXăJ_[\y[WĂłA
   HTMLy[WɃ^O\tăJ_[\Ƃ́A
   y[WɎ̂悤ȃ^O\t܂B

   head^OɁA

<script type="text/javascript" src="cal.js">
</script>
<style type="text/css">
.w{
	background-color:#CCCCCC; /* j̔̕wiF */
	color:#000000;            /* j̕̕F */
}

.moji1{
	font-size:11px;
}

.tbl{
	border:1px solid #999999; /* g̐F */
	border-collapse:collapse;
}

.tbl td{ 
	border:1px solid #999999; /* g̐F */
	border-collapse:collapse; 
	font-family:Verdana;      /* tƗj̃tHg */
	font-size:10px;           /* tƗj̑̕傫 */
}

@media screen and (max-width:600px){
	body{
		font-size: 15px;
		line-height:150%;
	}
	
	.moji1{
		font-size:15px;
	}

	.tbl {
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	
	.page {
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}

	.tbl td {
		font-size:15px;
		width: auto;
		height: auto;
	}

}

</style>

Ɠ\t܂B

āAbody^ÕJ_[\ɁA
<div id="cal">
</div>
<script type="text/javascript">
<!--
Calendar("","");
//-->
</script>
Ɠ\t܂B
