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

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

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

评论(0)浏览(32)分类: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面板展开箭头按钮调整到中间..

body高度为0但是背景色填充整个浏览器

评论(0)浏览(21)分类:HTML/CSS兼容/XML
body高度为0但是背景色填充整个浏览器  给body元素设置背景色,但是body没有内容,高度没有填充整个浏览器情况下,浏览器整个窗口都是body设置的背景色,这个是什么导致的?  测试代码如下啥???body高度才28(默认margin 8x2+padding 5x2+border 1x2)??那整个浏览器的颜色是哪里来的????? !doctype htmlstyle body{background:#f00;border:solid 1px #000;padding..

select2动态添加选项

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

easyui draggable只允许左键拖动

评论(0)浏览(38)分类:easyui
easyui draggable只允许左键拖动  如何设置easyui draggable只允许左键拖动,按下右键或者滚轮键不允许拖动(默认easyui draggable 鼠标3个键按下都可以拖动,因为绑定的是mousedown事件)。  解决办法需要修改jquery.easyui.min.js源代码,找到下面类似的语句,可以记事本打开jquery.easyui.min.js,然后搜索bind(mousedown.draggable,第一个出现的位置就是(jquery-easy..

css选择器\数字,转义数字意义

评论(0)浏览(51)分类:HTML/CSS兼容/XML
css选择器\数字,转义数字意义  css数字选择器其中出现\数字类型,css数字选择器名称有什么意义。.\39 { background-color: #ccc; color: red;}/* '\' 的unicode码是5c */.unicode\5c { background-color: #666; color: white;}.8 { background-color: #DDD; color: blue;}  当css class名是数字开头或者包含特殊字符的话,在写CSS样式的的..

更正easyui datebox年月面板年份输入框bug

评论(0)浏览(66)分类:easyui
更正easyui datebox年月面板年份输入框bug  bug1)easyui datebox年月面板年份输入框更改值并且失去焦点后,第一行显示的年份并不会更改,并且此时点击第一行的年份切换切换或者年份输入框同一行的年份切换按钮,会被还原为第一行的年份值+/-1。  bug2)easyui datebox点击年月面板第一行的月份切换按钮,如果换年后(往前或者往后都一样),年份输入框的年份值不会更改。如下图所示..

多文件选择上传jquery插件

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

JavaScript限制输入框只允许输入数字和符号,小数点

评论(0)浏览(151)分类:JavaScript/Ajax
JavaScript限制输入框只允许输入数字和符号,小数点  JavaScript限制输入框只允许输入数字和符号,小数点,不允许输入其他内容,并且输入符号后不能在前面输入数字,小数点同理。titleJavaScript限制输入框只允许输入数字和符号,小数点/titleinput type=text onkeydown=return checkKeyCode(event,this) style=ime-mode: disabled; /script function getCursorPosition(el) {//获取光标位置..

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

评论(10)浏览(8650)分类:easyui
easyui datebox只显示年月选择,隐藏日期2016-10-28更新:修正1.3.x版本中点击Today按钮弹出日期选择面板问题。  如何设置easyui的datebox只选择年月,不用选选择日期。easyui的datebox没有提供这种配置只通过点击月份弹出层就可以设置日期控件值,需要点击显示的日期才会执行设置控件的值。如果不介意点击日期才设置datebox的值,可以配置formatter和parser来实现datebox只显示年月,..

js七彩泡泡屏保效果

评论(1)浏览(932)分类:JavaScript/Ajax
js七彩泡泡屏保效果  javascript实现的模拟xp七彩泡泡屏保效果,效果图如下js七彩泡泡屏保效果源代码如下!DOCTYPE htmlhtmlheadmeta charset=utf-8 /meta http-equiv=X-UA-Compatible content=IE=EmulateIE7 /titlejs七彩泡泡屏保效果/titlestylehtml, body{border: none;overflow: hidden;height: 100%;}body {background: url(/demo/bubble/BG.jpg) bottom}/st..

jQuery自适应容器焦点图,兼容移动端

评论(0)浏览(355)分类:JavaScript/Ajax
jQuery自适应容器焦点图,兼容移动端  jQuery自适应容器焦点图,兼容移动端浏览器,支持移动端的touch触碰事件滑动切换图片。效果如下  兼容移动端的焦点图,只要放到指定的容器中,焦点图会自动水平填满容器宽度,移动端显示只需要控制指定容器的宽度,不需要关心焦点图显示,会自动填满此容器宽度,高度等比计算得出,图片不会变形。  jQuery自适应容器焦点图,兼容移动端浏..

jquery全年日期选择器日历插件

评论(12)浏览(354)分类:JavaScript/Ajax
jquery全年日期选择器日历插件2016-9-28更新:如果需要年份选择可以下拉,修改如下源代码return this.addClass('fullYearPicker').each(function () {.................});这部分替换为下面的 return this.addClass('fullYearPicker').each(function () { var me = $(this), year = config.year || new Date().getFullYear(), ..

绚丽的css3动画效果

评论(0)浏览(182)分类:HTML/CSS兼容/XML
绚丽的css3动画效果2016-9-8:添加firefox支持。  绚丽的HTML5 CSS动画效果,请使用webkit内核的浏览器,如chrome运行示例。chrome运行后效果如下图所示源代码如下style body { background: black; width:100%;height:100%;overflow:hidden; position: relative; } .effect-wrapper { width: 400px; height: 400px;..

Ext4 grid调用reconfigure RowEditing对不齐错位解决办法

评论(0)浏览(133)分类:extjs
Ext4 grid调用reconfigure RowEditing对不齐错位解决办法  Ext4 grid调用reconfigure后,如果grid之配置过RowEditing,会导致生成的编辑器和列不对其,如下图所示grid未调用reconfigure前,RowEditing对齐grid调用reconfigure后,RowEditing不对齐  解决办法就是重新构造RowEditing的UI。!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtdhtmlheadmeta http-..

表格列交换,拖拽改变列宽效果

评论(0)浏览(332)分类:JavaScript/Ajax
表格列交换,拖拽改变列宽效果  表格可以拖拽更换每列循序,并且可以拖拽修改每列长度jquery插件。使用到了colResizable-1.3.min.js(更改列宽)和colExchange.js(拖拽交换列位置,并且扩展了2个方法removeCol删除列和addCol添加列API方法)这2个插件,效果如下。  表格列交换,拖拽改变列宽示例,查看效果点击这里:表格列交换,拖拽改变列宽示例!DOCTYPE htmlhtml lan..

javascript实现geohash算法

评论(0)浏览(105)分类:JavaScript/Ajax
javascript实现geohash算法geohash有以下几个特点:  首先,geohash用一个字符串表示经度和纬度两个坐标。某些情况下无法在两列上同时应用索引 (例如MySQL 4之前的版本,Google App Engine的数据层等),利用geohash,只需在一列上应用索引即可。  其次,geohash表示的并不是一个点,而是一个矩形区域。比如编码wx4g0ec19,它表示的是一个矩形区域。 使用者可以发布地..

网站添加谷歌翻译工具条后自动翻译为指定语言

评论(0)浏览(271)分类:JavaScript/Ajax
网站添加谷歌翻译工具条后自动翻译为指定语言  如何给网站添加谷歌工具条可以参考这篇文章:给网站增加google翻译工具条  现在要实现的是,如何通过谷歌翻译工具条,自动将网站的内容翻译为指定的语言,不需要人工点开语言选择框,然后选择对应的语言后才执行翻译操作。  通过观察谷歌翻译工具条可以看到语言选择DOM对象在一个iframe里面,样式为.goog-te-menu-frame,还在不是从谷歌..

JavaScript五子棋盘

评论(0)浏览(143)分类:JavaScript/Ajax
JavaScript五子棋盘  javascript实现的五子棋盘,可以自定义棋盘大小,效果如下  注意:判断输赢的算法没有写,要用自己扩展。IE8-不支持border-radius样式,所以无法显示圆形的,需要用圆形背景图片模拟,这个没做兼容,所以会显示为正方形的旗子。  JavaScript五子棋盘源代码如下!doctype htmltitleJavaScript五子棋盘/titlestyle .board{position:rela..

Ext4如何使用集成kindeditor

评论(0)浏览(186)分类:extjs
Ext4如何使用集成kindeditor  ext如何使用kindeditor编辑器,将kindeditor集成到ext框架里面。  将kindeditor集成到ext框架里面效果如下  Ext4如何使用集成kindeditor源代码代码如下,测试ext版本为4.1,其他版本未测试,4.xx版本应该没有问题,ext3-和ext5+由于改动过,特别是ext3和ext4+相差比较大,所以ext3无法运行。!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01..

+/-一元运算符计算空字符结果为0分析

评论(0)浏览(90)分类:JavaScript/Ajax
+/-一元运算符计算空字符结果为0分析  JavaScript一元运算符对空字符计算时为什么得到0,代码如下scriptalert(+'')//0alert(+[])//0/script  这是因为对空字符使用一元运算符+/-时,空字符会被强制转为0或者将字符串传入Number构造函数中,而Number('')返回0。scriptalert(Number(''))//0/script  +[]为什么也是0,是应为+和对象运算,会调用对象的t..

easyui datagrid跨域加载jsonp数据源

评论(0)浏览(1633)分类:easyui
easyui datagrid跨域加载jsonp数据源  easyui datagrid加载jsonp数据源示例。如果datagrid要加载跨域的数据,跨域页面提供的数据格式为非jsonp数据,当直接配置datagrid的url启用ajax加载地址时,即使url返回的数据格式符合datagrid格式的json字符串,由于浏览器安全问题,ajax是不允许跨域请求的(除非设置动态页设置过:Access-Control-Allow-Origin响应头),导致无法获取到数..

javascript特殊用法解密

评论(0)浏览(81)分类:JavaScript/Ajax
javascript特殊用法解密 1. Null是个对象  JavaScript众多类型中有个Null类型,它有个唯一的值null, 即它的字面量,定义为完全没有任何意义的值。其表现得像个对象,如下检测代码:script alert(typeof null); //弹出 'object'/script如下截图:  尽管typeof值显示是object,但null并不认为是一个对象实例。要知道,JavaScript中的值都是对象实例,每个数..

javascript新历农历联动示例

评论(0)浏览(139)分类:JavaScript/Ajax
javascript新历农历联动示例  javascript新历农历联动示例lunar.js这个js文件查看这篇文章:JavaScript阳历转阴历源代码,将里面的js代码保存为lunar.js文件,或者点击这里下载  javascript新历农历联动示例源代码script function toCNNumber(v) { var r = '', cn = 'O一二三四五六七八九十'; v = v.toString(); for (var i =..

JavaScript阳历转阴历源代码

评论(0)浏览(136)分类:JavaScript/Ajax
JavaScript阳历转阴历源代码  JavaScript阳历转阴历源代码,JavaScript阴历转阳历源代码,从百度搞下来的阳历转阴历代码script (function () { var j = [43856, 19416, 19168, 42352, 21717, 53856, 55632, 25940, 22191, 39632, 21970, 19168, 42422, 42192, 53840, 53845, 46415, 54944, 44450, 38320, 18807, 18815, 42160, 46261, 27216, 27968, 43860, 11..

Ext.grid.feature.Grouping页头分组如何显示其他信息

评论(0)浏览(422)分类:extjs
Ext.grid.feature.Grouping页头分组如何显示其他信息  Ext4+增加了groupHeaderTpl配置项,可以用来显示分组相关信息。如果要显示除了name外的信息groupHeaderTpl配置项还提供了rows信息,这个rows是ext分好组的数据。Ext.grid.feature.Grouping的groupHeaderTpl可用参数查看这里:http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.grid.feature.Grouping-cfg-groupHeaderTpl。  如下面这个Ext.g..

jquery多级下拉菜单插件

评论(0)浏览(180)分类:JavaScript/Ajax
jquery多级下拉菜单插件  居于jquery框架的网站多级下拉菜单插件,融合了jquery.color.js,jquery.lavalamp.js,jquery.easing.js 这3个插件,效果如下图link rel=Stylesheet type=text/css href=/menu/menu.css /stylebody{background:#999}/stylediv id=menu ul class=menu li a href=# class=parentspanlevel 1_1/span/a ul ..

javascript判断中为假false的值

评论(0)浏览(120)分类:JavaScript/Ajax
javascript判断中为假false的值  JavaScript中有 6 个值为假,这六个值是falsenullundefined0'' (空字符串)NaN  虽然这六个值都为假,它们之间并非都相等console.log( false == null ) // falseconsole.log( false == undefined ) // falseconsole.log( false == 0 ) // trueconsole.log( false == '' ) // trueconsole.log( false =..

keypress,keyup中keyCode不一样

评论(0)浏览(69)分类:JavaScript/Ajax
keypress,keyup中keyCode不一样  keypress,keyup/keydown事件中,事件对象event的keyCode属性值是不一样的。  onkeypress事件中keyCode属性值为触发键字符代码,keyup/keydown事件为键盘代码。  字符代码和键盘代码区别字符代码 - 表示 ASCII 字符的数字键盘代码 - 表示键盘上真实键的数字  这两种类型的值不是都相等的(主要针对字母),例如小写字符 w 和大写字符 W..

JavaScript Keyboard Events

评论(0)浏览(19)分类:JavaScript/Ajax
JavaScript Keyboard EventsJan WolterNote: I have stopped updating this page. At this point nearly all popular browsers are have achieved a good level of compatibility on most of these features, and their behavior with respect to them just isn't changing much anymore. The only thing web designers really need to still watch out for is IE8, wh..