让IE8-浏览器支持html5 placeholder属性,支持password类型

评论(0)浏览(2642)分类:JavaScript/Ajax开发技巧
让IE8-浏览器支持html5 placeholder属性,支持password类型  placeholder是html5的属性,可以在文本框内显示提示内容,而这个提示内容确不会提交到服务器。IE8-不支持html5,所以需要使用js来实现placeholder效果。  本示例居于jquery框架,让IE8-浏览器支持html5 placeholder属性,支持password类型源代码如下script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2...

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

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

动态更新的内容如何以瀑布流masonry重新布局

评论(0)浏览(2634)分类:JavaScript/Ajax开发技巧
动态更新的内容如何以瀑布流masonry重新布局  页面第一次加载完毕后执行了masonry绘制瀑布流布局后,后续使用javascript或者ajax更新的节点内容要以masonry瀑布流布局添加到容器里面,可以使用2种方法使新增加的内容以瀑布流的形式呈现1)对总容器调用masonry的reload方法将会重绘容器节点内的所有内容2)对新添加的节点执行masonry的appended方法,对新添加的节点计算新新节点的位置后以..

Selection.getRangeAt方法

评论(0)浏览(2592)分类:JavaScript/Ajax开发技巧
Selection.getRangeAt方法Selection.getRangeAt简介Returns a range object representing one of the ranges currently selected.使用语法range = sel.getRangeAt(index)参数rangerange 为返回的对象index从0开始,返回指定小标的range对象。负值或者大于等于 rangeCount 的数字将会报错示例var ranges = [];sel = window.getSelection();for(var i = 0; i sel.rangeCou..

jqgrid自适应列宽度

评论(0)浏览(2499)分类:JavaScript/Ajax开发技巧
jqgrid自适应列宽度  目的:自动显示完jqgrid中每一列的内容,而不是隐藏起来。没找到jqgrid提供的自适应列宽度的方法,只好参考了下jqgrid最终生成的DOM结构,直接用jquery操作DOM结构实现自适应列宽度功能。  实现方法:用一个新的表格,样式继承自jqgrid的样式,用来计算数据源中每一列的实际宽度,然后设置标头和内容表格中用来控制宽度的单元格。  备注..

javascript生成二维码

评论(0)浏览(2491)分类:JavaScript/Ajax开发技巧
javascript生成二维码  jquery.qrcode.js 是居于jquery类库的绘制二维码的插件,用它来实现二维码图形渲染支持canvas和table两种绘图方式。(jquery.qrcode.js 设置显示方式为table时在webkit核心浏览器如chrome下会变形,这个需要注意。)  下面为测试代码(增加了颜色控制,可以设置4个区块的颜色值,需要指定render为table。),效果如下htmlheadtitleJS生成二..

XMLHttpRequest Level 2新特性介绍

评论(0)浏览(2441)分类:JavaScript/Ajax开发技巧
XMLHttpRequest Level 2新特性介绍作者: 阮一峰日期: 2012年9月 8日XMLHttpRequest是一个浏览器接口,使得Javascript可以进行HTTP(S)通信。最早,微软在IE 5引进了这个接口。因为它太有用,其他浏览器也模仿部署了,ajax操作因此得以诞生。但是,这个接口一直没有标准化,每家浏览器的实现或多或少有点不同。HTML 5的概念形成后,W3C开始考虑标准化这个接口。2008年2月,就提出..

IE浏览器下获取file控件选择本地文件的路径

评论(0)浏览(2312)分类:JavaScript/Ajax开发技巧
IE浏览器下获取file控件选择本地文件的路径  由于安全问题,IE7+浏览器的internet区域的安全设置中将文件上传到服务器时包含本地目录路径选项默认是禁用的,所以通过file.value得到的不是实际选择的本地文件的路径,而是定位到c:\fjkk\等乱七八糟的路径去,文件名是正确的,路径不正确。  IE浏览器下面可以使用selection对象获取到真实的本地选择文件的路径,firefox需要设置安全性,..

如何判断ckeditor是否已经加载和初始化完毕

评论(0)浏览(2276)分类:JavaScript/Ajax开发技巧
如何判断ckeditor是否已经加载和初始化完毕  如果要在ckeditor初始化某个实例完成后执行一些回调函数,可以使用instanceReady事件。ckeditor可以使用的事件有以下几种,需要ckeditor版本为3.0+。Event AttributesEvent Name and DescriptionariaWidgetFired when a panel is added to the documentcurrentInstanceFired when the CKEDITOR.currentInstance object reference changes.di..

js对中文进行gb2312/gbk编码解码

评论(0)浏览(2267)分类:JavaScript/Ajax开发技巧
js对中文进行gb2312/gbk编码解码  JavaScript使用的是Unicode编码,使用内置的encodeURIComponent,encodeURI,escape都是编码为Unicode的url编码,如果传递这些编码到gb2312或者gbk编码的页面就会乱码。  下面是用js中实现GBK/gb2312编码。适合使用js进行页面参数传递时,给GBK/gb2312编码页面传递参数,解决乱码。  点击下载:js对中文进行gb2312/gbk编码类库  下载..

chrome浏览器iframe parent.document为undefined

评论(1)浏览(2228)分类:JavaScript/Ajax开发技巧
chrome浏览器iframe parent.document为undefined2014-11-05更新:这个问题是由于chrome的同源访问造成的,一般需要发布网站后访问,否则需要给chrome增加启动参数,允许访问本地资源文件。如果你是开发人员,增加chrome的配置是最好的,就不需要再搭建服务器进行访问。参考:配置chrome支持本地(file协议)ajax请求  chrome浏览器iframe parent.document为undefined,对于window.open打开的..

ztree隐藏展开隐藏按钮,通过点击标题显示隐藏子节点

评论(0)浏览(2163)分类:JavaScript/Ajax开发技巧
ztree隐藏展开隐藏按钮,通过点击标题显示隐藏子节点 jquery插件ztree如何隐藏父节点前面的展开(加号),收缩(减号)图标,而是通过点击父节点显示的内容展开收缩此节点下的子节点。找了下ztree的api,没有提供隐藏展开/收缩图标的配置,可以自己写css覆盖ztree的css,然后自己调用expandNode展开收缩子节点。  ztree隐藏展开隐藏按钮,通过点击标题显示隐藏子节点源代码如下1)隐藏ztree展开..

