web前端
文章平均质量分 73
iteye_6401
这个作者很懒,什么都没留下…
展开
-
dwr实例教程(包含原文错误修改)
DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给JavaScript就好像直接本地客户端调用一样(DWR根据Java类来动态生成JavaScrip代码).它的最新版本 DWR0.6添加许多特性如:支持Dom Trees的自动配置,支持Spring(...原创 2009-04-17 14:39:40 · 109 阅读 · 0 评论 -
ajax的两种常用调用方式
方式1://请求js<script language="javascript">var _object;var xmlhttp = null;var interval = null;var rtnData = new Array();var btype;//判断浏览器类型//ie和firefox对ajax请求回调函数的调用方式不同functi...原创 2010-06-30 14:51:43 · 89 阅读 · 0 评论 -
js时间比较(yyyymmdd)
yyyymmdd格式时间比较实例,参考如下代码: <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title></title><script language="jav原创 2010-06-30 14:54:23 · 442 阅读 · 0 评论 -
用js进行正负小数及范围判断
最近项目中遇到一个js判断:允许输入正负数、小数,并且输入值有范围限制,而且相互之间有大小比较。 function checkNumber(id){ var eValue = document.getElementById(id).value; //alert(value); if (/^(\+|-)?\d+($|\.\d+$)/.test(eValue))...原创 2010-06-30 14:56:51 · 589 阅读 · 0 评论 -
js取服务器端时间,并提供动态下载链接
最近项目中有这样一个需求:页面动态刷新获取数据库中符合条件的数据的下载链接状态:如果已有可下载链接,就显示链接供用户下载,并显示服务器端当前时间;没有就继续动态获取。 实现功能:js取服务器端时间,并动态检索下载链接,显示到页面供用户下载。 <script language="javascript">var xmlhttp = null;var i...原创 2010-06-30 14:57:50 · 96 阅读 · 0 评论 -
Ajax简介
1、ajax技术的背景 不可否认,ajax技术的流行得益于google的大力推广,正是由于google earth、google suggest以及gmail等对ajax技术的广泛应用,催生了ajax的流行。而这也让微软感到无比的尴尬,因为早在97年,微软便已经发明了ajax中的关键技术,并且在99年IE5推出之时,它便开始支持XmlHttpRequest对象,并且微软之前已...原创 2010-06-30 15:14:43 · 97 阅读 · 0 评论 -
eclipse+ext+spket安装
参考网上相关文章,经过多次尝试才搞定这几个组合的安装,比较繁琐,纪录下来已备将来参考。 下载相关包:eclipse3.4(eclipse-jee-ganymede-win32)ext3.0spket1.6.16.jar(经过反复尝试,建议别使用破解包) 1.spket安装采用命令行执行的方式:java -jar spket1.6.16.jar. 安装图示:...原创 2010-07-07 16:25:54 · 91 阅读 · 0 评论 -
js操作Dom生成动态表格
项目中有个js的功能需求:数据库表中有两个字段记录数据的两个时间点,要求前端页面动态无刷新获取这两个时间。如果表中没有时间点,则页面不显示;如果时间点已经存在,则在页面动态插入两行,按照指定的样式显示。下图中标示出的是其中的一个时间点: 下面是一个时间点的插入示例,主要采用了W3C DOM的标准接口,节点中插入html部分采用了innerHTML。代码如下:...原创 2010-07-15 17:19:03 · 143 阅读 · 0 评论 -
MIMIE类型大全
获取MIME:HttpContext.Current.Request.Files[fileKey].ContentLength MIME类型就是设定某种扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问的时候,浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义的文件名,以及一些媒体文件打开方式。 下面列出常用的文件对应的MIME类型: Mime...原创 2013-06-18 18:55:29 · 1315 阅读 · 0 评论 -
request.getContextPath()详解
<%=request.getContextPath()%>是为了解决相对路径的问题,可返回站点的根路径。 但不用也可以,比如<a href="<%=request.getContextPath()%>/catalog.jsp">,可以直接用<a href="catalog.jsp">也行,这两个文件是在同一个目录下的。比如你要生成一个文...原创 2013-06-18 18:56:36 · 120 阅读 · 0 评论 -
学习网页标准的5个步骤
我想每一个刚刚接触web标准的人都会问这样的问题,我就根据自己的经验总结。 Step 1.不要一味使用DW等工具设计网页,去熟悉(X)HTML语言和CSS语言 因为web标准对代码的要求提高了,没有对xhtml代码没有一定的了解是无法通过校检的。DW工具也可以使用,但是要看着代码写网页了。 首先是xhtml代码,不是很多,知道他们如何使用,怎么正确书写,而且要记得封闭ta...原创 2013-06-18 18:57:36 · 101 阅读 · 0 评论 -
XMLHttpRequest参数提交方式
一般情况下,使用Ajax提交的参数多是些简单的字符串,可以直接使用GET方法将要提交的参数写到open方法的url参数中,此时send方法的参数为null。例如 :var url = "login.jsp?user=XXX&pwd=XXX";xmlHttpRequest.open("GET",url,true);xmlHttpRequset.send(null); ...原创 2010-06-30 14:49:27 · 1389 阅读 · 1 评论 -
html页面联动菜单常用处理方式
html页面联动菜单比较常见,一般情况下,点击一个radio或者change一个select,根据业务逻辑的需要,页面动态显示一些不同的选择项。 下面是最近项目中一个常用的场景,处理方式比较简单,但很实用。程序处理逻辑:选择不同的radio,通过java程序到DB中进行查询,得到不同的结果,替换原来的选择项,显示到页面上。 <script type="text/javascr...原创 2010-06-30 14:47:35 · 281 阅读 · 0 评论 -
js获取HTML DOM节点元素方法总结
在Web应用程序特别是Web2.0程序开发中,经常要获取页面中某个元素,然后更新该元素的样式、内容等。如何获取要更新的元素,是首先要解决的问题。令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结(以下方法在IE7和Firefox2.0.0.11测试通过)。1. 通过顶层document节点获取: (1)document.getElementById(element...原创 2010-06-30 14:42:44 · 73 阅读 · 0 评论 -
extJS-itemselector的使用
上图是富客户端界面中常用的选择方式,下面是项目中的一段示例代码,仅供初学者参考: var _smsTemplateToStore = new Ext.data.Store({ id:"_smsTemplateToStore", proxy : new Ext.data.HttpProxy({url:"modelSelectedData.jsp"}), r...2009-11-24 16:38:32 · 92 阅读 · 0 评论 -
js校验表单中数据格式及数字类型
<script type="text/javascript"> function isNumberInt(form){ var rtnBoolean = false; var phoneParam = form.phone.value; var mobileParam = ...2009-04-29 17:11:03 · 181 阅读 · 0 评论 -
初识Ajax
两年前通过一个同事的介绍,知道了Ajax这个东东,但是一直没有真正的重视和学习。最近做个小功能时,突然发现做出来的页面很丑陋。而且,对现在的页面层常用的一些东西感觉很陌生,心中顿生落伍的危机感。例如:现在都鼓励用div,自己却一直以来用table来定位;局部页面的刷新啊,表单数据的异步处理啊等等。明知比较简单的东西,到写代码时发现原来自己都不怎么会用。 听说<<Ajax基础教程&...2008-10-28 18:03:10 · 69 阅读 · 0 评论 -
使用XMLHttpRequest处理server端返回的xml
这个例子是《Ajax基础教程》上的例子,写在这里是为了督促自己要加快学习Ajax的进度。 parseXML.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta ht...原创 2008-11-05 17:31:51 · 98 阅读 · 0 评论 -
EXTJS 查询数据,分页显示时传送自定义参数,添加控件的任何事件模板
var querytext = new Ext.form.TextField({ name : 'queryvalue', fieldLabel : '查询', anchor : '100%' }); var store = new Ext.data.JsonStore({ url : './querybean/query.jsp', totalPrope...原创 2009-08-19 10:08:24 · 95 阅读 · 0 评论 -
ExtJS分页条件参数传递
这两天还在忙活那个可恨的ext的项目,说它可恨,通过解决这个小问题,才发觉原因所在:对它不熟悉,又不想多花点精力学习它。 废话少说,转入正题,下面就是这个小问题:双击并选中GridPanel中的一条记录,根据该记录的ID,查询其他数据,在TabPanel中分页显示。 问题:TabPanel中分页显示时,作为条件参数的GridPanel中记录ID无法传递给处理程序。 解决:参...2009-08-19 10:30:24 · 139 阅读 · 0 评论 -
客户端记录显示缓存的刷新-ExtJS
其实这是个非常简单的问题,仅供ExtJS初学者参考。 最近在项目开发过程中遇到一个问题:第二次查询时,如果没有返回记录,则仍然显示第一次查询的结果。 例如:双击人力金牌销售包时,根据某些查询条件,可以得到对应的开班计划数据。第二次查询时,如果没有返回记录,则仍然显示第一次查询的结果。 见下图: 解决思路:每次查询前,先清除上一次查询的结果,然...2009-09-04 20:31:44 · 121 阅读 · 0 评论 -
客户端显示Store-Ext.data-Store
store是一个为Ext器件提供record对象的存储容器,行为和属性都很象数据表方法:不列举继承来的方法Store( Object config )构造,config定义为{ autoLoad : Boolean/Object, //自动载入 baseParams : Object, //只有使用httpproxy时才有意义 data : Arra...原创 2009-09-04 20:38:39 · 71 阅读 · 0 评论 -
ExtJS布局之border实例
border布局是常见的布局样式,下面是一个实际项目的示例,比较简单,仅供初学者参考。 前两天遇到一个border布局的界面问题,如下:west是一个tree a,center是一个tree b和一个Panel,如下图 界面要求:点击左边树节点【培训项目】,打开右边的界面:包括一个树和一个panel。 功能要求:点击右边树的节点,班型列表会根据树节点的ID进行...2009-09-18 14:59:38 · 131 阅读 · 0 评论 -
extJS-动态改变baseParams
项目中遇到一个问题:双击导航栏树节点,根据该树节点的属性ID在开班计划列表界面上查询。见下图: 1.难点:怎样实现基础参数的动态赋值? 1.1逻辑分析初次加载页面时,没有节点被选中,查询store的baseParams应该不赋值。有节点被选中时,查询store的baseParams应该被赋予相应的值。 2.解决思路初次加载页面时,没有节点被选中,查询...2009-10-12 22:18:33 · 397 阅读 · 0 评论 -
div的显示与隐藏
今天做个小功能(2009-3-6):将取得的数据显示在一jsp页面中,这两条记录是彩票投注的数据。显示问题:"方案内容"可能包含多注,当前的页面中显示出来会将表格撑开成多行显示,视觉效果不太好。 解决办法:在当前页面中添加一个div,用来显示"点击查看"应该看到的用户的投注。1.首次打开该页面,显示betsDetail(概括信息内容),隐藏betsContent(投注详情)2.点击“点击...原创 2013-06-19 16:49:07 · 125 阅读 · 0 评论