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..

javascript通过ip获取物理地址接口

评论(0)浏览(1700)分类：JavaScript/Ajax开发技巧
javascript通过ip获取物理地址接口　　javascript如何通过访问者ip地址获取ip地址对应的物理地址API接口新浪的IP地址查询接口：http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js，返回数据结构如下var remote_ip_info = {ret:1,start:116.1.29.0,end:116.1.43.255,country:\u4e2d\u56fd,province:\u5e7f\u897f,city:\u6842\u6797,district:\u4e03\u661f,isp:\u7535..

百度UEditor编辑器API文档

评论(0)浏览(1691)分类：JavaScript/Ajax开发技巧
百度UEditor编辑器API文档Editor Editor ready destroy render sync setHeight getContent getAllHtml getPlainTxt getContentTxt setContent focus execCommand queryCommandState queryCommandValue hasContents reset enable disable show hide getLang getDialog Browser ie opera webkit mac quirks gecko ie9Compat ie8 ie8Compat ie7Compat ie6Compat chrome..

pdf.js如何配置语言本地化

评论(0)浏览(1678)分类：JavaScript/Ajax开发技巧
pdf.js如何配置语言本地化　　pdf.js如何配置显示的语言。pdf.js语言本地化设置。　　pdf.js默认的语言是英语的，如果要界面显示指定的语言或者依据访问这浏览器的用户首选语言来确认要要使用的本地化文件，可以按照下面的步骤来操作。　　如果访问者已经知道，全部为国内用户，pdf.js要显示中文语言配置，可以用link标签指定加载的语言为中文即可。（下载的pdf.js中语言..

CSS控制打印区域

评论(1)浏览(1661)分类：HTML/CSS兼容/XML
CSS控制打印区域style@media print{INPUT {display:none}}/styleTABLE border=0 style=font-size:9pt; width=300px align=centerTHEAD style=display:table-header-group;font-weight:boldTRTD colspan=2 align=center style=font-weight:bold;border:3px double red每页都有的表头/TD/TR/THEADTBODY style=text-align:centerTRTD表格内容/TDTD表格内容/TD/TRTR..

select2动态添加选项

评论(0)浏览(1642)分类：JavaScript/Ajax开发技巧
select2动态添加选项　　select2查找选项时，如果不存在，如何动态添加用户输入的查找内容项目，实现如下效果。select2默认的下拉选项过滤后的选项，select2没有输入的匹配项目，给提示信息添加按钮点击添加选项点击按钮后给select2添加新输入选项并选中，并且下拉出现此自定义项目　　本示例居于Select2 4.0.3修改，其他版本注意修改选择器。第一步，修改查找没有记..

table cellpadding属性无效

评论(0)浏览(1639)分类：HTML/CSS兼容/XML
table cellpadding属性无效　　设置了table的对象的cellpadding属性后，如果table单元格间没有出现指定padding间距，那么应该设置过td的样式，增加了padding:0px的样式，这样设置table的cellpadding就不起作用了。　　查找导入此页面的css文件或者内联style样式，找到类似的样式td{padding:0px}/*或者*/*{padding:0px}　　加这个样式的人脑子绝对是被驴踢过了的。。测试代..

ajax getResponseHeader获取中文响应头

评论(0)浏览(1626)分类：JavaScript/Ajax开发技巧
ajax getResponseHeader获取中文响应头　　如果页面响应头中包含中文内容，ajax请求的页面和被请求的页面即使编码统一，不同浏览器下表现的方式还是会不一样，firefox/IE下出现乱码，chrome可以正常调用getResponseHeader获取到中文的响应头内容。　　要解决这个问题，可以将中文进行编码后在设置为响应头内容，这样ajax调动getResponseHeader获取内容后，在客户端解码下就不会出现乱..

多文件选择上传jquery插件

评论(0)浏览(1621)分类：JavaScript/Ajax开发技巧
多文件选择上传jquery插件　　发一个支持多文件选择，可以过滤文件类型的纯js（非flash来实现）jquery插件jquery.multiFiles.js。多文件选择需要IE10+和其他标准浏览器，如chrome，firefox才支持。IE9-不支持multiple属性，或者移动端不支持multiple多选择文件时，只能一个一个选择，效果如下　　多文件选择上传jquery插件jquery.multiFiles.js有2个方法，reset和setExt。..

jqGrid获取本地查询后匹配的所有数据

评论(0)浏览(1619)分类：jqGrid中文API
jqGrid获取本地查询后匹配的所有数据　　jqGrid使用本地数据时，当jqGrid配置的rowNum小于本地总数据量（records属性记录总数据，可以通过records获取到本地总数据量），调用getRowData方法获取到的只是显示的部分内容，而本地所有数据行。　　如果是通过data或者datastr配置的本地数据，获取所有数据很简单，调用$('#gridid').jqGrid('getGridParam','data..

Ext5 Ext.data.proxy.Memory客户端数据分页示例

评论(1)浏览(1604)分类：extjs开发技巧
Ext5 Ext.data.proxy.Memory客户端数据分页示例　　Ext5使用Ext.data.proxy.Memory对客户端数据进行分页示例，Ext5对Ext.data.proxy.Memory进行了调整，要对客户端数据进行分页，使用Ext.data.proxy.Memory即可，配置enablePaging为true。如果版本低于Ext5，需要使用Ext.ux.data.PagingMemoryProxy这个对象（具体参考：Ext4如何对本地数据进行分页显示）。Ext5 Ext.data.proxy.Memory客户端数..

easyui请求页面拦截跳转超时提示

评论(0)浏览(1586)分类：easyui开发技巧
easyui请求页面拦截跳转超时提示　　easyui使用datagrid或者dialog等加载远程数据页面时，如果远程页面做了超时判断，转向其他页面进行登录，easyui是不会自动控制浏览器跳转到登录页面的，而是只会获取最终转向页面的数据，具体看这个：Ajax服务器端跳转重定向　　如struct拦截的拦截，判断超时自动跳转到登录页面。或者下面的data.asp代码%if session(online)1 then respons..

jquery实现章节目录效果

评论(0)浏览(1577)分类：JavaScript/Ajax开发技巧
jquery实现章节目录效果　　本示例实现文章详细内容如果添加了anchor锚点时，在页面右边生成一个不随页面滚动的固定anchor列表，当那些章节锚点显示在浏览器可见视窗内，增加浮动章节列表的锚点获得焦点的样式。章节的锚点位置注意看示例中的代码，将会取章节容器中的第一个子元素锚点作为章节目录列表内容。jquery实现章节目录效果源代码!DOCTYPE html titlejquery实现..

easyui textbox添加清除内容图标

评论(0)浏览(1576)分类：easyui开发技巧
easyui textbox添加清除内容图标　　目的：给easyui的textbox对象添加icon-clear图标，默认图标隐藏（如果有值则默认显示），当textbox输入内容后显示图标，删除内容后隐藏清除内容图标。其实easyui的textbox提供了icons配置，可以配置textbox的图标，但是图标都是显示的，没有依据内容进行显示。cons array The icons attached to the textbox. Each item has the following..

Ajax服务器端跳转重定向问题讨论

评论(0)浏览(1574)分类：JavaScript/Ajax开发技巧
Ajax服务器端跳转重定向问题讨论　　今天在CSDN看到一个问题，如下　　请问一下，下面这个链接（http://www.sohu.com/dfwejrle.html）明明不存在，却返回有效，是怎么回事？急，在线等，谢谢！script type=text/javascript src=jquery.js/script script$.ajax({ url: 'http://www.sohu.com/dfwejrle.html', type: 'GET', complete: function(response) { i..

firefox下reset控件无法清除hidden控件value

评论(0)浏览(1546)分类：JavaScript/Ajax开发技巧
firefox下reset控件无法清除hidden控件value　　今天搞一个表单，发现在w3c浏览器和ie浏览器下的一个问题，w3c浏览器无法使用reset控件或者表单的reset事件来清空通过js设置hidden控件后的值，其他可以显示的控件值是可以还原到原来的状态，但是hidden的话无法还原，郁闷了，(#‵′)靠。　　在IE浏览器下可以清空js设置的hidden控件的值，为什么w3c浏览器无法清除呢？⊙﹏⊙b汗....难道我理..

for循环遍历如何延时执行

评论(0)浏览(1537)分类：JavaScript/Ajax开发技巧
for循环遍历如何延时执行　　如要遍历一个数组，for语句要如何延时输出数组中的项目，一般情况下想当然都会这样写div id=dv/divscript var arr = [1, 2, 3, 4, 5]; for (var i = 0; i arr.length; i++) { setTimeout(function () { document.getElementById('dv').innerHTML += arr[i] + 'br'; }, 3000); }/script　..

jqGrid自定义格式化类型

评论(0)浏览(1515)分类：jqGrid中文API
jqGrid自定义格式化类型　　可以对指定的列定义自定义格式化函数。注意配置这个值可以为函数名称，不能用引号括起或者以()结束，如格式化函数名称为func，不能配置formatter为func或者func()，直接func即可，可以直接配置一个匿名函数，示例jQuery(#grid_id).jqGrid({// ... colModel: [ // ... {name:'price', index:'price', width:60..

easyui datagrid使用combogrid作为编辑器示例

评论(0)浏览(1499)分类：easyui开发技巧
easyui datagrid使用combogrid作为编辑器示例　　easyui的datagrid如果将combogrid对象作为列编辑器，直接设置列的editor配置为combogrid的配置对象没有效果，可以使用另外一种方法来实现，设置编辑器为text，然后获取editor对象，使用combogrid替换text编辑器。　　效果如下　　源代码及注释!DOCTYPE htmlhtmlheadmeta charset=gb2312titleeasyui datagrid使用combogrid作为编辑器示例/tit..

jqGrid布局结构

评论(0)浏览(1485)分类：jqGrid中文API
jqGrid布局结构jqGrid布局结构有下面4个部分组成Caption layer（标题）Header layer（表头）Body layer（表格数据内容）Navigation layer（导航）Caption layer ：包含了代表数据的常见信息。Header layer：表格列头信息。Body layer：通过column model配置显示从服务器下载的信息Navigation layer：通过请求得到的数据得到其他的信息和计算后得到的导航信息。..

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..

easyui treeGrid异步加载子节点示例

评论(0)浏览(1471)分类：easyui开发技巧
easyui treeGrid异步加载子节点示例　　easyui treeGrid异步加载子节点示例。如果要异步加载treegrid的子节点，需要输出扁平的数据结构，然后通过_parentId来控制treegrid的父节点子节点结构。嵌套的children结构好像是不支持，没研究出来。　　示例代码easyui版本为1.3.5，其他版本没测试。　　easyui treeGrid异步加载子节点无限极示例源代码如下data.ashx，数据源%@ WebHandler..

javascript转义字符(\)对JSON.parse和eval的影响

评论(0)浏览(1470)分类：JavaScript/Ajax开发技巧
javascript转义字符(\)对JSON.parse和eval的影响　　一般来说在JSON.parse的参数包含转移字符的时候会遇到两次转义的问题，其实第一次是字符串本身的转义，第二次是将真正转为js对象的转义。　　对于要转为JSON对象的字符串，如果包含\n，\t，\此类转义字符，执行JSON.parse或者eval后，会报错或者丢失掉部分信息（eval）。如eval('{a:\n}')//SyntaxError: unterminated string litera..

http://query.yahooapis.com/v1/public/yql JSONP跨域接口API使用说明

评论(0)浏览(1469)分类：JavaScript/Ajax开发技巧
http://query.yahooapis.com/v1/public/yql JSONP跨域接口API使用说明YQL 介绍SELECT 语句INSERT/UPDATE/DELETE 语句使用开放数据表格调试示例应用总结声明　　目前在 Web 上面已经有很多结构化数据可以供开发人员来使用。但是使用这些数据，要求对数据的请求和响应格式有一定的了解。不同服务提供者所采用的数据格式是不同的。 开发人员需要查阅 Web 服务的文档和相关资料，才知道如何使用这些服务。YQL 是雅虎提供..

js控制移动浏览器输入框获取焦点隐藏不弹出系统软键盘

评论(0)浏览(1467)分类：JavaScript/Ajax开发技巧
js控制移动浏览器输入框获取焦点隐藏不弹出系统软键盘　　使用移动端浏览器看网页时，输入对象获取焦掉后会自动弹出系统的软键盘，导致页面显示区域变小，如何禁止输入对象input获取焦点后的系统软键盘。　　js控制移动浏览器输入框获取焦点隐藏不弹出系统软键盘源代码如下input type=text id=phone-number onfocus=blur(); /　　意思就是获取焦点后马上取消焦点，这样软键盘就会自动隐藏了。下面是..

console.log在IE8+提示未定义

评论(0)浏览(1466)分类：JavaScript/Ajax开发技巧
console.log在IE8+提示未定义　　console.log方便在浏览器控制台输出对象的信息，非IE浏览器基本都支持console.log调试。　　IE8+浏览器增加了开发人员工具，在开发人员工具下支持console.log语句。　　但是需要注意的是：使用console对象查看对象信息，在IE8+浏览器下未打开过开发人员调试工具的情况下，会报console.log在IE8+提示未定义错误。　　打开过开发人员工具后，再..

chrome An invalid form control with name is not focusable.

评论(0)浏览(1465)分类：JavaScript/Ajax开发技巧
chrome An invalid form control with name is not focusable. 　　提交表单时chrome控制台出现错误：An invalid form control with name is not focusable.　　出现这个错误是因为表单中包含了HTML5属性required的控件不可见（如这个控件style display设置为none或者其父容器display为none），被隐藏起来了，导致chrome无法聚焦这个值为空的输入项弹出错误提示窗口而报错：An invalid form control with nam..

html5 file accept属性详解

评论(0)浏览(1464)分类：HTML/CSS兼容/XML
html5 file accept属性详解　　html5的file控件新增accept属性，可以让弹出窗口显示允许mime类型的文件，而不是全部文件类型。　　在W3C的规格只允许Image/*、Video/*、Audio/*三种MIMEtype是允许的，也就是说上述三种以外的选择，就只能选择所有档案*.*　　DEMO!DOCTYPE htmlhtmlhead meta charset=utf-8 titleJS Bin/title/headbody divAll Files input type='..

document.createAttribute方法

评论(0)浏览(1438)分类：JavaScript/Ajax开发技巧
document.createAttribute方法示例创建一个class属性，属性值为democlass，并且给第一个h1元素设置这个属性。var att=document.createAttribute(class);att.value=democlass;document.getElementsByTagName(H1)[0].setAttributeNode(att);定义和用法document.createAttribute方法通过传递一个指定属性名称创建一个属性对象，返回一个属性对象。属性对象的更多介绍参考这篇文章..

easyui checkbox tree选择节点后添加到另外一棵树示例

评论(0)浏览(1436)分类：easyui开发技巧
easyui checkbox tree选择节点后添加到另外一棵树示例　　easyui checkbox tree选择节点后添加到另外一棵树中，并且删除选中的树中的节点。另外一棵树也可以执行这种操作。类似于2个select之间option的移动。如授权管理，一棵授权树，从中选中权限后添加到另外一个checkbox tree棵树中。　　easyui checkbox tree选择节点后添加到另外一棵树示例源代码如下!DOCTYPE htmlhtmlheadmeta charset=gb2312..