JS使用json数据自动填充表单

评论(0)浏览(58)分类：JavaScript/Ajax
JS使用json数据自动填充表单　　JS使用json数据自动填充表单titleJS使用json数据自动填充表单示例/titleform name=myformtext:input type=text name=text /br /textarea:textarea name=textarea/textareabr /radio:input type=radio name=radio value=radio1 /radio1　input type=radio name=radio value=radio2 /radio2br /checkbox:input type=checkbox name=checkbox va..

easyui datagrid数据导出excel文件示例

评论(9)浏览(5294)分类：easyui
easyui datagrid数据导出excel文件示例　　2017-2-3更新：判断列隐藏（调用过hideColumn），将不会导出隐藏的的列内容。　　2015-9-16更新：判断列是否配置过formmater函数，配置则调用formmater函数得到显示的数据。否则导出的数据是原始数据源中的数据，而非formmater后的数据。　　2015-9-22更新：如果浏览器不支持data:application/vnd.ms-excel;base64,协议导出excel文件（如ie）..

jquery模拟marquee滚动

评论(0)浏览(117)分类：JavaScript/Ajax
jquery模拟marquee滚动　　jquery模拟marquee滚动效果，可以设置滚动完毕后间隔多少秒再重新滚动。如果是只需要兼容IE浏览器，marquee有个onfinish事件（需要指定loop或者behavior为behavior=slide才会触发onfinish事件），可以使用此事件结合setTimeout重启marquee。测试firefox不支持marquee的stop和start方法，所以要兼容firefox使用js控制效果最佳。　　jquery模拟..

localStorage,sessionStorage跨域共享解决办法

评论(0)浏览(113)分类：JavaScript/Ajax
localStorage,sessionStorage跨域共享解决办法　　localStorage只有同源的情况下（域名，协议，端口号都一致）才能在不同页面共享。　　sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久就销毁了，不同页面或标签页间无法共享sessionStorage的信息。共享也有条件限制，如果不能操作跨域页面是无法实现共享的。sessionStorage生命周期比较特殊，需要用html5的的postMessage..

iframe自适应高度

