模仿VS控件Numberdown,实现小时分钟秒的计时器

评论(0)浏览(226)分类:JavaScript/Ajax开发技巧
模仿VS控件Numberdown,实现小时分钟秒的计时器  javascript模仿VS控件NumberDown控件的效果,并且实现小时分钟和秒的计时器,通过点击控件按钮上的上/下按钮增加或者减少时间。效果图示例效果点击这里示例下载点击这里  TimePicker类库主要说明。小时/分钟/秒可以手动输入,如果输入的数据格式不正确会自动变为原始数据00.构造函数参数speed:指定数字增长的速度,单位ms方法render:将N..

JavaScript汉字Unicode编码相互转换

评论(0)浏览(245)分类:JavaScript/Ajax开发技巧
JavaScript汉字Unicode编码相互转换关键字:JavaScript 汉字转换为Unicode编码 Unicode编码转换为汉字  JavaScript 汉字Unicode编码相互转换代码。JavaScript库+展开 -JavaScriptvarGB2312UnicodeConverter={ToUnicode:function(str){returnescape(str).toLocaleLowerCase().replace(/%u/gi,'\\u');},ToGB2312:function(str){returnunescape(str.replace(/\\u/gi,'%u'));}};测试..

IE FireFox safari下javascript操作embed播放

评论(0)浏览(135)分类:JavaScript/Ajax开发技巧
IE FireFox safari下javascript操作embed播放关键词:IE Firefox safari JavaScript 控制 embed标签 播放 音频文件问题描述:  embed标签接受到直播流以后在IE下可以通过play()和pause()方法得到很好的播放/暂停的控制,但在FireFox和safari 去无能为力,在Firefox和safari下可以正常的播放(在safari需要装media插件),但是就是通过play() 和pause()无法控制它的播放和暂停,问题的根源..

jQuery IE6下width(),height()获取document的高和宽不精确

