Frontend

Learning Dojo — 1. Introduction

Notes for reading ‘ Mastering Dojo‘ =========================================== 1. We’ve had wonderful technologies for server-side development, and now it is the turn of the client-side. 2.Dojo is such a framework, which will dismantle the gap between browser-based applications and desktop applications. 3.Features of Dojo   a. Fix browser defects, such as browser compatibility problems and memory …

Learning Dojo — 1. Introduction Read More »

Learning Dojo — 2. A quick tour

1. Three steps for installing Dojo <style type="text/css"> @import "/dojoroot/dijit/themes/tundra/tundra.css"; @import "/dojoroot/dojo/resources/dojo.css"; </style> <script type="text/javascript" src="/dojoroot/dojo/dojo.js" djConfig="parseOnLoad: true,isDebug:true"></script> <body class="tundra">… <script> dojo.require("dojo.parser"); <!– similar with "import java.util.List" –> </script> 2. Some userful Controls you may want to try    TabContainer, ContentPane, ValidationTextBox 3. Ajax    a. Features — Cross-Browser Compatibility and prvoiding easy-to-use APIs on …

Learning Dojo — 2. A quick tour Read More »

什么是DWR?

        DWR(Direct Web Remoting)项目是在[Apache许可]下的一个开源的解决方案,它供给那些想要以一种简单的方式使用[AJAX]和[XMLHttpRequest]的开发者。它具有一套[Javascript]功能集,它们把从HTML页面调用应用服务器上的[Java]对象的方法简化了。它操控不同类型的参数,并同时保持了HTML代码的可读性。      DWR不是对一个设计的插入,也不强迫对象使用任何种类的继承结构。它和servlet框架内的应用配合的很好。对缺少[DHTML]编程经验的开发者来说,DWR也提供了一个[JavaScript]库包含了经常使用的DHTML任务,如组装表,用item填充select下拉框,改变HTML元素的内容,如 div 和 span。DWR网站是详尽的并且有大量的文档。

DWR好牛!

"DWR 提供了许多东西 —— 它允许迅速而简单地创建到服务器端域对象的 Ajax 接口,而不需要编写任何 servlet 代码、对象序列化代码或客户端 XMLHttpRequest 代码。使用 DWR 部署到 Web 应用程序极为简单,而且 DWR 的安全性特性可以与 J2EE 基于角色的验证系统集成。" 不用写WEB层代码!

[javascript]自动将大图片的宽度限定在一定范围

//将某个HTML元素内含的所有图片宽度限定在600以内 var imgMaxWidth=600; function ImgLoad(obj)  {     for(var i=0;i<obj.all.tags("img").length;i++){         var o=obj.all.tags("img")[i];         if (o.width>imgMaxWidth){             o.width=imgMaxWidth;             o.removeAttribute("height");             o.style.cursor="hand";           }     } } //然后在obj onload时调用这个函数即可 //还有一个函数,让用户用滚轮调整大小。 function bbimg(o){         var zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/12;if (zoom>0) o.style.zoom=zoom+’%’;     } //调用方法: onmousewheel="return bbimg(img)"