json.js与jquery冲突too much recursion/Stack Overflow

评论(0)浏览(1273)分类:JavaScript/Ajax开发技巧
json.js与jquery冲突too much recursion/Stack Overflow  json.js文件和jquery序列化JSON对象为键值对的方法param产生冲突,导致json.js文件中的toJSONString方法重复调用自身从而堆栈溢出出现too much recursion【firefox】/Stack Overflow【IE浏览器】错误。  产生too much recursion/Stack Overflow这个问题主要是jquery调用ajax方法时,如果参数为json对象,jquery会调用param方法序列化json对..

JavaScript hasOwnProperty方法

评论(0)浏览(199)分类:JavaScript/Ajax开发技巧
JavaScript hasOwnProperty方法  JavaScript中hasOwnProperty函数方法返回一个布尔值,用来判断一个对象是否包含指定名称的属性或者方法。  使用方法:object.hasOwnProperty(proName)  参数说明  object:必选项,对象的实例。  proName:必选项,方法或者属性名称的字符串值。  如果object 具有指定名称的属性或者方法么,hasOwnProperty函数方法返回 true,否则..

2个并排input在XHTML摸下下IE下输入中文导致offset增加bug

评论(1)浏览(544)分类:HTML/CSS兼容/XML
2个并排input在XHTML摸下下IE下输入中文导致offset增加bug  在IE浏览器下面,当文档申明为xhtml时,2个并排的在一起的输入控件,当一个输入框内容为非中文内容,另外一个为中文时,出现奇怪的问题。测试代码在最后1)IE8浏览器下面顶部会出现2px差距,没有对齐,并且输入框内的文字没有对齐,中文接近顶部,非中文内容和中文内容相差2px左右,如图一。图一2)IE7浏览器下面顶部对齐,但是输入框内的文..

Firefox下margin-top负值失效

评论(0)浏览(648)分类:HTML/CSS兼容/XML
Firefox下margin-top负值失效  在csdn看到一个问题:firefox浏览器下面,当设置一个容器内的子元素的margin-top为负值时,如果负值的绝对值超过容器的高度,结果不是完全隐藏了图片,而子元素会显示出margin-top设置的绝对值-容器高度这么多的内容。网上找了下据说是firefox特有的块级盒模型相邻的垂直margin会被折叠的问题。  测试代码如下,firefox和其他浏览器的表示..

javascript动态给图片添加热点

评论(0)浏览(531)分类:HTML/CSS兼容/XML
javascript动态给图片添加热点  由于图片的热点一般都是写死在HTML源代码里面了,所以如果有多张独立的图片需要增加热点,而且需要根据条件显示或者隐藏其中的某些图片时,这样图片的位置就会发生变动,从而导致添加的热点对不上原图片的位置而导致失效或者乱套了。下面为1张图片拆分成4张进行热点操作。  前提条件:热点是规则的长方形或者正方形,不能是三角形或者菱形..

添加xhtml声明后documentElement.scrollTop为0

评论(0)浏览(182)分类:JavaScript/Ajax开发技巧
添加xhtml声明后documentElement.scrollTop为0  再chrome浏览器下面,无论申明doctype为html或者xhtml,获取或者设置页面的滚动高只能使用document.body.scrollTop,使用document.documentElement.scrollTop得到的是0,chrome版本为16.0.912.75 m,而其他浏览器则按照doctype的不同使用不同的对象,申明为xhtml时使用document.documentElement.scrollTop,doctype为html时则使用document.b..

IE浏览器下字符串不能通过下标获取字符

评论(0)浏览(279)分类:JavaScript/Ajax开发技巧
IE浏览器下字符串不能通过下标获取字符  在IE浏览器下面,通过下标[]操作尽然无法获取到此下标对应的字符,得到undefined,其他浏览器如firefox,chrome可以通过字符串下标操作获取到对应的字符串。  解决办法就是通过split方法转换为字符数组,或者使用charAt方法或者使用substr方法,测试代码如下script type=text/javascript var s = '123'; alert(s[0])//IE输出..

