当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 源码学习:一个简单的日历控件(1)

HTML/XHTML教程
W3C教程(9):W3C XPath 活动
W3C教程(10):W3C XQuery 活动
W3C教程(8):W3C XML Schema 活动
W3C教程(5):W3C XML 活动
W3C教程(7):W3C XSL 活动
W3C教程(4):W3C XHTML 活动
W3C教程(3):W3C HTML 活动
W3C教程(2):W3C 程序
W3C教程(6):W3C CSS 活动
W3C教程(1):认识W3C
XHTML CSS网站设计的优势和问题
英文:A链接标记ie下会自动补全href
如何通过W3C验证?
XHTML标签在CSS中对应的属性及用法
网页前端开发CSS相关团队协作
网页制作初学者:学用HTML的超链接A标记
UTF-8和GB2312网页编码
让访客记住网站的三段实用代码
网易博客中用到的简单网页代码
HTML教程:title属性与alt属性

HTML/XHTML教程 中的 源码学习:一个简单的日历控件(1)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 75 ::
收藏到网摘: n/a

 
calendar.js

   function atCalendarControl(){
  var calendar=this;
  this.calendarPad=null;
  this.prevMonth=null;
  this.nextMonth=null;
  this.prevYear=null;
  this.nextYear=null;
  this.goToday=null;
  this.calendarClose=null;
  this.calendarAbout=null;
  this.head=null;
  this.body=null;
  this.today=[];
  this.currentDate=[];
  this.sltDate;
  this.target;
  this.source;

  /************** 加入日历底板及阴影 *********************/
  this.addCalendarPad=function(){
   document.write("<div id='divCalendarpad' style='position:absolute;top:100;left:0;width:255;height:167;display:none;'>");
   document.write("<iframe frameborder=0 height=168 width=255></iframe>");
   document.write("<div style='position:absolute;top:4;left:4;width:248;height:164;background-color:#336699;'></div>");
   document.write("</div>");
   calendar.calendarPad=document.all.divCalendarpad;
  }
  /************** 加入日历面板 *********************/
  this.addCalendarBoard=function(){
   var BOARD=this;
   var divBoard=document.createElement("div");
   calendar.calendarPad.insertAdjacentElement("beforeEnd",divBoard);
   divBoard.style.cssText="position:absolute;top:0;left:0;width:250;height:166;border:1 outset;background-color:buttonface;";