源码学习:一个简单的日历控件(7)

2016-01-29 11:42 24 1 收藏

源码学习:一个简单的日历控件(7),源码学习:一个简单的日历控件(7)

【 tulaoshi.com - Javascript 】

     else{
      var theCell=theRow.insertCell(j);
      theCell.style.cssText="background-color:#F0F0F0;cursor:default;";
     }
    }
   }

   //****************调整日历位置**************//
   var offsetPos=calendar.getAbsolutePos(calendar.source);//计算对像的位置;
   if((document.body.offsetHeight-(offsetPos.y+calendar.source.offsetHeight-document.body.scrollTop))<calendar.calendarPad.style.pixelHeight){
    var calTop=offsetPos.y-calendar.calendarPad.style.pixelHeight;
   }
   else{
    var calTop=offsetPos.y+calendar.source.offsetHeight;
   }
   if((document.body.offsetWidth-(offsetPos.x+calendar.source.offsetWidth-document.body.scrollLeft))calendar.calendarPad.style.pixelWidth){
    var calLeft=offsetPos.x;
   }
   else{
    var calLeft=calendar.source.offsetLeft+calendar.source.offsetWidth;
   }
   //alert(offsetPos.x);
   calendar.calendarPad.style.pixelLeft=calLeft;
   calendar.calendarPad.style.pixelTop=calTop;
}
/****************** 计算对像的位置 *************************/
this.getAbsolutePos = function(el) {
   var r = { x: el.offsetLeft, y: el.offsetTop };
   if (el.offsetParent) {
    var tmp = calendar.getAbsolutePos(el.offsetParent);
    r.x += tmp.x;
    r.y += tmp.y;
   }
   return r;
};

来源:http://www.tulaoshi.com/n/20160129/1483032.html

上一篇：教你用html和css写出漂亮正规的Blog
下一篇： AutoCAD建模渲染教程：剖切命令绘制八心八箭钻石

看过《源码学习:一个简单的日历控件(7)》的人还看了以下文章更多>>

源码学习:一个简单的日历控件(8)

//************* 插入日期单元格 **************/ this.insertBodyCell=function(theRow,j,day,targetObject){ var theCell=theRow.insertCell(j); if(j==0) var theBgColor="#FF9999"; else var theBgColor="#FFFFFF"; if(day==calendar.currentDate) var theBgColor="#CCC...

一个优秀的网格控件CGridCtrl

标签： C语言教程 C语言函数

一个优秀的网格控件CGridCtrl 作者:戴绍忠网格控件的用途非常广泛，在我的一个项目中需要实现类似EXCEL的界面，为此我采用了一个优秀的CGridCtrl控件，其原作者为 Chris Maunder (原作者所写的MFC Grid control的最新版本可以到http://www.codetools.com/miscctrl/gridctrl.asp查阅)为了方便地实现单元格...

偶写的第一个控件,一个用选择代替输入的Edit控件

标签：编程语言网络编程

{***************************************************************} { &...

自己写的一个图表控件

功能很简单，就是根据传入的统计数据生成图片。可以按照线条、圆柱、饼状进行显示。但现在只完成了线条这一个功能。有兴趣的朋友可以看看，如果有什么问题请和我联系。目前主要功能： 1。线状显示数据 2。自定义图片大小 3。自定义图表标题文字的内容、字体、大小、颜色 4。X、Y轴文字内容 5。按天、月显示数据 ………...

推荐一个小巧的JS日历

标签： Web开发

脚本的核心就是DateAdd函数，点击下面的演示看看效果：查看演示调用方法很简单，第一步：在页面顶部包含calenderJS.js文件： script src="path/to/calenderJS.js"/script 点击下载这个js文件第二步：给你的输入框增加onfocus事件属性： input type="text" onfocus="HS_setDate(this)" HS_setDate(this) ...

查看更多精彩>>