评论(0)浏览(192)分类:JavaScript/Ajax开发技巧
jQuery IE6下width(),height()获取document的高和宽不精确jQuery在IE6下width(),height()获取document的高和宽不精确  最近在学jquery,发现使用$(document).width(),$(document).height()在IE6浏览器下获取到的长度尽然是分辨率的宽和高,而不是document对象的宽,导致lightbox在ie6下出现滚动条。如下图未显示lightbox前显示lightbox后  在浏览器地址栏输入JavaScript脚本javascript:alert($(docu..

IE解析XML文档碰到DTD声明出错

评论(0)浏览(209)分类:HTML/CSS兼容/XML
IE解析XML文档碰到DTD声明出错IE解析XML文档碰到DTD声明出错  在IE浏览器下查看xml文件,如果使用了DTD外部申明,DTD文件中如果有中文字符,则DTD文件需要存储为utf-8的编码,要不在IE下浏览使用了外部申明的XML文件时,解析DTD文件会出错。  而使用内部的 DOCTYPE 声明时,XML文件不需要一定存储为utf-8,只需要存储编码和xml申明的编码一致就行,要不出错。    总结..

获取iframe中鼠标事件在父页的坐标位置

评论(0)浏览(1345)分类:JavaScript/Ajax开发技巧
获取iframe中鼠标事件在父页的坐标位置  如果在iframe中单击鼠标时,使用event.clientX和event.clientY获取到的是点击的位置相对于iframe的坐标位置,并非是相对于父页的,所以如果要获取相对于父页的坐标位置,就需要加上iframe的绝对位置x和y,这样才是相对于父页的坐标位置。  换算关系:相对坐标x=iframe绝对x位置+iframe内触发的鼠标x位置。  注意事项:由于要使用到父页..

换行问题解决方案CSS FireFox and IE

评论(0)浏览(174)分类:HTML/CSS兼容/XML
换行问题解决方案CSS FireFox and IE  大家都知道连续的英文或数字会把DIV或表格边框撑破,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法!  下面是一些常用的控制CSS换行的+展开-CSS/*禁止换行*/.nowrap{word-break:keep-all;white-space:nowrap;}/*强制换行*/.break{word-break:break-all;}/*css强制不换行*/div{white-space:nowrap;}/*css自动换行*/div{word..

跨浏览器CSS编码准则

评论(0)浏览(126)分类:HTML/CSS兼容/XML
跨浏览器CSS编码准则  第一:理解css盒子模型(学习div+css布局也是很重要的,学会的css的盒子模型学习div+css也就不难了)  透彻地理解 CSS 盒子模型是首要事情,CSS 盒子模型并不难,且基本支持所有浏览器,除了某些特定条件下的 IE 浏览器。CSS 盒子模型负责处理以下事情:一个 blcok (区块)级对象占据多大的空间该对象的边界,留白盒子的尺寸盒子与页面其..

firefox下使用快捷键Ctrl+Enter发送信息时出现系统的下载窗口

评论(0)浏览(125)分类:JavaScript/Ajax开发技巧
firefox下使用快捷键Ctrl+Enter发送信息时出现系统的下载窗口  最近要帮朋友搞一个网站im的功能,在firefox下通过keydown的“ctrl+enter”快捷键发送信息时弹出下载窗口的问题,一直没找到具体的解决办法,所以有看了下以前在asp.net板块发的一篇散分帖子网友的回复,今天找到了一个适中的解决办法【原来的解决方法是使用setTimeout来延时发送信息,觉得还是有点怪怪的】。   具体原贴讨论及问题描述请..

ajax responseText -1072896748错误

评论(1)浏览(217)分类:JavaScript/Ajax开发技巧
ajax responseText -1072896748错误  今天再使用ajax请求一个txt文本文件时,发生了-1072896748系统错误,网上找了下说是编码不统一造成的,XMLHTTPRequest 默认是用 UTF-8 传递数据的 。  我看了下txt那个文件原来拷贝数据时多了一些超出gb2312字符集的字符,所以当时保存成为utf-8格式了,今天发起请求的页面是gb2312的,应该是编码不一致导致出现了这个“-1072896748系统错..

Google在线聊天系统GTalk注册

评论(3)浏览(228)分类:JavaScript/Ajax开发技巧
Google在线聊天系统GTalk注册  Google Talk chatback badge是谷歌Google发布的Gtalk的扩展功能,只需把代码加入到网页中,网页就会显示你的Gtalk在线状态的按钮图标,访客点击了聊天按钮后,会打开一个GTalk的网页版聊天窗口,只有你状态为有空,访客无需登陆就可以直接点击按钮与你聊天。  Google在线聊天系统GTalk注册地址为:http://www.google.com/talk/service/bad..

Javascript在IE和FireFox中的不同表现

评论(0)浏览(121)分类:JavaScript/Ajax开发技巧
Javascript在IE和FireFox中的不同表现1.document.formName.item("itemName") 问题说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox下,只能使用document.formName.elements["elementName"]. 解决方法:统一使用document.formName.elements["elementName"].2.集合类对象问题说明:IE下,可以使用()或[]获取集合类对象;Firefox下..

javascript获取查询参数键值对

评论(0)浏览(370)分类:JavaScript/Ajax开发技巧
javascript获取查询参数键值对  javascript将get提交的查询参数对初始化为hashtable。  注意:下面的代码中键名称只能是数字和字母的组合,如果不是数字和字母注意修改正正则表达式。+展开-JavaScriptvars=location.search;//查询参数字符串varRequest={};//初始化Request对象functionInitRequest(){varm,reg=/([a-z\d]+)=([^&]+)/gi;s=s==''?'':s.substring(1);while(m=..

ajax返回值存在存在空白符导致if语句不执行

评论(0)浏览(209)分类:JavaScript/Ajax开发技巧
ajax返回值存在存在空白符导致if语句不执行  在使用ajax的repnseText属性获取动态页返回值进行一些简单判断,如if(xhr.responseText=='yes'){},使用alert)xhr.responseText)输出时确实是yes字符串,但是为什么if语句块就是不执行呢?  此时需要注意了,大部分导致出现这个问题的原因是请求的文件,此页面的非服务器端脚本代码输出部分存在空白符号,这些空白符号会岁着脚本动态的输出..

google离开中国adsense申请搞什么飞机?

评论(0)浏览(160)分类:网站排名及优化
google离开中国adsense申请搞什么飞机?google离开中国adsense申请搞什么飞机?不需要审核就能登录系统?  以前google离开中国前,申请adsense账号时,是需要经过google的相关审核的。由于以前自己不晓得google对无效点击这么严格,自己点了几次,结果挨封了,+_+,申述也挨k掉,没法.....  在google离开中国后,由于最近新申请了个域名,然后使用这个域名申请google的adsense,毕..

eval JavaScript代码块后变量作用域问题

评论(0)浏览(205)分类:JavaScript/Ajax开发技巧
eval JavaScript代码块后变量作用域问题  使用eval动态解析string类型的javascript代码时,如果使用了var声明某个变量,则此变量的作用域是根据eval代码块的位置来确定的。  1)在函数体中执行eval时,则var声明的变量作用域在函数体内,超出函数体外无法访问,否则提示未定义错误。此时要在函数体外访问此变量,则string类型代码块需要去掉var关键字,或者用window.变量名的方式..