分享6个不错的jquery tooltip plugin

评论(0)浏览(183)分类:JavaScript/Ajax开发技巧
分享6个不错的jquery tooltip plugin  6个不错的jquery Tooltip插件  1) Poshy Tip 是一个强大的jQuery Tooltip插件,拥有不同的外观。作为 Form Tooltips使用时,可以自定义气泡出现的位置。http://vadikom.com/tools/poshy-tip-jquery-plugin-for-stylish-tooltips/演示地址:http://vadikom.com/demos/poshytip/  2)Easy Tooltip是一款 jQuery 的 Tooltip 插件。http://cs..

自定义上传控件样式

评论(0)浏览(565)分类:JavaScript/Ajax开发技巧
自定义上传控件样式  有些时候我们不需要默认的上传控件input=file的样式,而是现实自定义的样式和文字,而不是单一的浏览...样式,我们可以使用浮动层来实现。  原理:将上传控件input=file设置为透明的,然后添加2个控件。1)一个在上传控件input=file的浏览...按钮下面,因为上传控件input=file是透明的,所以看到的是这个自己定义的控件,不过注意大小和位..

从js文件中获取传递给js文件的参数

评论(0)浏览(239)分类:JavaScript/Ajax开发技巧
从js文件中获取传递给js文件的参数问题:从js文件中如何或者传递给本js文件的参数?思路:主要是获取script标签的src属性,然后分析src属性获取到传递的querystring参数。关键:通过上面知道,获取当前script标签是关键。至于如何获取,有2中方法1)可以给script标签块加一个ID,然后通过document.getElementById获取到 a)缺点:需要手动添加script标签的ID b)优点:可以从其他..

google chart显示全部顶点的tooltip

评论(0)浏览(260)分类:JavaScript/Ajax开发技巧
google chart显示全部顶点的tooltip2012-9-18更新:IE9部分浏览器支持svg绘图,修改了获取路径的方法。由于IE得到的path信息会多一些空格出来,改为用正则获取顶点信息  今天在csdn看到一个使用google chart绘制LineChart图标,需要提示显示全部显示出来,而不是当鼠标悬浮到顶点的时候才显示提示信息tooltip。  下午看了下google chart的api文档,没有发现有显示全部提示信息..

textarea设置下划线格式