canvas getContext对象方法和属性详细介绍

评论(0)浏览(2126)分类:JavaScript/Ajax开发技巧
canvas getContext对象方法和属性详细介绍1.globalAlpha 属性,设置透明效果function draw() { var ctx = document.getElementById('canvas').getContext('2d'); // 画矩形 ctx.fillStyle = '#FD0'; ctx.fillRect(0,0,75,75); ctx.fillStyle = '#6C0'; ctx.fillRect(75,0,75,75); ctx.fillStyle = '#09F)'; ctx.fillRect(0,75,75,75); ..

ztree给指定节点添加特殊样式

评论(0)浏览(2081)分类:JavaScript/Ajax开发技巧
ztree给指定节点添加特殊样式  要给ztree某些特别的节点增加样式,控制显示的颜色,字体,可以通过ztree的view配置节点的fontCss配置,将fontCss配置为函数,依据传入的节点参数进行判断后返回相关的css进行空。ztree fontCss使用说明概述[ 依赖 jquery.ztree.core 核心 js ]个性化文字样式,只针对 zTree 在节点上显示的A对象。默认值:{}JSON 格式说明JSON 格式为 JQuer..

javascript鼠标滚轮滚动事件

评论(0)浏览(2013)分类:JavaScript/Ajax开发技巧
javascript鼠标滚轮滚动事件   javascript如何绑定对象的鼠标滚轮事件,对对象触发鼠标滚轮事件时,如何阻止鼠标滚轮事件冒泡,不允许当前视窗滚动。  下面对主流浏览器进行了测试(firefox12,opera12.5,safari5.0.4,chrome25,IE7~8)事件如何绑定  firefox只支持DOMMouseScroll事件,不支持onmousewheel,其他浏览器只支持onmousewheel事件,如下表所示浏览器/事..

javascript滚动到导航条时如何固定在顶部

评论(0)浏览(1797)分类:JavaScript/Ajax开发技巧
javascript滚动到导航条时如何固定在顶部  当页面上面的不在第一屏显示的导航条,javascript如何将导航条固定在顶部当次导航条已经显示并且滚动到顶部将隐藏的时候。  下面为这个效果的源代码,为了简便,使用了jquery框架div style=height:500px;background:#999/divdiv id=fixedMenu style=background:#eee;width:100%;菜单/divdiv style=height:900px;background:#999/divscript..

给myflow.js流程图框架属性窗口添加删除操作

评论(0)浏览(1790)分类:JavaScript/Ajax开发技巧
给myflow.js流程图框架属性窗口添加删除操作  myflow.js是可视化绘制流程图js类库软件,居于raphael.js修改而成,要删除相关节点可以选中节点后按下delete键执行节点删除操作。但是节点属性窗口并没有添加删除操作按钮,本示例通过修改myflow.js源代码(需要先通过chrome格式化为为非压缩版本的好修改),给点击myflow.js节点后弹出的属性窗口添加删除操作,点击按钮同样可以删除选中的m..

window.getSelection方法

评论(0)浏览(1785)分类:JavaScript/Ajax开发技巧
window.getSelection方法简介返回用户选择的对象。调用语法selection = window.getSelection() ;selection为Selection 对象。要转为字符串,可以链接空字符或者调用toString方法,将返回选中的文本内容。示例function foo() { var selObj = window.getSelection(); alert(selObj); var selRange = selObj.getRangeAt(0); // do stuff with the range}注意事..

高德地图AMap.Marker shape无效解决方案

评论(0)浏览(1749)分类:JavaScript/Ajax开发技巧
高德地图AMap.Marker shape无效解决方案2014-12-23:经测试IE8和最新版chrome没问题,firefox12出现这个问题,没有其他版本的firefox,不知道效果如何~  今天调用高德地图时,自定了一个覆盖物AMap.Marker,设置了icon覆盖原来的默认图片,自定义的图片大于原来的图片,发现无法点击覆盖物图片的其他位置弹出AMap.InfoWindow,只能点击覆盖物左上角一个36x36的区域才能弹出AMap.Info..

jQuery zTree获取勾选节点的全路径

评论(0)浏览(1741)分类:JavaScript/Ajax开发技巧
jQuery zTree获取勾选节点的全路径  功能实现:勾选jQuery zTree的某个节点后,获取根节点到当前被勾选的节点的路径。  实现方法:注册onCheck事件,在事件中获取当前节点,然后通过treeNode.getParentNode遍历父亲节点连接成路径。源代码如下!DOCTYPE htmlHTMLHEAD TITLEjQuery zTree获取勾选节点的全路径/TITLE meta http-equiv=content-type content=text/html; cha..

navigator.geolocation.getCurrentPosition timeout expired

评论(0)浏览(1720)分类:phonegap/cordova
navigator.geolocation.getCurrentPosition timeout expired  最近学习cordova,使用navigator.geolocation.getCurrentPosition进行地理定位时,不管timeout设置为多大都会出现timeout expired这个错误,那么你浏览器使用的地理定位接口肯定是被狗日的GFW给拦截了。如使用pc上的chrome浏览器测试,上一次定位未返回前(没有超过指定的timeout时间),你再次刷新页面,那么将会得到2个错误信息,一个如下..

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

评论(0)浏览(1694)分类: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..

网站导航栏目焦点设置

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

js七彩泡泡屏保效果

评论(1)浏览(1670)分类: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..

百度UEditor编辑器API文档

评论(0)浏览(1639)分类: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..

select2动态添加选项

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

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

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

多文件选择上传jquery插件

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

ajax getResponseHeader获取中文响应头

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

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

评论(0)浏览(1568)分类: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..