拼吾爱程序人生

首页 » 其他编程 » javascript » 几个实用的Javascript“类”
cobra - 2008-7-4 23:32:00
文/howard-queen  出处/博客园

    这些“类”通过运用 javascript 基本类型,包装了一些简单的应用逻辑,使得代码更好的被复用,并力求代码犹如 c# 般优雅。源码包中完整的“类”名明细为:Calendar(日历控件)、Ajax(异步控件)、PPLive(播放控件)、Text(字符串处理)、ToolTip(提示框)、Xml(Xml文本处理) 、Cookie(Cookie操作)、QueryString(QueryString操作)、Thread(线程)、Timer(定时器),并同时提供了对应各类的 XXXDemon 若干。通过编辑运行 JsTest.htm 可以观看各演示的运行效果。

    很抱歉,宿舍上网不便,因此,这篇文章将拆解成几篇,利用下班后还在公司的时间,逐一介绍这些“类”;我会根据大家的反馈增述或简述、甚至免述相关内容。这是整个源码包的目录结构:

 附件: 您所在的用户组无法下载或查看附件


    注意:我对 javascript 是一知半解,是在摸索中制作了上述的“类”;里面肯定有大量的漏洞、错误,希望朋友们抱着“批评”的态度验证。

1、Calendar(日历控件)
    打开 JsTest.htm,编辑 <body/> 内容如下(注释无关脚本引用):

 附件: 您所在的用户组无法下载或查看附件


    运行 JsTest.htm,点击输入框,然后可以看到该日历控件;选择相应的日期,并可以对输入框进行日期赋值:

 附件: 您所在的用户组无法下载或查看附件


    详细使用方法,请大家参考包内 JsDemons/Html/CalendarDemon.js 文件。这里指出的是,类似一行

        var myCalendar = new Calendar('myCalendar', toolTipPannel, _DaySelectedCallback);

的语句就能创建该控件,两行

        myCalendar.Show(myTextBox, currentDay);

        myCalendar.Hidden();

就能操作该控件,给当时的我一种成就感。默认的月份、星期采用英文,但支持本地化(new CalendarMonths(["一月", "二月", "三月", "四月"...);该日历控件支持在单个页面中创建多个实例。

    这个控件的算法参考了 http://web-v.com/article.asp?id=3http://web-v.com/trackback.asp?t ... 1512eff082b27e97c09 作者介绍的日历控件,但这个日历控件看上去似乎单个页面只能显示一个。

下载源码:
 附件: 您所在的用户组无法下载或查看附件

 您可能对 [javascript] 的这些文章也感兴趣:

Javascript多级菜单(二)
用javascript实现的web版飞行射击游戏
John Resig谈TraceMonkey和基于JavaScript的RIA未来
JavaScript Web页面内容导出到Word、Excel
利用免费javascript框架构建强大web接口界面
网页常用小技巧—javascript篇
javascript下的正则表达式基本书写
如何在服务端(Page.Write)调用自定义的JS方法
javascript函数isNan报缺少对象错误的原因
用javascript实现(页面正在加载的效果)
1
查看完整版本: 几个实用的Javascript“类”
Modify by pin5i DZNT_ExpandPackage 2.1.3237 2007-2008 pin5i.com
  Total Unique Visitors: