
javascript&ajax&dhtml
文章平均质量分 75
withLove2351
这个作者很懒,什么都没留下…
展开
-
grid里用右键来实现功能菜单
在自定义grid中,如果一个grid的列很多,窗口无法显示这么长的内容,且我们一般把grid每一行按操作按钮(如编辑删除按钮)放在每一行的最后一列。这时候用户要要操作某一行的数据,如要做“删除”操作时,就要用鼠标拉动水平滚动条,拉动到能看到最后一列的时候再进行点击操作。这就显得比较麻烦了。这时候,右键某一行,把这行最后的按钮内容构造成右键的显示内容,就可以方便地进行操作了。整体的思路:crea...2009-09-15 20:22:28 · 1100 阅读 · 0 评论 -
开发中好的工具的推荐
一:tab我在开发中用:dhtmlxTabbar,它的dhtmlx包含多个组件,它的主页是:http://dhtmlx.com/index.shtml,同时,有篇文章有介绍了常用的tab控件,在我的转载的文章里有。二:tooltip我在开发中用:wz_tooltip,主页是:http://walterzorn.com,除了包含tooltip,还有一些利用js在前台画线画圆等都很好。三:打开...原创 2009-02-15 18:21:09 · 148 阅读 · 0 评论 -
js学习笔记1-对象和数组
1. 对象和数组 总述对象和数组是JS里两种重要的数据类型,它们与普通的如字符串和数字等基本数据类型不同的是:它们不是表示单个值,而是表示值的集合。对象是一组已命名的值的集合,而数组是一种特殊的对象,是一组数值的有序集合。1.1创建对象对象把多个数据值集合在一个单元中,并且允许用名字来存放和获取这些值。对象定义一般如下:var empty = {}var point = {x:0,y:0}...2009-08-19 23:03:05 · 168 阅读 · 0 评论 -
下拉提示文本框
文本框在当用户输入时,常常需要把相近的信息提示给用户,以方便用户选择。总体的思路是:在txt文本框的onkeyup事件中,发送ajax请求,到数据库去取相似的记录,把得到的结果构成字符串传到前台,再在前台里拆分来按要求显示。ajax请求到后台取数据的代码忽略,只取js前台的代码:var eventElement; function inputSuggest() { even...2009-08-24 18:46:02 · 209 阅读 · 0 评论 -
js学习笔记2-函数
2. 函数 2.1函数直接量函数直接量是用作表达式,而不是用作语句,它无需指定函数名。与函数写法的比较:function f(){} var f = function(){} 2.2函数的参数Js中函数的参数个数和类型是可以很任意的,这就需要用于实质的情况进行相应的判断处理。可选参数如果一个函数的参数是可选的,那么如果没有传的话,则是underfined的值,则在函数里用||对...2009-09-02 23:01:27 · 169 阅读 · 0 评论 -
gird分页时form与url参数的探讨
大家可能很常用一个查询的jsp页面,这个jsp页面很常见的布局是上面一个form,放置一些查询条件;下面一个grid的form,放置查询结果gird。这里主要征对的是grid分页时所涉及到的相应的form与参数的探讨。当gird分页时,要把这个document的所有(包括查询条件的form和显示grid的form)的元素作为参数进行传递,同时取出grid这个form的url值,放在一个obj里。如...2009-09-05 22:35:32 · 211 阅读 · 0 评论 -
js学习笔记3-构造函数、类和原型
3. 构造函数、类和原型总述:对象是我们很熟悉的,常在程序中用它。那么,如何来区分一个对象与另一个对象的区别呢?类就做到了这点,对象是类的一个实例。Js中的类与java的类不太一样,但是它构造函数和原型来来支持类。3.1构造函数我们在程序里使用对象时常常先new一个object,然后再给这个object赋属性,然后再使用这个object来实现我们想要的功能。很经常的,new一个无参数的object...2009-09-06 16:18:36 · 182 阅读 · 0 评论 -
TD中长串英文字母不能自动换行而汉字却可以自动换行
例如:aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa不能处理自动换行,将表格伸的很长很长,而汉字字符却可以自动换行。原因是:英文字母之间如果没有空格,系统认为是一个单词,就不会自动换行。汉字就没有这种情况。解决办法:用表格把要显示的内容装起来。在<table>标签中加入“style='TABLE-LAYOUT: fixe...原创 2010-12-23 10:06:25 · 281 阅读 · 0 评论 -
前台开发总结
1、如果在频繁地发送ajax请求,最好在前面的请求发送完成返回后再发送下一个请求,这时候可以用一个全局变量来做状态的标志:var bMadeRquest = false;//定义全局标志if(bMadeRquest) return;//如果前一个请求没有返回则不再请求new Ajax.Request( url, { parameters: pa...原创 2011-01-12 10:35:16 · 155 阅读 · 0 评论 -
Google Maps 图标地址收藏
Google Maps 图标 - http://www.google.com/mapfiles/center.png- http://www.google.com/mapfiles/east.png- http://www.google.com/mapfiles/west.png- http://www.google.com/mapfiles/nor...原创 2010-11-27 10:46:33 · 321 阅读 · 0 评论 -
ajax请求返回后JS无法执行的问题
一:发送ajax请求,在onComplete时,如果返回的html时包含有javascript,则这些javascrip并不会被认到,也并不不执行。这个问题困扰了我很长时间,后面再发个时间把这个知识点总结一下及如何来解决这个问题。1.发现对于ajax的理解还是不够深,抽些时间看看书,看看资料,好好地研究下。2.发现对于protype的理解还是不够深,抽些时间看看书,看看资料,好好地研究下。3...原创 2009-02-15 17:21:22 · 657 阅读 · 0 评论 -
ajax请求提供接口的讨论
要提供一个查询某点周边的最近设施的功能给同事,在gis端的实现暂不在这里讨论,只讨论前端的接口。写了如下接口:/* * pursor:latest distance query * author:liugx */function LatestDistanceQuery(){}LatestDistanceQuery.getLatestAttribute= function(r...原创 2009-12-26 15:33:10 · 143 阅读 · 0 评论 -
ie8与ie6取form的讨论
多frames下,在ie6下通过frames[i]为取得某个frame,可是在ie8下用这个i的index却取不到frame。查看dom,发现在ie8下位置变了:(于是想到不能用index来取frame。写了如下方法,以备录吧。//通过已知的action值得到具体的form,一开始通过frames[i]来得到,但发现ie8下计算的与ie6下不同。function getFormFrom...2009-12-16 10:49:00 · 154 阅读 · 0 评论 -
构造结果集实现类似grid显示
在做应用开发中,最经常的操作是到后台数据库去获取数据,在前台用自定义grid标签来显示数据。对自定义标签不是很了解的初学者可能对自定义grid的实现有些迷惑,不知道数据库取出来的数据是怎么显示在自定义grid里的。其实,实现的过程是:把从数据取出来的结果集放在request里,自定义标签里说白了就是对这个结果集进行构造成<table><tr><td></t...2009-09-16 20:24:51 · 141 阅读 · 0 评论 -
js学习笔记4-事件和事件处理
1. 总述:本章将讲三种完全不同的不兼容的事件处理模型:1.1 原始事件模型这是一种简单的事件处理模式,我们可以非正式地把它看作是0级DOM API的一部份内容,所有的启用了js的浏览器都支持它,因此用它不用考虑浏览器的兼容性。1.2 标准事件模型这是一种强大的具有完整性的事件模型,2级DOM对它进行了标准化,除了IE外的所有浏览器都支持它。1.3 IE事件模型...2009-09-16 22:18:19 · 132 阅读 · 0 评论 -
常用功能-tip相关知识总结
在应用开中很常用的功能是tip,比如鼠标放在某个需要说明的元素时,tip出元素的一些属性,或者是在一个主表的grid里当鼠标移到某一行,tip出这一行的所关联的子表的grid,使得用户一目了然。tip的功能这么常用,我们可以用一些已有的js库来实现,比如 wz_tooltip.js,它可以实现较为强大的tip功能。关于wz_tooltip.js的知识就不说了,参考它的官方网站所有的api都说得很详...2009-09-18 08:48:16 · 703 阅读 · 0 评论 -
js常用功能-drag功能总结
在做web开发中,拖动一个元素是很常见的功能,特别是对于浮动层,最经常的操作就是去拖动它。这里列出了拖动的代码,作个总结,以备忘。代码如下:function drag(elementToDrag, event) { var startX = event.clientX, startY = event.clientY; var origX = elementToDrag.of...2009-09-18 13:50:33 · 252 阅读 · 0 评论 -
grid拖动列头改变列宽
grid中,当某一单元格的内容很多时,要能够拖动grid标题行的各列列头改变列的宽度。假设有这么一个简单的table:<table> <tr> <td>序列</td> <td>姓名</td> <td>性别</td> <td&2009-10-21 17:19:00 · 868 阅读 · 0 评论 -
js取整数四舍五入
http://blog.youkuaiyun.com/Feiin/archive/2008/10/23/3128006.aspx 1.丢弃小数部分,保留整数部分parseInt(5/2)2.向上取整,有小数就整数部分加1 Math.ceil(5/2)3,四舍五入.Math.round(5/2)4,向下取整 Math.floor(5/2)Math 对象的方法FF: F...原创 2009-11-21 22:08:28 · 177 阅读 · 0 评论 -
关于表单回车自动提交的讨论
在做超限查询时,为了用户操作的易用性,在用户输入车牌号码后,直接回车就进行查询的操作,而不是等用户用鼠标点击“查询”了才发送请求去查询。可能我们都以为很简单,就是“查询”的时候(回车)去做发个查询的请求就行了,确定是如此。可是,如果只有一个用户输入车牌号码的表单text时,就会有些问题。 我们的查询操作是发送一个ajax请求,而不是把表单提交上去,但是奇怪的是,只要一按回车键,表单就自动...2009-01-31 15:10:29 · 104 阅读 · 0 评论 -
js常用功能-浮动层知识总结
应用开发时很经常地要生成浮动层,在浮动层里显示一些我们需要显示的内容。生成浮动层主要分为两个部份。一个是外围的div,这个div主要是根据传入的参数值来设置它的属性,如它的left、top、width、height、opacity等值。另一个部份是div里放的一table,这个table有两行,第一行用在拖动和最大化最小化上;第二行是放置浮动层要显示的内容。 functio...原创 2009-02-06 17:23:36 · 326 阅读 · 0 评论 -
把一个jsp分为两个div布局记录
一个jsp页面想分成左右两块分开显示两块内容。这种效果很不错,但当你想要某一个div在某一时刻占据整个页面的大小,而第二个div则不显示。这时,可以在两个div之间加上左右箭头的图标,点击图标时控制两个div的width就可以了。实现不难,记下以备查。 <div id="CententDiv"> <jsp:include flush="true" page="ags...2009-12-15 16:41:04 · 1587 阅读 · 0 评论 -
在一个定时器里频繁发ajax请求
在一个定时器里频繁发ajax请求,最好设置一个全局变量,当请求还在发出时,不再发出请求。 var bMadeRquest = false;//定义全局标志if(bMadeRquest) return;//如果前一个请求没有返回则不再请求new Ajax.Request(url,{ method : 'get', parameter...原创 2011-04-11 10:07:32 · 563 阅读 · 0 评论