评论(0)浏览(2597)分类:HTML/CSS兼容/XML
textarea设置下划线格式功能要求:1:如何实现在多行文本框textarea里面每一行下面都有一条横线 2:textarea文本框里面有一段不能删掉实现方法:横线用背景图片来做,不动的文字用浮动层+给textarea增加text-indent来实现缩进。源代码如下:style type=text/css.input{position:relative}.word{position:absolute;line-height:20px;left:0px;top:1px;z-index:10;backgr..

隐藏IE textarea控件滚动条

评论(0)浏览(202)分类:HTML/CSS兼容/XML
隐藏IE textarea控件滚动条  IE浏览器下面textarea即使没有内容,也会在右边显示一个灰色的滚动条,如下图所示  在IE下要隐藏textarea的滚动条,只需要增加style=overflow:hidden或者auto就可以隐藏灰色滚动条了。textarea rows=5 cols=50 style=overflow:auto/textarea

AJAX跨域问题解决办法

评论(3)浏览(425)分类:JavaScript/Ajax开发技巧
AJAX跨域问题解决办法  ajax伴随的goole 的推动,越来越多的站点开始使用了,在开大ajax程序的时候会遇到很多的问题,主要有以下几个方面:1.跨浏览器问题2.历史后退状态问题3.跨域问题  跨浏览器的问题因为现在有很多的开元的框架已经解决了,我们无需为此而烦恼。  历史后退状态问题我们可以使用一个数组来保存历史纪录,然后把这些数据村到历史对象中去,中..

百度 301转向还能更新原网站

评论(0)浏览(190)分类:网站排名及优化
百度 301转向还能更新原网站  最近网站更换了域名,从www./更换为www./,整站做了301转向,到现在10多天了,google已经完成40%左右的PR转移,但是神奇的发现,百度没有进行权重转移,更新的快照还是www./的。  神奇了百度,网站都做了301转向了,首页尽然还能更新快照,最新的文章也被百度收录到旧的域名www./下面。百度这次到底改了什么算法,郁闷。。

仿CSDN的鼠标悬停效果

评论(2)浏览(159)分类:JavaScript/Ajax开发技巧
仿CSDN的鼠标悬停效果仿照CSDN当鼠标悬停在用户头像上时显示用户相关信息的效果,代码及说明如下style type=text/css.pop{width:357px;height:194px;background:url(/eg/bgUserCard.gif) no-repeat;position:absolute;display:none;}.pop .ct{margin:10px 10px 10px 60px;}/style div class=pop id=popDV onmouseout=hide(event) onmouseover=clearTimeout(mouseOutT..

google chart IE无法响应ready事件

评论(1)浏览(147)分类:JavaScript/Ajax开发技巧
google chart IE无法响应ready事件  使用google chart绘制LineChart图像时,在IE7,IE8下会无法响应ready事件,firefox,chrome没有问题,其他浏览器没有测试。  没有办法,IE下只能用计时器检查google chart生成的iframe对象的document.readyState=='complete'是否成立了。源代码如下function drawChart(){//绘图函数 var chart = new google.visualization.LineCh..

javascript获取vml对象path属性

评论(0)浏览(204)分类:JavaScript/Ajax开发技巧
javascript获取vml对象path属性  今天研究vml时发现,当获取到vml对象时,获取到的path属性为object,并且没有toString方法,⊙﹏⊙b汗,IE下的path属性到底是个什么鬼东西,没有toString方法。  要获取实际的vml对象的path值时,可以使用vmlobj.path.value获取,value属性为string类型。按照vmlobj.path.value获取实际值,那么vmlobj.path应该为json类型的随性,尽然没有..

HTML编辑器失去焦点后在原来光标位置插入信息/图片

评论(0)浏览(319)分类:JavaScript/Ajax开发技巧
HTML编辑器失去焦点后在原来光标位置插入信息/图片  示例代码参考  在制作html编辑器,有些时候iframe编辑器需要失去焦点,然后进行一些处理操作,如上传图片,编辑其他的信息后将上传的图片或者编辑好的信息插入到原来html编辑器原光标的位置。  在firefox下调用focus函数可以使光标回复到原来的位置,但是IE下光标处于html编辑器的头,所以要想在原来的位置插入相关信息,需要保存range对..

英文版本flash动态文本无法显示中文

评论(0)浏览(103)分类:flash/flex/fcs/AIR
英文版本flash动态文本无法显示中文  今天碰到一个flash,通过配置加载xml,xml文件中的中文内容无法显示在动态文本标签上,英文没有问题,设置了system.usecodepage = true也没用。全部统一为utf-8也还是没效果。  这个flash是一个国外的网站下载的,默认的是英文的,编译成swf的flash版本应该也是英文的。flash源代码是通过swf反编译得来,即使注释了as脚本,直接设置动态文..

浮动层没有内容在IE下失效bug

评论(0)浏览(153)分类:HTML/CSS兼容/XML
浮动层没有内容在IE下失效bug  问题描述:在IE浏览器下,浮动层如果没有内容或者未设置过背景之类,当这个层浮动在正常内容的上面时,添加到浮动层上面的事件,如 click,mouseover等事件,当触发点在有正常内容的部分,不会响应事件,只有在没有内容的部分才会响应事件。其他浏览器如 firefox,chrome不会出现这种问题。  通过IE的开发人员工具得到下图  点击蓝色框框..

图片显示十字交叉线,随鼠标移动效果

评论(0)浏览(193)分类:JavaScript/Ajax开发技巧
图片显示十字交叉线,随鼠标移动效果  功能描述:显示十字线在图片上,十字线交叉中心为鼠标所在位置,十字线随鼠标移动而更改位置  查看效果点击这里  源代码如下style type=text/css#dv{position:relative;}#linex{height:1px;width:300px;position:absolute;left:0px;background:#000;overflow:hidden;display:none;}#liney{height:300px;width:1px;position:absolute;top..

javascrip云存储服务Parse介绍

评论(0)浏览(146)分类:JavaScript/Ajax开发技巧
javascrip云存储服务Parse介绍    Parse是由YC孵化出来的、专为移动应用提供后台服务的云计算平台,一种轻量易用的简易后台数据库,为开发者包办繁琐的后台服务,让开发者只需专注于具体的开发工作。借助Parse的服务,应用开发时间可降低10倍100倍。原本可能需要数个星期才能做出来的应用现在只需数个小时即可完成。    因为针对移动app,刚开始parse只提供了ios和androi..

javascript计算年龄

评论(0)浏览(165)分类:JavaScript/Ajax开发技巧
javascript计算年龄    javascript计算年龄源代码如下,注意没有验证瑞年,二月份和30,31号div class=renzhenglx_div div class=renzheng_left_div style=line-height: 20px 生日:/div div class=renzheng_right_div select name=Date_Year id=Date_Year class=select_b_div style=width: auto; script type=text/javascript var i; for (var i ..

javascript控制窗口大小,禁止调整窗口大小

评论(0)浏览(301)分类:JavaScript/Ajax开发技巧
javascript控制窗口大小,禁止调整窗口大小功能描述:javascript控制窗口大小,禁止调整窗口大小。只能最大化,最小化窗口测试浏览器:IE7~8,Firefox3.6通过在页面添加下面的代码即可,窗口大小自己定义script type=text/javascript var maxw = 500, maxh = 600;//定义窗口大小 window.onload = function () { window.resizeTo(maxw, maxh); window.onresize = func..

如何抠JavaScript效果代码

评论(0)浏览(184)分类:JavaScript/Ajax开发技巧
如何抠JavaScript效果代码  要抠JavaScript效果代码,不是一件容易的事,需要有一定的JavaScript基础,掌握一定的调式工具,如firebug或者google的开发人员工具,强烈推荐firebug。  我的方法大概如下,使用firebug1)找到效果代码函数名称或者函数体  a)如果容器直接写了事件就简单了,直接就找到了。  b)要不需要找到动画那块内容,看容器或者子内容是不是有..

firefox下XMLHttpRequest重用时nsIXMLHttpRequest.send发生错误的解决方案

评论(0)浏览(340)分类:JavaScript/Ajax开发技巧
firefox下XMLHttpRequest重用时nsIXMLHttpRequest.send发生错误的解决方案  最近在写一个ajax无刷新聊天的程序,在调试程序时,发现firefox下出现了一个严重错误~~,如下Error: uncaught exception: [Exception... Component returned failure code: 0xc1f30001(NS_ERROR_NOT_INITIALIZED) [nsIXMLHttpRequest.send] nsresult: 0xc1f30001 (NS_ERROR_NOT_INITIALIZED)location: JS frame :: [URL censored] :: zendGe..

fckeditor Invalid request错误

评论(0)浏览(174)分类:JavaScript/Ajax开发技巧
fckeditor Invalid request错误  使用fckeditor默认的配置时,如果编辑超链接时使用上传功能,当上传文件时,会出现Invalid request错误提示,这个是因为fckeditor的fckconfig.js配置文件中没有添加文件类型参数,导致动态页无法获取到需要检查那种类型,导致提示Invalid request错误提示,只需要修改fckconfig.js配置文件中的FCKConfig.LinkBrowserURL,FCKConfig.LinkUplo..

As+lightbox+js实现实时加载图片进度

评论(0)浏览(276)分类:flash/flex/fcs/AIR
As+lightbox+js实现实时加载图片进度  不久前在csdn的js板块看到一个as+js+lightbox动态加载图片显示进度的程序,随便帮改了下代码。后面要帮女朋友搞她设计作品的展示时发现代码中的flash只提供了成功加载时的回调函数,而如果图片未找到或者刚开始加载时没有什么提示。所以自己把swf反编译了一下,修改了as脚本,使之拥有了4个回调,加载图片开始,过程,成功加载和错误的回调,..