×

关注微信公众号

免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载随时随地聆听大师开讲/课堂酷素材!视频教程打包下手绘教程
咔咔摄影抠图教程路径专辑photoshop cs3视频教程 
查看: 4520|回复: 29

急!怎样把日历放入设定位置的表格?

[复制链接]

该用户从未签到

发表于 2008-6-13 15:16:45 | 显示全部楼层 |阅读模式
各位高手,你们好!我正在做一个人主页,但我把日历的代码插入网页表格的时候,它不能在预定的表格内出现,总是摆在网页的中间!请问各位,我该怎么办呢?是不是代码的原因?我看不懂代码,高手们能帮我改一改代码吗?代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>日历</title>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
//创建一个数组,用于存放每个月的天数
function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11)
{
this[0] = m0;
this[1] = m1;
this[2] = m2;
this[3] = m3;
this[4] = m4;
this[5] = m5;
this[6] = m6;
this[7] = m7;
this[8] = m8;
this[9] = m9;
this[10] = m10;
this[11] = m11;
}
//实现月历
function calendar() {
var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec";
var today = new Date();
var thisDay;
var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
year = today.getYear() +1900;
thisDay = today.getDate();
if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29;
nDays = monthDays[today.getMonth()];
firstDay = today;
firstDay.setDate(1);
testMe = firstDay.getDate();
if (testMe == 2) firstDay.setDate(0);
startDay = firstDay.getDay();
document.write("<div id='rili' style='position:absolute;width:140px;left:300px;top:100px;'>")
document.write("<TABLE width='217' BORDER='0' CELLSPACING='0' CELLPADDING='2' BGCOLOR='#0080FF'>")
document.write("<TR><TD><table border='0' cellspacing='1' cellpadding='2' bgcolor='Silver'>");
document.write("<TR><th colspan='7' bgcolor='#C8E3FF'>");
var dayNames = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
var monthNames = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");
var now = new Date();
document.writeln("<FONT STYLE='font-size:9pt;Color:#330099'>" + "公元 " + now.getYear() + "年" + monthNames[now.getMonth()] + " " + now.getDate() + "日 " + dayNames[now.getDay()] + "</FONT>");
document.writeln("</TH></TR><TR><TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>日</FONT></TH>");
document.writeln("<th bgcolor='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>一</FONT></TH>");
document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>二</FONT></TH>");
document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>三</FONT></TH>");
document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>四</FONT></TH>");
document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>五</FONT></TH>");
document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>六</FONT></TH>");
document.writeln("</TR><TR>");
column = 0;
for (i=0; i<startDay; i++) {
document.writeln("\n<TD><FONT STYLE='font-size:9pt'> </FONT></TD>");
column++;
}
for (i=1; i<=nDays; i++) {
if (i == thisDay) {
document.writeln("</TD><TD ALIGN='CENTER' BGCOLOR='#FF8040'><FONT STYLE='font-size:9pt;Color:#ffffff'><B>")
}
else {
document.writeln("</TD><TD BGCOLOR='#FFFFFF' ALIGN='CENTER'><FONT STYLE='font-size:9pt;font-family:Arial;font-weight:bold;Color:#330066'>");
}
document.writeln(i);
if (i == thisDay) document.writeln("</FONT></TD>")
column++;
if (column == 7) {
document.writeln("<TR>");
column = 0;
}
}
document.writeln("<TR><TD COLSPAN='7' ALIGN='CENTER' VALIGN='TOP' BGCOLOR='#0080FF'>")
document.writeln("<FORM NAME='clock' onSubmit='0'><FONT STYLE='font-size:9pt;Color:#ffffff'>")
document.writeln("现在时间:<INPUT TYPE='Text' NAME='face' ALIGN='TOP'></FONT></FORM></TD></TR></TABLE>")
document.writeln("</TD></TR></TABLE></div>");
}
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
var timerID = null;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;}
//显示当前时间
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = " " + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " 下午 " : " 上午 "
document.clock.face.value = timeValue;
timerID = setTimeout("showtime()",1000);//设置超时,使时间动态显示
timerRunning = true;}
function startclock () {
stopclock();
showtime();}
</SCRIPT>
</head>
<body>
<script language="JavaScript" type="text/javascript">
<!--
calendar();
//-->
</script>
</body>
</html>

该用户从未签到

发表于 2008-6-13 15:38:46 | 显示全部楼层
建立一个表格,把

  1. <script language="JavaScript" type="text/javascript">
  2. <!--
  3. calendar();
  4. //-->
  5. </script>
复制代码
放进去就行了!
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2008-6-13 15:39:05 | 显示全部楼层
另外,看了一下,这个日历不错的说
回复 支持 反对

使用道具 举报

该用户从未签到

 楼主| 发表于 2008-6-13 19:03:37 | 显示全部楼层
不是很懂,试了很多次都不行。日历的主程序不是也该嵌在表格的代码中么?再请次求帮助,谢谢!
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2008-6-13 19:41:26 | 显示全部楼层
你插入表格后,表格肯定在body里面,你直接把

<script language="JavaScript" type="text/javascript">
<!--
calendar();
//-->
</script>

这段调用函数的代码插入到对应的表格里就行了,其他的代码保持原来的位置不用改变
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2008-6-19 09:44:20 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2008-8-12 02:00:16 | 显示全部楼层

回复 5楼 寅生 的帖子

您好,还是不明白.我现在做一个网页,怎么才能把日期时间加入表格中,请教
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2008-8-28 09:13:53 | 显示全部楼层
5楼的说得很对,他的方法是直接调用日历函数。这样很好。
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2008-8-28 09:24:27 | 显示全部楼层
还有你这个日历不能放在表格中的一个直接原因上你的代码中有这么一段:“position:absolute;”对DIV进行了绝对定位了。所以你怎么样弄都不行,试着修改这段代码看看。
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2008-9-23 14:03:21 | 显示全部楼层
有点看不懂啊
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2017-11-4 16:52:14 | 显示全部楼层
真心顶。。。。
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2017-11-4 16:35:17 | 显示全部楼层
说的非常好
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2017-11-4 16:40:55 | 显示全部楼层
很好哦。。。
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2017-11-4 17:06:10 | 显示全部楼层
学习了。。。
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2017-11-4 17:09:36 | 显示全部楼层
好帖子要收藏
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | [免费注册]

本版积分规则