<b>Dreamweaver构建Blog全程实录(10):事件日历</b>[DW设计]
本文“<b>Dreamweaver构建Blog全程实录(10):事件日历</b>[DW设计]”是由七道奇为您精心收集，来源于网络转载，文章版权归文章作者所有，本站不对其观点以及内容做任何评价，请读者自行判断，以下是其具体内容：
第十章 BLOG事件日历的实现
既然Doking’s BLOG是学习笔记,那么按日历可以查出全部笔记和笔记答复.
难点解析:是不是要在中直接增添Calendar日历控件?不!那是不行的!由于Calendar日历控件是控件,要在含有runat="server"表单该控件,但一页面中只能有一个含有runat="server"表单,不然有时会呈现如图10-1所示的错误显示.
图10-1 页面只能有一个含有runat="server"表单的错误
那怎么办?这里是采纳嵌入式框架举行转移.
10.1 增添Calendar日历控件
（1）新建一个空白 VB动态页.
（2）插入带出runat="server"表单,设置ID=”Calfrm”.
（3）点击快速菜单下的“更多标签”按钮,在弹出【标签挑选器】对话框中挑选“ 标签”下的“ Calendar”,如图10-2所示.
图10-2 插入“ Calendar”标签
（4）按“插入”按钮,弹出【标签编辑器—Calendar】对话框,如图10-3所示.在这个对话中,可以对Calendar日历控件的款式举行设置,由于有中文,在这里就不多讲了.
（5）保存 VB动态页为dkCalendar.x.在IE中浏览,如图10-4所示.
图10-3 【标签编辑器—Calendar】对话框
图10-4 dkCalendar.x在IE中的浏览
在图10-1-4中,可以看到星期的显示太长了,很丢脸!假如显示为“日、1、2、3、4、5、六”,那就行了.
10.2 改正Calendar的星期显示
（1）在中翻开dkCalendar.x,切换到代码视图,探求以下代码:
<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="gb2312" %>
把它改成:
<%@ Page Language="VB" Debug="true" Culture="zh-CN"%>
（2）点击快速菜单下的“а:xy”按钮,插入命名空间,如图10-5所示.
（3）此时新添代码:
<%@ Import Namespace="" %>
输入命名空间为System.Globalization,即代码改成:
<%@ Import Namespace="System.Globalization" %>
（4）再增添命名空间System.Threading,后果如图10-6所示.
图10-5 插入命名空间
图10-6 插入命名空间后代码
（5）在代码:
<%@ Import Namespace="System.Treading" %>
之后,空一行,并插入以下代码:
<script runat="server">
Dim dkday‘定义挑选日期所产生的链接字符串的全局变量
'改变星期显示的函数
Private Sub Calendar1_PreRender(ByVal sender As Object, ByVal e As System.EventArgs) Handles Calendar1.PreRender
Dim dkwek = System.Threading.Thread.CurrentThread
Dim dknew = System.Globalization.CultureInfo.CurrentCulture.Clone()
dknew.DateTimeFormat.DayNames = New String() {"日", "一", "二", "三", "四", "五", "六"}
dknew.DateTimeFormat.FirstDayOfWeek = DayOfWeek.Sunday
dkwek.CurrentCulture = dknew
End Sub
</script>
（6）挑选日历控件Calendar1的原代码,切换到【标签】面板的【属性】选项卡,展开“外观”选项,挑选“DayNameFormat”项的下拉菜单,并挑选“Full”,如图10-7所示.
（7）保存dkCalendar.x,在IE中举行浏览,后果如图10-8所示.
图10-7 挑选“DayNameFormat”值为“Full” 图10-8 dkCalendar.x改正后在IE浏览
10.3 增添日历事件
（1）在中翻开dkCalendar.x,切换到代码视图,挑选Calendar1的原代码,右键单击它,在弹出的快速菜单中挑选“编辑标签(E)<:calendar>”,如图10-9所示.
图10-9 挑选“编辑标签(E)<:calendar>”
（2）在弹出【编辑标签—calendar】的对话框中,展开“事件”项,挑选“OnSelectionChanged”,在“Calendar —OnSelectionChanged”事件文本区域中,输入“Calendar1_SelectionChanged”,按“肯定”按钮,如图10-10所示.
图10-10 编辑OnSelectionChanged事件
（3）在代码<script runat="server">标签中增添如图10-11红色圈所示的代码.
图10-11 增添Calendar1_SelectionChanged事件
（4）在标签<head></head>之间,插入如图10-12红色圈所示的代码.
（5）找标签<body>,将其改成如图10-13红色圈所示的代码.
图10-12 插入javascript函数dkwk
图10-13 改正标签<body>
（6）再次把Calendar1的“DayNameFormat”项的设为“Full”,参照10.2节中的第6步骤.
（7）保存dkCalendar.x,翻开index.x,在page_load函数中增添以下代码:
if Request.QueryString("dkday")<>nothing then
Ztre.CommandText="SELECT * FROM ZTRE WHERE cstr(ZITIME) LIKE '%" &Request.QueryString("dkday")&"%' ORDER BY ZITIME DESC"
else
if (request.QueryString("menanw")<>nothing) or (session("menanw")<>nothing) then
Ztre.CommandText="SELECT * FROM ZTRE WHERE LMID = ? ORDER BY ZITIME DESC"
else
Ztre.CommandText="SELECT * FROM ZTRE ORDER BY ZITIME DESC"
end if
end if
后果如图10-14所示.
图10-14 在page_load函数中增添代码
（8）找到记录集Ztre的原代码,删除其CommanText所在的号令行,后果如图10-15红色圈所示.
图10-15 改正后记录集Ztre的原代码
（9）保存index.x.
10.4 增添嵌入式框架
（1）翻开dkblog.dwt.x,在快速菜单中,点击“更多标签”快速按钮,在弹出【标签挑选器】对话框中,挑选“HTML标签”,并挑选“iframe”项,如图10-16所示.
图10-16 插入iframe标签（即嵌入式框架）
（2）单击“插入”按钮,在弹出【标签编辑器—iframe】对话框中对要插入的嵌入式框架举行有关设置如图10-17所示.
图10-17 对嵌入式框架举行有关设置
（3）按“肯定”按钮,返回到【标签编辑器—iframe】对话框,再按“关闭”按钮.
（4）保存dkblog.dwt.x,更新全部.
（5）在IE中浏览index.x,后果如图10-18所示.
图10-18 在IE中浏览index.x
提醒:其实日历事件的实现是非常复杂的事件,这里只是给出一个简单的例子.这一节还有一个难点就是嵌入式框架对主窗口对象的掌握,这里中只是举了个用“parent.location.href”掌握主窗口的流转.这些就留给读者们渐渐研究了.
以上是“<b>Dreamweaver构建Blog全程实录(10):事件日历</b>[DW设计]”的内容，如果你对以上该文章内容感兴趣，你可以看看七道奇为您推荐以下文章：
| 本文地址： | 与您的QQ/BBS好友分享! |
- 好的评价 如果您觉得此文章好，就请您
0%(0) 
- 差的评价 如果您觉得此文章差，就请您
0%(0) 
中查找“<b>Dreamweaver构建Blog全程实录(10):事件日历</b>”更多相关内容
中查找“<b>Dreamweaver构建Blog全程实录(10):事件日历</b>”更多相关内容