JavaScript模拟冒泡排序

评论(0)浏览(156)分类：JavaScript/Ajax开发技巧
JavaScript模拟冒泡排序　　JavaScript模拟冒泡排序排序过程，冒泡排序模拟过程效果!DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8titleJavaScript模拟冒泡排序/titlestyle type=text/cssdiv div{width: 10px;background-color: red;display: inline-block;margin-right: 1px;text-align: center;line-height: 30px;}#show {width: 500px;height: 300px;margin-left..

6.3.启动DataGrid多列排序

评论(0)浏览(156)分类：flash/flex/fcs/AIR
6.3.启动DataGrid多列排序本章用到的 Flex3中文教程--homesforsale.xml文件6.3.1. 问题我想启动多列排序功能6.3.2. 解决办法使用AdvancedDataGrid 控件的AdvancedDataGridColumn 提供多列排序支持6.3.3. 讨论AdvancedDataGrid 控件内建支持多列排序。为了演示，下面的例子代码修改了上一节的例子，用AdvancedDataGrid 和AdvancedDataGridColumn 代替DataGrid 和DataGridC..

13.1.为ArrayCollection添加，排序和获取数据

评论(1)浏览(156)分类：flash/flex/fcs/AIR
13.1.为ArrayCollection添加，排序和获取数据13.1.1. 问题我需要添加新数据到ArrayCollection 以及从同一个ArrayCollection 中获取某个数据。13.1.2. 解决办法创建ArrayCollection ， 使用addItemAt 或addItem 方法插入对象到ArrayCollection ，getItemIndex 或contains 方法用于检测数据项是否已存在于数组中，而ArrayCollection 的sort属性是对ArrayCollection排序以及通过某个字段决定接..

Firefox Iframe 编辑器光标问题

评论(1)浏览(156)分类：JavaScript/Ajax开发技巧
Firefox Iframe 编辑器光标问题　　今天做在线编辑器，发现如果在Firefox中使用document.open打开页面，docment.write一些内容或者写入的内容为空时，点击编辑器竟然获取不到光标。document.body.focus()也不能将光标置入iframe编辑器内容，但是ie下却没有这个问题。我x。测试代码如下+展开 -HTMLiframeid="ed"name="ed"/iframescripttype="text/javascript"window.onload=fun..

关于IE的layOut bug

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

JQuery实现的模块交换动画效果

评论(0)浏览(156)分类：JavaScript/Ajax开发技巧
JQuery实现的模块交换动画效果JQuery实现的模块交换动画效果点击下载此附件源代码如下+展开-HTML!doctypehtmlhtmlheadmetahttp-equiv="content-type"content="text/html;charset=utf-8"/titleJQuery实现的模块交换动画效果/titlemetaname="Keywords"content="jquery，模块，交换，动画，javascript特效"/metaname="Description"content="JQuery实现的模块交换动画效果。在模块..

9.6.设置输入域的最大数量

评论(0)浏览(156)分类：flash/flex/fcs/AIR
9.6.设置输入域的最大数量问题我要限制输入字符的个数解决办法设置maxChars属性讨论默认下输入框可以输入任意多的内容，但是最好是控制输入的个数，比如有个文本框输入用户2个字符的国家代码，没有必要输入这么多，只需要2个字符即可，这时我们可以通过maxChars 属性进行限制：+展开-ActionScriptfield.maxChars=6;//最大6个字符如果设为null 则表示不限制。

javascript操作JSON

评论(0)浏览(156)分类：JavaScript/Ajax开发技巧
javascript操作JSONJSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。 JSON 是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。JSON的规则很简单： 对象是一个无序的“‘名称/值’对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称..

也谈WEB打印（四）：让我们的模板支持打印，并根据内容动态的生成页面

评论(0)浏览(156)分类：JavaScript/Ajax开发技巧
也谈WEB打印（四）：让我们的模板支持打印，并根据内容动态的生成页面 在上一篇文章《也谈WEB打印（三）：抛开IE，实现我们自己的打印模板》中，我们写了一个自己的打印模板，然而，该模板并不支持打印，也只能显示2个页面。在本文，我们继续完善该模板，以让他支持打印，并且可以根据被打印的内容动态的生成页面。 废话少说，我们先来分析这个模板：!-- Template2.htm: 一个很小的模板，它支持打印这个模板展示了..

FLASH游戏制作精选实例教程

评论(0)浏览(156)分类：flash/flex/fcs/AIR
FLASH游戏制作精选实例教程　　游戏是Flash制作中很重要的一部分，主要应用的是flash内嵌的action编程脚本。近期国内涌现出了很多优秀的FLASH游戏，譬如小小的《过关斩将II》，JQ的《狙击手I代》和《狙击手II代》等。 往往FLASH游戏制作得好的人都被誉为闪客中的“高手”，不过目前很多网友的flash制作水平都还停留在菜鸟水平，主要就是action脚本掌握不好。 vd;k;l w..

9.4.变成一个密码输入框

