Javascript & Ajax
Javascript代码与Ajax的应用
遇到IE6下 location.href BUG
摘要: 今天突然发现以前做的一个页面转向的功能在IE下面莫法用,郁闷ing....。以前开发时测试一般都是用Firefox的,做完后才用IE看一下,没想到就出了这样一个功能。
阅读全文
posted @
2008-03-14 15:10 李华顺 阅读(404) |
评论 (3) 编辑
jQuery插件 jImageLink.js - 模拟yupoo的缩略图上的小图标效果
摘要: 不知道大家有没有见过Yupoo照片列表里面的效果,当鼠标经过照片时会出现一个小图标,点击小图标时,就可以直接查看大图,它使用了Lightwindow这个JS.
像这种方式的体现有一个很大的好处就是用户可以点击图片的其它区域进入详细页面,也可以点击小图标,直接查看完整的图片。用户体验有有很大的提高。因为很多情况下,列表中的图片可能会引起用户想看看完整图片,或者说大图片的欲望,如果有这样的一个功能,哪就可以不影响现有功能情况下满足用户的这个“欲望”。
今天我也弄了一个类似的功能,实现方式基本跟Yupoo的一样,再把它弄也了jQuery插件,方便使用。
效果:
阅读全文
posted @
2008-01-26 21:01 李华顺 阅读(2877) |
评论 (10) 编辑
jQuery插件 - jSelectDate 0.2发布(天数问题)
摘要: 今天对jSelectDate做了一些修改,加入了一些功能
原文地址:jQuery插件 - 下拉列表日期选择控件
更新记录:
Version 0.2 - 2008-1-24
1.加入了闰年、大小月和二月天数的处理
2.新增一个Span标签的外框,以便于设置样式
3.新增可设置是否在下拉列表后面加入“年、月、日”几个字
阅读全文
posted @
2008-01-24 14:15 李华顺 阅读(636) |
评论 (1) 编辑
jQuery插件 - 下拉列表日期选择控件
摘要: 日期选择在开发中的应用应该是再常见不过的了~
以前大多数的日期选择基本上以这种形式体现:
图1:
图2:
但是,在我们经过很多次的使用和用户反馈中得之,这种方式操作不够方便,虽然看起来很直观,但如果是选2009,以“图1”哪种方式就很难操作,需要用户点击好多次才可以选到。图2的还要好些,不过感觉上还是不怎么好。
于是,有些网站就出现了以这种形式出现的日期选择控件:
阅读全文
posted @
2008-01-24 12:42 李华顺 阅读(9325) |
评论 (32) 编辑
用ExtJS搭建一个管理后台框架
摘要: 一直关注ExtJS很久了,以前一直在犹豫是否要把它应用到实际的项目中,当然只会用到网站管理后台上面,因为我做的项目都是互联网网站项目,前台用它就太慢了。
这个东西真TM大,就JS都300多K每次加载的时候就都卡一会儿,我的电脑配置还很不错了。还没有算上它自带的主题图片这些。不过这东西的确很棒,不管用用户体验和美术上面,都相当的不错,使得我放弃了速度,试着开始用它。
前两天用ExtJS做了一个管理后台的基本框架。还是挺麻烦的,好多地方都要通过创建对象来实现。
给大家看一下一段我写的代码,这些是用ExtJS和Jquery结合实现的:
阅读全文
posted @
2007-12-24 13:00 李华顺 阅读(6087) |
评论 (13) 编辑
jQuery.Autocomplete自动完成插件在中文应用时的BUG修正
摘要: 最近用了一下AutoComplete这个Jquery插件,效果还很不错,不过它有一些对中文支持的BUG,可能是因为作者没有考虑到,我这里做一些修正;
你用它去实现的时候会发现当你打字的时候就在开始提交了,原因是因为它是用的keydown事件,而当我们要打中文时会输入一系列的字母,所以会出现这种现象。解决办法,将 Keydown事件改成Keyup,看起来好像是不行哦,不过它的确是可以的。我猜想可能是浏览器没有把输入法在输入字母时的Keyup提交到Input 框上面。
另外它还有一处,是编码的问题,今天同事在用的时候找了好久才解决。
jQuery.AutoComplete.js默认是将提交的数据用encodeURI转换了一下的,也就是转成 UTF-8后再escape,这样做会在GB2312编码的页面上出错,提交上去的会变乱码。
解决方法是:查找 encodeURI 共有两处,改成 escape 虽然不写 escape都是可以,但建议还是写上,以前就遇到过不用它会有乱码的情况.
阅读全文
posted @
2007-12-11 18:08 李华顺 阅读(1646) |
评论 (6) 编辑
Javascript的方法重载
摘要: .NET里面的方法重载用着的确很方便,哪Javascript里面能不能也哪样做呢?
Javasciprt里面本生是没有方法重载的功能,以前很多人的做法可能是直接少传参数过去,然后在根据参数是否为 "undefined" 未定义来决定怎么处理,从而实现类似方法重载的功能。
阅读全文
posted @
2007-11-15 11:44 李华顺 阅读(1124) |
评论 (5) 编辑
我的第一个JQuery插件 - Javascript可拖动的模式窗口
摘要: 虽然JQuery有很多类似的插件,我也试过好多个,一直都没有找到一个适合自已的,总是感觉使用不能满足我的要求。
Javascript的浮动窗口已经是很老的应用,但网上很少有兼容性很好,使用又方便的功能,有的往往只是支持IE,而且问题多多,不方便应用到具体的项目中。最近我的项目里面又需要用到这个东西,以前自已都是直接写脚本来实现,但这次用到的地方比较多,所以只有写成一个插件的型式以方便多个地方调用。
这个我是在JQuery的框架上面开发的一个插件,已经完成常用的一些功能,后面慢慢加入一些实用的东西。
现在的功能有:居中显示、模式窗口、弹出效果、拖动功能
它主要是实现让一个区域浮动起来,并加入可拖动的功能。
这样的做法好处在于,你可以在哪个区域里面加入任何代码,最好的应用是配合iframe,比如跟我以前做的 AjaxUpload结合,效果很爽(这个我已经在我的项目里面使用)。
多的不说,看看代码和演示。
阅读全文
posted @
2007-09-03 23:37 李华顺 阅读(6277) |
评论 (38) 编辑
Jquery.js 1.1.4发布
摘要: 很久没有去关注JQuery网站了,今天突然发现网站改版了,把插件栏目都调整了一下,我在想,该不会有新版本发布了吧!于是回到首页一看果然 Jquery.js 1.1.4发布了.
不知道这次有了些什么改进,希望能把与AjaxPro在.NET1.1中Json冲突的问题解决了,这个问题一直郁闷着我,用AjaxPro开发快,不过只能取取数据,而JQuery可以帮助快速地实现很多功能。两个没法一起用,前段时间都找了到久。
还好后边AjaxPro发布了个新版本,才解决了这个问题(不过只是在.NET2.0中才解决了1.1中依然存在)
刚刚在官方中博客中看到,更新有提高获取对象的速度,有一个比较:
阅读全文
posted @
2007-08-27 20:25 李华顺 阅读(3663) |
评论 (15) 编辑
Google Map API应用例子源代码(已修正)
摘要: 最近项目需要做一个地图的功能,上面要加上一些地标,以方便用户使用,所以今天花时间看了看Google API搞了好一会儿,终于做到满足自已的功能要求了,发布出来给需要的朋友看看。
其实GoogleMap API还是比较好用的,慢慢看GoogleMap API的帮助都可以做出来,我这里主要介绍的是怎么将地标存放起来,再读出来。不然只是一个地图在哪儿没有什么意义。
我这里是用XML来存放的,存下来的数据还是比较简单,你可以根据自已的需要做一些修改就可以了,也可以换成数据库来存放。
阅读全文
posted @
2007-08-10 23:33 李华顺 阅读(4796) |
评论 (21) 编辑
Javascript支持在Firefox下读取XML节点的方法
摘要: 最近在修改项目的用到Ajax功能的页面,发现很多写法在Firefox下都存在问题,主要是因为当时开发时只在IE下测试通过就提交了,而Firefox的写法与IE有很大的区别,主大的问题是当在读取XML节点或子节点的内容时,IE下一般使用selectNodes 、selectSingleNode 这些方法,而Firefox并没有这些方法,所以不能使用,前几天找了好久终于,一直没有找到一个很好的解决方法,很多网站提供的要不就是根本不支持,要不就是使用方法,不方便不实用,今天我终于找到一个很好的解决方法了,我把它弄成一个JS文件,只要引用它就可以像IE一样使用了。
阅读全文
posted @
2007-07-23 14:46 李华顺 阅读(4705) |
评论 (26) 编辑
Javascript与asp.net多文件无刷新上传
摘要: 这几天在等着上班,闲来无事,就写了一个无刷新的上传功能,这个上传只是实现局部刷新,我已经把方法都整理好,可以随意添加多个上传控件,只要调用一个方法就可以了,为了便于阅读我没有把JS独立出来,以后真正用到项目上的时候再提出来,我在每个方法上面都写了注视,具体可以看代码部分,现在一直在用 JQuery,它提供的方法太好用的,剩了很多事。
此方法主要是通过iFrame调用上传页的控件来实现的,具体请看下面的代码。
阅读全文
posted @
2007-07-16 00:19 李华顺 阅读(7455) |
评论 (86) 编辑
通过JS实现文本框获得输入焦点时的状态
摘要: 很久没写博客了,今天做了一个通过JS处理,让页面上的文本框都会有当获得输入焦点(onfocus)时改变状态的效果,这样的效果是对用户体验的提高是很有利的,因为操作者可以很清晰的看到哪个正在输入哪个地方,尤其是在内容过多的情况下。
这个算是投石引玉啦,可以大家可以试着讨论一些新的效果,像如何通过更简单的方法给每个框加上动态显示的提示文字等,呵呵
不多说,看到一下图:
AutoFormStyle:
阅读全文
posted @
2007-05-09 18:47 李华顺 阅读(5565) |
评论 (32) 编辑
通js实现自定义Tooltip样式(更新)
摘要: 以前经常在别的网站上看到他们的工具提示不像普通的一样,是有样式的,有的还加上了图标,一直在想它是怎么实现的。
今天研究了一下,自已写了一个这样的功能,嘿嘿
只要在HTML页面调用:
<script type="text/javascript" src="scripts/ToolTip.js"></script>
<script type="text/javascript">initToolTip();</script>
通过在页面的最后加入这样一段代码,就可以实现给所有的超级连接加上自定义工具提示了。
如下图所示,只要加上我写好这段代码,就可以很快实现这样的效果了。
阅读全文
posted @
2007-04-11 14:10 李华顺 阅读(3801) |
评论 (41) 编辑
通过Microsoft.XMLDOM实现简单的Ajax(更新)
摘要: 今天在在做公司的搜索关键词功能,因为哪个页面要做成静态HTML的,所以想了几个方法,昨天晚上快下班的时候上头才说要改,就急急忙忙地改了一下,实现的方法是用<script type="text/javascript" src="动太态面+参数"></script>来读这些动态的数据,但是因为页面上搜索有条件,切换条件是直接用js来处理的,所以,在切换的时候,热门关键词都要跟在改变。但问题随之而来!<script>这个区域我没有办法在页面不刷新的情况下重新调用它。所以一直没有解决。
今天试着被调用的态页面反回XML结构的,再用 Js去读这个结果,再输入,果然成功了。呵呵,也就是一个简单的Ajax应用.
动态页面生成XML的代码:
阅读全文
posted @
2007-04-05 15:48 李华顺 阅读(4117) |
评论 (19) 编辑
Full Javascript & Ajax Archive