javascript检查移动设备是否支持重力方向感应

评论(0)浏览(276)分类:JavaScript/Ajax开发技巧
javascript检查移动设备是否支持重力方向感应  javascript如何检查移动设备,如手机平台是否支持重力或者方向感应。  可以使用html5提供的重力和方向感应接口来判断。  html5 中针对高端手机提供了重力感应和重力加速的接口,开发可以利用这个接口获取到移动设备重力加速感应数据。  目前已经支持的浏览器只有chrome和firefox,以及IOS的webkit(貌似android上因为版本差异很大,部..

div模拟select左右移动效果

评论(0)浏览(208)分类:JavaScript/Ajax开发技巧
div模拟select左右移动效果  div模拟select option对象左右移动效果,同时增加右边货物自动增加效果。  源代码如下script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptstylea{text-decoration:none}.select{overflow:auto;width:100px;height:120px;float:left;border:solid 1px #ccc;line-height:20px; -moz-user-se..

jquery仿京东商城三级联动代码插件

评论(0)浏览(1478)分类:JavaScript/Ajax开发技巧
jquery仿京东商城三级联动代码插件  模仿京东送货地址省市县3级联动,已经做成jQuery插件形式,效果图如下  jquery仿京东商城三级联动代码插件DEMO!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; chars..

ie execCommand saveas为txt文件会在某个长度后换行

评论(0)浏览(201)分类:JavaScript/Ajax开发技巧
ie execCommand saveas为txt文件会在某个长度后换行  今天在csdn看到一个问题,在IE下exeCommand 调用saveas命令,将某些内容存为txt文件时,当一行的长度大于某个长度时,会自动换行,而实际保存的内容是没有换行的。  示例代码如下script type=text/javascript function fnsave() { var tab = document.getElementById(a); var contents = tab.innerHTML; var winn..

异步ajax请求如何控制执行循序

评论(0)浏览(221)分类:JavaScript/Ajax开发技巧
异步ajax请求如何控制执行循序  ajax多个请求时,如果下一次请求依赖上一次的请求结果,或者希望能按照请求循序先后返回,而不是乱序返回,需要自己写代码控制ajax的执行循序,而不是for或者jquery的each并发发起ajax请求,这样无法控制ajax的返回循序。当然如果你不想用异步请求,改为同步请求可以控制for,each的并发ajax请求返回循序,但是对于jsonp这种只能异步加载的数..

jQuery Slider滑动条取值插件

评论(0)浏览(1118)分类:JavaScript/Ajax开发技巧
jQuery Slider滑动条取值插件  jQuery Slider滑动条取值插件,jQuery源插件没有左右+/-增加滑动条按钮,可以增加按钮,调用jQuery Slider的value方法进行设置或者获取当前显示的值显示在输入框中。  添加的+/-按钮有点丑,自己美化下,效果如下  jQuery Slider滑动条取值插件demo源代码如下!doctype htmlhtml lang=enheadmeta charset=utf-8titlejQuery Slider滑动条取..

easyui datagrid表头分组内容和表头对不齐解决办法

评论(1)浏览(3285)分类:easyui开发技巧
easyui datagrid表头分组内容和表头对不齐解决办法  easyui datagrid表头分组分组后,有可能导致内容行和表头对不齐的情况,可能是easyui datagrid对太复杂的表头计算出问题。  解决办法:依据表头定位用的div重新设置内容行的第一行的宽度进行重新定位。  效果图如下easyui datagrid表头分组分组后,导致内容行和表头对不齐的情况  onLoadSuccess事件中重新设置内容行宽度和表头一致效果..

easyui datagrid detailview加载时全部自动展开显示详细信息

评论(0)浏览(3057)分类:easyui开发技巧
easyui datagrid detailview加载时全部自动展开显示详细信息  使用easyui datagrid detailview插件时,在easyui datagrid加载完毕后如何将默认隐藏的detailview详细内容显示出来。  可以在onLoadSuccess事件中触发detailview展开按钮的click事件即可。  本示例居于jquery-easyui-1.3.5,如果没有效果,可以用开发工具看下detailview展开按钮是那种标签,增加了什么样式,不同不版本可能不同,需要修..

javascript判断2个对象是否重叠

评论(0)浏览(678)分类:JavaScript/Ajax开发技巧
javascript判断2个对象是否重叠  如何用javascript判断给定的2个div对象是否存在重叠部分,算法如下1)判断4个顶点是否在另外一个对象的区域内2)上面的判断失败,则为十字架关系,内部一部分包含在另外一个对象中,但是顶点相互不在对方内部注意:上面2个步骤需要相互转换过参考对象  测试源代码如下,居于jquery框架!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transit..

Ext Grouping Grid分组添加分页

评论(0)浏览(880)分类:extjs开发技巧
Ext Grouping Grid分组添加分页  Ext Grouping Grid增加分页效果,和普通的Ext Grid分页一样,增加PagingToolbar即可,然后依据PagingToolbar发送的分页参数page,返回需要的数据就行,配置分组后会自动分组返回的数据。  Ext Grouping Grid增加分页源代码如下groupgrid-paging.htmlhtmlhead meta http-equiv=Content-Type content=text/html; charset=utf-8 / titl..

阻止默认浏览器按钮刷新操作事件

评论(0)浏览(1057)分类:JavaScript/Ajax开发技巧
阻止默认浏览器按钮刷新操作事件  javascript如何阻止浏览器刷新操作,如按下F5按钮,右键弹出菜单选择刷新操作,ctrl+R强制刷新页面。  下面的代码仅适用于下面的3中操作,对于点击浏览器上的刷新按钮这个没办法控制(只能提示用户是否要离开页面,由用户控制是否离开操作,而不能用javascript代码强制停留在此页面或者进行其他的操作)在浏览器按下F5按钮右键页面弹出菜..

IE6,IE7,IE8输入元素input,textarea继承父节点margin-left值解决办法

评论(0)浏览(695)分类:HTML/CSS兼容/XML
IE6,IE7,IE8输入元素input,textarea继承父节点margin-left值解决办法  在IE6,IE7,IE8(IE8未添加xhtml,在backpack模式下),如果父节点设置了margin-left属性,会导致输入元素如input,textarea继承父元素的margin-left导致偏移,测试代码和效果图如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdtitleIE6,IE7,IE8输入元素input..

IE7-同级元素relative定位,子元素absolute定位z-index失效

评论(0)浏览(483)分类:HTML/CSS兼容/XML
IE7-同级元素relative定位,子元素absolute定位z-index失效  IE7-下,同级元素使用relative定位时,如果子元素使用absolute定位,这个absolute定位的子元素会被处于这个元素的父元素的后面的同级元素所覆盖,导致z-index无效(一般解决IE7- z-index失效的问题主要是给父元素增加z-index),示例代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/..

IE6/IE7下子元素position relative,父元素overflow auto子元素不滚动

评论(0)浏览(260)分类:HTML/CSS兼容/XML
IE6/IE7下子元素position relative,父元素overflow auto子元素不滚动  在IE6,IE7下,子元素使用position:relative定位、父元素使用overflow:auto后,当滚动父元素的滚动条后,position:relative定位子元素没有随滚动条滚动,而是固定在原来的位置,犹如position:fixed定位效果。  IE6/IE7下子元素position relative,父元素overflow auto子元素不滚动示例图如下正常显示,子元素未滚动前滚动父元素滚动条后,子..

easyui combobox联动示例

评论(0)浏览(1708)分类:easyui开发技巧
easyui combobox联动示例  easyui combobox联动示例,2个combobox实现联动asp示例  easyui combobox联动示例源代码如下data.asp%v=request.QueryString(v)if v then'加载二级菜单 s= for i=0 to 3 s=s,{l:labelv_i,v:i} next '上面为简单示例,自己根据v的值查询数据库输出符合配置的json格式的数据 s=[right(s,len(s)-1)] response.Write s resp..

easyui DateBox/combobox配置为readonly后无法弹出日期选择层

评论(0)浏览(1328)分类:easyui开发技巧
easyui DateBox/combobox配置为readonly后无法弹出日期选择层  easyui的DateBox配置readonly后,点击控件日期图标无法弹出日期选择层解决办法。combobox,combo对象也一样配置readonly无法弹出选择内容的层。  解决办法就是给easyui生成的datebox,combobox的dom对象的图标按钮添加click事件,动态调用showPanel方法。input class=easyui-datebox readonly /input class=easyui-datebox readonly /input..

javascript 18位身份证号码最后一位校验码

评论(0)浏览(91)分类:JavaScript/Ajax开发技巧
javascript 18位身份证号码最后一位校验码  javascript 18位身份证号码最后一位校验码源代码titlejavascript 18位身份证号码最后一位校验码/titlescript function getIDChar18(id) { var arr = id.split(''), sum = 0, vc = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2]; for (var i = 0; i 17; i++) sum += vc[i] * parseInt(arr[i]); r..

Ext4.2+ Ext.grid.plugin.RowExpander无法触发collapsebody,expandbody事件解决办法

评论(0)浏览(916)分类:extjs开发技巧
Ext4.2+ Ext.grid.plugin.RowExpander无法触发collapsebody,expandbody事件解决办法  Ext4.2+ Ext.grid.plugin.RowExpander存在bug,添加的collapsebody,expandbody无法触发,查看了下 Ext.grid.plugin.RowExpander对应的源代码,没有添加collapsebody,expandbody事件,即使按照网上的方 法重写Ext.grid.plugin.RowExpander的init和toggleRow方法也无法触发 collapsebody,expandbody事件。解决办法:给grid对象添加collapse..

Ext ComboBox triggerAction值设错的悲剧

评论(0)浏览(286)分类:extjs开发技巧
Ext ComboBox triggerAction值设错的悲剧  Ext ComboBox triggerAction配置值如果设置错误,不是all(默认)或者query,会导致ComboBox默认为query模式,使用ComboBox中显示的值对下拉列表进行查询过滤,下拉列表框中只显示当前的选中项。需要删除Ext ComboBox的值,才会显示出ComboBox数据源中的所有项目。  所以如果你要将Ext ComboBox triggerAction配置为all,显示所有下拉项目..

Ext4+ store获取服务器返回的附加数据示例

评论(0)浏览(289)分类:extjs开发技巧
Ext4+ store获取服务器返回的附加数据示例  ext4+的store对象如何读取服务器返回附加数据,附加数据存储在数据行外面,如下面所示的fields如何获取{success:true,fields:[field1,field2],rows:[{id:1,Name:Name1,Address:Address1},{id:2,Name:Name2,Address:Address2}]}  可以获取store对象的proxy对象,从proxy中获取reader,reader有一个rawData属性,包含的就是服务器返回的原始..

Ext 3.x版本获取服务器返回的附加属性

评论(0)浏览(205)分类:extjs开发技巧
Ext 3.x版本获取服务器返回的附加属性  ext 3.x版本如何通过store对象获取服务器记录集外的附加属性,如下面的数据结构,如何获取附加的abc属性。{totalCount:6679,abc:xx00,rows:[/*记录集合*/]}  我们通过console.log输出ext3.x store对象,在控制台可以监视到store的reader对象的jsonData包含了服务器返回的原始json数据,如下图所示  通过上图就知道要获取ext 3.x版本服务..

IE创建iframe设置frameborder为0

评论(0)浏览(293)分类:JavaScript/Ajax开发技巧
IE创建iframe设置frameborder为0  在IE7-浏览器或者为添加xhtml申明的IE8浏览器(IE9+未测试),动态创建的iframe,当通过setAttribute设置iframe的frameborder时,IE下调用setAttribute设置属性时,frameborder是严格区分大小写,属性名称要写为frameBorder,不能为frameborder,否则无法去掉iframe的frameborder,会默认为1。  标准浏览器或者添加了xhtml申明的IE8+浏览器..

easyui datagrid使用detailview无数据无法获取第一次插入的数据

评论(0)浏览(438)分类:easyui开发技巧
easyui datagrid使用detailview无数据无法获取第一次插入的数据  easyui datagrid使用detailview显示数据行详细信息时,如果datagrid加载时没有数据行,插入数据后,调用getChanges方法,第一行添加的数据获取不到,只能获取到第二行之后的数据,如下图所示。如果datagrid加载时存在数据则不会出现无法获取第一次添加的数据行的问题。  要想解决easyui datagrid使用detailview,当datagrid中无数据加载时..

ligerui给ligerForm中的ligerComboBox添加事件

评论(0)浏览(3326)分类:JavaScript/Ajax开发技巧
ligerui给ligerForm中的ligerComboBox添加事件  当通过ligerForm的fields配置类型为select的combobox时,给options配置tree中添加相关事件,如onSelect,这样是无法触发事件的。因为通过ligerForm来配置comboBox时,字段field的配置对象会转换为对应的JSON字符串赋值给一个输入控件的ligerui自定义属性,转为对应的JSON字符串时,属性值为函数的属性会自动丢失,导致ligerui自定义属性中并..

JSON.stringify日期对象Date被转为国际标准时间

评论(0)浏览(276)分类:JavaScript/Ajax开发技巧
JSON.stringify日期对象Date被转为国际标准时间  调用JSON.stringify将对象转为对应的字符串时,如果包含时间对象,时间对象会被转换为国家标准时间(ISO),而不是当前国家区域的时间,测试代码如下script //var o = new Date(); //console.log(o.toString())//中国时区时间,格式如Wed Jun 11 2014 10:51:42 GMT+0800 //console.log(JSON.stringify(o)); //输出国际标准时间(IS..

网站导航栏目焦点设置

评论(0)浏览(1727)分类:JavaScript/Ajax开发技巧
网站导航栏目焦点设置  一般访问网站时,访问到不同的栏目,导航上的链接会高亮,显示的样式和其他栏目不一样,这种效果实现很简单,原理如下  获取当前的url路径location.pathname,然后和导航中的链接匹配,匹配了就设置焦点样式。如果栏目不是页面,而是通过传递参数来实现,可以location.search中获取栏目参数来匹配。  下面是一个就简单的示例,建立1.htm..

easyui datagrid idField设置错误勾选记录导致翻页后记录被全选

评论(0)浏览(731)分类:easyui开发技巧
easyui datagrid idField设置错误勾选记录导致翻页后记录被全选  jQuery easyui datagrid插件配置idField设置数据中哪列为主键列时注意一定要配置正确,要不当勾选了一条记录后,当点击导航的上一页,下一页进行翻页或者刷新时,重新加载进入datagrid的数据会全部被勾选。idField配置错误受到影响的版本和症状jquery easyui1.3.4:勾选一条记录后,翻页或者刷新数据会导致加载的数据全部被勾选jquery easyu..

datagrid getChecked获取的数据不正确

评论(0)浏览(2019)分类:easyui开发技巧
datagrid getChecked获取的数据不正确  症状:调用easyui datagrid的getChecked方法获取勾选的数据集合时,无法正确获取勾选的记录集合,只能获取到第一条记录信息,或者获取到idField指定的列中非重复数据行。  分析:出现这个问题,是因为配置了idField的问题,Field即是指定那个列为唯一ID,如果Field配置的值不在返回的数据列里面,或者idField配置的值在返回的数据列里面,..

多行文本显示实现text-overflow ellipsis省略号

评论(0)浏览(401)分类:HTML/CSS兼容/XML
多行文本显示实现text-overflow ellipsis省略号  对于只有一行的内容,实现超出显示范围内的内容用省略号显示的效果,示例代码如下style.ellips{position:relative;width:100px;height:60px;line-height:20px;overflow:hidden;background:#eee}.ellips .dot{position:absolute;right:0px;bottom:0px;height:20px;background:#fff}/stylediv class=ellipsdiv class=dot.../divdiv relative定..

不允许编辑Ext propertygrid字段

评论(1)浏览(583)分类:extjs开发技巧
不允许编辑Ext propertygrid字段  如何禁止对ext的propertygrid的字段进行编辑。  对于禁止编辑ext propertygrid的所有字段,可以有2种方法1)配置disabled :true(Ext版本2.3.0+),所有字段无法编辑,propertygrid显示为灰色的。var propsGrid = Ext.create('Ext.grid.property.Grid', { disabled :true,//....propertygrid其他配置});2)使用beforeedit事件..