评论(0)浏览(155)分类：flash/flex/fcs/AIR
9.4.变成一个密码输入框问题我要如何创建密码输入框呢，能隐藏输入的字符信息，而且不允许复制解决办法设置文本框的displayAsPassword属性为true.讨论在密码框输入信息是看不到具体内容的，这是最基本的保密手段，要创建类似功能的密码框，只要把TextField的displayAsPassword属性设为TRue即可：+展开-ActionScriptfield.displayAsPassword=true;这样所有输入的内容都变..

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

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

jquery请求本地xml无法执行回调问题

评论(0)浏览(155)分类：JavaScript/Ajax开发技巧
jquery请求本地xml无法执行回调问题　　在csdn看到一个问题，挺有代表性的，也给了我个人的回复，转到我的博客来，O(∩_∩)O~。问题描述html里的ajax代码如下：$.get('figures.xml', function(data) { var $entry=$(data).find("entry:eq(0)"); var $text=$entry.find('name').text(); alert($text);});figures.xml代码如下：entries entry name姓名：XXX/name phone手机号..

DTD 验证

评论(0)浏览(155)分类：HTML/CSS兼容/XML
DTD 验证　　Internet Explorer 5.0 可根据某个 DTD 来验证您的 XML。通过 XML 解析器进行验证　　当您试图打开某个 XML 文档时，XML 解析器有可能会产生错误。通过访问 parseError 对象，就可以取回引起错误的确切代码、文本甚至所在的行。注释：load( ) 方法用于文件，而 loadXML( ) 方法用于字符串。+展开-JavaScriptvarxmlDoc=newActiveXObject("Mic..

lightbox效果，半透明遮盖层

评论(0)浏览(155)分类：JavaScript/Ajax开发技巧
lightbox效果，半透明遮盖层　　lightbox效果，半透明的遮盖层，遮盖文字内容效果，不允许操作style#mask{position:absolute;left:0px;top:0px;background:#000;opacity:.5;filter:alpha(opacity=50);display:none}/stylediv style=height:1000px内容input type=button value=显示lightbox onclick=showMask() //divscript var strict = document.compatMode == 'CS..

div高度在IE6显示不正常

评论(2)浏览(154)分类：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里实现，..

Firefox上传文件获取全路径问题

评论(0)浏览(154)分类：JavaScript/Ajax开发技巧
Firefox上传文件获取全路径问题firefox上传文件时只能获取图片的文件名不能获取全路径，因此不能预览，怎么解决呢？ ===========　　firefox,ie7,ie8都是不能直接访问本地文件的。比如+展开-HTMLimgsrc="C:\DocumentsandSettings\Administrator.WWW-00E83A94D30\MyDocuments\MyPictures\winter.jpg"/会给你显示一个X，只有IE6下才有这个权限可以访问，高版本的浏览器出于安全考..

JavaScript全屏打开网页

评论(0)浏览(154)分类：JavaScript/Ajax开发技巧
JavaScript全屏打开网页 下面是一些网上收集的个全屏打开窗口的代码，供参考：第一种方法，使用acx【for ie】和window.open来实现，推荐此种方法+展开-HTMLheadscriptlanguage="javascript"type="text/javascript"functionopenWin(){setTimeout(document.all?"RunScript()"//IE浏览器使用acx:"shellscript()"//w3c浏览器使用window.open,1000);}functionRunScript(){//F..

15.16.如何使用向前查找组或向后查找组语法?

评论(0)浏览(154)分类：flash/flex/fcs/AIR
15.16.如何使用向前查找组或向后查找组语法?15.16.1 问题如果一个模式中规定, 在它的之前或之后不能存在某些字符, 应怎样匹配呢?15.16.2 解决办法可以使用负向前查找组”?!”或负向后查找组”?!”来表示那些字符是不应该存在于某个模式之前或之后。而使用正向前查找组”?=”或正向后查找组”?=”则表示这些字符是应该存在于某个模式之前或之后。15.16.3 讨论有些时候, 你想某个模式以后的表..

18.14.XMLSocket通信

评论(0)浏览(154)分类：flash/flex/fcs/AIR
18.14.XMLSocket通信18.14.1. 问题我想创建一个服务器的连接，不需要请求就可接收XML 数据。18.14.2. 解决办法使用XMLSocket 类打开服务器连接，它允许服务器发送信息给客户端，当数据到达客户端时已经有被接收和处理的信息了。18.14.3. 讨论XMLSocket 类实现了客户端socket，让Flash Player 和AIR 应用程序可以指定IP 地址和域名即可连接到服务器。要使用XMLSocket..

9.10.编译主题SWC

评论(0)浏览(154)分类：flash/flex/fcs/AIR
9.10.编译主题SWC9.10.1.问题你想将你的样式文件打包放进主题SWC，然后编译到程序中。9.10.2.解决办法运用命令行工具生成一个主题SWC ，接着利用mxmlc 编译器的主题选项编译程序。9.10.3.讨论Shockwave Component (SWC)文件是按照PKZIP 格式打包的档案文件。SWC 文件允许你在众多开发者间交换大量文件的唯一档案而不是那些文件本身。正如你会生成MXML 和ActionSc..

HTML5 WebSocket API

评论(0)浏览(153)分类：JavaScript/Ajax开发技巧
HTML5 WebSocket APIThe WebSocket API(subtitle)-->Editor's Draft 8 February 2011Latest Published Version:http://www.w3.org/TR/websockets/Latest Editor's Draft:http://dev.w3.org/html5/websockets/Previous Versions:http://www.w3.org/TR/2009/WD-websockets-20090423/ http://www.w3.org/TR/2009/WD-websockets-20091029/Editor:Ian Hickson, Google, I..

javascript获取textarea光标选择位置和内容方法(IE, Firefox)

评论(0)浏览(153)分类：JavaScript/Ajax开发技巧
javascript获取textarea光标选择位置和内容方法(IE, Firefox) 在网上用baidu找了很久，找到的都是IE的方法，Firefox都不能用。 而且很多要用到textarea.focus()方法，用起来很不方便。后来转用Google，搜了下"textarea cursor"，第一个就有好方法。我根据最后一个家伙的comments，写了一个sample，应该还是挺好用的。原文地址：http://weblogs.asp.net/skillet/archive/2005/03/24/395838.aspx+展开-HTMLh..

CSS中box（盒模式）的分析

评论(0)浏览(153)分类：HTML/CSS兼容/XML
CSS中box（盒模式）的分析W3C定义的盒模式如下: width和height定义的是Content部分的宽度和高度，padding border margin的宽度依次加在外面。背景会填充padding和content部分。但是由于浏览器设计上的问题，不同浏览器显示效果会有些不同。左右Margin加倍的问题当box为float时，IE6中box左右的margin会加倍 左面的inner的左面margin明显大于5px。这时候，定义inner的disp..

网站开发WEB前端高性能优化之JavaScript优化细节

评论(0)浏览(153)分类：JavaScript/Ajax开发技巧
网站开发WEB前端高性能优化之JavaScript优化细节作为一名网站开发WEB前端工程师，对自己开发的网站项目应该尽可能地对其性能进行优化，现在互联网上搜索到的网站性能优化多是翻译转载自 Yahoo14条或34条。Yahoo的优化建议关注在大的方面，下面，W3C Group为大家呈现WEB前端开发高性能优化部分之JavaScript的优化细节！ 一、避免出现脚本失控 不论什么脚本，在任何时间、任何浏览器上执行，都不..

ie条件注释详解

评论(0)浏览(153)分类：HTML/CSS兼容/XML
ie条件注释详解ie浏览器的条件注释理论，用下面一段例子来解释这个问题(X)HTML下面一段代码是测试在微软的IE浏览器下的条件注释语句的效果：+展开-HTML!--[ifIE]h1您正在使用IE浏览器/h1![endif]--!--[ifIE5]h1版本5/h1![endif]--!--[ifIE5.0]h1版本5.0/h1![endif]--!--[ifIE5.5]h1版本5.5/h1![endif]--!--[ifIE6]h1版本6/h1![endif]--!--[ifIE7]h1版本7/h1![e..

css控制文本反方向显示

评论(0)浏览(153)分类：HTML/CSS兼容/XML
css控制文本反方向显示　　CSS属性：unicode-bidi 设置文本的方向，也就是将文字的方向倒过来。如１２３４５６，显示为６５４３２１　　尽管 CSS 试图处理书写方向，但 Unicode 有一种更健壮的方式来处理方向性。利用属性 unicode-bidi，CSS 创作人员可以充分利用 Unicode 的某些功能。可能的值：normal，embed，bidi-override实现此效果的代码：span style=unicode-b..

firefox如何设置动态图标和网站图标favicon.ico

评论(0)浏览(152)分类：HTML/CSS兼容/XML
firefox如何设置动态图标和网站图标favicon.ico　　Favicon，即Favorites Icon，它可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。在主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会出现在地址栏上，这时用户可以拖曳地址前面的favicon图标到桌面以建立到该网站的 快捷方式。另外，标签式浏览器还有不少扩展功能，如..

为什么要用encodeURIComponent()代替escape()

评论(0)浏览(152)分类：JavaScript/Ajax开发技巧
为什么要用encodeURIComponent()代替escape()最近研究了下字符转码，在 《JavaScript 权威指南》 中说最好不要用 escape() 而用 encodeURIComponent() 或者 encodeURI() ，在 MSDN 上也这么说，（强劲BS一下《JavaScript 权威指南》都说 encodeURIComponent() 比 escape() 好了，可是例子中老喜欢用 escape() ，误人子弟啊~）可是为什么呢，都说的不清楚… 我上网找啊找啊，发现大家也不太..

解决js中onMouseOut事件冒泡的问题

评论(0)浏览(152)分类：JavaScript/Ajax开发技巧
解决js中onMouseOut事件冒泡的问题前阵子为BS项目模板做了一个左侧滑动信息栏，效果类似于windows状态栏的自动隐藏效果，鼠标移进滑出，鼠标移出隐藏，浮动时不占用空间，也可以固定住占一块位置。做的过程中遇到一个问题，鼠标在信息栏内部移动时会触发onMouseOut事件，信息栏放在div中，内部有table、img、a等元素，看来是由于事件冒泡，子元素上触发了事件冒泡到了父元素，导致..