Ajax【富客户端技术】
文章平均质量分 87
hoojo
一直被模仿,从未被超越!
展开
-
extJS checkBoxColunmTree 可以选择带checkBox的树(tree、grid)
可以选择节点的多列的树,也可以说是可以分组选择的grid。既是tree也是grid。column-tree.css这个文件在ext2.2版本中的ext-2.2/examples/tree这个目录下会找到这个文件的。原创 2010-07-09 12:26:00 · 9319 阅读 · 6 评论 -
Struts2、Spring3、MyBatis3整合ExtJS,完成CheckNodeColumnTree
前面介绍了ColumnTree:http://www.cnblogs.com/hoojo/archive/2011/05/11/2043426.html http://www.cnblogs.com/hoojo/archive/2011/05/11/2043453.html 加入CheckNodeColumnTree A、首先在AccountAction中添加如下代码: private String jsonText; public S原创 2011-05-12 04:51:00 · 2717 阅读 · 0 评论 -
Spring整合DWR comet 实现无刷新 多人聊天室
用dwr的comet(推)来实现简单的无刷新多人聊天室,comet是长连接的一种。通常我们要实现无刷新,一般会使用到Ajax。Ajax 应用程序可以使用两种基本的方法解决这一问题:一种方法是浏览器每隔若干秒时间向服务器发出轮询以进行更新,另一种方法是服务器始终打开与浏览器的连接并在数据可用时发送给浏览器。第一种方法一般利用setTimeout或是setInterval定时请求,并返回最新数据,这无原创 2011-06-08 06:55:00 · 5485 阅读 · 7 评论 -
jquery blockUI 扩展插件 Dialog
对jQuery blockUI插件进行了小的封装扩展,支持confirm、alert、dialog弹出窗口提示信息,支持按钮回调事件。可以自定义css样式、覆盖blockUI的样式等首先要到jquery blockUI 官方网址:http://malsup.com/jquery/block/下载jquery.blockUI JS lib:http://malsup.com/jque原创 2012-01-05 17:34:20 · 3754 阅读 · 4 评论 -
ExtJS Form扩展组件[ColorFiled, DateTimeFiled, IconCombo, MultiComboBox, DynamicTreeCombox]
支持Form颜色选择组件、日期时间选择组件、带图标的下拉列表、多选下来列表、动态下拉列表树等组件 开发环境:System:WindowsWebBrowser:IE6+、Firefox3+JavaEE Server:tomcat5.0.2.8、tomcat6IDE:eclipse、MyEclipse 8 开发依赖库:JavaEE5、ext 2.2.2 Em原创 2012-02-27 16:27:28 · 3200 阅读 · 2 评论 -
Ext [DDTabPanel、FoodImageField、ImageChooser]扩展组件
Ext 扩展组件开发环境:System:WindowsWebBrowser:IE6+、Firefox3+JavaEE Server:tomcat5.0.2.8、tomcat6IDE:eclipse、MyEclipse 6.5 开发依赖库:JavaEE5、ext 2.2.2 Email:hoojo_@126.comBlog:http://blog.csdn原创 2012-03-17 03:36:19 · 2904 阅读 · 0 评论 -
Java 利用SWFUpload多文件上传 session 为空失效,不能验证的问题
我们都知道普通的文件上传是通过表单进行文件上传的,还不能达到异步上传的目的。通过使用某些技术手段,比如jquery form.js可以达到异步上传的目的,但最重要的问题在于,它不能够进行多个文件的上传。如果你要上传多个文件,必须一个一个地上传,同时还要在界面上处理当上传完一个文件之后,下一个文件上传框的问题。 现在我们有了一个更多的运行,即使用swfupload进行多文件异步上传。顾名思转载 2012-05-11 14:16:05 · 3632 阅读 · 2 评论 -
jwchat 的安装和配置、Service unavailable、Authorization failed问题汇总
上一篇介绍了Openfire开源聊天IM服务器的安装:http://blog.csdn.net/ibm_hoojo/article/details/7577763这篇文章介绍Jwchat的安装和配置 首先Jwchat的配置和安装需要具备的环境: Tomcat 5.0.28+/Tomcat 6 JDK 1.6+ Openfire 3.7.1 1、 下载jwchat工程文件原创 2012-05-18 09:47:07 · 4609 阅读 · 2 评论 -
JavaScript/jQuery WebIM 及时聊天通信工具 本地客户端
WebIM本地客户端,可以发送表情、调整字体、字体大小、字体颜色、加粗、下划线、斜体等;还支持收缩split条,详情等;上UI界面,界面还不够专业,需要美工支持,下一期再看看能不能优化!收缩详情chat.html 代码 IM Chat $(function () {原创 2012-06-18 19:44:51 · 6283 阅读 · 15 评论 -
JavaScript/jQuery、HTML、CSS 构建 Web IM 远程及时聊天通信程序
这篇文章主要介绍用JavaScript和jQuery、HTML、CSS以及用第三方聊天JavaScript(jsjac)框架构建一个BS Web的聊天应用程序。此程序可以和所有连接到Openfire服务器的应用进行通信、发送消息。如果要运行本程序还需要一个聊天服务器Openfire,以及需要用到Http方式和Openfire通信的第三方库(JabberHTTPBind)。JabberHTT原创 2012-08-13 09:56:21 · 37629 阅读 · 344 评论 -
Web 通信 之 长连接、长轮询(long polling)
基于HTTP的长连接,是一种通过长轮询方式实现"服务器推"的技术,它弥补了HTTP简单的请求应答模式的不足,极大地增强了程序的实时性和交互性。一、什么是长连接、长轮询?用通俗易懂的话来说,就是客户端不停的向服务器发送请求以获取最新的数据信息。这里的“不停”其实是有停止的,只是我们人眼无法分辨是否停止,它只是一种快速的停下然后又立即开始连接而已。二、长连接、长轮询原创 2013-09-26 15:07:19 · 9315 阅读 · 2 评论 -
Struts2、Spring3、MyBatis3整合ExtJS,完成ColumnTree 【二】
三、加入Struts2框架 1、 准备工作 添加jar文件如下: org.springframework.web-3.0.5.RELEASE.jar org.springframework.aop-3.0.5.RELEASE.jar 这2个jar包是spring的context所依赖的jar包 struts2-spring-plugin-2.2.3.jar是struts整合spring的jar包 2、 在web.xml加入struts2的控制器原创 2011-05-11 09:37:00 · 3185 阅读 · 4 评论 -
Struts2、Spring3、MyBatis3整合ExtJS,完成ColumnTree 【一】
开发环境: System:Windows WebBrowser:IE6+、Firefox3+ JavaEE Server:tomcat5.0.2.8、tomcat6 IDE:eclipse、MyEclipse 8 Database:MySQL 开发依赖库: JavaEE5、Spring 3.0.5、Mybatis 3.0.4、myBatis-spring-1.0、Struts2.2.3、junit4.8.2、ext2.2.2 Email:hoojo_@126.com Bl原创 2011-05-11 09:12:00 · 5449 阅读 · 8 评论 -
用JavaScript js 控制 Media Player 流媒体
1 OpenStateChange 事件 OpenStateChange 事件表示Player的状态已经发生了改变。Media Player的打开状态有: 0 表示流已经关闭(nsClosed) 1 表示正在装入ASX文件(nsLoadingASX) 2 表示正在装入NSC文件(nsLoadingNSC) 3 表示正在寻找Media Server (nsLocating) 4 表示正在与Media Server建立连接(nsConnecting) 5 表示正在打开或侦听流信息(n原创 2010-06-09 13:29:00 · 8267 阅读 · 5 评论 -
jQuery javaScript js 判断浏览器的类型、版本的方法
在jQuery判断浏览器的类型、版本都是通过正则完成的。在1.4版本中:function brs ( ua ) { ua = ua.toLowerCase(); var match = /(webkit)[ //]([/w.]+)/.exec( ua ) || /(opera)(?:.*version)?[ //]([/w.]+)/.exec( ua ) || /(msie) ([/w.]+)/.exec( ua ) || !/compatible/.test( ua原创 2010-06-09 17:24:00 · 2738 阅读 · 0 评论 -
ExtJS EditorGridPanel 示例之JSON格式Store前后台增删改查
用JSON格式的数据形式:Ext.data.Store,Ext.data.JsonReader解析器,实现editorGrid的增删改查至此,ExtJS中常用的3中交互方式的示例全部在此。其中json格式交互方式最为常用。原因是xml格式体积过于庞大,里面有标签过多。而array数组格式的文件,虽然提交很小。传输速度快。但在数据量很大的情况下,数据的可读性几乎全无。后来出现了json,它简化了xml文件提交庞大的问题,可读性也非常好、在网络中的传输速度也很快,且易于使用、学习。原创 2010-08-27 13:52:00 · 12982 阅读 · 10 评论 -
ExtJS EditorGridPanel 示例之Array格式Store前后台增删改查(不支持分页)
用Array格式的数据形式:Ext.data.SimpleStore,默认数组解析器,实现editorGrid的增删改查上一示例扩展了ArrayReader组件就支持分页,这里用默认的就不支持分页了;插入图片以示真相,确实用默认的ArrayReader是不能分页。就算加上Ext.PagingToolbar分页工具条也是枉然,只是个摆设不能分页的,但可以结合静态数据分页的store还是可以的;见:http://blog.csdn.net/IBM_hoojo/archive/2010/08/19/5原创 2010-08-27 13:40:00 · 3406 阅读 · 1 评论 -
ExtJS EditorGridPanel 示例之xml格式Store前后台增删改查
本示例用到的是Ext.data.Store/Ext.data.XmlReader解析器,解析后台传递的xml格式数据,当然也可以将UserPagingEditorGridPanel.USER_STORE_URL = "your.xml";这样也是可以的,但注意的是文件中定义的xml文档的格式要和store中的Ext.data.Record.create解析数据标签名称对应,本示例还用到了数据的简单过滤“性别”以及对脏数据的显示及其提交、修改等,下次将会提供更复杂的过滤查询。原创 2010-08-27 13:02:00 · 3205 阅读 · 2 评论 -
ExtJS EditorGridPanel 示例之Array格式(自定义Array解析器)Store前后台增删改查
用Array格式的数据形式:Ext.data.Store,自定义Ext.data.ArrayReader数组解析器,实现editorGrid的增删改查本示例最大的不同就是采用数据传递形式不同,用到的是Array格式。但ext v2.2版本中的ArrayReader结合Ext.data.Store不支持分页,所以本示例进行扩展ArrayReader文件。原创 2010-08-27 13:25:00 · 2610 阅读 · 0 评论 -
Ext 中,为Ext.form.HtmlEditor添加键盘事件
<br />这里扩展了Ext.form.HtmlEditor组件,为其添加了keyup,keydown,keypress事件监听。重写了Ext.form.HtmlEditor的方法:<br />initEditor、initComponent;<br /> <br />重写后的Ext.form.HtmlEditor示例:<br /> <br />/*** * 重写Ext.form.HtmlEditor,为其添加键盘事件 * author: hoojo * email: hoojo_@126.co原创 2010-10-14 15:25:00 · 4754 阅读 · 2 评论 -
SWFUpload
<br /><br />SWFUpload<br />SWF多文件无刷新上传,利用flash完成多文件上传操作。服务器端可以用Struts、Servlet、JSP完成,这里用Struts1.x完成上传<br />1、首先看下目录结构<br /><br />SWFUpload这个文件夹是核心文件,里面的文件一个都不能少。<br />css文件夹是样式文件,所有的样式可以在此文件中修改完成<br />images是图片<br />jslib是js库文件,需要的上传的js文件和flas原创 2010-12-21 16:28:00 · 5119 阅读 · 1 评论 -
ExtJS 文件浏览器,可以选择文件和文件夹
话说long long ago,在本人开发项目时,需要导入一个文件夹(目录)下的文件,通过解析其中的数据并入库。选择一个文件目录,好像没有这个控件。开始想到了不选目录,选文件。但是要选多个文件哦,而且数目不固定。用file文件浏览不好,想到了用swfUpload可以选择多个文件。可以做到,但是还是选择文件不是选择目录。不是我想要的,想呀想的……诶~可以用ExtJS,自己扩展一个还是可以的。于是就有了今天这篇文章和这个文件浏览器。extFileBrowser.htmlExt 文件浏览选择器原创 2010-11-03 18:41:00 · 11401 阅读 · 12 评论 -
Struts2、Spring、Hibernate整合ExtJS
SSHExtTree 百度文库提供下载:http://wenku.baidu.com/view/485e4d36f111f18583d05aed.html 开标题就知道是Struts、Spring、Hibernate、ExtJS的Tree实例文档,其中包括Filter功能的checkNodeTree、comboBoxCheckNodeTree、comboBoxTree这三种扩展的tree。不错,如果你不了解Struts、Spring、Hibernate、ExtJS,也不要紧。跟着我做,做出这个例子应该木原创 2011-01-07 11:19:00 · 4570 阅读 · 3 评论 -
60款很酷的 jQuery 幻灯片演示和下载
转自:http://www.cnblogs.com/lhb25/archive/2011/05/31/2056103.htmljQuery 是一个非常优秀的JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入漂亮的效果,其中之一就是幻灯片效果的实现,这是一种在有限的网页空间内展示系列项目时非常好的方法。 今天这篇文章要给大家分享的转载 2013-09-26 15:41:02 · 9850 阅读 · 3 评论