Opera10下的31个bug

评论(0)浏览(121)分类:HTML/CSS兼容/XML
Opera10下的31个bug来源:31 bugs inOpera10 for Windows1- A col's width must include a table's cellpadding. This is a regression bug since Opera 6.06 had it correct, right. See bug 285490 in Opera BTS.2- When hovering over a text node within an element, event.offsetX and event.offsetY are always wrong. Also: complete event.offsetX/Y demo...

IE8下的60个bug

评论(0)浏览(127)分类:HTML/CSS兼容/XML
IE8下的60个bug来源:60 bugs inIE8 for Windows1- MSIE 8 requests automatically favicon.ico. Internet Explorer 8 should stop automatically requesting for favicon.ico in the root directory - a file which may not exist - and instead look for (fetch, HTTP request) an icon only and only if it's explicitly linked to from the webpage. The f..

IE7下的185个bugs

评论(0)浏览(247)分类:HTML/CSS兼容/XML
IE7下的185个bugs来源:185 bugs inIE7 for Windows1- Non-defined value of option is not set to the contents of the OPTION element Firefox 1.x, Firefox 2.x, Opera 9.x, Safari 2, Safari 3.0.2, Konqueror 3.5.8, Seamonkey 1.x, Seamonkey 2.x, NS 7.2, K-meleon 1.x, Galeon 2, Epiphany 2 all pass this test. Another interesting testcase for this..

IE6下的119个bug

评论(0)浏览(96)分类:HTML/CSS兼容/XML
IE6下的119个bug来源:119 bugs inIE6 for Windows1- Non-defined value of option is not set to the contents of the OPTION element Firefox 1.x, Firefox 2.x, Seamonkey 1.x, Opera 9.x, Safari 2, Safari 3.0.2, K-meleon 1.x, Konqueror 3.5.8, Galeon 2, Epiphany 2 all pass this test. Another interesting testcase for this bug is initial value o..

关于IE的layOut bug

评论(0)浏览(145)分类:HTML/CSS兼容/XML
关于IE的layOut bug  在开发中我们常会在ie中遇到很多莫名的bug,尤其是ie6这个早就该退出历史的浏览器。刚刚在haslayout.net上看到有总结ie的一些 bug,分享一下。1.图片label bug,影响版本ie6/ie7/ie8,当label中有img的时候无法触发点击选中form元素事件.demo http://haslayout.net/demos/Image-Label-Focus-Bug-Demo.htmlfix demo http://haslayout.net/dem..

a标签的伪类书写顺序

评论(0)浏览(208)分类:HTML/CSS兼容/XML
a标签的伪类书写顺序问题描述  曾经在调试自己的网页是发现过一个问题,链接的文字只有在 IE6 下当鼠标移到上面的时候会变色,在 IE7、IE8 和其它浏览器里都不变色,感觉很奇怪。先来看一下我原来的代码:+展开-HTML!DOCTYPEhtmlstyletype="text/css"a:hover{color:red;}a:link{color:black;}a:visited{color:blue;}a:active{color:green;}/styleahref="#"testtes..

样式的特性及优先级别

评论(0)浏览(123)分类:HTML/CSS兼容/XML
样式的特性及优先级别  所谓的特殊性是指,作用于同一元素的同一特性 (property)的不同选择器的多个值,哪个会起作用,特殊性值最高的会起作用。比如,如下代码中,多个样式中的 'background-color' 同时作用于同一个 DIV 元素,那么最后,到底 DIV 应该会是什么颜色呢?+展开 -HTML!DOCTYPEHTMLstyletype="text/css"div{width:100px;height:100px;}#c1#c2div.con{..

