发一个支持iframe的无刷上传文件的ajax类库

评论(0)浏览(158)分类:JavaScript/Ajax开发技巧
发一个支持iframe的无刷上传文件的ajax类库在原来的ajax类库基础上添加了post方法,直接提交表单,而不需要手动收集要提交的键和值。并在此基础上判断enctype是否为"multipart/form-data"类型,如果是则表单提交到隐藏的iframe中实现无刷新上传文件。不过需要注意的是网站使用的编码为utf-8。+展开-JavaScriptvarShowbo={version:'1.0',author:'showbo',intro:'通用',homepage:'//'};//是..

Canvas使用教程——基本语法(Basic usage)

评论(0)浏览(158)分类:Canvas/VML/SVG
Canvas使用教程——基本语法(Basic usage)原文:http://developer.mozilla.org/en/Canvas_tutorial/Basic_usage好,现在开始我们的canvas探究之旅……canvas id="tutorial" width="150" height="150"/canvas乍看上去,该标签类似于img,不过它不支持src和alt属性,canvas标签仅仅支持2个属性:width和height。当宽度和高度没有指定时,他们的默认值为300px和150px。该元素可以象任何普通..

Firefox Iframe 编辑器光标问题

评论(1)浏览(158)分类: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..

16.3.在图表中选择一个区域

评论(0)浏览(158)分类:flash/flex/fcs/AIR
16.3.在图表中选择一个区域16.3.1.问题我需要在图表上选择某个区域或者某些元素。16.3.2. 解决方法首先使用图表的selectionMode 属性设置需要选择的区域类型,然后使用鼠标键盘或者程序来选择图表中的元素。16.3.3. 讨论与其他列表组件相似,图表的元素是可选的。这有利于用数据网格或二级图表显示数据点上更多的细节。要使图表可选,就要设定selectionMode 属性为single ..

5.7.在Tree控件中使用复杂数据对象

评论(0)浏览(158)分类:flash/flex/fcs/AIR
5.7.在Tree控件中使用复杂数据对象5.7.1问题为Tree 控件传递复杂数据,并使用Tree 适当地解析它们5.7.2解决方法在一个类中实现ITreeDataDescriptor 接口,并该类的新数据描述符中设置一个示例对象给Tree 中dataDescriptor 属性,5.7.3讨论使用一个对象和Tree 一起,将对象传递给Tree 来实现ITreeDataDescriptor 以解析数据并返回与数据中的对像关系相关的正确信息,XML 数据很容易..

5.10.跟踪TileList中所有被选中的子节点

评论(0)浏览(158)分类:flash/flex/fcs/AIR
5.10.跟踪TileList中所有被选中的子节点5.10.1.问题为TileList 的渲染器设置一个切换,并跟踪TileList 中所有被选中的子节点5.10.2.解决方法扩展TileList 组件并创建一个类似itemRenderer 用法的定制渲染器,对于渲染器中的切换事件,在事件中发布唯一的标识符uid 到TileList 并保存所有IDs 到一个数组。5.10.3.讨论对于所有itemRenderers,当它们的listData 属性被设置了,可以访问它..

javascript糟粕与鸡肋分析

评论(0)浏览(158)分类:JavaScript/Ajax开发技巧
javascript糟粕与鸡肋分析  大多数语言都有精华部分和鸡肋部分,我发现如果只使用精华部分而避免使用鸡肋部分,我可以成为一名更好的程序员,Douglas Crockford曾经写过一本很薄的书《JavaScript: The Good Parts》,这是开篇中的一句话。书中专门介绍了JavaScript中值得发扬光大的精华部分,并在附录中详细列举了JavaScript的糟粕、鸡肋部分。如果能规避掉JavaScript语..

node.js简介

评论(0)浏览(158)分类:JavaScript/Ajax开发技巧
node.js简介  node.js轻量级的框架,Server- Side Javascrpt。  首先下载node.js,然后解压到E盘,改名为node,然后开始菜单输入cmd,用cd命令切换到nodejs的解压目录:第一个例子:hello world。在node目录下建立hello.js文件,然后在里面输入://var sys = require(sys);var sys = require(util)sys.puts(Hello world);  然后我们在命名台中输入命令..

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

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

javascript垃圾回收机制理解

评论(0)浏览(158)分类:JavaScript/Ajax开发技巧
javascript垃圾回收机制理解  javascript语言是一门优秀的脚本语言.其中包含脚本语言的灵活性外还拥有许多高级语言的特性.例如充许构建和实例化一个对象,垃圾 回收机制(GC:Garbage Collecation).通常我们使用new创建对象,GC负责回收对象占用内存区域.因此了解GC,可以加深对javascript垃圾回收机制的理 解。  GC在回收内存时,首先会判断该对象是否被其它对象引用.在确定..

IE对CSS样式表的限制和解决方案

