js调用flash方法注意不要注册名称为Play,要不没反应

评论(0)浏览(112)分类:JavaScript/Ajax开发技巧
js调用flash方法注意不要注册名称为Play,要不没反应  firefox下用javascript调用flash的方法时,注意不要使用flash.external.ExternalInterface.addCallback注册as给js调用的方法名称为Play(注意大小写),firefox会给每个flash容器增加一个Play方法,即使使用flash.external.ExternalInterface.addCallback注册了Play方法名称,也调用不到,只会调用到firefox注册的默认Play方法,导致掉用Pla..

js用flash方法报错:Error: Error calling method on NPObject!

评论(0)浏览(502)分类:JavaScript/Ajax开发技巧
js用flash方法报错:Error: Error calling method on NPObject!  javascript调用flash使用flash.external.ExternalInterface.addCallback注册的方法时,出现了Error: Error calling method on NPObject!错误。  网上找了下说是安全问题uncaught exception: Error calling method on NPObject! [plugin exception: Error in Actionscript. Use a try/catch block to find error.]默认actionscript中不允许..

javascript实现text-overflow:ellipsis效果

评论(0)浏览(313)分类:JavaScript/Ajax开发技巧
javascript实现text-overflow:ellipsis效果  对于一长串不会自动换行的字符串(如数字和字母连在一起的商品编号或者其他内容),会导致页面或者布局被撑破。要自动换行可以使用word-break:break-all(IE和chrome支持,firefox不支持)。!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdstyle.ellipsis{font-size..

fullCalendar设置日期td样式

评论(1)浏览(2916)分类:JavaScript/Ajax开发技巧
fullCalendar设置日期td样式  本示例通过遍历fullCalendar显示日期的容器,和要设置特殊样式的日期进行对比,对比成功则设置此日期的容器的样式为给定的参数样式。2013-12-31更新:增加当前年月限制,防止跨年月设置。2014-01-02更新:增加周/日显示模式的高亮控制,增加的高亮改为控制通过样式控制,方便更换模式或者点击上下箭头切换日期后清空高亮显示,具体看代码解释..

javascript变量json对象等到路径

评论(0)浏览(147)分类:JavaScript/Ajax开发技巧
javascript变量json对象等到路径  javascript递归迭代json对象,得到每个遍历到的项目的路径,示例代码如下注意json对象和数组的区分,具体参考这篇文章:javascript如何区分JSON对象或者[]数组script type=text/javascript var json = [{ name: zhansan, age: 23, address: { city: beijing, year: [{ test: 气态流出物月报 ..

javascript如何区分JSON对象或者[]数组

评论(0)浏览(178)分类:JavaScript/Ajax开发技巧
javascript如何区分JSON对象或者[]数组  对json对象或者数组[]执行typeof操作时,得到的内容都是object,这样就无法判断是否是json对象或者是[]申明的数组。script alert(typeof {})//object alert(typeof [])//object/script  如果你的json对象未定义length成员,可以通过length属性来区分变量是json还是数组,但是如果json申明过length为数字的变量,那就无法通过length属..

jquery.ui.autocomplete.js输入中文无法显示匹配项

评论(0)浏览(454)分类:JavaScript/Ajax开发技巧
jquery.ui.autocomplete.js输入中文无法显示匹配项  如果你使用jquery.ui.autocomplete.js自动完成插件功能,输入中文字符没有出现匹配的信息,那么50%的可能是出现了乱码(当然不排除动态页出错之类的)。  要将加载jquery.ui.autocomplete.js插件页面,数据源统一为utf-8编码,并且2个页面的存储编码也要为utf-8(记事本打开,另存为,编码选择utf-8,保存替换原来的文件)  从jqueryui...

javascript动态创建的锚点在IE8-下无效

评论(0)浏览(171)分类:JavaScript/Ajax开发技巧
javascript动态创建的锚点在IE8-下无效  使用javascript动态创建的锚点(anchor),在IE8-下无法跳转都动态创建的锚点部分。  测试代码,通过创建a元素,设置a元素的name后添加到dom中,IE8需要添加xhtml申明才有效果(去掉xhtml申明也和IE7一样无效),IE7无效!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona..

获取Ext Tree/TreeStore加载的原始JSON数据

评论(0)浏览(766)分类:extjs开发技巧
获取Ext Tree/TreeStore加载的原始JSON数据  本源代码将Ext的Tree对象或者TreeStore加载的数据源转换为原始的json对象。如果对tree对象节点增加删除后,需要保存结果到服务器的json文件中,而不是数据库,可以将递归遍历TreeStore获取原始数据并重建对应的JSON对象。  获取Ext Tree/TreeStore加载的原始JSON数据源代码如下,测试通过版本:ext-4.1.1a(ext4-没有Ext.data.NodeInterfa..

jqgrid自动滚动数据内容demo

评论(0)浏览(1402)分类:jqGrid中文API
jqgrid自动滚动数据内容demo  如果jqgrid一次行加载的数据太多,而不想通过拖动滚动条来查看数据,需要javascript代码自动滚动滚动条,实现数据自动滚动展示,可以通过下面的办法实现。  jqgrid数据加载生成完毕后(gridComplete事件),获取数据数据的容器,用计时器来设置容器的scrollTop来实现。jqgrid的数据容器样式为.ui-jqgrid-bdiv,获取这个div。  jqgrid自动..

javascript计时器

评论(0)浏览(524)分类:JavaScript/Ajax开发技巧
javascript计时器  javascript计时器,效果如下script function Timer(maxtime, id, callback) { //maxtime:时间,单位s //id:显示计时器信息的容器id //callback:计时器结束回调 var tmp function CountDown() { if (maxtime = 0) { day = Math.floor(maxtime / (60 * 60 * 24)); ..

Ext4 TreeGrid使用xml作为数据源示例

评论(0)浏览(293)分类:extjs开发技巧
Ext4 TreeGrid使用xml作为数据源示例  TreeGrid要使用XML作为数据源,有2种方法。 第一种:首先用Ext.ajax请求xml文件,然后自己写解析方法,通过Ext.data.NodeInterface动态向treestore中添加嵌套数据,最后在再生成treegrid对象。 第二种:参考xml-tree.html这个示例,将treegrid的节点动态加载,不过既然通过动态页生成数据,还不如直接用动态页处理xml文件成需要的json数据来..

setTimeout/setInterval执行的句柄函数在firefox下会附加一个参数

评论(0)浏览(114)分类:JavaScript/Ajax开发技巧
setTimeout/setInterval执行的句柄函数在firefox下会附加一个参数  使用setTimeout/setInterval绑定事件句柄时,firefox13-会自动给事件处理函数增加一个附加参数,所以做选项卡自动切换功能时,注意这2个函数的使用方法,可能会导致你程序出现bug。firefox14+已经去掉这个功能。Note: Prior to Gecko 13 (Firefox 13.0 / Thunderbird 13.0 / SeaMonkey 2.10), Gecko passed an extra parameter to the callb..

jquery ajaxStart不响应注意事项

评论(0)浏览(104)分类:JavaScript/Ajax开发技巧
jquery ajaxStart不响应注意事项  使用jquery的ajax方法ajaxStart,ajaxComplete,ajaxError,ajaxSend,ajaxStart,ajaxStop,ajaxSuccess注册事件,如果没有执行,没反应,请注意你使用的jquery版本,jquery1.8+版本这些方法只能注册事件到document对象上,注册到其他对象上无法响应。As of jQuery 1.8, the .ajaxStart() method should only be attached to document.http..

获取cookie过期时间

评论(0)浏览(303)分类:JavaScript/Ajax开发技巧
获取cookie过期时间  javascript和动态页无法获取cookie过期的时间,过期时间由浏览器管理,javascript和动态页只能设置过期时间,无法通过document.cookie(javascript)或者Cookie.Expires(asp.net)属性获取到。%@page language=C# Debug=true%script runat=server protected void Page_Load(object sender, EventArgs e) { HttpCookie hc = Re..

jqGrid行编辑配置

评论(0)浏览(19070)分类:jqGrid中文API
jqGrid行编辑配置jqGrid行编辑配置,方法,事件  行编辑可以在行修改后更新数据,如下图所示  用户用鼠标点击选择一行,jqGrid将可编辑的字段转换为数据输入单元,如上面图所示。不可编辑的列,如id,不会转为可输入单元,而是保持不变。可以通过配置colModel来实现。完成修改后,按下enter键提交数据到服务器。软件要求和安装  要使用行编辑功能,需要在j..

获取kindeditor编辑器iframe对象

评论(0)浏览(1036)分类:JavaScript/Ajax开发技巧
获取kindeditor编辑器iframe对象  kindeditor实例存储iframe编辑器对象的属性为edit,edit属性又包含了iframe对象集合,通过调用get方法获取到iframe DOM对象,就可以按照操作iframe的方法获取需要的iframe内容了。示例代码如下var editor;KindEditor.ready(function (K) { editor = K.create('textarea[name=content]', { allowFileManager: true, filter..

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

easyui accordion 注意panel title标签不能设置为0/false或者''

评论(0)浏览(333)分类:easyui开发技巧
easyui accordion 注意panel title标签不能设置为0/false或者''  easyui accordion的内容panel title标签不要设置为javascript与false等效的内容,如0,''(空字符串),要不这个panel无法呈现在accordion布局中。  这个可能是由于accordion部分方法,如getPanel/select/remove方法的参数可以指定为title(也可以为panel的下标,从0开始),如果title为与false等效的值,easyui就直接忽略了。  ..

easyui tree async加载的树动态添加参数

评论(0)浏览(1233)分类:easyui开发技巧
easyui tree async加载的树动态添加参数  easyui的tree如果是异步加载的,点击节点展开子节点,会自动将点击节点的配置的id参数回发给服务器,服务器接收这个参数后动态读取此节点的子节点输出实现easyui tree的绘制。  要想给回发服务器的参数添加其他附加的参数值,可以增加onBeforeLoad事件,此事件有2个参数,node和param,node是当前点击的节点信息,param是回发给服务器的参..

easyui多个datagrid同步滚动实现

评论(0)浏览(1115)分类:easyui开发技巧
easyui多个datagrid同步滚动实现  功能描述:同一个页面上有多个datagrid,拖动其中一个datagrid的滚动条时,其他datagrid也同时滚动和当前datagrid一样的滚动距离。  实现方法:easyui datagrid出现滚动条的容器为一个div,样式为datagrid-body,所以只需要获取这个容器,设置容器的scrollLeft和scrollTop即可实现滚动联动设置。注意:表头也有div为datagrid-body的div,需..

javascript文字逐字逐行显示效果

评论(0)浏览(530)分类:JavaScript/Ajax开发技巧
javascript文字逐字逐行显示效果  javascript文字逐字逐行相似效果htmlheadtitlejavascript文字逐字逐行显示效果/titlescript var text = 12345678901234567890123456789012345678901234567890; var textLen = text.length; var lineNum = 10; //定义每行显示多少个字 var num = 0; var _ = document.createTextNode('_'); var i = 0; function..

kindeditor上传插件分类保存路径细分修改

评论(0)浏览(1036)分类:JavaScript/Ajax开发技巧
kindeditor上传插件分类保存路径细分修改  kindeditor的上传的文件(包括图片)默认是保存在attached/(image|flash|media|file)/当前日期年月日 对应的目录下,依据加载的插件,自动给uploadJson配置的url增加dir参数。  如果你需要修改attached保存路径或者(image|flash|media|file)这种分类目录,需要手动修改upload_json.asp文件,给upload_json.asp增加功能。  下面为一个示例..

移动到子容器上触发父容器mouseout事件解决办法

评论(0)浏览(501)分类:JavaScript/Ajax开发技巧
移动到子容器上触发父容器mouseout事件解决办法  容器下包含a,select标签,鼠标移动到子容器下都会触发mouseout事件,文本内容,如这里列出来的则不会触发mouseout事件。div style=width:300px;height:200px;border:solid 1px black onmouseout=alert('MOUSEOUT')容器下包含a,select标签,鼠标移动到子容器下都会触发mouseout事件,文本内容,如这里列出来文字的则不会触发mouseout..

jqGrid如何设置上下导航条

评论(0)浏览(1227)分类:jqGrid中文API
jqGrid如何设置上下导航条  jqGrid的删除添加等工具栏目条默认是放在jqGrid数据项底部的,如果要想在jqGrid顶部同时放置工具条,需要用jquery克隆工具栏,然后添加到顶部的工具栏容器中,经测试这样克隆后添加的工具条相关事件也会一起克隆了,虽然控件id会出现重复。  jqGrid如何设置上下导航条源代码如下 div id=pp1/div table id =grid /table ..

javascript换皮肤代码

评论(0)浏览(173)分类:JavaScript/Ajax开发技巧
javascript换皮肤代码  javascript动态加载css文件实现皮肤更换,同时用cookie记录当前使用的皮肤样式,刷新页面后自动从cookie中读取皮肤并加载进来script var comm = { $: function (Id) { return document.getElementById(Id); }, GetCookie: function (name) { var m = new RegExp(name + '=([^;]+)', 'i').exec(document.co..

IE6/IE7设置z-index,子容器内absolute定位的层无法遮盖下层absolute定位容器解决办法

评论(0)浏览(409)分类:JavaScript/Ajax开发技巧
IE6/IE7设置z-index,子容器内absolute定位的层无法遮盖下层absolute定位容器解决办法  有2个absolute定位的层,要求第一个层覆盖第二个层,第一个层设置z-index即使为10000,第二层不设置z-index或者设置为1,在IE6/IE7浏览器下第一个层还是被第二个层给遮盖住,其他浏览器这没有这个问题。  解决办法就是父容器搜设置为relative定位,给父容器增加z-index,只要第一个absolute定位的层的父容器z-index大于第二个的,那么就可..

javascript检查图片是否加载完毕

评论(0)浏览(114)分类:JavaScript/Ajax开发技巧
javascript检查图片是否加载完毕  如果图片未添加onload事件,如何判断某张图片是否已经加载完毕。img标签对象有一个complete属性,如果加载完毕complete属性会为true,所以检查这个属性就行了。img id=img src=/images/lake.png /script alert(document.getElementById('img').complete)//如果第一次访问,没有缓存会输出false,再刷新有缓存就会为true/script

jquery倒影水波纹效果插件

评论(0)浏览(274)分类:JavaScript/Ajax开发技巧
jquery倒影水波纹效果插件  html5 canvas实现的图片水中倒影,水波纹效果jquery插件。IE浏览器运行本示例请用IE9+版本的浏览器webkit核心的浏览器如chrome注意要搭建服务器访问,要不本地file浏览出现如下错误Unable to get image data from canvas because the canvas has been tainted by cross-origin data. Uncaught Error: SecurityError: DOM Exception 18 效果如..

input控件属性分隔注意不要使用全角空格

评论(0)浏览(163)分类:HTML/CSS兼容/XML
input控件属性分隔注意不要使用全角空格  checkbox/radio控件的属性之间的间隔一般是半角的空格进行分隔,如果value属性前出现了全角的空格,会导致这个控件的值为on,而不是设置的value值,测试代码如下input type=checkbox value=xx /颜色input type=radio value=0 /男input type=radio value=1 /女input type=radio value=2 /保密script var ipts = document.getElementsByT..