lightbox+checkbox实现轻量级联动选择

评论(0)浏览(131)分类：JavaScript/Ajax开发技巧
lightbox+checkbox实现轻量级联动选择lightbox+checkbox实现轻量级联动选择，可为1级的也可以为2级的checkbox选择。此示例是基于lightbox自己写的轻量级的lightbox上的，可以查看下面的文章美化alert，confirm，prompt并实现lightbox效果查看效果请点击这里完整实例下载效果如下1级联动选择2级联动选择下面贴出核心代码+展开-JavaScriptShowbo.PopSel={maxItem:6,//最多选择的项item..

ajax onreadystatechange状态转换函数研究

评论(0)浏览(209)分类：JavaScript/Ajax开发技巧
ajax onreadystatechange状态转换函数研究　　有些时候我们需要将ajax请求的功能打包成一个类库方便调用，此时需要用到ajax的状态转换函数，对于执行onreadystatechange函数时，this对象到底是那个对象，不同浏览器的表现方式差异颇大。　　下面未进行打包时状态处理函数的测试，示例代码如下+展开-HTMLdivid=dvAjax/divscripttype=text/javascriptvarxhr=window.XMLHttpRequest?newXMLH..

jquery easyui datagrid数据源为json文件问题

评论(0)浏览(666)分类：easyui开发技巧
jquery easyui datagrid数据源为json文件问题　　当jquery easyui的datagrid插件使用.json文件为数据源，通过非http协议访问【就是直接拖进浏览器查看效果】，能正常加载.json文件并且生成datagrid数据源。但是通过http协议访问示例代码时，无法加载json文件生成datagrid的数据源。　　这个是由于服务器软件，如iis的配置MIME类型或者一些配置不正确导致的。　　默认iis是没有json文件的mim..

jquery+flash显示图片实时加载进度插件

评论(0)浏览(266)分类：JavaScript/Ajax开发技巧
jquery+flash显示图片实时加载进度插件　　本jquery插件主要使用了flash的功能，来实现大图片的加载，并实时返回加载图片的进度。从以前写的一个纯JS代码改动而来，As+lightbox+js实现实时加载图片进度　　本插件同时使用了jquery浮动层拖动插件。Flash源代码点击这里下载　　JavaScript和flash之间相互调用方法的相关总结JavaScript调用flash.external.ExternalInterface.addCallbac..

jquery浮动层拖动插件

评论(0)浏览(146)分类：JavaScript/Ajax开发技巧
jquery浮动层拖动插件　　具体使用方法参考代码里面的注释$.cancelEvent = function (e) {//阻止事件冒泡 if (e.stopPropagation) e.stopPropagation(); else e.cancelBubble = true; if (e.preventDefault) e.preventDefault(); else e.returnValue = false;};$.Drag = function () {//jquery层拖动插件 var btn = document.all ? 1 : 0//判断鼠标哪..

firefox NPMethod called on non-NPObject wrapped JSObject!错误

评论(0)浏览(197)分类：JavaScript/Ajax开发技巧
firefox NPMethod called on non-NPObject wrapped JSObject!错误　　Firefox使用JavaScript调用flash中注册的方法时，如果此方法通过js函数返回后执行，而不是直接通过swf容器获取到后再执行，那么在Firefox下会出现NPMethod called on non-NPObject wrapped JSObject!错误，其他浏览器如chrome，ie不报错。　　解决办法就是直接通过swf的容器获取到flash中注册的方法后执行，而不是通过js方法返回flash中注册..

JavaScript获取执行flash中flash.external.ExternalInterface.addCallback注册的函数

评论(1)浏览(406)分类：flash/flex/fcs/AIR
JavaScript获取执行flash中flash.external.ExternalInterface.addCallback注册的函数　　JavaScript如何获取并且执行flash中flash.external.ExternalInterface.addCallback注册的函数　　　　测试浏览器：IE6,IE7,IE8,Firefox3.6,谷歌chrome 14.0.835.202 mAS脚本function loadPicture(){//......代码......//......代码......}flash.external.ExternalInterface.addCallback(forJS, null, loadPicture);//注册JavaScript中调用的..

JavaScript调用flash.external.ExternalInterface.addCallback注册的函数在不同浏览器下的分析

评论(0)浏览(242)分类：flash/flex/fcs/AIR
JavaScript调用flash.external.ExternalInterface.addCallback注册的函数在不同浏览器下的分析　　JavaScript在调用flash中使用flash.external.ExternalInterface.addCallback注册的回调函数时，不同浏览器使用的容器对象，和swf文件放置的位置和是否显示有很大关系，如果未设置对，会找不到flash中注册的回调函数。　　测试浏览器：IE6,IE7,IE8,Firefox3.6,谷歌chrome 14.0.835.202 mAS脚本function loadPicture(){//......代码......//....

IE浏览器setCapture和releaseCapture介绍

评论(0)浏览(224)分类：JavaScript/Ajax开发技巧
IE浏览器setCapture和releaseCapture介绍　　setCapture方法，当在IE文档某个区域中使用了这个方法,并且写了onclick或者onmouse***等有 关的鼠标事件方法,那么它就会监视相应的鼠标操作，即使你的鼠标移出了IE，它也一样能捕获到。如果你在某div中的onclick事件中写了一个 alert命令，这时，你点击的关闭按钮,它也一样会弹出alert窗口　　releaseCapture方法，与setCapture方法相反，释..

51.la统计出问题了

评论(0)浏览(164)分类：JavaScript/Ajax开发技巧
51.la统计出问题了　　今天访问一个博客的时候，发现打开后页面突然变空白，就剩一个51.la的统计图标。汗。。搞毛啊。。查看源代码只有下面的htmla href=http://www.51.la/?3065858 target=_blankimg alt=#x35;#x31;#x2E;#x6C;#x61;#x20;#x4E13;#x4E1A;#x3001;#x514D;#x8D39;#x3001;#x5F3A;#x5065;#x7684;#x8BBF;#x95EE;#x7EDF;#x8BA1; src=http://icon.ajiang.ne..

隐藏删除ckeditor状态栏

评论(0)浏览(199)分类：JavaScript/Ajax开发技巧
隐藏删除ckeditor状态栏　　删除或者隐藏ckeditor状态栏可以在生成ckeditor的配置中同时增加removePlugins: 'elementspath' ,resize_enabled: false的配置就可以隐藏状态栏了。　　１）removePlugins: 'elementspath' ，实现的是移除ckeditor元素路径的方法（上图中状态栏显示的 body p）　　２）resize_enabled: false，实现的是关闭ckedior窗口大小调..

精简版jquery lazyload实现真正的延时图片加载

评论(0)浏览(377)分类：JavaScript/Ajax开发技巧
精简版jquery lazyload实现真正的延时图片加载　　本次修改基于jquery.lazyload.js 1.5版本，删除了一些配置项，只保留了effect和placeholder配置，并且指定容器为window。　　使用注意事项1）要实现真正的延时加载，将图片的src设置为默认的替换图片，实际的图片地址存储到自定义属性original如img src='替换的图片地址，1px_1px' original='实际图片地址'/2）如果没有按照..

javascript实现html内容截断得到摘要

评论(0)浏览(291)分类：JavaScript/Ajax开发技巧
javascript实现html内容截断得到摘要　　javascript实现的html内容截断，得到文章列表中的摘要信息。一般博客的首页只显示文章的摘要，点击标题进入以后查看全文。　　下面是JavaScript实现的html内容截断，获取html文章内容的摘要。 function removelosttag(tags, nowtag) { for (var i = tags.length - 1; i = 0;i-- ) if (tags[i].indexOf(nowtag) == 1) { tags.splic..

hta更改窗体大小再屏幕居中

评论(0)浏览(745)分类：HTML/CSS兼容/XML
hta更改窗体大小再屏幕居中　　hta其实就是后缀名为.hta的html文件，只是多增加了HTA:APPLICATION标签控制，具体参考hta使用帮助。　　既然是html文件，就会支持javascript或者vbscript代码【MS的东西，不支持vbs就好笑了】，所以可以使用javascript方法的resizeTo方法更改窗体大小。script type=text/javascriptvar htaHeight=200//hta高度,htaWidth=300//hta宽度,window..

IE css expression中获取scrollTop属性

评论(0)浏览(620)分类：JavaScript/Ajax开发技巧
IE css expression中获取scrollTop属性　　今天在做一个浮动效果，由于IE6-不支持position:fixed，所以就对IE6-浏览器可以考虑使用IE专有css行为expression+position:absolute来实现。下面的代码全部在IE6-浏览器下测试。　　HTML结构div class=ieexp浮动层/div　　开始定义样式如下.ieexp{top:expression(document.body.scrollTop);left:0px;}　　结果发现浮动层在IE下固定在了顶部，..

referrer 来源页面 hash值丢失

评论(0)浏览(587)分类：网站排名及优化
referrer 来源页面 hash值丢失　　今天编写一个获取搜索引擎输入关键字的代码时，发现如果来源页面包含了hash值，发现无法获取到来源页面的hash值。　　因为在Firefox中直接输入google.com.tw进行搜索时，发现google.com.tw尽然将查询内容放在hash对象里面，而不是search对象中，这样使用document.referrer获取不到来源页面的hash。　　不过我是通过firebug修改搜索结果的链接..

step是google chrome保留变量

评论(0)浏览(124)分类：JavaScript/Ajax开发技巧
step是google chrome保留变量　　今天测试js代码时，无意中中发现google chrome浏览器的onclick执行自定义的step函数时，尽然发现无法执行，出现Uncaught TypeError: string is not a function错误。搞幽。step尽然是google chrome浏览器的保留变量。　　测试代码如下+展开-HTMLscripttype="text/javascript"functionstep(){alert('自定义函数！');}/scriptinputtype="butto..

offsetWidth、offsetHeight是如何计算的

评论(0)浏览(276)分类：HTML/CSS兼容/XML
offsetWidth、offsetHeight是如何计算的在元素 A 上调用 offsetWidth 属性时，必须按以下算法返回结果值： 如果元素 A 不具有 CSS 布局盒子，则返回 0，并停止本算法。 以 CSS 像素为单位，返回元素 A 的边框盒子宽度。在元素 A 上调用 offsetHeight 属性时，必须按以下算法返回结果值： 如果元素 A 不具有 CSS 布局盒子，则返回 0，并停止本算法。 以 CSS 像素为单位，返..

offsetTop、offsetLeft是如何计算的

评论(0)浏览(509)分类：HTML/CSS兼容/XML
offsetTop、offsetLeft是如何计算的在元素 A 上调用 offsetTop 属性时，必须按以下算法返回结果值： 如果元素 A 是 HTML 的 body 元素，其 display 属性计算值是 none，或者不具有 CSS 布局盒子，则返回 0，并停止本算法。 如果元素 A 的 offsetParent 是 null 或者是 HTML 的 body 元素，以 CSS 像素为单位返回元素 A 上边框距画布原点的垂直距离，并停止本算法。 以 CS..

div高度在IE6显示不正常

评论(2)浏览(155)分类：HTML/CSS兼容/XML
div高度在IE6显示不正常　　当一个div的高度设置为很小时，如1px，在FireFox和其他w3c浏览器中显示正常，可是在I中却不止1像素高。原因是IE文字有个最小高度，对次div增加一个font-size:1px样式就能解决问题此问题。方法一定义一个CSS样式，在DIV调用其样式+展开-HTMLstyletype="text/css".test{height:1px;font-size:1px;}/styledivclass="test"/div　　在IE6里实现，..

如何去掉链接点击时虚线框

评论(0)浏览(169)分类：HTML/CSS兼容/XML
如何去掉链接点击时虚线框下面是去掉链接点击时虚线框的几种常用方法：方法缺点兼容性taba href=”#” onfocus=”this.blur()”this blur/a链接聚焦触发时失去焦点，js和html耦合在一起没有兼容性问题是a:focus {outline:none}或a{outline:none}outline由css2.1引入，去除虚线框视觉上的问题正是css的职责ie6/ie7不支持,ie8+/ff /safari/opera[2]支持否a href=”#” hide..

google PR无法查询，API查询地址变更

评论(0)浏览(109)分类：网站排名及优化
google PR无法查询，API查询地址变更　　Google把第三方调用PR的地址给改了。　　原来PR查询地址为：http://toolbarqueries.google.com/search?client=navclient-autofeatures=Rankch=ch值q=info:要查询PR的网址　　现在PR查询地址为：http://toolbarqueries.google.com/tbr?client=navclient-autofeatures=Rankch=ch值q=info:要查询PR的网址　　主要是红色部分的地方变了。　　本站..

表单 action mailto发邮件

评论(0)浏览(2166)分类：HTML/CSS兼容/XML
表单 action mailto发邮件怎样制作提交到Email的表单解决思路： 关键点是设置表单的action属性为”mailto:”+email地址。 具体步骤： 1.设置表单的action属性为接收邮件的email地址，并设置表单的MIME编码。 form action="mailto:yourname@domain.com" enctype="text/plain" /form 2.设置邮件主题和正文的输入框 主题：input name="subject" type="text"br 正文：textar..

jquery easyUI tree遍历函数

评论(0)浏览(2260)分类：easyui开发技巧
jquery easyUI tree遍历函数　　如果jquery easyui的tree插件json数据源没有定义id，而是希望通过text来定位节点，那么无法使用find方法查找节点，此时需要遍历tree控件的节点，对比text属性实行遍历对比定位节点，可以使用getRoots和getChildren进行遍历。方法如下+展开-JavaScriptfunctionTravel(treeID){//参数为树的ID，注意不要添加#varroots=$('#'+treeID).tree('get..

javascript 数组方法

评论(0)浏览(145)分类：JavaScript/Ajax开发技巧
javascript 数组方法javascript数组操作大全，数组方法总汇shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined+展开-JavaScriptvara=[1,2,3,4,5];varb=a.shift();//a：[2,3,4,5]b：1unshift：将参数添加到原数组开头，并返回数组的长度+展开-JavaScriptvara=[1,2,3,4,5];varb=a.unshift(-2,-1);//a：[-2,-1,1,2,3,4,5]b：7注：在IE6.0下测试..

ajax对象abort方法

评论(0)浏览(494)分类：JavaScript/Ajax开发技巧
ajax对象abort方法　　ajax对象的abort()方法可以停止一个XMLHttpRequest对象对HTTP的请求，把该对象恢复到初始状态。　　例如，如果某个操作需要一系列的操作顺序完成，而这其中出现任何异常，都会导致当前操作的结束，当检测到某个步骤出现异常时，使用abort()方法，中止当前的处理。

ajax对象getAllResponseHeaders方法

评论(0)浏览(241)分类：JavaScript/Ajax开发技巧
ajax对象getAllResponseHeaders方法　　ajax对象getAllResponseHeaders()方法用于获取所有HTTP头信息，在获取时只用HEAD即可获取到。例如，需要获取全部的HTTP响应头信息，其实现方法如代码所示。代码 获取全部响应头信息+展开-HTML!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"htmlxmlns="http://www.w3.org/1999/xhtm..

jQuery dataType指定为json的问题

评论(0)浏览(3500)分类：JavaScript/Ajax开发技巧
jQuery dataType指定为json的问题jQuery dataType指定为json的问题，不执行回调函数　　最近在看jQuery的API文档，在使用到jQuery的ajax时，如果指定了dataType为json，老是不执行success回调，而是执行了error回调函数，极度郁闷。后面改为1.2.6版本可以执行。具体的问题查看下面这篇文章。　　jQuery1.4.2 ajax存在一个严重bug问题　　然后继续下载了几个jquery版本，如1.3.2，..

firefox下button内嵌span会出现移位bug

评论(0)浏览(225)分类：HTML/CSS兼容/XML
firefox下button内嵌span会出现移位bug　　在Firefox下，如果button内部嵌入span，button和span的display都为block，width，height都一致时，span无法完全遮盖住button控件，button和span会出现一些边距，在Firefox3.6下面，左边相差3px，顶部相差 2px，不知道是不是Firefox的bug。　　在IE浏览器和chrome浏览器下不会出现这种问题。测试代码如下+展开-HTMLstyletype="text/css".jsbu..

jquery easyUI form plugin bug

评论(0)浏览(115)分类：easyui开发技巧
jquery easyUI form plugin bug　　jquery.easyui插件中的form表单插件存在一个bug，就是如果load 数据的时候，没有区分input是否为text或者radio，checkbox，直接一句+展开-JavaScript$("input[name="+name+"]",form).val(val);　　这句就要老命了，会将radio，checkbox的值全部设置为加载的数据中键名称对应的值了，这样就无法修改radio，checkbox的值了。　　下面只需要将j..