IE6/IE7下子元素position relative，父元素overflow auto子元素不滚动

评论(0)浏览(262)分类：HTML/CSS兼容/XML
IE6/IE7下子元素position relative，父元素overflow auto子元素不滚动　　在IE6,IE7下，子元素使用position:relative定位、父元素使用overflow:auto后，当滚动父元素的滚动条后，position:relative定位子元素没有随滚动条滚动，而是固定在原来的位置，犹如position:fixed定位效果。　　IE6/IE7下子元素position relative，父元素overflow auto子元素不滚动示例图如下正常显示，子元素未滚动前滚动父元素滚动条后，子..

18.13.通过二进制Socket发送和接收二进制数据

评论(0)浏览(262)分类：flash/flex/fcs/AIR
18.13.通过二进制Socket发送和接收二进制数据18.13.1. 问题我想接收二进制数据，处理完后以同样的二进制格式发送数据。18.13.2. 解决办法使用flash.net.Socket 打开socket 连接。18.13.3. 讨论flash.net.Socket 是Flex 框架或ActionScript 3中最低级别的通信工具，使得你能建立socket连接并读取和写入原始的二进制数据。Socket 可接收和发送POP3，SMTP，IMAP 信息，甚至是自定义二进制格式。..

模仿163/qq图片浏览效果js文件说明

评论(0)浏览(261)分类：JavaScript/Ajax开发技巧
模仿163/qq图片浏览效果js文件说明2010-06-18更新：将小图片移动修改为动画效果，这里不贴出更新代码，要看代码请下载源文件效果示例及源代码下载点击这里　　模仿qq/163的图片效果，可以指定显示的图片间距，每次显示的图片数量，当切换图片时，根据指定显示的图片张数，自动将当前图片定位到居中的位置。　　在调用init()函数时会根据大图显示的图片自动滚动小图，让对应的小图..

javascript在select指定位置插入option

评论(0)浏览(261)分类：JavaScript/Ajax开发技巧
javascript在select指定位置插入option　　在dhtml的DOM方法中有insertBefore方法，在浏览器下面可以使用此方法在指定的位置给select添加option对象。不过IE下调用insertBefore时，能添加option，但是创建的option对象设置的text属性会不显示，是空白，需要设置innerText属性来实现。　　javascript在select指定位置插入option测试代码如下script type=text/javascriptfunction Inser..

JavaScript检查qq在线状态

评论(0)浏览(260)分类：JavaScript/Ajax开发技巧
JavaScript检查qq在线状态　　qq提供了一个接口，供大家查询指定的qq号码的登录状态，接口地址为http://webpresence.qq.com/getonline?Type=1qq号1:qq号2:....:　　注意：qq号使用冒号:分隔开，并且查询参数最后一定要以冒号结束。　　如查询qq号码11111，22222，33333的状态接口如下http://webpresence.qq.com/getonline?Type=111111:22222:33333:　　qq接口会返回按你提..

美化alert，confirm，prompt并实现lightbox效果

评论(0)浏览(259)分类：JavaScript/Ajax开发技巧
美化alert，confirm，prompt并实现lightbox效果示例代码下载点这里示例效果点这里注意alert，confirm及prompt并不同于系统的，这个是用层模仿的，并不能挂起程序的执行所以如果需要在确认后执行相关的操作，需要在配置文件中传递回调函数fn按钮只提供yes和no两个-------------------------------------------------------------------Showbo.Msg.alert：参数（要显示的信息）如 Showbo.Msg.al..

使png图片在ie6浏览器下也支持透明

