rainliu
- 浏览: 77967 次
- 性别:
- 来自: 广州
-
文章分类
最新评论
3. demo_calendar.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Cross browser javascript calendar</title>
<style type="text/css">
body{
/*
You can remove these four options
*/
background-repeat:no-repeat;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
margin:0px;
}
#ad{
padding-top:220px;
padding-left:10px;
}
</style>
<link type="text/css" rel="stylesheet" href="dhtml_calendar.css?random=20051112" media="screen"></LINK>
<SCRIPT type="text/javascript" src="dhtml_calendar.js?random=20060118"></script>
</head>
<body>
<img src='http://www.dhtmlgoodies.com/images/heading3.gif'>
<form>
<p>Click on the "Cal" buttons to see how the calendar works</p>
<table>
<tr><td>Date input 1(YYYY/MM/DD): </td><td><td><input type="text" value="2004/02/02" readonly name="theDate"><input type="button" value="Cal" onclick="displayCalendar(document.forms[0].theDate,'yyyy/mm/dd',this)"></td></tr>
<tr><td>Date input 2(DD.MM.YYYY): </td><td><td><input type="text" value="24.12.2000" readonly name="theDate2"><input type="button" value="Cal" onclick="displayCalendar(document.forms[0].theDate2,'dd.mm.yyyy',this)"></td></tr>
<tr><td>Date input 3: </td><td><td>
<select name="year">
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007" selected>2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
</select> /
<select name="month">
<option value="01">Jan</option>
<option value="02">Feb</option>
<option value="03">Mar</option>
<option value="04">Apr</option>
<option value="05">May</option>
<option value="06">Jun</option>
<option value="07">Jul</option>
<option value="08">Aug</option>
<option value="09" selected>Sep</option>
<option value="10">Oct</option>
<option value="11">Nov</option>
<option value="12">Dec</option>
</select> /
<select name="day">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11" selected>11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<input type="button" value="Cal" onclick="displayCalendarSelectBox(document.forms[0].year,document.forms[0].month,document.forms[0].day,false,false,this)"></td></tr>
<tr><td>Date input 3(YYYY/MM/DD hh:ii): </td><td><td><input type="text" value="2006/06/02 12:55" readonly name="theDate3"><input type="button" value="Cal" onclick="displayCalendar(document.forms[0].theDate3,'yyyy/mm/dd hh:ii',this,true)"></td></tr>
<tr><td>Date input 3: </td><td><td>
<select name="year2">
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007" selected>2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
</select> /
<select name="month2">
<option value="01">Jan</option>
<option value="02">Feb</option>
<option value="03">Mar</option>
<option value="04">Apr</option>
<option value="05">May</option>
<option value="06">Jun</option>
<option value="07">Jul</option>
<option value="08">Aug</option>
<option value="09" selected>Sep</option>
<option value="10">Oct</option>
<option value="11">Nov</option>
<option value="12">Dec</option>
</select> /
<select name="day2">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11" selected>11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select name="hour2">
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14" selected>14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select> :
<select name="minute2">
<option value="00">00</option>
<option value="05">05</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20" selected>20</option>
<option value="25">25</option>
<option value="30">30</option>
<option value="35">35</option>
<option value="40">40</option>
<option value="45">45</option>
<option value="50">50</option>
<option value="55">55</option>
</select>
<input type="button" value="Cal" onclick="displayCalendarSelectBox(document.forms[0].year2,document.forms[0].month2,document.forms[0].day2,document.forms[0].hour2,document.forms[0].minute2,this)"></td></tr>
</table>
<div id="debug"></div>
</body>
</html>
分享到：
发表评论
-
JS calendar in DHTML Suite for applications [转]-2
2012-07-05 13:54 9312.dhtml_calendar.js /********* ... -
JS calendar in DHTML Suite for applications [转]-1
2012-07-05 13:50 815This is a cross browser Javascr ... -
Form field tooltip
2012-07-03 12:26 1407Files included in the package: ... -
Tooltip with Transparent Shadow
2012-07-03 11:42 780Put this into your <HEAD> ... -
js获取屏幕相关
2012-06-29 17:29 824<SCRIPT LANGUAGE="Ja ... -
JavaScript判断浏览器类型及版本
2009-10-28 14:35 8149你知道世界上有多少种浏览器吗？除了我们熟知的IE, Firef ...
相关推荐
dhtml-suite-for-applications v1.9正是这样一个专门用于创建应用程序的JavaScript套件，它以其强大的功能和易用性，在众多开发者中广受好评。本文将全面探讨这个版本的特性、功能及其在实际开发中的应用。 首先，...
“dhtml-html-css-javascript-dom帮助文档（.chm）五合一”这一标题表明这是一个综合性的技术文档资源，包含了五个关键领域的知识：Dynamic HTML (DHTML)、HTML、Cascading Style Sheets (CSS)、JavaScript以及...
《DHTML手册——HTML, JAVASCRIPT深入解析》是一本专门为Web开发者量身打造的指南，涵盖了HTML和JavaScript这两个核心Web技术的深度解析。HTML（HyperText Markup Language）是网页内容的基础，而JavaScript则是赋予...
VBScript JavaScript Dhtml SQL WSH DOM XML CSS ASp等12个参考手册
JavaScript参考手册.chm jQuery1.11.0参考手册.chm（最新版本的jQuery手册） DHTML完全手册.chm CSS + JS合订版手册.chm 。。。 这些是我从事前端开发这么多年来的积蓄啊，都贡献出来啦！各有各的好处，各个...
IUI DHtml组件是Web开发中的一个关键工具，主要用于构建具有丰富用户界面的网页应用。这个组件库在2008年2月6日发布了测试版本，为开发者提供了多种功能强大的控件，如ComboBox和Validator，以提升网页的交互性和...
DHTML使得网页内容可以随用户交互或时间变化而动态更新，无需重新加载整个页面。它通过改变HTML元素的样式、位置或内容来实现这一效果。 2. **HTML (HyperText Markup Language)** HTML是网页内容的结构化语言，...
DHTML手册免费下载---BOM、DOM编程-附件资源
dhtml_utopia__modern-web-design-using-javascript-and-dom_by_stuart-langridge
4. `js`：同样是一个目录，可能包含了一个或多个JavaScript文件，这些文件包含了实现图片轮播功能的核心逻辑。JavaScript代码会读取HTML中的图片元素，根据CSS定义的样式，结合DOM操作和定时器功能，实现图片的动态...
**基于Ajax+DHTML实现的Modal-Message对话框窗体js类库源码详解** 在Web开发中，对话框（Modal Dialog）是一种常见的用户交互组件，用于显示警告、确认、询问或其他需要用户注意力的信息。Modal-Message对话框是...
了解并熟练掌握DHTML、JavaScript和相关库如Prototype.js，是成为一名优秀的前端开发者的必要条件。这些技术的综合运用，能够创建出富有活力、交互性强的现代网页，提升用户在浏览和使用网站时的满意度。
《JavaScript DHTML CSS手册》是一本详尽阐述前端开发核心技术的手册，主要涵盖了JavaScript、DHTML（Dynamic HTML）以及CSS（Cascading Style Sheets）这三个关键领域的知识。这本书旨在帮助开发者深入理解并熟练...
接着，要掌握JavaScript的基础知识，包括变量、函数、条件语句和循环等，因为JavaScript是实现DHTML动态效果的主要脚本语言。最后，深入学习DOM的概念，了解如何通过JavaScript操作DOM节点，如创建、修改、删除和...
JavaScript 和 DHTML 是 web 开发中的重要技术，用于创建交互性和动态网页。在这个压缩包中包含的四个文档，很可能是关于这两个主题的详细教程或参考资料。 1. **DHTML（Dynamic HTML）**： DHTML 是一个综合术语...
3. **JavaScript**：JavaScript是实现DHTML动态效果的核心。它是一种解释型的脚本语言，可以直接在浏览器中运行。JavaScript可以修改HTML元素的内容、属性，控制CSS样式，甚至处理用户事件，如点击、滚动等，从而...
DHTML 参考手册 - 颜色表 DHTML 参考手册 - 颜色表 DHTML 参考手册 - 颜色表
How.to.Do.Everything.with.JavaScript.eBook-DDU.pdf CSS, DHTML and JavaScript.rar JavaScript.And.DHTML.Cookbook.2003-CHM.chm html & javascript for visual ...JavaScript.in.10.Steps.or.Less.eBook-KB.rar
DHTML是一种在网页上实现动态交互效果的技术，它结合了HTML、CSS和JavaScript，使得网页内容能够在不重新加载页面的情况下更新和改变。DX0库的出现，使得开发者能够更高效地创建跨浏览器兼容的动态Web应用程序。 DX...