javascript实现geohash算法

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

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

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

JavaScript五子棋盘

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

Ext4如何使用集成kindeditor

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

easyui datagrid跨域加载jsonp数据源

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

javascript新历农历联动示例

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

flipsnap.js模仿手机滑动效果

评论(0)浏览(1168)分类:JavaScript/Ajax开发技巧
flipsnap.js模仿手机滑动效果  flipsnap.js是一款模拟手机浏览器滑动效果的类库,支持电脑上鼠标按下滑动和手机浏览器触摸滑动效果flipsnap.js使用指南1,导入flipsnap.js类库(flipsnap.js不依赖其他js类库)script src=flipsnap.js/script2,编写html代码html代码示例如下,外层html样式为.viewport,内层元素样式为.flipsnap。div class=viewport div class=flipsna..

jquery attr prop 区别

评论(0)浏览(495)分类:JavaScript/Ajax开发技巧
jquery attr prop 区别  prop是jquery1.6新增的方法,其与attr的用法极为相似。由于不理解他们的根本区别,难免产生离奇的BUG。  通过分析attr和prop的源码,得知:  attr 方法里面,最关键的两行代码,elem.setAttribute( name, value + )和ret = elem.getAttribute( name ),很明显的看出来,使用的DOM的API setAttribute和getAttribute方法操作的属性元素节..

html实体对象:实体编号&#和实体符号

评论(0)浏览(422)分类:HTML/CSS兼容/XML
html实体对象:实体编号&#和实体符号  html实体对象有2种,实体编号和实体符号实体编号的组成和号()井号(#)编号(数字)封号(;)实体符号的组成和号()字符(字母)封号(;)备注  同一个符号,可以用实体名称和实体编号两种方式引用,实体名称的优势在于便于记忆,但不能保证所有的浏览器都能顺利识别它,而实体编号则没有这种担忧,但它实在不方便记忆。注意点实体符号..

ext4/ext5 tree树节点搜索展开示例

