Cheer 发表于 2007-4-28 10:59:06

时间日期巨酷的日历加备忘录 (利用cookie完成)

把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件
<html>
<head>
<script language="javascript" src="cengine.js"></script>
    <script language="javascript" src="other_scripts.js"></script>
    <script language="javascript">
    <!--
   
    var mo = "";
    var year = "";
    var currentmonth = today.getmonth();
    var currentyear = today.getfullyear();
   
    //cookies are not found
    if(document.cookie == "") {
      mo = today.getmonth();
      year = today.getfullyear();
    } else {
      mo = getcookie('whichmonth');
      //correct cookie is not set
      if(mo == null) {
            mo = today.getmonth();
            year = today.getfullyear();
            //alert number of reminders to user
            alertreminders();
      }
      //correct cookie is set
      else {
            mo = getcookie('whichmonth');
            year = getcookie('whichyear');
      }
    }
   
    //set a session cookie
    setcookie('whichmonth',mo);
    setcookie('whichyear', year);
   
    //backup one month and refresh
    function backup() {
      //check for a new year being set
      if(mo > 0) {
            mo--;
      } else {
            mo = 11;
            //check for 19**
            if(year == 2000) {
                year = 1999;
            } else if(year <= 1999) {
                syear = year.substring(2,year.length);
                syear--;
                year = "19" + syear;
                number(year);
            } else {
                year--;
            }
      }
      setcookie('whichmonth',mo);
      setcookie('whichyear', year);
      
      //check for open child windows and close.
      if(child && !child.closed) {
            child.close();
      }
      
      document.location="calendar.html";
    }
   
    //go forward one month and refresh
    function stepup() {
      //check for a new year being set
      if(mo <11) {
            mo++;
      } else {
            mo = 0;
            year++;
      }
      setcookie('whichmonth',mo);
      setcookie('whichyear', year);
      
      //check for open child windows and close.
      if(child && !child.closed) {
            child.close();
      }
      
      document.location="calendar.html";
    }
   
    //first starting day of month
    var first = months + " 01, " + year;
    firstday = new date(first);
    startday = firstday.getday();

    //variable for day count
    var count = 1;
    //variables for leap year
    var factor = startday - 1;
    var endday = parseint(monthlen) + factor;
   
    var calbg = "#666666";
    var calwidth = "80%";
    var twidth = "14%";
    var theight = "70";
   
    var monthbg = "#000000";
    var monfam = "verdana,arial,helvetica";
    var monsize = "3"
    var moncol = "#ffffff"
   
    var weekbg = "#eeeeee";
    var weekfam = "verdana,arial,helvetica";
    var weeksize = "2";
    var weekcol = "#ff0000";
   
    var daybg = "#eeeeee";
    var dayfam = "verdana,arial,helvetica";
    var daysize = "1";
    var daycol = "#000000";
    var sdaycol = "#ff0000";

    var calendar = "";
    calendar ="<table bgcolor='" + calbg + "' width='" + calwidth + "' border='0' cellpadding='1' cellspacing='0'>";
    calendar += "<tr>";
    calendar += "<td align='center'>";
   
<!-- month starts here -->
      calendar += "<table width='100%' border='0' cellpadding='3' cellspacing='0'>";
      calendar += "<tr>";
      calendar += "<td align='center'> <a href='javascript:backup();'><font color='#ffffff'><b><<</b></font></a> </td>";
      calendar += "<td width='100%' bgcolor='" + monthbg + "' align='center'><font face='" + monfam + "' size=" + monsize + " color=" + moncol + "><b>";
      calendar += "<a href='javascript://' onclick='open_all(\"all_reminders.html\");'><font color='#ffffff'>" + months + ", " + year + "</font></a>";
      calendar += "</b></font></td>";
      calendar += "<td align='center'> <a href='javascript:stepup();'><font color='#ffffff'><b>>></b></font></a> </td>";
      calendar += "</tr>";
      calendar += "</table>";
<!-- month ends here -->   
   
    calendar += "</td>";
    calendar += "</tr>";
    calendar += "<tr>";
    calendar += "<td align='center'>";
   
<!-- week starts here -->
    calendar += "<table width='100%' border='0' cellpadding='3' cellspacing='0'>";
    calendar += "<tr>";

    for(i = 0; i < 7; i++) {
      calendar += "<td width='" + twidth + "' bgcolor='" + weekbg + "' align='center' valign='middle'><font face='" + weekfam + "' size=" + weeksize + " color=" + weekcol + "><b>";
      calendar += days;
      calendar += "</b></font></td>";
    }

    calendar += "</tr>";
    calendar += "</table>";
