http://blog.csdn.net/fzw98/category/347746.aspxzh-CNFri, 18 Apr 2008 17:09:30 GMT60黑马王子http://blog.csdn.net/fzw98/archive/2008/01/12/2038969.aspxSat, 12 Jan 2008 10:50:00 GMThttp://blog.csdn.net/fzw98/archive/2008/01/12/2038969.aspxhttp://blog.csdn.net/fzw98/comments/2038969.aspxhttp://blog.csdn.net/fzw98/archive/2008/01/12/2038969.aspx#Feedback0http://blog.csdn.net/fzw98/comments/commentRss/2038969.aspxhttp://tb.blog.csdn.net/TrackBack.aspx?PostId=2038969 　　step:8 配置 dwr 　　(一)、配置 web.xml 文件，添加 DwrServlet 　　xml 代码 　　xml version="1.0" encoding="UTF-8"?&gt; &lt;web-app xmlns="http://java.sun.com/xml/ns/j2ee" &gt; 　　&lt;servlet&gt; 　　&lt;servlet-name&gt;dwr-invokerservlet-name&gt; 　　&lt;servlet-class&gt; 　　org.directwebremoting.servlet.DwrServlet 　　servlet-class&gt; 　　&lt;init-param&gt; 　　&lt;param-name&gt;debugparam-name&gt; 　　&lt;param-value&gt;trueparam-value&gt; 　　init-param&gt; 　　&lt;init-param&gt; 　　&lt;param-name&gt;classes param-name&gt; <img src ="http://blog.csdn.net/fzw98/aggbug/2038969.aspx" width = "1" height = "1" />黑马王子http://blog.csdn.net/fzw98/archive/2008/01/11/2036899.aspxFri, 11 Jan 2008 10:50:00 GMThttp://blog.csdn.net/fzw98/archive/2008/01/11/2036899.aspxhttp://blog.csdn.net/fzw98/comments/2036899.aspxhttp://blog.csdn.net/fzw98/archive/2008/01/11/2036899.aspx#Feedback0http://blog.csdn.net/fzw98/comments/commentRss/2036899.aspxhttp://tb.blog.csdn.net/TrackBack.aspx?PostId=2036899 &nbsp;&nbsp;　　 正好公司项目需要做了一个仿雅虎滑动tab菜单，放上来和大家一起交流一下，有不完善的地方请高手多指教了！ 　 tab.rar (7.4 KB) 描述: 源文件 下载次数: 2470 <img src ="http://blog.csdn.net/fzw98/aggbug/2036899.aspx" width = "1" height = "1" />黑马王子http://blog.csdn.net/fzw98/archive/2008/01/11/2036868.aspxFri, 11 Jan 2008 10:45:00 GMThttp://blog.csdn.net/fzw98/archive/2008/01/11/2036868.aspxhttp://blog.csdn.net/fzw98/comments/2036868.aspxhttp://blog.csdn.net/fzw98/archive/2008/01/11/2036868.aspx#Feedback0http://blog.csdn.net/fzw98/comments/commentRss/2036868.aspxhttp://tb.blog.csdn.net/TrackBack.aspx?PostId=2036868 　　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 <img src ="http://blog.csdn.net/fzw98/aggbug/2036868.aspx" width = "1" height = "1" />黑马王子http://blog.csdn.net/fzw98/archive/2008/01/11/2036849.aspxFri, 11 Jan 2008 10:37:00 GMThttp://blog.csdn.net/fzw98/archive/2008/01/11/2036849.aspxhttp://blog.csdn.net/fzw98/comments/2036849.aspxhttp://blog.csdn.net/fzw98/archive/2008/01/11/2036849.aspx#Feedback0http://blog.csdn.net/fzw98/comments/commentRss/2036849.aspxhttp://tb.blog.csdn.net/TrackBack.aspx?PostId=2036849 visita效果的Ajax演示程序，支持firefox1.0、ie5.5及以上版本。 http://brocade.sourceforge.net/demo 更多演示http://brocade.sourceforge.net/demos/zh 官方效果图： 　　 http://brocade.sourceforge.net/images/snap1.jpg 官方效果图： <img src ="http://blog.csdn.net/fzw98/aggbug/2036849.aspx" width = "1" height = "1" />黑马王子http://blog.csdn.net/fzw98/archive/2008/01/11/2036818.aspxFri, 11 Jan 2008 10:18:00 GMThttp://blog.csdn.net/fzw98/archive/2008/01/11/2036818.aspxhttp://blog.csdn.net/fzw98/comments/2036818.aspxhttp://blog.csdn.net/fzw98/archive/2008/01/11/2036818.aspx#Feedback0http://blog.csdn.net/fzw98/comments/commentRss/2036818.aspxhttp://tb.blog.csdn.net/TrackBack.aspx?PostId=2036818 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 如果要优先考虑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函数。 　　用法： 　　 　　&lt;script language="javascript" src="bajax.js"&gt;<img src ="http://blog.csdn.net/fzw98/aggbug/2036818.aspx" width = "1" height = "1" />黑马王子http://blog.csdn.net/fzw98/archive/2008/01/11/2036793.aspxFri, 11 Jan 2008 10:08:00 GMThttp://blog.csdn.net/fzw98/archive/2008/01/11/2036793.aspxhttp://blog.csdn.net/fzw98/comments/2036793.aspxhttp://blog.csdn.net/fzw98/archive/2008/01/11/2036793.aspx#Feedback0http://blog.csdn.net/fzw98/comments/commentRss/2036793.aspxhttp://tb.blog.csdn.net/TrackBack.aspx?PostId=2036793 &nbsp;　　 　　类似excel中那种利用鼠标拖拽选择表格局部信息. 　　这个特性今后打算加入 ECGrid.到时候会支持数据的复制粘贴. 　　现在贴出来的只是一个习作.测试一下可行性,所以比较简陋. 　　因为自己以前从来没有写过类似的东西,第一次写,写的不好,见笑了 :) 　　在IE6 FF2下测试通过. 　 demo_selectTable.zip (2.5 KB) 描述: 下载次数: 187 <img src ="http://blog.csdn.net/fzw98/aggbug/2036793.aspx" width = "1" height = "1" />黑马王子http://blog.csdn.net/fzw98/archive/2008/01/11/2036783.aspxFri, 11 Jan 2008 10:03:00 GMThttp://blog.csdn.net/fzw98/archive/2008/01/11/2036783.aspxhttp://blog.csdn.net/fzw98/comments/2036783.aspxhttp://blog.csdn.net/fzw98/archive/2008/01/11/2036783.aspx#Feedback0http://blog.csdn.net/fzw98/comments/commentRss/2036783.aspxhttp://tb.blog.csdn.net/TrackBack.aspx?PostId=2036783 &nbsp;　　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<img src ="http://blog.csdn.net/fzw98/aggbug/2036783.aspx" width = "1" height = "1" />黑马王子http://blog.csdn.net/fzw98/archive/2008/01/11/2036780.aspxFri, 11 Jan 2008 10:01:00 GMThttp://blog.csdn.net/fzw98/archive/2008/01/11/2036780.aspxhttp://blog.csdn.net/fzw98/comments/2036780.aspxhttp://blog.csdn.net/fzw98/archive/2008/01/11/2036780.aspx#Feedback0http://blog.csdn.net/fzw98/comments/commentRss/2036780.aspxhttp://tb.blog.csdn.net/TrackBack.aspx?PostId=2036780 &nbsp;　　方案选择: 　　查阅了一些资料，目前实现实现无刷新上传主要有两种方案，即利用隐藏的iframe来模拟无刷新上传和利用xmlhttp分块上传文件。 　　这两种方案中，利用隐藏的iframe来模拟无刷新上传用的最为普遍，实现起来也比较容易。而利用xmlhttp分块上传的方式，google 　　的结果显示用的较少,特别是实用方面，而且代码实现复杂。考虑到要同时实现类似Gmail的附件添加方式，最终选择了利用隐藏的 　　iframe来模拟无刷新上传的方案。 　　利用隐藏的iframe来模拟无刷新上传的原理 　　利用隐藏的iframe来模拟无刷新上传的原理比较简单，在页面中包含一个form和一个iframe，其中ifram设置为不可见，同时将form 　　的target属性设为iframe的名字，这样当上传的时候，刷新的就是iframe中的页面，而主页面则不会有任何变化。可以在iframe中的 　　页面中编写上传后客户端要执行的javascript代码，这样可以轻松的实现对主页面的操作。 　　类Gmail附件添加方式的实现 　　Gmail的附件添加方式有着比较好的用户体验<img src ="http://blog.csdn.net/fzw98/aggbug/2036780.aspx" width = "1" height = "1" />黑马王子http://blog.csdn.net/fzw98/archive/2008/01/11/2036775.aspxFri, 11 Jan 2008 09:59:00 GMThttp://blog.csdn.net/fzw98/archive/2008/01/11/2036775.aspxhttp://blog.csdn.net/fzw98/comments/2036775.aspxhttp://blog.csdn.net/fzw98/archive/2008/01/11/2036775.aspx#Feedback0http://blog.csdn.net/fzw98/comments/commentRss/2036775.aspxhttp://tb.blog.csdn.net/TrackBack.aspx?PostId=2036775 　　首先要说的就是 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<img src ="http://blog.csdn.net/fzw98/aggbug/2036775.aspx" width = "1" height = "1" />黑马王子http://blog.csdn.net/fzw98/archive/2008/01/11/2036759.aspxFri, 11 Jan 2008 09:50:00 GMThttp://blog.csdn.net/fzw98/archive/2008/01/11/2036759.aspxhttp://blog.csdn.net/fzw98/comments/2036759.aspxhttp://blog.csdn.net/fzw98/archive/2008/01/11/2036759.aspx#Feedback0http://blog.csdn.net/fzw98/comments/commentRss/2036759.aspxhttp://tb.blog.csdn.net/TrackBack.aspx?PostId=2036759 　　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<img src ="http://blog.csdn.net/fzw98/aggbug/2036759.aspx" width = "1" height = "1" />黑马王子http://blog.csdn.net/fzw98/archive/2008/01/11/2036753.aspxFri, 11 Jan 2008 09:46:00 GMThttp://blog.csdn.net/fzw98/archive/2008/01/11/2036753.aspxhttp://blog.csdn.net/fzw98/comments/2036753.aspxhttp://blog.csdn.net/fzw98/archive/2008/01/11/2036753.aspx#Feedback0http://blog.csdn.net/fzw98/comments/commentRss/2036753.aspxhttp://tb.blog.csdn.net/TrackBack.aspx?PostId=2036753 　　参见附件！ 　　 GWT Quickview - by elephi.dong .rar (381.3 KB) 描述: GWT Quickview - by elephi.dong 下载次数: 2419 　 <img src ="http://blog.csdn.net/fzw98/aggbug/2036753.aspx" width = "1" height = "1" />黑马王子http://blog.csdn.net/fzw98/archive/2008/01/11/2036743.aspxFri, 11 Jan 2008 09:41:00 GMThttp://blog.csdn.net/fzw98/archive/2008/01/11/2036743.aspxhttp://blog.csdn.net/fzw98/comments/2036743.aspxhttp://blog.csdn.net/fzw98/archive/2008/01/11/2036743.aspx#Feedback0http://blog.csdn.net/fzw98/comments/commentRss/2036743.aspxhttp://tb.blog.csdn.net/TrackBack.aspx?PostId=2036743 　　1.3版本前整合gwt spring，用到了第三方类，如cglib扩展类具备gwt servlet的功能，随着1.4版本的发布（发布很久了T_T '），整合有了新的方式，闲话不说，看看整合后的servlet如何调用服务： 　　java 代码 　　/** 　　* GWTRemoteServiceServlet act as a dispatch servlet for all GWT services 　　* 　　* in your web.xml, mapping all request /gwtrpc/ to this servlet 　　* 　　*/ public class GWTRemoteServiceServlet extends RemoteServiceServlet { 　　 　　private WebApplicationContext springContext; 　　 　　@Override 　　public void init(ServletConfig config) throws ServletException { 　　 　　super.in<img src ="http://blog.csdn.net/fzw98/aggbug/2036743.aspx" width = "1" height = "1" />黑马王子http://blog.csdn.net/fzw98/archive/2008/01/11/2036739.aspxFri, 11 Jan 2008 09:40:00 GMThttp://blog.csdn.net/fzw98/archive/2008/01/11/2036739.aspxhttp://blog.csdn.net/fzw98/comments/2036739.aspxhttp://blog.csdn.net/fzw98/archive/2008/01/11/2036739.aspx#Feedback1http://blog.csdn.net/fzw98/comments/commentRss/2036739.aspxhttp://tb.blog.csdn.net/TrackBack.aspx?PostId=2036739 　　下面要写的东西是一个使用GWT编写的在有限区域内通过拖动查看整个地图的简单实现。 　　一些细节： 　　为什么能拖？ 　　com.google.gwt.user.client.ui.MouseListener 通过实现这个接口，可以实现UI对象对鼠标的Enter,Down,Leave,Move,Up动作的支持。 　　com.google.gwt.user.client.ui.FocusPanel 并不是每个UI对象都能够实现MouseListener接口的，可以通过添加到FocusPanel来实现。 　　怎么才能显示地图的局部，或者说怎么把其他部分藏起来？ 　　通过样式： 　　java 代码 　　DOM.setStyleAttribute(viewPortArea.getElement(), "overflow", "hidden"); 　　 　　DOM.setStyleAttribute(viewPortArea.getElement(), "position","relative"); 　　设置显示区域的"overflow"属性为"hidden"及"position"属性<img src ="http://blog.csdn.net/fzw98/aggbug/2036739.aspx" width = "1" height = "1" />黑马王子http://blog.csdn.net/fzw98/archive/2008/01/11/2036741.aspxFri, 11 Jan 2008 09:40:00 GMThttp://blog.csdn.net/fzw98/archive/2008/01/11/2036741.aspxhttp://blog.csdn.net/fzw98/comments/2036741.aspxhttp://blog.csdn.net/fzw98/archive/2008/01/11/2036741.aspx#Feedback0http://blog.csdn.net/fzw98/comments/commentRss/2036741.aspxhttp://tb.blog.csdn.net/TrackBack.aspx?PostId=2036741 &nbsp;　　通过Gwt.create(Interface.class)，根据自己给定规则，自动生成InterfaceImpl类: 　　1.定义exportGenerator 模块 　　xml代码 　　&lt; module&gt; 　　 　　&lt; inherits name='com.google.gwt.user.User'/&gt; 　　 　　&lt; generate-with &lt;strong &gt;class="exporter.rebind.ExporterHelperGenerator" &gt; 　　&lt; when-type-assignable &lt;strong &gt;class="exporter.client.IExportableHelper"/&gt; 　　&lt; /generate-with&gt; 　　 　　&lt; /module&gt; 　　interface 接口继承IExportableHelper，通过ExporterHelperGenerator自动构造. 　　2.创建SourceWrite写文件： 　　jav<img src ="http://blog.csdn.net/fzw98/aggbug/2036741.aspx" width = "1" height = "1" />黑马王子http://blog.csdn.net/fzw98/archive/2008/01/11/2036719.aspxFri, 11 Jan 2008 09:35:00 GMThttp://blog.csdn.net/fzw98/archive/2008/01/11/2036719.aspxhttp://blog.csdn.net/fzw98/comments/2036719.aspxhttp://blog.csdn.net/fzw98/archive/2008/01/11/2036719.aspx#Feedback0http://blog.csdn.net/fzw98/comments/commentRss/2036719.aspxhttp://tb.blog.csdn.net/TrackBack.aspx?PostId=2036719 &nbsp;　　这段时间较闲,研究了一番dwr.发现dwr实现的AJAX有些地方确实很是先进.比如动态生成javascript代码;隐藏的http协议;javascript于java代码交互的是javascript对象(或字符串)等. 　　以下是我临时译的一些东西.本来想全译,发现dwr实在是简单,就随便写了.英文居差,现一把. 　　1、DWR: Easy AJAX for JAVA 　　作为一个java open source library,DWR可以帮助开发人员完成应用AJAX技术的web程序。它可以让浏览器上的javascript方法调用运行在web服务器上java方法。 　　DWR主要由两部门组成。javascript与web服务器通信并更新web页；运行在web服务器的Servlet处理请求并把响应发回浏览器。 　　DWR采用新颖的方法实现了AJAX(本来也没有确切的定义)，在java代码基础上动态的生成javascript代码。web开发者可以直接调用这些javascript代码，然而真正的代码是运行在web服务器上的java code。出与安全考虑，开发者必须配<img src ="http://blog.csdn.net/fzw98/aggbug/2036719.aspx" width = "1" height = "1" />