评论(0)浏览(259)分类：HTML/CSS兼容/XML
使png图片在ie6浏览器下也支持透明没有使用滤镜来修正ie下png透明的效果，这样会出现灰色的边。stylebody{background:#000000;margin:100px;}.kuang{background:url(/images/kuang.png) no-repeat center center ;width:134px;height:144px;}/style div class=kuang/div使用滤镜及important【for w3c】后，灰色边框不见了，效果一比较就知道stylebody{background:#000000;margin:..

让innerHTML里的script跑起来

评论(0)浏览(259)分类：JavaScript/Ajax开发技巧
让innerHTML里的script跑起来　　直接设置容器的innerHTML，如果设置的内容里面包含了script代码块，是不会执行的，所以需要做一些处理　　示例代码如下，firefox需要获取script标签，eval里面的内容，ie就简单了，在设置innerHTML前替换script为script defer就行了div id=dv/divscriptwindow.onload=function(){ var dv=document.getElementById('dv'); var s=&#..

去掉IE特有css样式expression

评论(0)浏览(259)分类：JavaScript/Ajax开发技巧
去掉IE特有css样式expression　　IE浏览器下有一个特殊的样式expression，可以动态执行js脚本，this对象指向启用了expression样式的对象。expression这个样式比较耗资源，只要鼠标或者键盘有动作，就会执行这个事件。　　要移除IE的expression css样式，需要使用IE style属性特有方法removeExpression，不能通过style.xxx=null移除。　　去掉IE特有css样式expression源代码如..

IE7下的185个bugs

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

15.9.如何使用正则表达式来验证ISBN号

评论(0)浏览(258)分类：flash/flex/fcs/AIR
15.9.如何使用正则表达式来验证ISBN号15.9.1 问题如何创建一个正则表达式用以验证国际标准图书号码(ISBN)呢?15.9.2 解决办法根据ISBN 的特性, 它一般都是一个10 位至13 数字组成, 有时候会以”X”作为结尾, 并会以”-“号来分隔数组。我们需要根据这个特性去创建所需的正则表达式。15.9.3 讨论这条表达式中的”^”号跟”$”限制了该模式只可以存在于单行中。如果一个文本中有多个不同..

模仿google导航效果

评论(0)浏览(257)分类：JavaScript/Ajax开发技巧
模仿google导航效果示例下载点这里google.js+展开 -JavaScriptvarShowbo={author:'Showbo',des:'只是自己写的一个效果，和google的差很多，达不到google的那种完美效果，呵呵~~'};//导航动态Showbo.xPos=[0,-50,-100,-150,-200,-250,-300];//定义background-position的x位置,如果修改过图片的位置，需要修改这里，下面的y位置同理Showbo.yPos=[-183,-145,-34,-72,1..

ie和firefox下操作table对象的异同

评论(0)浏览(257)分类：JavaScript/Ajax开发技巧
ie和firefox下操作table对象的异同ie和firefox下操作table对象的异同【测试浏览器版本：ie为6，firefox为2.0】1）在ie下，table标签直接使用appendChild增加document.createElement('tr')的行时不显示，但是在firefox下是没有问题的。如下+展开-HTMLtableid="table1"border='1'/tablescripttype='text/javascript'vartb=document.getElementById('table1');vartr=document.create..

javascript计算不同数据类型如何转换

评论(0)浏览(257)分类：JavaScript/Ajax开发技巧
javascript计算不同数据类型如何转换　　JavaScript操作符计算时，2个不同的类型的操作数如何变换类型，及类型转后后的目标值是什么。在js中有5种基础类型数据：string、number、boolean、null、undefined，其中，常用于计算或者比较的类型是前面三种。　　javascript基础数据之间的转换JavaScript其它类型转化数字原始数据类型目标类型NumberundefinedNaNnull0false0true1数字串相..

ckeditor注册ctrl+enter快捷键

评论(0)浏览(257)分类：JavaScript/Ajax开发技巧
ckeditor注册ctrl+enter快捷键2013-04-02更新：不要使用ckeditor的setData方法清空编辑器中的内容，此方法会重构iframe的document对象导致之前注册的ctrl+enter事件丢失，直接操作DOM对象清空body的内容即可。一定要调用setData方法，需要重新给新document对象添加事件，由于是异步的，所以需要传递回调函数，具体看最后的示例。　　由于ckeditor的编辑窗体是iframe，和父窗体..

JavaScript汉字Unicode编码相互转换

评论(0)浏览(256)分类：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,opera浏览器Range对象介绍

评论(0)浏览(255)分类：JavaScript/Ajax开发技巧
IE,firefox,opera浏览器Range对象介绍　　很多时候，我们要通过js向文本输入框(textarea)里添加内容，这些内容有部分文字需要直接选择，然后方便用户修改。这时候就需要用到对象Range。　　这时我们就需要使用到range对象了，下面是IE,firefox,opera浏览器下Range对象的详细介绍。　　通常，Range代表用户的一个选择区域。本文集中于获得用户的选择区域，以及把选择区域转化为一个W3..

javascript ==和===如何比较值，类型转换

评论(0)浏览(255)分类：JavaScript/Ajax开发技巧
javascript ==和===如何比较值，类型转换===运算符判断相等的流程是怎样的如果两个值不是相同类型，它们不相等如果两个值都是null或者都是undefined，它们相等如果两个值都是布尔类型true或者都是false，它们相等如果其中有一个是NaN，它们不相等如果都是数值型并且数值相等，他们相等， -0等于0如果他们都是字符串并且在相同位置包含相同的16位值，他它们相等；如果在长度或者内容上不..

javascript utf-8，unicode(utf-16)编码互换

评论(0)浏览(254)分类：JavaScript/Ajax开发技巧
javascript utf-8，unicode(utf-16)编码互换　　javascript utf-8，unicode(utf-16)编码相互转换源代码 //javascript将UTF-16字符串转转换为UTF-8字符串 function utf16ToUtf8(s){ if(!s){ return; } var i, code, ret = [], len = s.length; for(i = 0; i len; i++){ code = s.charCodeAt(i); ..

网页F11 canvas全屏显示

评论(0)浏览(254)分类：JavaScript/Ajax开发技巧
网页F11 canvas全屏显示　　如何让canvas对象全屏显示，在网页中按下F11键时canvas对象全屏显示。　　网页F11 canvas全屏显示源代码如下titlecanvas F11全屏显示示例/titlecanvas id=c stlyle=border:solid 1px #000/canvasscript var c = document.getElementById('c'); if (c.getContext) { document.onkeydown = function (e) { if..

去掉FusionCharts XT Trial试用文字

评论(0)浏览(253)分类：JavaScript/Ajax开发技巧
去掉FusionCharts XT Trial试用文字　　js移除FusionCharts XT Trial试用文字，不试用ie7-FusionCharts XT Trial字样移除FusionCharts XT Trial字样　　移除FusionCharts XT Trial试用文字源代码如下htmlhead meta content=text/html; charset=UTF-8 http-equiv=content-type link href=/css/normalize.css type=text/css rel=stylesheet link href=/css/result-light.cs..

javascript:void(0)作用

评论(0)浏览(253)分类：JavaScript/Ajax开发技巧
javascript:void(0)作用　　Javascript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值。　　void 操作符用法格式如下：1. javascript:void (expression)2. javascript:void expression　　expression 是一个要计算的 Javascript 标准的表达式。表达式外侧的圆括号是选的，但是写上去是一个好习惯。 (实现版本 Navigator 3.0 )　　你以使用 void 操作符..

定制ext4 combobox分页导航格式

评论(0)浏览(253)分类：extjs开发技巧
定制ext4 combobox分页导航格式　　本实例居于ext-4.1.1a，直接操作ext4生成的combobox分页DOM对象，隐藏不需要的导航对象，缩减导航条的长度。　　如果你使用的是其他版本的ext，可以先试试代码，如果没效果可能是DOM结构不一样或者一些方法不兼容导致出错，自己参考对应版本的ext的api修改代码，并用firebug或者其他调试工具查看combobox生成的导航条的DOM结构。　　本实例有..

jQuery ajax timeout讨论

评论(0)浏览(252)分类：JavaScript/Ajax开发技巧
jQuery ajax timeout讨论　　今天在csdn看到了一个jquery ajax中的timeout问题，地址http://topic.csdn.net/u/20120726/10/0fc851fd-fb54-455c-85db-4b60ffd2e375.html，一个人同时发送了100个ajax请求，timeout设置为5s，只返回了前面几个的ajax请求，后面ajax请求全部超时。　　这个超时问题是jquery的timeout没处理好吗？其实我觉得不是，是浏览器并发请求处理数量有..

浮动层div遮盖select

评论(0)浏览(251)分类：HTML/CSS兼容/XML
浮动层div遮盖selecthtmlhead meta http-equiv=Content-Type content=text/html; charset=gb2312 titleJK:支持民族工业,尽量少买X货/title/headbody div style=z-index:10;position:absolute;width:100;height:18;overflow:hidden; onmouseover=this.style.height=100; onmouseout=this.style.height=18; iframe style=position:absolute;z-index:-1;width:100%;he..

简易天气预报查询

评论(0)浏览(249)分类：JavaScript/Ajax开发技巧
简易天气预报查询一个简单的天气预报查询，可以查询当前及后两天的数据。天气预报数据是从sina网爬下来的，所以使用了正则来获取数据。如果sina改版过的话，需要修改对应的正则表达式。完整示例下载点击这里简易天气预报查询返回的数据为json格式的，大概如下+展开 -JavaScript{success:true//只是是否成功,weathers:[//天气数组，从今天到后两天{d:'日期',weath..

Chrome扩展开发教程(四)Options Pages（选项页面）

评论(0)浏览(248)分类：JavaScript/Ajax开发技巧
Chrome扩展开发教程(四)Options Pages（选项页面）　　可以提供一个选项页面(Options Pages)让用户自定义你的扩展。　　如果设置了选项页面，那么扩展管理页chrome://extensions将会有一个链接指向选项页面。定义选项页面包括两步：1、在manifest中定义选项页{name: My extension,...options_page: options.html,...}上例中，options_page代表选项页面，options.html是具体的文件地址。2、编写选..

vs2013 cordova Failed to install apk to emulator

评论(0)浏览(248)分类：phonegap/cordova
vs2013 cordova Failed to install apk to emulator　　vs2013编译cordova时出错，apk文件无法安装到模拟器中，提示错误：Failed to launch app on emulator: Failed to install apk to emulator: pkg: /data/local/tmp/CordovaApp-debug.apk消息 23 Installing app on emulator... MyApp消息 24 Using apk: E:\cordova\MyApp\bld\Debug\platforms\android\ant-build\CordovaApp-debug.apk MyA..