`

Web Calendar ver 3.0 网页日历 - 1

Web 
阅读更多
<SCRIPT language=javascript>
<!--
document.write("<div id=meizzCalendarLayer style='position: absolute; z-index: 9999; width: 144; height: 193; display: none'>");
document.write("<iframe name=meizzCalendarIframe scrolling=no frameborder=0 width=100% height=100%></iframe></div>");
function writeIframe()
{
    var strIframe = "<html><head><meta http-equiv='Content-Type' content='text/html; charset=gb2312'><style>"+
    "*{font-size: 12px; font-family: 宋体}"+
    ".bg{  color: "+ WebCalendar.lightColor +"; cursor: default; background-color: "+ WebCalendar.darkColor +";}"+
    "table#tableMain{ width: 142; height: 180;}"+
    "table#tableWeek td{ color: "+ WebCalendar.lightColor +";}"+
    "table#tableDay  td{ font-weight: bold;}"+
    "td#meizzYearHead, td#meizzYearMonth{color: "+ parent.WebCalendar.wordColor +"}"+
    ".out { text-align: center; border-top: 1px solid "+ WebCalendar.DarkBorder +"; border-left: 1px solid "+ WebCalendar.DarkBorder +";"+
    "border-right: 1px solid "+ WebCalendar.lightColor +"; border-bottom: 1px solid "+ WebCalendar.lightColor +";}"+
    ".over{ text-align: center; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;"+
    "border-bottom: 1px solid "+ WebCalendar.DarkBorder +"; border-right: 1px solid "+ WebCalendar.DarkBorder +"}"+
    "input{ border: 1px solid "+ WebCalendar.darkColor +"; padding-top: 1px; height: 18; cursor: hand;"+
    "       color:"+ WebCalendar.wordColor +"; background-color: "+ WebCalendar.btnBgColor +"}"+
    "</style></head><body onselectstart='return false' style='margin: 0px' oncontextmenu='return false'><form name=meizz>";
    if (WebCalendar.drag){ strIframe += "<scr"+"ipt language=javascript>"+
    "var drag=false, cx=0, cy=0, o = parent.WebCalendar.calendar; function document.onmousemove(){"+
    "if(parent.WebCalendar.drag && drag){if(o.style.left=='')o.style.left=0; if(o.style.top=='')o.style.top=0;"+
    "o.style.left = parseInt(o.style.left) + window.event.clientX-cx;"+
    "o.style.top  = parseInt(o.style.top)  + window.event.clientY-cy;}}"+
    "function document.onkeydown(){ switch(window.event.keyCode){  case 27 : parent.hiddenCalendar(); break;"+
    "case 37 : parent.prevM(); break; case 38 : parent.prevY(); break; case 39 : parent.nextM(); break; case 40 : parent.nextY(); break;"+
    "case 84 : document.forms[0].today.click(); break;} window.event.keyCode = 0; window.event.returnValue= false;}"+
    "function dragStart(){cx=window.event.clientX; cy=window.event.clientY; drag=true;}</scr"+"ipt>"}
    strIframe += "<select name=tmpYearSelect  onblur='parent.hiddenSelect(this)' style='z-index:1;position:absolute;top:3;left:18;display:none'"+
    " onchange='parent.WebCalendar.thisYear =this.value; parent.hiddenSelect(this); parent.writeCalendar();'></select>"+
    "<select name=tmpMonthSelect onblur='parent.hiddenSelect(this)' style='z-index:1; position:absolute;top:3;left:74;display:none'"+
    " onchange='parent.WebCalendar.thisMonth=this.value; parent.hiddenSelect(this); parent.writeCalendar();'></select>"+
    "<table id=tableMain class=bg border=0 cellspacing=2 cellpadding=0>"+
    "<tr><td width=140 height=19 bgcolor='"+ WebCalendar.lightColor +"'>"+
    "    <table width=140 id=tableHead border=0 cellspacing=1 cellpadding=0><tr align=center>"+
    "    <td width=15 height=19 class=bg title='向前翻 1 月&#13;快捷键:←' style='cursor: hand' onclick='parent.prevM()'><b>&lt;</b></td>"+
    "    <td width=60 id=meizzYearHead  title='点击此处选择年份' onclick='parent.funYearSelect(parseInt(this.innerText, 10))'"+
    "        onmouseover='this.bgColor=parent.WebCalendar.darkColor; this.style.color=parent.WebCalendar.lightColor'"+
分享到:
评论

相关推荐

    Web Calendar ver 3.0 网页日历控件!

    Web Calendar ver 3.0 网页日历控件! 博文链接:https://springside.iteye.com/blog/41499

    Web Calendar ver 3.0 网页日历

    Web Calendar ver 3.0 新加的功能: 1.对日历控件的对象式编程 2.对不同浏览器的兼容 3.对日历控件的样式颜色设置 4.对是否返回时分秒的设置 5.对年份下拉框的年跨度值的设置 6.增加了用方向键快捷键...

    Web_Calendar_30 日历控件

    Web Calendar ver 3.0 新加的功能: 1.对日历控件的对象式编程 2.对不同浏览器的兼容 3.对日历控件的样式颜色设置 4.对是否返回时分秒的设置 5.对年份下拉框的年跨度值的设置 6.增加了用方向键快捷键...

    vue-calendar.rar-Vue -ElementUI 日历控件-考勤日历表

    vue-el-calendar.zip Vue -ElementUI 日历控件 以vue为承载容器,使用elementUI为组件,css3搭配色彩,样式较为美观,满足基本需求,无第三方依赖环境,体积几百K 在vue+elementUI的项目中,丢入即可运行出来

    JS文件

    梅花雪Web Calendar ver 3.0 网页日历

    WebCalendar网页日历控件(js,javascript)

    WebCalendar是一款基于JavaScript的网页日历控件,它允许用户在网页上方便地选择和操作日期,极大地提升了用户在网页上的交互体验。这个控件主要适用于那些需要在网页上进行日期输入或者事件管理的应用,例如在线...

    德平桌面日历(calendar)3.0正式版

    软件名称:德平桌面日历(calendar)3.0正式版 软件分类:系统工具,桌面辅助。 版本:3.0正式版 文件大小:5M (5120K) 软件版权:免费 电子邮箱:caodeping2004@126.com 官方博客:http://blog.sina.com.cn/dpzmrl ...

    Calendar-price-jquery日历价格插件

    "Calendar-price-jquery"是一款基于jQuery的实用插件,它专为网页设计者提供了灵活的日历功能,集成了价格与库存的设置,不仅能够帮助用户方便地查看和设定日期,还能同步显示对应的价格信息,极大地优化了前台的...

    vue-el-calendar.zip Vue -ElementUI 日历控件

    vue-el-calendar.zip Vue -ElementUI 日历控件 以vue为承载容器,使用elementUI为组件,css3搭配色彩,样式较为美观,满足基本需求,无第三方依赖环境,体积几百K 在vue+elementUI的项目中,丢入即可运行出来

    基于Vue2-Calendar改进的日历组件(含中文使用说明)

    本文将详细介绍一个基于Vue2-Calendar组件进行改进的日历组件,该组件在原版基础上进行了多项优化,以满足更多样化的使用需求。首先,让我们了解一下Vue2-Calendar的基础知识。 Vue2-Calendar是一款适用于Vue.js...

    jquery-week-calendar-master日历控件

    1. **下载与引入**:从GitHub仓库下载`jquery-week-calendar-master`压缩包,解压后将`js`和`css`目录中的文件引入到HTML中。 2. **HTML结构**:创建一个基本的日历容器元素,如`&lt;div id="calendar"&gt;&lt;/div&gt;`。 3. **...

    WebCalendar日历控件

    WebCalendar是一款专为Web应用程序设计的日历控件,它提供了丰富的功能和自定义选项,使得在网页上实现交互式日程管理变得简单易行。这款控件通常由JavaScript、CSS和可能的服务器端脚本(如PHP、ASP.NET或Java)...

    ios-Swift3.0-日历控件.zip

    语言环境:Swift3.0 实现功能: 1,启动时显示当月日期 2,可以查看上一个月和下一个月的日期 3,可以进行日期选择 4,历史日期不可以选择 5,特殊需求:日期下面显示小红点 实现思路: 1,...

    bootstrap calendar 全年日历显示

    bootstrap calendar 全年日历显示,可做年度行事历等功能,使用起来特别方便,相关使用方法详见官网:http://www.bootstrap-year-calendar.com/#Documentation/Installation

    simplecalendar.js记录事件的日历插件

    document.getElementById('calendar-container').appendChild(calendar.element); ``` 三、事件管理 1. 添加事件:使用`addEvent`方法向日历添加新的事件。 ```javascript calendar.addEvent({ title: '会议', ...

    小程序插件 vue Calendar 日历

    【小程序插件 Vue Calendar 日历】是专门为Vue.js框架设计的一款高效、易用的日历组件,适用于微信小程序开发。此组件充分利用了Vue.js的特性,提供了丰富的功能和自定义选项,使得开发者能够快速构建具有日历展示...

Global site tag (gtag.js) - Google Analytics