step:8 配置 dwr (一)、配置 web.xml 文件，添加 DwrServlet xml 代码 xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://java.sun.com/xml/ns/j2ee" > <servlet> <servlet-name>dwr-invokerservlet-name> <servlet-class> org.directwebremoting.servlet.DwrServlet servlet-class> <init-param> <param-name>debugparam-name> <param-value>trueparam-value> init-param> <init-param> <param-name>classes param-name> 阅读全文>
发表于 @ 2008年01月12日 10:50:00|评论(loading...)|收藏
正好公司项目需要做了一个仿雅虎滑动tab菜单，放上来和大家一起交流一下，有不完善的地方请高手多指教了！
tab.rar (7.4 KB)
描述: 源文件
下载次数: 2470
阅读全文>
发表于 @ 2008年01月11日 10:50:00|评论(loading...)|收藏
SwfUpload浏览器端上传组件,可显示进度条，可定制UI，可多文件上传 swfupload项目的地址是http://swfupload.mammon.se/ 该项目的原理是利用js和flash的上传组件的交互，获得上传进度的信息。采用事件机制回调各种事件的响应函数，使得你可以自己定制UI组件而不受flash的约束，总之是一个不可多得的好东西。 在使用过程中，值得注意的地方是在flash中访问服务器的相对路径时，它相对的是flash文件的路径，而不是flash所在html的路径！ 废话无多，请下载我写的示例吧，服务器端只演示使用apache upload组件来接受文件的方式。
SWFupload.rar (1.3 MB)
描述: 比较实用的swf示例，项目的编码是UTF-8
阅读全文>
发表于 @ 2008年01月11日 10:45:00|评论(loading...)|收藏
visita效果的Ajax演示程序，支持firefox1.0、ie5.5及以上版本。 http://brocade.sourceforge.net/demo 更多演示http://brocade.sourceforge.net/demos/zh 官方效果图： http://brocade.sourceforge.net/images/snap1.jpg 官方效果图：
阅读全文>
发表于 @ 2008年01月11日 10:37:00|评论(loading...)|收藏
如果要优先考虑IE7中的Native XHR，请自己把附件中bajax.js文件里的bajax_object函数替换一下（修改的代码在9楼的页面里——不想更新附件了）。 前一段时间写51ditu和动易的集成，现在准备改进成Ajax的。很早以前就知道了Ajax，但一直没有实际用过。 网上Google了一番，看了Sajax.php…… 还是简单点好，自己写了个很小的封装，测试对浏览器的兼容性还不错，并且回调函数的接口比较友好。 另：经测试，发现如果是对同一个XMLHttpReques对象进行多次open、send等操作，IE会有Cache问题，Firefox正常。但如果是每一次都是重新new一个的话，IE就支持得很好了（Firefox自然不用说）。 用这个库（面向用户的其实就一个函数），不用考虑XMLHttpRequest的任何细节，就如同调用和定义普通的Js函数。 用法： <script language="javascript" src="bajax.js">阅读全文>
发表于 @ 2008年01月11日 10:18:00|评论(loading...)|收藏
类似excel中那种利用鼠标拖拽选择表格局部信息. 这个特性今后打算加入 ECGrid.到时候会支持数据的复制粘贴. 现在贴出来的只是一个习作.测试一下可行性,所以比较简陋. 因为自己以前从来没有写过类似的东西,第一次写,写的不好,见笑了 :) 在IE6 FF2下测试通过.
demo_selectTable.zip (2.5 KB)
描述:
下载次数: 187
阅读全文>
发表于 @ 2008年01月11日 10:08:00|评论(loading...)|收藏
1. package co.test; 2. 3. import java.io.FileReader; 4. import java.io.LineNumberReader; 5. 6. import org.mozilla.javascript.Context; 7. import org.mozilla.javascript.Function; 8. import org.mozilla.javascript.Scriptable; 9. 9.public class JSExploration 9.{ 9. private Context cx; 9. 9. private Scriptable scope; 9. 9. public JSExploration() 9. { 9. this.cx = Context.enter(); 9. this.scope = cx.initStandardObjects(); 9. } 9. 9. public Object ru阅读全文>
发表于 @ 2008年01月11日 10:03:00|评论(loading...)|收藏
方案选择: 查阅了一些资料，目前实现实现无刷新上传主要有两种方案，即利用隐藏的iframe来模拟无刷新上传和利用xmlhttp分块上传文件。 这两种方案中，利用隐藏的iframe来模拟无刷新上传用的最为普遍，实现起来也比较容易。而利用xmlhttp分块上传的方式，google 的结果显示用的较少,特别是实用方面，而且代码实现复杂。考虑到要同时实现类似Gmail的附件添加方式，最终选择了利用隐藏的 iframe来模拟无刷新上传的方案。 利用隐藏的iframe来模拟无刷新上传的原理 利用隐藏的iframe来模拟无刷新上传的原理比较简单，在页面中包含一个form和一个iframe，其中ifram设置为不可见，同时将form 的target属性设为iframe的名字，这样当上传的时候，刷新的就是iframe中的页面，而主页面则不会有任何变化。可以在iframe中的 页面中编写上传后客户端要执行的javascript代码，这样可以轻松的实现对主页面的操作。 类Gmail附件添加方式的实现 Gmail的附件添加方式有着比较好的用户体验阅读全文>
发表于 @ 2008年01月11日 10:01:00|评论(loading...)|收藏
首先要说的就是 ajax 是无法实现上传文件的，可以想一下ajax与后台通信都是通过传递字符串，怎么能传递文件呢？其实出于安全考虑js是不能操作文件的，所以就不要再说用ajax来实现文件的上传了，这是不可能的。 而本文实现的文件上传也是无页面刷新的，可以说是一种"类似AJAX"方法。 开始之前先说两句无关的，其实在ajax出现之前，web应用也可以是无刷新的，那时大多通过IFrame来做到这一点。当然Ajax出现之后，人们一窝蜂地投奔Ajax 的阵营了，iFrame 就乏人问津了。但是用iFrame来实现无刷新上传文件确实一个很好的选择。ps：Ajax技术基本上可以说是由google公司带起来的，但少Gmail中上传文件用的还是 IFrame，所以说使用IFrame来上传文件是最好的选择。 我在这里这里用的技术是jsp，其实asp，php等也是一样可以这么实现的 一共两个文件就可实现：index.html 和 upload.jsp，在这里讲解一下，文后会附上源码 --index.htmlhtml 代码 ＜html＞ ＜body＞ ＜fo阅读全文>
发表于 @ 2008年01月11日 09:59:00|评论(loading...)|收藏
AJAX（Asynchronous JavaScript and XML）,现在已经被炒的翻了天,火热程度可想而知,现在很多网站都已经在使用这一神奇的技术,它可以使你的网络访问速度提高N倍.但是,人总是不满足的,虽然这一技术很好,但有时还是需要写的很多(相对),于是,DWR就出现了,DWR里面封装了很多AJAX的方法,真的是一个非常神奇的东西.它让我们写程序又变的简单多了. 它让WEB层可以直接调用业务逻辑,而且把很多繁杂的代码封装好了,我们可以直接调用,这点在我做练习的时候深有体会,我觉得最好的就是DWRUtil.getValue(id);这个方法,它可以获得你所有的HTML元素的值,还有就是查询的问题,从数据库里查询出来的数据可以直接填充到表格里面--DWRUtil.addRows();还有很多方法,就不一一介绍了,看看我做的练习吧,就是一个从数据库里查询出来数据,然后动态填充到表格的示例: function dateReceive(stu){ for(var i=0;i //下面是填充的数据,stu是一个装有学生对象的一个集合 var cellfun阅读全文>
发表于 @ 2008年01月11日 09:50:00|评论(loading...)|收藏