评论(0)浏览(97)分类：JavaScript/Ajax
iframe自适应高度　　iframe自适应高度，设置iframe的高度为加载内容的高度，不出现滚动条。iframe自适应高度源代码如下test.htmla href=index.html target=myifrindex.html/aiframe src=index.html name=myifr style=width:100% onload=setIfrHeight(this)/iframescript function setIfrHeight(el) { el.style.height = el.contentWindow.document.b..

easyUI tree自定义展开，收缩图标

评论(0)浏览(129)分类：easyui
easyUI tree自定义展开，收缩图标　　easyUI tree自定义展开，收缩图标．easyUI tree数据节点有iconCls配置可以给节点配置自定义图标，iconCls自定义图标后，对于有子节点的节点，展开和收缩状态都显示的是同一个图标，要想这个节点展开，收缩状态显示不同的图标，需要修改源代码来实现。　　本示例居于jquery-easyui-1.4.4修改，效果如下所示，其他版本的修改应该差不多，找不到..

easyui calendar日历头部格式修改

评论(0)浏览(54)分类：easyui
easyui calendar日历头部格式修改2017-6-3：更新，直接修改jquery.easyui.min.js源代码，用下面的代码如果点击页头弹出月份选择层，点击层上的按钮还是会显示默认的月年格式，还的给月份层对象添加click事件。太麻烦还不如直接修改源代码。记事本打开jquery.easyui.min.js，查找 find(.calendar-title span).html，这个就是设置calendar头部内容，将参数值改为下面。注意：jquer..

easyui datagrid合并主键值一样的记录

评论(0)浏览(85)分类：easyui
easyui datagrid合并主键值一样的记录　　easyui datagrid如何将相同主键值的记录进行数据合并，显示在第一行，数据源截图和默认datagrid显示效果如下，数据源其实就是下载的压缩包里面jquery-easyui-1.4.1\demo\datagrid\datagrid_data1.json改的，将productid改相同几个。未合并前显示效果数据源截图示例合并后效果easyui datagrid合并主键值一样的记录源代码如下 script ..

KindEditor IE11下粘贴到最后bug解决办法

评论(0)浏览(100)分类：JavaScript/Ajax
KindEditor IE11下粘贴到最后bug解决办法　　KindEditor 4.1.6在 IE11，内容比较多出现滚动条时，如果想在内容中间粘贴其他内容，会导致粘贴的内容被粘贴到编辑器最后，而不是在光标所在位置。资料引用：https://github.com/kindsoft/kindeditor/pull/193/commits/7e6cde5adc8d105fb2888b038e8e9164a5dd2129#diff-1c90ff38a08209f9ebd4d05d1e43358eKindEditor 4.1.7http://blog.csdn.ne..

kindeditor链接添加SEO rel nofollow

评论(0)浏览(86)分类：JavaScript/Ajax
kindeditor链接添加SEO rel nofollow　　kindeditor如何给链接添加SEO rel属性 nofollow不跟踪外链，效果如下图所示。　　kindeditor版本为KindEditor 4.1.6，其他版本自己按照如下步骤修改源代码，主要是kindeditor-min.js的修改比较麻烦，压缩过的。1）修改配置语言，下载压缩包 lang\zh_CN.js新增如下配置'link.url' : 'URL','link.linkType' : '打..

extjs combobox省市县3级联动示例

评论(0)浏览(120)分类：extjs
extjs combobox省市县3级联动示例　　extjs combobox省市县3级联动示例，示例居于ext-4.1.1a，4+版本应该不会出错，3-自己注意修改store的创建模式，3+和4+是extjs的分水岭，store创建基本完全不一样，自己对照api修改如果需要兼容3-版本的extjs。　　extjs combobox省市县3级联动示例源代码如下!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/str..

microsoft.xmldom加载xml错误缺少所需的空白区

评论(0)浏览(107)分类：HTML/CSS兼容/XML
microsoft.xmldom加载xml错误缺少所需的空白区　　用microsoft.xmldom加载xml文件时，如果xml文件添加了DTD，DTD元素名称和说明之间要存在空格，否则会报错。错误原因：缺少所需的空白区。错误行：1　　测试代码如下test.htmlscript var xml = new ActiveXObject(microsoft.xmldom); xml.async = false; xml.validateOnParse = true; xml.load(book.xml); document.write(..

canvas保存为图片，兼容IE9+，chrome，Firefox

评论(0)浏览(256)分类：JavaScript/Ajax
canvas保存为图片，兼容IE9+，chrome，Firefox　　javascript将canvas对象保存为图片示例，兼容IE9+，chrome，Firefox，效果如下firefox将canvas对象保存为图片chrome将canvas对象保存为图片IE11将canvas对象保存为图片　　javascript将canvas保存为图片源代码如下titlejavascript将canvas对象保存为图片示例/titlecanvas id=c/canvasbr /input type=button value=保存canvas为图片 onclick=..

文字查询焦点效果

评论(0)浏览(95)分类：JavaScript/Ajax
文字查询焦点效果　　文字查询效果，js自动设置查询条件焦点样式，如下图所示　　文字查询效果，js自动设置查询条件焦点样式源代码如下，需要导入jquery框架style a{text-decoration:none} a.cur{background:#00afc7;color:#fff;font-weight:bold;}/stylediv id=dvFilter!--查询条件，容器div增加rel属性存储次条件的查询键名称，连接只需要生成此查询的键..

js css3 3d翻牌效果

评论(0)浏览(137)分类：HTML/CSS兼容/XML
js css3 3d翻牌效果!doctype htmlhtml lang=enhead meta http-equiv=Content-Type content=text/html; charset= utf-8 titlecss3 3d翻牌效果/title style* {margin:0;padding:0;list-style-type:none;}.warperMain01_2 {height:auto;background: #eff1f0;font-family:微软雅黑;overflow:hidden; margin:0 !important; padding:5em 0;}.warperMain01_2 h1{..

浮动层div遮盖select

评论(0)浏览(65)分类：HTML/CSS兼容/XML
浮动层div遮盖selecthtmlhead meta http-equiv=Content-Type content=text/html; charset=gb2312 titleJK:支持民族工业,尽量少买X货/title/headbody div style=z-index:10;position:absolute;width:100;height:18;overflow:hidden; onmouseover=this.style.height=100; onmouseout=this.style.height=18; iframe style=position:absolute;z-index:-1;width:100%;he..

easyui combobox删除指定项目

评论(0)浏览(376)分类：easyui
easyui combobox删除指定项目　　easyui combobox没有提供datagrid类似的deleteRow方法删除数据行，要删除combobox的下拉项目，可以直接操作数据源来实现easyUI combobox下拉项目的删除。getData获取数据后删除数据源中的项目，然后再loadData加载下数据源就行。　　easyui combobox删除指定项目源代码如下，居于jquery-easyui-1.4.3/demo/combobox/basic.html修改。script ..

easyui datebox只显示年月选择，隐藏日期

评论(18)浏览(11187)分类：easyui
easyui datebox只显示年月选择，隐藏日期2017-4-14更新：修正1.3.x版本弹出日期框后，不选择日期点击其他地方，再次点击日期输入框弹出面板时显示日期面板，而不是月份面板bug。2016-10-28更新：修正1.3.x版本中点击Today按钮弹出日期选择面板问题。　　如何设置easyui的datebox只选择年月，不用选选择日期。easyui的datebox没有提供这种配置只通过点击月份弹出层就可以设置日期控件值，..

jQuery easyui通过点击tree节点动态添加tab

评论(0)浏览(2844)分类：easyui
jQuery easyui通过点击tree节点动态添加tab　　要实现的效果：点击easyui tree节点，如果tree节点包含href属性，则动态的往easyui tabs对象添加一个tab，tab加载href中指向的url地址内容。　　实现要点：href属性不是easyui tree数据源的标准配置，所以需要将非标配数据放到attributes节点中，要不直接放到数据节点中获取不到附加数据Every node can contains following properties: id: ..

百度地图搜索当前用户位置附近停车场示例

评论(0)浏览(137)分类：JavaScript/Ajax
百度地图搜索当前用户位置附近停车场示例　　百度地图搜索当前用户位置附近停车场，公园，餐馆示例思路就是用BMap.Geolocation类获取经纬度http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html#a7b34然后使用BMap.LocalSearch进行搜索停车场http://lbsyun.baidu.com/index.php?title=jspopular/guide/service#.E6.9C.AC.E5.9C.B0.E6.90.9C.E7.B4.A2经测试使用BMap.Geolo..

JavaScript调用百度地图显示驾车，步行导航示例

评论(0)浏览(149)分类：JavaScript/Ajax
JavaScript调用百度地图显示驾车，步行导航示例　　JavaScript调用百度地图显示驾车，步行导航示例JavaScript调用百度地图显示驾车，步行导航示例源代码如下htmlhead meta http-equiv=Content-Type content=text/html; charset=utf-8 / meta name=viewport content=initial-scale=1.0, user-scalable=no / style type=text/cssbody, html {width: 100%;height: 100%; margin:0;font-f..

如何阻止微信打开网页下拉显示黑色背景

评论(0)浏览(1749)分类：JavaScript/Ajax
如何阻止微信打开网页下拉显示黑色背景　　网页在微信中打开时，处于第一屏，如果触屏往下滑动时，在屏幕上方会显示一个黑色背景块显示网页由xxxx提供，QQ浏览器x5内核提供技术支持的信息。　　如何禁止触屏下滑显示这个信息呢，解决办法就是添加touchstart和touchend事件，在touchstart中阻止默认事件，touchend中设置body或者documentElement的scrollTop来实现滚动。　　如何阻止网..

addEventListener第三个参数useCapture说明

评论(0)浏览(96)分类：JavaScript/Ajax
addEventListener第三个参数useCapture说明　　addEventListener第三个参数useCapture为布尔变量（true/false），用于指定事件使用冒泡（false）还是捕获（capture）方式，一般设置未false，使用冒泡方式。　　以下面示例说明addEventListener第三个参数useCapture配置不同值，点击最里层Level3执行顺序。titleaddEventListener第三个参数useCapture说明/titlestylediv{border:solid 1px ..

JavaScript调用百度语音朗读信息

评论(1)浏览(198)分类：JavaScript/Ajax
JavaScript调用百度语音朗读信息　　titleJavaScript利用百度语音服务朗读文字示例/title名字：input type=text id=txtName /br其他：input type=text id=txtOther /input type=button onclick=setSrc() value=朗读/div id=dvAudio/divscript type=text/javascript function setSrc() { var t = (document.getElementById('txtName').value + ' ' + ..

javascript树数据源嵌套结构和扁平结构互转

评论(0)浏览(138)分类：JavaScript/Ajax
javascript树数据源嵌套结构和扁平结构互转　　javascript树，嵌套结构数据源和扁平结构数据源相互转换示例titlejavascript树数据源嵌套结构和扁平结构互转示例/titlescript type=text/javascript function FlatToNested(data, opt) {//树数据源扁平结构转嵌套 opt = opt || {}; var idFiled = opt.idFiled || 'id'; var textFiled = opt.textFiled || &..

JavaScript模拟冒泡排序

评论(0)浏览(72)分类：JavaScript/Ajax
JavaScript模拟冒泡排序　　JavaScript模拟冒泡排序排序过程，冒泡排序模拟过程效果!DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8titleJavaScript模拟冒泡排序/titlestyle type=text/cssdiv div{width: 10px;background-color: red;display: inline-block;margin-right: 1px;text-align: center;line-height: 30px;}#show {width: 500px;height: 300px;margin-left..

kindeditor预览窗口如何全屏显示

评论(0)浏览(200)分类：JavaScript/Ajax
kindeditor预览窗口如何全屏显示　　如何修改kindeditor预览窗口全屏实现，kindeditor的预览窗口不是全屏的，如果要改为全屏预览，可以修改kindeditor\plugins\preview\preview.js文件如下即可实现全屏预览（注意修改窗口大小是不会自适应的，只是点击预览按钮时当前窗口大小）。/******************************************************************************** KindEdito..

js文字查询条件选择查询效果

评论(0)浏览(161)分类：JavaScript/Ajax
js文字查询条件选择查询效果　　js实现类似京东的查询条件选择效果。titlejs实现类似京东的查询条件选择效果/titlestyle div.condition{border:solid 1px #eee;} div.condition a{margin-right:10px} div.condition a.selected,div.condition a:hover{background:#0094ff;color:#fff;}/stylescript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.j..

chrome frameset鼠标调整宽度后设置rows无效

评论(0)浏览(72)分类：JavaScript/Ajax
chrome frameset鼠标调整宽度后设置rows无效　　chrome浏览器下，frameset中的frame没有设置为noresize时，是可以通过鼠标来拖拽更改frame大小的（多有浏览器都可以），但是在chrome下如果鼠标拖拽更改过frame的大小，再设置frameset的rows/cols属性后，将无效，不会按照rows/cols设置的大小更改frame大小。如果要实现某个frame显示隐藏，将不会隐藏frame。　　测试代码如下1.htmlframeset..

easyUI layout west easy面板展开箭头按钮调整到垂直居中

评论(0)浏览(280)分类：easyui
easyUI layout west easy面板展开箭头按钮调整到垂直居中　　easyUI layout west easy面板展开箭头按钮默认在标题那列，如何调整到中间位置，如下图所示easyUI layout展开箭头默认效果easyUI layout展开箭头修改后效果　　示例居于easyui/jquery-easyui-1.4.4/demo/layout/full.html修改，其他版本自己浏览器调试工具看展开后对应的样式类名称。　　easyUI layout west easy面板展开箭头按钮调整到中间..