<!-- week ends here -->
   
    calendar += "</td>";
    calendar += "</tr>";
    calendar += "<tr>";
    calendar += "<td align='center'>";
   
<!-- day starts here -->
      calendar += "<table width='100%' border='0' cellpadding='2' cellspacing='1'>";
      calendar += "<tr>";
      
      if(startday > 0) {
            for(empty = 0; empty < startday; empty++) {
                calendar += "<td width='" + twidth + "' height='" + theight + "'> </td>";
            }
      }
      
      for(i = startday; i <= endday;i++) {
            if( (i % 7) == 0) {
                calendar += "</tr><tr>";
            }
            
            //keep highlight info on the current month and day
            if( (i - (startday - 1)) == dt && currentmonth == mo && currentyear == year) {
                calendar += "<td width='" + twidth + "' height='" + theight + "' bgcolor='" + daybg + "' align='right' valign='top'><font face='" + dayfam + "' size=" + daysize + "><b>";
                calendar += "<a href='javascript://' onclick=javascript:open_window('day_scheduler.html?" + months + "&" + count + "',300,350,0,1);><font color=" + sdaycol + ">" + count + "</font></a>";
                if(currentmonth == mo && currentyear == year && document.cookie) {
                  var isremind = getcookie(months + count);
                  if(isremind) { //if a reminder exists for this day
                        isremind = isremind.split("|");
                        calendar += "<p><div align='center'><img src='reminder.gif' width='11' height='11' alt='you have " + isremind.length + " reminder(s)'>http://code.ik8.com/html/reminder.gif</div>";
                  }
                }
                calendar += "</b></font></td>";
            } else {
                calendar += "<td width='" + twidth + "' height='" + theight + "' bgcolor='" + daybg + "' align='right' valign='top'><font face='" + dayfam + "' size=" + daysize + ">";
                calendar += "<a href='javascript://' onclick=javascript:open_window('day_scheduler.html?" + months + "&" + count + "',300,350,0,1);><font color=" + daycol + ">" + count + "</font></a>";
                if(document.cookie) { //allows reminders to be displayed on other months
                  var isremind = getcookie(months + count);
                  if(isremind) { //if a reminder exists for this day
                        isremind = isremind.split("|");
                        calendar += "<p><div align='center'><img src='reminder.gif' width='11' height='11' alt='you have " + isremind.length + " reminder(s)'>http://code.ik8.com/html/reminder.gif</div>";
                  }
                }
                calendar += "</font></td>";
            }
            
            count++;
      }
      
      calendar += "</tr>";
      calendar += "</table>";
<!-- day ends here -->

    calendar += "</td>";
    calendar += "</tr>";
    calendar += "</table>";
   
    function open_all(url) {
      child = window.open(url,"allreminders", "width=430,height=400,resizable=0,scrollbars=1");
    }
   
    function alertreminders() {
   
      var alertit = getcookie(months + dt);
      
      if(alertit != null) {
            alertit = alertit.split("|");
            
            //write out reminders into a string for display
            textit = "1. " + alertit;
            for(var i = 1; i < alertit.length; i++) {
                textit += "\n" + (i + 1) + ". " + alertit;
            }
            
            //alert user of number of reminders for which day and display those reminders
            alert("you have " + alertit.length + " reminder(s) for " + months + " " + dt + ".\n\n" + textit);
      }
    }
   
    //-->
    </script>


<title>typhoon start javascript fairyland</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
</head>

<body bgcolor="#000000" text="#999999" link="#33ff33" vlink="#33ff33" alink="#33ff33">
<div align="center">
<table width="80%">
    <tr>
      <td align="right" width="79%">
      <div align="left"><a href="javascript://" onclick="open_window('help_file.html',300,350,0,1);"><font face="verdana,arial,helvetica" size="2">help
          file</font></a></div>
      </td>
      <td align="right" width="21%"><a href="19.zip"><font size="2">download</font></a></td>
    </tr>
</table>
<script language="javascript">
<!--
    document.write(calendar);
    if(child && !child.closed) {
      child.focus();
    }
//-->
</script>
</div>

<p> </p>
<p> </p>
<hr width="90%" size="1" color="#999999">
<center>
页: [1]
查看完整版本: 时间日期巨酷的日历加备忘录 (利用cookie完成)