帮助IT团队快速构建符合jt808协议部标的基于java技术的GPS和视频平台(2379423771@qq.com)

Javascript Widget之一JCookie-基于JQuery的Cookie增强插件

 

JQuery中的cookie 插件,太过于简单,只是对cookie做一个简单的封装,在实际应用中还需要做大量的工作。所以一直想做一个增强型的cookie插件,更方便使用。

从需求的角度讲,在电子商务应用当中,cookie的灵活应用对于用户体验非常重要,可以记忆用户的经常重复性的操作,个人偏好,等等。可惜很多的应用,并不擅长使用cookie.经常是输入一大堆搜索查询条件、可选操作后,再回退、刷新、再次登录后没有了,还要重新输入,非常恼火。所以我觉得能够智能化的记住用户的常用操作,是非常体贴用户、让用户感动的事情。

从技术的角度讲,一个high-level的javascript cookie API应当能够:
 

1).保存一个复杂的javascript Object. 这个类实例里可以包含基本类型、类成员变量等。

2).保存一个复杂的DOM节点的状态

  如:保存一个表单中各种控件的状态,如输入框、下拉选择框、单选复选框

3).界面的布局和风格,如Portal中用户偏好的theme、窗口的大小、位置、个数等等。

4).用户经常性的操作结果,如排序等等。

 

我编写了一个增强型的基于Jquery的cookie插件JCookie(点此查看和下载Demo>>), 暂时以解决在实际应用中的问题为主。

 

使用方法:

< SCRIPT  src ="js/jquery.js"  temp_src ="js/jquery.js"  type =text/javascript ></ SCRIPT >

< SCRIPT  src ="js/jquery.ui.all.js"  temp_src ="js/jquery.ui.all.js"  type =text/javascript ></ SCRIPT >

< SCRIPT  src ="js/jquery.cookie.js"  temp_src ="js/jquery.cookie.js"  type =text/javascript ></ SCRIPT >




1.保存和恢复一个复杂的javascript 类实例。

2.保存和恢复一个表单中的字段值到cookie中

3.保存和恢复一个Sortable List的顺序到cookie中

 sortable List 的HTML代码如下:

$('document').ready( function ()  {   
    
//  here, we allow the user to sort the items   
    $('#list3').sortable( {   
        axis: 'y',   
        cursor: 'move',   
        update: 
function ()  { $('#list3').cookie(); }    
    }
);   
  
    
//  here, we reload the saved order   
    $('#list3').decookie();   
}
);  

posted on 2008-11-03 17:02 Speed 阅读(4106) 评论(2)  编辑  收藏 所属分类: 前端设计Javascript WidgetJQuery

评论

# re: Javascript Widget之一JCookie-基于JQuery的Cookie增强插件 2009-01-09 06:03 qweq

qwe  回复  更多评论   

# re: Javascript Widget之一JCookie-基于JQuery的Cookie增强插件 2009-03-23 21:46 lifeng

Cookie增强插件
下载不了啊
能不能发给我lifeng_cool@126.com
谢谢!  回复  更多评论   


只有注册用户登录后才能发表评论。


网站导航:
 

导航

留言簿(15)

随笔分类

值得一看的博客

积分与排名

最新评论

阅读排行榜