이거 맘대로 되는 세상이 아니구만...

[JAVASCRIPT] 아이프레임으로 달력만들기 ^^ 본문

html/javascript

[JAVASCRIPT] 아이프레임으로 달력만들기 ^^

바이홍 2008. 3. 21. 17:52
반응형

<html>
<head>


<script>
 function get_lastday(year,month){
  last=new Array(31,28,31,30,31,30,31,31,30,31,30,31);
  if((year%400==0) || (year%4==0 && year%100!=0 ))
  last[1]=29;
  return last[month];
 }

 function call(){
  str=""
  ye = parseInt(document.forms[0].s1.value)
  mo = parseInt(document.forms[0].s2.value)
  ld = get_lastday(ye,mo-1)
  now = new Date(ye,mo-1,1)
  yoil = now.getDay()
  cnt=1
 
  if((yoil+ld)%7!=0)
   rows = parseInt(((yoil+ld) / 7)+1)
  else
   rows = parseInt(((yoil+ld) / 7))

  str += "<center><table cellspacing='0' style='text-align:center;border:1 solid gray;' width='210' height='200'>"
  str += "<tr><td style='text-align:center;background-color:#dddddd;color:red;'>일"
  str += "<td style='text-align:center;background-color:#dddddd;'>월"
  str += "<td style='text-align:center;background-color:#dddddd;'>화"
  str += "<td style='text-align:center;background-color:#dddddd;'>수"
  str += "<td style='text-align:center;background-color:#dddddd;'>목"
  str += "<td style='text-align:center;background-color:#dddddd;'>금"
  str += "<td style='text-align:center;background-color:#dddddd;color:blue;'>토</tr>"  
  for(z=0;z<rows;z++){
   str+="<tr>"
   for(x=0;x<7;x++){
    if((z == 0 && x < yoil) || cnt > ld){
     str+="<td>&nbsp</td>"
    }else{
     str+="<td>"+cnt+"</td>"
     cnt++
    }

   }
   str+="</tr>"
  }
  str+="</table></center>"

  window.parent.frames[0].document.open()
  window.parent.frames[0].document.write(str)
  window.parent.frames[0].document.close()
 }
</script>
</head>
<body>
<form name="f">
<select name="s1">
 <script>
  for(i=0;i<=50;i++){
   if(i<=9){
    na = "0"+(i)
   }else{
    na = i
   }
   document.write("<option value='20"+na+"'>20"+na)  
  }
 </script>
</select>

<select name="s2">
 <script>
  for(j=0;j<12;j++){
   document.write("<option value='"+(j+1)+"'>"+(j+1))
  }
 </script>
</select>

<input type="button" value="결과" onclick="call()">
</form><br>
<iframe src="" name="a" height="250" width="250">
</body>
</html>

반응형
Comments