`
zu14
  • 浏览: 459594 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类

meizz日历控件修改版

阅读更多
var bMoveable=false;  
var _VersionInfo="";
var strFrame;  
document.writeln('
<iframe id=meizzDateLayer Author=wayx frameborder=0 style="position: absolute; width: 144; height: 211; z-index: 9998; display: none"></iframe>');
strFrame
='<style>';
strFrame
+='INPUT.button{BORDER-RIGHT: #ff9900 1px solid;BORDER-TOP: #ff9900 1px solid;BORDER-LEFT: #ff9900 1px solid;';
strFrame
+='BORDER-BOTTOM: #ff9900 1px solid;BACKGROUND-COLOR: #fff8ec;}';
strFrame
+='TD{FONT-SIZE: 9pt;}';
strFrame
+='</style>';
strFrame
+='<scr' + 'ipt>';
strFrame
+='var datelayerx,datelayery; ';
strFrame
+='var bDrag; ';
strFrame
+='function document.onmousemove() ';
strFrame
+='{if(bDrag && window.event.button==1)';
strFrame
+=' {var DateLayer=parent.document.all.meizzDateLayer.style;';
strFrame
+='  DateLayer.posLeft += window.event.clientX-datelayerx;';
strFrame
+='  DateLayer.posTop += window.event.clientY-datelayery;}}';
strFrame
+='function DragStart()  ';
strFrame
+='{var DateLayer=parent.document.all.meizzDateLayer.style;';
strFrame
+=' datelayerx=window.event.clientX;';
strFrame
+=' datelayery=window.event.clientY;';
strFrame
+=' bDrag=true;}';
strFrame
+='function DragEnd(){  ';
strFrame
+=' bDrag=false;}';
strFrame
+='</scr' + 'ipt>';
strFrame
+='<div style="z-index:9999;position: absolute; left:0; top:0;" onselectstart="return false"><span id=tmpSelectYearLayer Author=wayx style="z-index: 9999;position: absolute;top: 3; left: 19;display: none"></span>';
strFrame
+='<span id=tmpSelectMonthLayer Author=wayx style="z-index: 9999;position: absolute;top: 3; left: 48;display: none"></span>';
strFrame
+='<table border=1 cellspacing=0 cellpadding=0 width=142 height=160 bordercolor=#ff9900 bgcolor=#ff9900 Author="wayx">';
strFrame
+='  <tr Author="wayx"><td width=142 height=23 Author="wayx" bgcolor=#FFFFFF><table border=0 cellspacing=1 cellpadding=0 width=140 Author="wayx" height=23>';
strFrame
+='      <tr align=center Author="wayx"><td width=16 align=center bgcolor=#ff9900 style="font-size:12px;cursor: hand;color: #ffffff" ';
strFrame
+='        onclick="parent.meizzPrevM()" title="上个月" Author=meizz><b Author=meizz><font face="Webdings">3</font></b>';
strFrame
+='        </td><td width=30 align=center style="font-size:12px;cursor:default" Author=meizz ';
strFrame
+='onmouseover="style.backgroundColor=\'#FFD700\'" onmouseout="style.backgroundColor=\'white\'" ';
strFrame
+='onclick="parent.tmpSelectYearInnerHTML(this.innerText)" title="点击选择年"><span Author=meizz id=meizzYearHead></span></td>';
strFrame
+='<td width=78 align=center valign="middle" style="font-size:11px;cursor:default" Author=meizz onmouseover="style.backgroundColor=\'#FFD700\'" ';
strFrame
+=' onmouseout="style.backgroundColor=\'white\'" onclick="parent.tmpSelectMonthInnerHTML(parent.athosMonthNameToNum(this.innerText))"';
strFrame
+='        title="点击选择月"><span id=meizzMonthHead Author=meizz></span></td>';
strFrame
+='        <td width=16 bgcolor=#ff9900 align=center style="font-size:12px;cursor: hand;color: #ffffff" ';
strFrame
+='         onclick="parent.meizzNextM()" title="下个月" Author=meizz><b Author=meizz><font face="Webdings">4</font></b></td></tr>';
strFrame
+='    </table></td></tr>';
strFrame
+='  <tr Author="wayx"><td width=142 height=18 Author="wayx">';
strFrame
+='<table border=1 cellspacing=0 cellpadding=0 bgcolor=#ff9900 ' + (bMoveable? 'onmousedown="DragStart()" onmouseup="DragEnd()"':'');
strFrame
+=' BORDERCOLORLIGHT=#FF9900 BORDERCOLORDARK=#FFFFFF width=140 height=20 Author="wayx" style="cursor:' + (bMoveable ? 'move':'default') + '">';
strFrame
+='<tr Author="wayx" align=center valign=bottom>';
strFrame
+='<td width=18px style="font-size:12px;color:#FFFFFF" Author=meizz title="星期天"></td>';
strFrame
+='<td width=18px style="font-size:12px;color:#FFFFFF" Author=meizz title="星期一"></td>';
strFrame
+='<td width=18px style="font-size:12px;color:#FFFFFF" Author=meizz title="星期二"></td>';
strFrame
+='<td width=18px style="font-size:12px;color:#FFFFFF" Author=meizz title="星期三"></td>';
strFrame
+='<td width=18px style="font-size:12px;color:#FFFFFF" Author=meizz title="星期四"></td>';
strFrame
+='<td width=18px style="font-size:12px;color:#FFFFFF" Author=meizz title="星期五"></td>';
strFrame
+='<td width=20px style="font-size:12px;color:#FFFFFF" Author=meizz title="星期六"></td>';
strFrame
+='</tr>'; 
strFrame
+='</table></td></tr>';
strFrame
+='  <tr Author="wayx"><td width=142 height=120 Author="wayx">';
strFrame
+='    <table border=1 cellspacing=2 cellpadding=0 BORDERCOLORLIGHT=#FF9900 BORDERCOLORDARK=#FFFFFF bgcolor=#fff8ec width=140 height=120 Author="wayx">';
var n=0for (j=0;j<5;j++){ strFrame+= ' <tr align=center Author="wayx">'; for (i=0;i<7;i++){
strFrame
+='<td width=20 height=20 id=meizzDay'+n+' style="font-size:12px" Author=meizz onclick=parent.meizzDayClick(this.innerText,0)></td>';n++;}
strFrame
+='</tr>';}
strFrame
+='      <tr align=center Author="wayx">';
for (i=35;i<39;i++)strFrame+='<td width=20 height=20 id=meizzDay'+i+' style="font-size:12px" Author=wayx onclick="parent.meizzDayClick(this.innerText,0)"></td>';
strFrame
+='        <td align=center Author=meizz colspan=2><span onclick=parent.clearAndCloseLayer() style="font-size:12px;cursor: hand;color:#00aaaa;"';
strFrame
+='         Author=meizz title="清除"><b>清除</b></span>&nbsp;</td>';
strFrame
+='        <td align=right Author=meizz><span onclick=parent.closeLayer() style="font-size:12px;cursor: hand;color:Red;"';
strFrame
+='         Author=meizz title="关闭"><b>X</b></span>&nbsp;</td>';
//strFrame+='        <td align=right Author=meizz><a href="mailto: athos.liu@gmail.com; meizz@hzcnc.com" style="text-decoration:none"';
//
strFrame+='         Author=meizz title="' + _VersionInfo + '"><i>&copy;</i></a>&nbsp;</td>';
strFrame+='</tr>';
strFrame
+='</table></td></tr><tr Author="wayx"><td Author="wayx">';
strFrame
+='  <table border=0 cellspacing=1 cellpadding=0 width=100% Author="wayx" bgcolor=#FFFFFF>';
strFrame
+='    <tr Author="wayx"><td Author=meizz align=left>';
//strFrame+='       <input Author=meizz type=button class=button value="&larr;" title="10 Year Before" onclick="parent.meizzPrevY(10)" ';
//
strFrame+='          onfocus="this.blur()" style="font-size: 12px; height: 20px">';
strFrame+='       <input Author=meizz type=button class=button value="7" title="上一年" onclick="parent.meizzPrevY(1)" ';
strFrame
+='          onfocus="this.blur()" style="font-size: 12px; height: 18px;font-family:webdings;cursor:hand">';
//strFrame+='        <input Author=meizz class=button title="上个月" type=button ';
//
strFrame+='          value="&lsaquo;" onclick="parent.meizzPrevM()" onfocus="this.blur()" style="font-size: 12px; height: 18px">';
strFrame+='          </td><td Author=meizz align=center><input Author=meizz type=button class=button value="今天" style="color:#00007f;background-color:FFD700;font-size: 9pt;" onclick="parent.meizzToday()" ';
strFrame
+='             onfocus="this.blur()" title="今天" style="font-size: 12px; height: 18px; cursor:hand"></td><td ';
strFrame
+='             Author=meizz align=right>';
//strFrame+='        <input Author=meizz type=button class=button value="&rsaquo;" onclick="parent.meizzNextM()" ';
//
strFrame+='             onfocus="this.blur()" title="下个月" class=button style="font-size: 12px; height: 18px">';
strFrame+='        <input Author=meizz type=button class=button value="8" title="下一年" onclick="parent.meizzNextY(1)"';
strFrame
+='             onfocus="this.blur()" style="font-size: 12px; height: 18px;font-family:webdings;cursor:hand">';
//strFrame+='       <input Author=meizz type=button class=button value="&rarr;" title="10 Year Later" onclick="parent.meizzNextY(10)" ';
//
strFrame+='          onfocus="this.blur()" style="font-size: 12px; height: 20px">';
strFrame+='      </td></tr></table></td></tr></table></div>';


window.frames.meizzDateLayer.document.writeln(strFrame);
window.frames.meizzDateLayer.document.close();  

var outObject;
var outButton; 
var outDate=""
var odatelayer=window
分享到:
评论

相关推荐

    一个超酷的javascript日历控件

    大部分代码来自meizz的日历控件。 *tiannet添加了时间选择功能、select,object标签隐藏功能,还有其它小功能。 *使用方法: * (1)只选择日期 (this);"&gt; * (2)选择日期和小时 (this);"&gt; * (3)选择日期和小时及...

    asp.net日历控件大集合

    本文将介绍一款非常经典且功能强大的日历控件——下拉日历梅花雨版第1款,并通过其示例代码来详细解析其工作原理和技术要点。 #### 二、日历控件特点 - **功能全面**:支持公历和农历显示,满足不同场景的需求。 -...

    JavaScript日历控件

    描述中提到的"meizz3.0版"可能是一个开源的日历控件库,开发者在此基础上进行了改进,使用Popup模式来展示日历,这可以解决在iframe或者Frame页面中空间有限的问题。Popup模式意味着当用户点击某个按钮或输入框时,...

    js日期控件

    大部分代码来自meizz的日历控件。 *小雷添加了时间选择功能、select,object标签隐藏功能,还有其它小功能。 *使用方法: * (1)只选择日期 (this);"&gt; * (2)选择日期和小时 (this);"&gt; * (3)选择日期和小时及分钟 ...

    JSP页面中的时间选择器

    JSP页面中的时间选择器 本篇文章介绍了如何在 JSP 页面中实现一个基于 JavaScript 的时间选择器控件。该控件可以显示一个日历形式的时间选择器,方便用户...控件的开发作者是 F.R.Huang(meizz)和 walkingpoison。

    js日期时间选择控件.rar

    大部分代码来自meizz的日历控件。 *tiannet添加了时间选择功能、select,object标签隐藏功能,还有其它小功能。 *使用方法: * (1)只选择日期 (this);"&gt; * (2)选择日期和小时 (this);"&gt; * (3)选择日期和小时及...

    日期 时间js控件

    大部分代码来自meizz的日历控件。 *tiannet添加了时间选择功能、select,object标签隐藏功能,还有其它小功能。 *使用方法: * (1)只选择日期 &lt;input type=”text” name=”date” readOnly onClick=”setDay(this...

    带时间选择得JS日期控件

    很多时候需要用到带时间选择的日期控件,在网上搜索了很多终于搜到了梅子(meizz)的一个,具体是什么时候的版本不清楚了,现在的3.0版本上是没有选择时间的。 兴奋之余,看到这个控件原来没有秒的选择,可能是秒用...

    梅花雪树形控件1.0和2.0(MzTreeView)

    梅花雪树形控件1.0和2.0MzTreeView /*---------------------------------------------------------------------------*\ | Subject: JavaScript Framework | Author: meizz | Created: 2005-02-27 | Version: 2006-...

    超酷万年历js 万年历

    js 实现的万年历,超级酷,javascript 功能强大的万年历

    MzTreeView 支持 checkbox radio

    修改自meizz的树,这个树确实很强 可加checkbox和radio参考了 http://blog.csdn.net/xustanly/archive/2006/09/11/1207222.aspx

    在textarea中屏蔽js的某个function的javascript代码

    1楼 在你的那个函数里通过 document.activeElement 得到当前网页聚焦的那个控件, 判断这个若是这个 textarea 则跳出不执行本函数 2楼 楼上正解,向meizz学习 3楼 to meizz(梅花雪) 我是用 document....

    类似CSDN图片切换效果脚本

    代码如下:/*—————————————————————————*\ | Subject: Rotate AD | NameSpace: System.Web.UI.WebControls.MzRotateImage | Author: meizz | Created: 2006-11-11 | Version: 2006-12-06 |...

    CSDN轮换广告图片轮换效果

    /*—————————————————————————*\ | Subject: JavaScript Framework | Author: meizz | Created: 2005-02-27 | Version: 2006-08-31 |———————————– | MSN: huangfr@...

    带有秒的日期选择脚本

    charset=gb2312'&gt;&lt;style&gt;...&lt;/style&gt;&lt;/head&gt;&lt;body onselectstart='return false' style='...' oncontextmenu='return false'&gt;&lt;form name='meizz'&gt;"; // ...其他代码... } ``` ##### 3. 样式与兼容性 - **样式定义...

    JavaScript常用语句精选

    InitialCatalog=meizz"); var rs = new ActiveXObject("ADODB.Recordset"); var sql = "select user_kind from tbRightSet where user_id=" + Account + ";"; rs.open(sql, conn); if (!rs.EOF) { // 处理查询结果 ...

    不用确认即可打印的javascript代码

    window.opener = "meizz"; window.print(); } } else { window.print(); } } ``` ##### 3. 功能解读 - **IE浏览器兼容处理**:首先检查当前浏览器是否为IE(通过`document.all`属性判断)。如果是IE,进一步...

    javascript应用:Iframe自适应其加载的内容高度

    meta name=’author’ content=’F.R.Huang(meizz梅花雪)//www.meizz.com’&gt; &lt;title&gt;iframe自适应加载的页面高度&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;iframe src=”child.htm”

    自适应高度框架 —-属个人收藏内容

    meta name=’author’ content=’F.R.Huang(meizz梅花雪)//www.meizz.com’ /&gt; &lt;title&gt;iframe自适应加载的页面高度&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div&gt;&lt;iframe src=”child.htm”&...

Global site tag (gtag.js) - Google Analytics