评论(0)浏览(157)分类:JavaScript/Ajax开发技巧
IE对CSS样式表的限制和解决方案HTML文档与CSS的关联常见有4种方式: 1.使用link标记 +展开-HTMLlinkrel="stylesheet"type="text/css"href="sheet.css"/ 2.使用style元素+展开-HTMLstyletype="text/css"body{background:#fff;}h1{font-size:2em;}/style 3.使用@import指令+展开-HTMLstyletype="text/css"@importurl(sheet1.css);@import"sheet2.css";/style 4.使用styl..

JavaScript正则compile方法

评论(0)浏览(157)分类:JavaScript/Ajax开发技巧
JavaScript正则compile方法JavaScript正则compile定义和用法compile() 方法用于在脚本执行过程中编译正则表达式。compile() 方法也可用于改变和重新编译正则表达式。语法RegExpObject.compile(regexp,modifier)参数描述regexp正则表达式。modifier规定匹配的类型。g 用于全局匹配,i 用于区分大小写,gi 用于全局区分大小写的匹配。示例  在字符串中全局搜索 man,并用 ..

css中table-layout:fixed结合nowrap使用示例

评论(0)浏览(157)分类:HTML/CSS兼容/XML
css中table-layout:fixed结合nowrap使用示例css table-layout:fixed使用效果:如果想要一个table固定大小,里面的文字强制换行(尤其是在一长串数字英文文本,中间无空格分隔的情况下),以达到使过长的文字不撑破表格的目的,一般是使用样式:table-layout:fixed。但是在Firefox下面,会有一些问题,参考 Gmail的一些做法,做了几个测试,得出一种解决办法。例1:(IE浏览器)普通的情况table..

6.1.创建DataGrid自定义列

评论(0)浏览(157)分类:flash/flex/fcs/AIR
6.1.创建DataGrid自定义列本章用到的 Flex3中文教程--homesforsale.xml文件6.1.1. 问题我想指定DataGrid 自定义列,控制数据显示。6.1.2. 解决办法使用DataGridColumn 标签指定自定义列属性6.1.3. 讨论本节添加三个DataGridColumn 标签到DataGrid 的columns 属性中。使用homesforsale.xml作为数据文件。DataGridColumn 标签指定列表头标题和dataProvider 内对象属性的显示..

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

评论(0)浏览(157)分类: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实现的模块交换动画效果。在模块..

Google Map开发系列(十二)——定制GoogleBar --谷歌地图的本地搜索栏

评论(0)浏览(157)分类:Google Maps开发
Google Map开发系列(十二)——定制GoogleBar --谷歌地图的本地搜索栏在提到地图上的默认控件和GMap2的设置项的时候,我都提过谷歌地图的本地搜索栏这个控件,要在地图上加上这个控件很简单,不需要调用GMap2.addControl(),只需要一句话: map.enableGoogleBar();这样就可以在地图的左下角加上这个搜索栏了,并且替换掉了原来的谷歌Logo的图片。目前用这个搜索栏可以搜索两种类型的数据: 1、地名; 2、谷歌提供的..

也谈WEB打印(四):让我们的模板支持打印,并根据内容动态的生成页面

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

4.9.模拟骰子

评论(0)浏览(157)分类:flash/flex/fcs/AIR
4.9.模拟骰子问题我要模仿掷骰子解决办法用NumberUtilities.random( ) 方法产生指定范围的随机数讨论用random( ) 方法产生整数来模拟掷骰子,这在很多游戏中经常用到,这次我们在ActionScript中实现一般我们产生随机数然后保存它在使用,如果要重新使用存在的随机数,应保存它而不是再产生新的随机数。注意下面两种情况,第一种,dice总是die1和die2的之和:..

6.7.载入外部swf文件并与之交互

评论(0)浏览(157)分类:flash/flex/fcs/AIR
6.7.载入外部swf文件并与之交互问题我要载入而且控制外部的SWF文件解决办法使用Loader 类载入.swf 文件,然后通过Loader实例的content 属性访问讨论6.6节演示了如何通过Loader 类载入外部图片资源,载入swf 文件也是同样的方法,通过load( )方法,然后传递一个.swf文件的URL。我们创建两个独立的.swf文件:ExternalMovie.swf 和LoaderExample.swf。第一个稍后要被载入到第二个..

FLASH游戏制作精选实例教程

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

javascript操作JSON

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

关于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..

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排序以及通过某个字段决定接..

css text-transform属性介绍

评论(1)浏览(156)分类:HTML/CSS兼容/XML
css text-transform属性介绍CSS text-transform 属性定义和用法text-transform 属性控制文本的大小写。说明这个属性会改变元素中的字母大小写,而不论源文档中文本的大小写。如果值为 capitalize,则要对某些字母大写,但是并没有明确定义如何确定哪些字母要大写,这取决于用户代理如何识别出各个词。默认值:none继承性:yes版本:CSS1JavaScript 语法:object.style.text..

css+div模拟frameset布局代码

评论(0)浏览(156)分类:HTML/CSS兼容/XML
css+div模拟frameset布局代码  css+div模拟frameset布局代码,frameset不利于seo,可以采用css+div的absolute定位来实现frameset布局。!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdtitlecss+div模拟frameset布局代码/titlestylebody{margin:0px}#top{height:100px;background:#eee;position:ab..

HTML5 canvas简介

评论(0)浏览(156)分类:Canvas/VML/SVG
HTML5 canvas简介  HTML5 提供了画布(canvas)标签,通过与Javascript结合使用,可以在网页上绘制图像。Canvas是一个矩形区域,使用Javascript可以控制其每一个像素。本文将对canvas标签进行简要的学习。  canvas标签说明:canvas标签是一个矩形区域,它包含两个属性width和height,分别表示矩形区域的宽和高,这两个属性都是可选的,并且都可以通过css来设..

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..

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里实现,..

DTD 验证

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