Javascript中给变量赋多行字符串的方法

评论(0)浏览(495)分类:JavaScript/Ajax开发技巧
Javascript中给变量赋多行字符串的方法  今天在缩减新浪HTML编辑器时看到了一段代码,可以一次性给变量赋值多行文本,而不使用连接符号+,但是转义字符还得注意转义一下。看来自己的javascript还是没学到家,有这种用法自己不知道,嘎嘎~~  要赋值的多行文本如下这个是一行第二行第三行  脚本如下+展开-JavaScriptvarstr='这个是一行\第二行\第三行\';alert(str)  下面是在网..

添加了DOCTYPE XHTML声明时设置绝对位置对象需要加单位

评论(0)浏览(144)分类:HTML/CSS兼容/XML
添加了DOCTYPE XHTML声明时设置绝对位置对象需要加单位  在Firefox,IE下,如果添加了DOCTYPE,XHTML声明,则要设置display为absolute,绝对位置的对象时,需要加上单位,如px,要不没有效果,测试用例如下+展开 -HTML!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"htmlheadmetahttp-equiv="content-type"content="text/html..

JavaScript浮动对象+伸缩功能效果代码介绍

评论(0)浏览(157)分类:JavaScript/Ajax开发技巧
JavaScript浮动对象+伸缩功能效果代码介绍  不久前写过一篇文章介绍一个效果不错浮动对象类库,具体阅读效果不错的浮动div,今天又做了一个效果,增加对象的伸缩功能,让需要的人点开来查看对象的信息,而不需要占用过多的控件,这对非宽屏显示器用户来说用户体验比较好点,不至于让浮动对象遮盖住内容。  需要注意的是,使用浮动对象类库时,只能将浮动对象浮动在最左边,绑定浮动对..

放阿里妈妈广告网站可能被百度k

评论(0)浏览(185)分类:网站排名及优化
放阿里妈妈广告网站可能被百度k  百度一直收录不了,网上查看被百度k的几个原因发现了一条。 以下是引用:  网站添加阿里妈妈广告而造成百度收录变少或没收录!这个却是千真万确的,本人也尝试过多次,被百度K掉后,去掉了阿里妈妈的广告,第2天马上重新收录,由于本人不信邪,来回试了几次都得出同样的效果。有一次阿里妈妈广告的客户打电话给我要求我的网站做他的包月广告..

解决google搜索中出现“该网站可能含有恶意软件,有可能会危害您的电脑“提示

评论(0)浏览(279)分类:网站排名及优化
解决google搜索中出现“该网站可能含有恶意软件,有可能会危害您的电脑“提示  google管理员账号删除“该网站可能含有恶意软件,有可能会危害您的电脑”提示方法。  第一步:网站代码大检查并修复,清除所有可能含有病毒、恶意代码、流氓软件等代码,恢复如初,提高服务器安全系数防止再次被挂马。  第二步:注册google帐号,开通GOOGLE网站管理员工具(http://www.google.cn/webmasters/),并添加自己的网站,GOOGLE..

flash控件html及color属性冲突问题

评论(0)浏览(118)分类:flash/flex/fcs/AIR
flash控件html及color属性冲突问题  对于flash的控件label,textinput,textarea控件,当设置其html属性为true时,再设置其color属性,则控件的显示的内容的颜色并不是设置的color值,默认为黑色。只有当html属性设置为false时,color属性才能生效。所以当html=true时,只能设置text属性为html代码,需要注意text属性并不完全支持html中定义的标签和属性。  测试代码1,html=..

Flash加载XML文件CDTATA节点内容被编码

评论(0)浏览(124)分类:flash/flex/fcs/AIR
Flash加载XML文件CDTATA节点内容被编码  今天在做一个flash动画的时候,动态加载xml文件,但是碰到了CDATA节点存在XML保留字,被flash解释器自动编码为对应实体,⊙﹏⊙b汗。  XML关键字为, " ' 这个5个,如果不使用CDATA节点,这些字符必须使用对应的实体 lt;gt; quot;apos; amp;代替,要不XML文件会出错,但是flash自动把CDATA节点的内容中的XML关键字给编码了,自能手动替换..