<head>
..
<script Language="Javascript">
<!-- 감춤
var weeks = '일월화수목금토';
var bgcolors='ffeeff/eeffee/ffffee/eeffff/ffeeee/eeeeff/eeeeee';
var txcolors='00ff00/880088/888800/008888/880000/000088/000000';
function showday(){
mydate=new Date();
mydate.setYear(self.fname.yy.value);
mydate.setMonth(self.fname.mm.value-1);
mydate.setDate(self.fname.dd.value);
wkdy=mydate.getDay();
wkday=weeks.substring(wkdy,wkdy+1);
bgcolor=bgcolors.substring((wkdy*7),(wkdy*7)+6);
txcolor=txcolors.substring((wkdy*7),(wkdy*7)+6);
title='요일마다 다른 배경색과 글자색 만드는 예제';
newWinj=window.open('','child','scrollbars=yes,resizable=yes,width=400,height=450');
newWinj.document.write('<html><head><title>'+title+'</title></head>');
newWinj.document.write('<body text='+txcolor +' bgcolor='+bgcolor+'><b>'+title+'</b><br>');
newWinj.document.write(mydate.getYear()+'년 '+(mydate.getMonth()+1)+'월 ')
newWinj.document.write(mydate.getDate()+'일는 ')
newWinj.document.write(weeks.substring(mydate.getDay(),mydate.getDay()+1)+'요일[');
newWinj.document.write(wkdy+']<br> 배경색=['+bgcolor+'] 글자색=[' + bgcolor + ']')
newWinj.document.write('<form><input type=button value="닫기" onclick="self.close()"></form>')
}
// 감춤 끝 -->
</script>
</head>
<body>
..
<form name="fname" type="post">
<input type="text" name="yy" size="4" value="2000"> 년
<input type="text" name="mm" size="2" value="01"> 월
<input type="text" name="dd" size="2" value="01"> 일은
<input type="button" name=submit value="확인" onclick="showday()">
<input type="button" name="result" value="다시">
</form>
..
</body>
 중요 사항
- string의 결합 +
- 요일, 요일의 배경색, 요일의 글자색을 모두 배열변수(array)로 처리하여 글자 길이만큼씩 끊어 개별 스트링으로 채택하였다.
각 배열변수의 제일 먼저 것은 포인터가 0이다.
- Javascript의 document.write()안에서 줄바꿈 할 때는 적정한 위치에서 하여야 한다. 그렇지 않으면 string이 너무 길어져서 오류가 발생된다.
- mydate=new Date();는 변수가 날자/시간을 나타내는 변수로 만들기 위한 것이고, 각 필드에 폼(form)의 이름을 지정하여 변수를 가져와서 필요한 계산을 하였다.
|
제공