评论(0)浏览(379)分类:extjs开发技巧
ext4/ext5 tree树节点搜索展开示例  extjs如何通过关键字查找树节点,并且展开找到的tree节点。本示例在ext-5.1.0,ext-4.1.1a下测试通过。titleext4,ext5的tree树节点搜索示例/title关键字:input type=text id=t /input type=button value=搜索所有节点并展开 onclick=findNode() /script var rootNode,store,tree; Ext.onReady(function () { store = Ext.cre..

如何检查浏览器支持javascript最高版本

评论(0)浏览(139)分类:JavaScript/Ajax开发技巧
如何检查浏览器支持javascript最高版本  如何检查浏览器所支持的javascript的最高版本号。目前浏览器javascript版本号最高为1.8.5(对应ECMAScript标准5)。  检查浏览器支持javascript最高版本源代码如下,通过动态创建script标签,然后指定language属性为不同版本的javascript版本来实现。firefox39 javascript版本号chrome38 javascript版本号script type=text/javascript ..

CSS表格固定表头示例

评论(0)浏览(887)分类:HTML/CSS兼容/XML
CSS表格固定表头示例  css+JavaScript实现表格的表头固定效果,页面滚动,表头处于页面最顶端。  CSS表格固定表头示例代码如下!doctype htmlhtml headtitleCSS表格固定表头/titlemeta http-equiv=Content-type content=text/html; charset=utf-8style type=text/css* html,* html body /* 修正IE7振动/闪动bug */{background-image:url(about:blank);background..

javascript读取客户端文件内容

评论(0)浏览(221)分类:JavaScript/Ajax开发技巧
javascript读取客户端文件内容  本文使用HTML5的FileReader对象结合file对象读取客户端选中的文本类型的文件。注意:一定要结合file对象,不可以直接指定客户端文件路径。安全问题是不允许直接访问客户端文件的,而且你指定的路径也不一定存在。之前在csdn碰到一个人以为html5是神列,什么都能做,我就呵呵了。。备注:IE9-不支持FileReader。  javascript读取客户端文件..

HTML5 FileReader对象API,FileReader使用文档

评论(0)浏览(2153)分类:JavaScript/Ajax开发技巧
HTML5 FileReader对象API,FileReader使用文档  使用FileReader对象,web应用程序可以异步的读取存储在用户计算机上的文件(或者原始数据缓冲)内容,可以使用File对象或者Blob对象来指定所要读取的文件或数据.其中File对象可以是来自用户在一个input元素上选择文件后返回的FileList对象,也可以来自由拖放操作生成的 DataTransfer对象,还可以是来自在一个HTMLCanvasElement上执行mozGetAsFile(..

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

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

ext如何读取嵌套的子json节点数据

评论(0)浏览(394)分类:extjs开发技巧
ext如何读取嵌套的子json节点数据  ext如何读取嵌套的子json节点数据,如类似下面的数据,用户详细信息放在子节点下userInfo下。nestedData.json{ rows: [ { userName: system, userInfo: { active: true, address: 深圳市, birthday: 2014-11-03 } } ]}ext如何读取嵌套的..

Ext.tree.Panel显示checkbox并且级联选择或者取消选择

评论(0)浏览(1091)分类:extjs开发技巧
Ext.tree.Panel显示checkbox并且级联选择或者取消选择  ext4,ext5 Ext.data.TreeStore如何显示复选框checkbox,勾选复选框checkbox时如何级联选中子节点的复选框。  ext4,ext5实现check tree级联选择源代码如下提示:checkchange事件参数node,5+返回的是Ext.data.TreeModel,ext4是Ext.data.NodeInterface对象 Ext.onReady(function () { store = Ext.create('Ext.data.TreeSto..

ext4,ext5 tree添加右键菜单

评论(0)浏览(226)分类:extjs开发技巧
ext4,ext5 tree添加右键菜单  ext4,ext5的tree对象如何添加自定义右键菜单,菜单项包含添加,删除,修改tree当前右键点击的tree节点的功能。  ext4,ext5的tree对象如何添加自定义右键菜单,菜单项包含添加,删除,修改tree当前右键点击的tree节点的功能源代码如下,测试版本为:ext-4.1.1a,ext-5.1.0,基本兼容ext4+和ext5+,ext3-自己看api来修改丢应的js代码。 ..

css打造下拉菜单

评论(0)浏览(115)分类:HTML/CSS兼容/XML
css打造下拉菜单  纯css写的菜单,通过:hover伪类控制子菜单的显示,ie6-不支持非连接对象的伪类,需要自己写js代码进行兼容,不过可以考虑放弃ie6了,应该没人再用了吧?!doctype htmltitle简单纯css菜单/titlestyle ul,li{list-style:none;margin:0px;padding:0px} ul.menu li{margin-left:10px;float:left;position:relative;line-height:20px}/*注意..

javascript utf-8,unicode(utf-16)编码互换

评论(0)浏览(208)分类:JavaScript/Ajax开发技巧
javascript utf-8,unicode(utf-16)编码互换  javascript utf-8,unicode(utf-16)编码相互转换源代码 //javascript将UTF-16字符串转转换为UTF-8字符串 function utf16ToUtf8(s){ if(!s){ return; } var i, code, ret = [], len = s.length; for(i = 0; i len; i++){ code = s.charCodeAt(i); ..

通过@media screen控制网站在移动端显示

评论(0)浏览(816)分类:HTML/CSS兼容/XML
通过@media screen控制网站在移动端显示  今天下午花点时间将本站css进行修改,通过@media screen max-width/min-width将本站在移动端浏览器下显示得更加友好。  本站在分辨率宽度680px一下显示如下  如果您在电脑端浏览本站使用的标准浏览器(IE9+,firefox,chrome等),可以缩小浏览器窗口大小到680px以下可以看到效果。  利用@media screen实现网页..

easyui treeGrid异步加载子节点示例

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

chrome本地测试访问iframe,parent,opener null解决办法

评论(0)浏览(2845)分类:HTML/CSS兼容/XML
chrome本地测试访问iframe,parent,opener null解决办法  使用谷歌chrome浏览器时,如果双击运行或者拖拽html文件进入chrome中以file协议查看js效果,由于chrome的同源策略,父页无法访问iframe中的内容,iframe也无法通过parent对象获取父页的引用。同样对于window.open打开的本地网页,也无法通过opener或者存储打开页面的句柄来访问被打开的页面,在chrome控制台会出现下面类似的错误信息Uncaugh..

统计easyui datagrid某列之和显示在对应列下面

评论(0)浏览(5676)分类:easyui开发技巧
统计easyui datagrid某列之和显示在对应列下面  本示例将计算easyui datagrid某些列的数据求和,然后将求和的数据显示在所在easyui列的最下面,实现统计功能,效果如下图  源代码如下table id=dg/tablescript $(function () { $('#dg').datagrid({ singleSelect: true, onLoadSuccess: compute,//加载完毕后执行计算 url: 'prod..