flash object/embed wmode介绍

评论(0)浏览(185)分类:flash/flex/fcs/AIR
flash object/embed wmode介绍  在web开发中可能会遇到flash遮挡页面中元素的情况,无论怎么设置flash容器和层的深度(z-index)也无济于事,现有的解决方案 是在插入flash的embed或object标签中加入wmode属性并设置为wmode=transparent或opaque。  wmode即窗口模式总共有三种,Macromedia官方的说法:window 模式  默认情况下的显示模式,在这种模式下flash player有自己..

access-Control-Allow-Origin跨域请求安全隐患

评论(0)浏览(4720)分类:JavaScript/Ajax开发技巧
access-Control-Allow-Origin跨域请求安全隐患?phpheader(Access-Control-Allow-Origin: *);?  最新的W3C标准里是这么实现HTTP跨域请求的,Cross-Origin Resource Sharing,就是跨域的目标服务器要返回一系列的Headers,通过这些Headers来控制是否同意跨域。  这些Headers有:4 Syntax4.1 Access-Control-Allow-Origin HTTP Response Header4.2 Access-Control-Max-Age HTTP Response He..

最新AJAX(XMLHttpRequest)进行跨域请求方法详解

评论(0)浏览(1144)分类:JavaScript/Ajax开发技巧
最新AJAX(XMLHttpRequest)进行跨域请求方法详解注意:以下代码请在Firefox 3.5、Chrome 3.0、Safari 4之后的版本中进行测试。IE8的实现方法与其他浏览不同。  跨域请求,顾名思义,就是一个站点中的资源去访问另外一个不同域名站点上的资源。这种情况很常见,比如说通过 style 标签加载外部样式表文件、通过 img 标签加载外部图片、通过 script 标签加载外部脚本文件、通过 Webfont 加载字体..

javascript实现IE,firefox客户端图片预览

评论(0)浏览(222)分类:JavaScript/Ajax开发技巧
javascript实现IE,firefox客户端图片预览  javascript实现IE,firefox客户端图片预览,测试浏览器:IE6~8,firefox4.0。  google的chrome,safari,opera浏览器需要上传图片才行,这个不在讨论范围,上传后也变简单多了,将表单自动提交到隐藏iframe实现无刷新上传图片文件后,在服务器端保存图片然后返回路径,具体参考这篇文章:ajax无刷新上传文件,使用iframe模仿。  原理:由..

IE浏览器下获取file控件选择本地文件的路径

评论(0)浏览(2316)分类:JavaScript/Ajax开发技巧
IE浏览器下获取file控件选择本地文件的路径  由于安全问题,IE7+浏览器的internet区域的安全设置中将文件上传到服务器时包含本地目录路径选项默认是禁用的,所以通过file.value得到的不是实际选择的本地文件的路径,而是定位到c:\fjkk\等乱七八糟的路径去,文件名是正确的,路径不正确。  IE浏览器下面可以使用selection对象获取到真实的本地选择文件的路径,firefox需要设置安全性,..

getBoundingClientRect获取元素位置

评论(1)浏览(166)分类:JavaScript/Ajax开发技巧
getBoundingClientRect获取元素位置  javascript可以调用DOM对象的getBoundingClientRect方法获取此元素相对于浏览器视窗的位置  下面这是MSDN的解释:Syntax:使用方法oRect = object.getBoundingClientRect()Return Value:返回值Returns a TextRectangle object. Each rectangle has four integer properties (top, left, right, and bottom) that represent a coordinate ..

jquery lightbox plugin txtImage中文乱码

评论(0)浏览(146)分类:JavaScript/Ajax开发技巧
jquery lightbox plugin txtImage中文乱码  从官网点下载http://leandrovieira.com/projects/jquery/lightbox/下载的jquery lightbox plugin插件,给的示例代码中,当配置txtImage为中文时,会出现乱码或者未显示配置的中文内容。  这个问题主要是因为给的示例html文件中指定的页面编码为utf-8的 meta http-equiv=Content-Type content=text/html; charset=utf-8 / titlejQuery ..

Chrome扩展开发教程(九)Events(事件)

评论(0)浏览(161)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(九)Events(事件)事件(Event)就是当某些行为发生后要触发的函数。这些行为包括打开了一个新标签、点击了一个按钮等。下面是利用chrome.tabs.onCreated行为(创建一个新标签页),只要打开了一个新标签页相应的事件就会被触发。这 个例子中,我们用addListener()来注册函数,addListener()的参数总是一个函数,但是这个函数的参数根据事件类型不一样而不同。 点击这..

Chrome扩展开发教程(八)Bookmarks(书签操作)

评论(0)浏览(92)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(八)Bookmarks(书签操作)我们可以用chrome.bookmarks模块来对书签做创建、组织等操作。 Manifest要对书签进行操作,必须要再Manifest文件中设置允许调用书签接口(bookmarks API)。一般像下面这样写:{name: My extension,...permissions: [ bookmarks],...}书签对象和属性书 签以树形机构组织,节点或是一个书签或者是个文件夹(可以包含多个书签)。每个节点都是一个B..

Chrome扩展开发教程(七)themes(主题制作)

评论(0)浏览(110)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(七)themes(主题制作)  在Chrome中,主题当做一个特殊的插件处理。主题要像普通文件一样打包,但是主题中不包含HTML或者JavaScript代码。你可以在主题库里找到一些主题下载。下面只是简单介绍下主题制作,详细的内容可以参考http://code.google.com/p/chromium/wiki/ThemeCreationGuide主题是在Manifest文件中定义的。下面是个定义主题的典型例子:{version: 2.6,n..

ajax无刷新上传文件,使用iframe模仿

评论(2)浏览(585)分类:JavaScript/Ajax开发技巧
ajax无刷新上传文件,使用iframe模仿其实ajax是无法上传文件的,所以得用隐藏的iframe来模仿ajax未出现之前,一直都是隐藏的iframe来实现无刷新操作如果谁看过图灵程序设计丛书的Ajax高级编程,就知道了。示例下载点击这里下面列出代码,asp的上传代码太麻烦,就使用。net了。。。upload.ashx%@ WebHandler?Language=C# Class=upload %using System;using System.Web;public class ..

jquery查找option通过显示的text内容

评论(0)浏览(136)分类:JavaScript/Ajax开发技巧
jquery查找option通过显示的text内容  如果select对象的option没有value属性,jquery怎么通过option显示的text内容查找到对应的option对象?由于option显示的内容没有什么对应的属性,所以只能使用内容选择器:contains来查找。不能通过属性text查找到。  测试代码如下headscript type=text/javascript src=/js/jquery.js/script/headscript type=text/javascript var one = ..

Chrome扩展开发教程(六)Page Actions(地址栏图标)

评论(0)浏览(118)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(六)Page Actions(地址栏图标)地址栏图标代表的是页面内功能,这种功能只能在特地的当前页面发生,而不是所有页面都有这种功能,也就是并不是所有页面上都能显示这样一个图标。比如以下功能只在特定页面才有:RSS订阅图标(仅在有rss订阅功能的网页中才显示)幻灯片显示照片(仅在特定的照片分享网页中有这种功能)下面是个显示RSS订阅图标的图:如果你希望能够一直显示这个图标..

Chrome扩展开发教程(五)Override Pages(重置页面)

评论(0)浏览(205)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(五)Override Pages(重置页面)重置是一种用自己提供的页面替换Google Chrome默认页面的方法。一个重置页面常常是用HTML、JavaScript、CSS组成。当前,能够替换的页面只有新标新标签页,新标签页就是我们打开一个新标签时出现的页面。我们可以把默认的新标签页:替换成这种样式:重置页面非常简单,只需在Manifest中定义自己的页面地址。比如下面的例子中,我们使用了newtab.h..

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

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

Chrome扩展开发教程(三)Browser Action(扩展图标)

评论(0)浏览(476)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(三)Browser Action(扩展图标)文章翻译自http://code.google.com/chrome/extensions/browserAction.html,介绍Browser Action,即右侧的扩展图标。Browser Actions的作用就是控制Chrome地址栏右侧添加一个图标。除了给chrome增加一个图标的功能外,还可以设置提示文字、图标标记、弹出窗口。下图中,在地址栏右侧的彩色图标就是一个Browser Action。Browser Actions创建的图标..

Chrome扩展开发教程(二)概述

评论(0)浏览(162)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(二)概述  文章翻译自http://code.google.com/chrome/extensions/overview.html基础知识  一个Chrome扩展是由HTML、CSS、JavaScript、图片等文件压缩而成。扩展实际上就是一个web页面,你可以用任何浏览器提供给web页面的接口,从XMLHttpRequest 到JSON ,再到HTML本地缓存都可以使用。  Chrome 扩展能做什么呢?我们肯定使用过一些扩展,会发现有..

Chrome扩展开发教程(一)入门

评论(0)浏览(276)分类:JavaScript/Ajax开发技巧
Chrome扩展开发教程(一)入门  本chrome扩展效果如下准备工具做任何事情都要有个工具,制作chrome插件需要的工具很少。记事本,用来编写代码Chrome浏览器,这个不能少吧。Windows下,所有版本的Chrome都可以制作插件。Linux下需要下载Beta版本,Mac下载dev版本。开始制作第一个插件在计算机中创建一个目录来存放插件代码。在目录里面创建文件manifest.json(注意后缀名是.j..

解决3D标签云wp-cumulus中文显示

评论(0)浏览(100)分类:flash/flex/fcs/AIR
解决3D标签云wp-cumulus中文显示  wp-cumulus由于Flash大小限制的问题,不能嵌入全部中文字库,所以3D标签云不能显示中文。  常见的解决方案就是嵌入常用中文字体,这样虽然解决了中文显示的问题,但是导出后的 swf 文件的大小不仅增加了,而且后来增加的文字还是不能显示。本文提供一种不用嵌入字符的解决办法,使导出的 swf 文件大小在 8KB 左右,而且不会出现后来的文字..

Ext getInitialConfig获取不到默认的配置

评论(0)浏览(323)分类:extjs开发技巧
Ext getInitialConfig获取不到默认的配置  在使用最新版本的的ext4.1时,发现使用调用实例的getInitialConfig获取不到创建实例时使用配置对象,得到一个空的JSON配置对象,不知道是ext的bug还是我理解错这个方法或者创建对象时传递的配置方法不对。  ext getInitialConfig方法如下getInitialConfig( [name] ) : Object/MixedReturns the initial configuration passed to construct..

Ext.ux.ItemSelector.getStore undefined

评论(0)浏览(192)分类:extjs开发技巧
Ext.ux.ItemSelector.getStore undefined  ext4.0中的Ext.ux.ItemSelector实例调用getStore方法获取数据源时发生错误,提示getStore undefined。  查看了下Ext.ux.ItemSelector的源代码,Ext.ux.ItemSelector继承Ext.ux.form.MultiSelect,而Ext.ux.form.MultiSelect继承的是Ext.form.field.Base,Ext.form.field.Base并没有getStore方法,并且Ext.ux.form.MultiSelect没有注册getS..

javascript在select指定位置插入option

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

ie margin top失效当前一个节点display为absolute

评论(0)浏览(180)分类:HTML/CSS兼容/XML
ie margin top失效当前一个节点display为absolute  在IE浏览器下面,某个节点设置了margin-top和height属性时,如果此节点的上一个兄弟节点的display为absolute,这个节点的margin-top会失效。去掉这个节点的height属性后,margin-top又起作用了。  解决办法1)将绝对定位的节点放到所有兄弟节点的最后,这样在display为absolute前面设置过height的兄弟节点的margin-top就不会失效了。2)给..

uploadify不显示flash上传按钮

评论(0)浏览(796)分类:JavaScript/Ajax开发技巧
uploadify不显示flash上传按钮  今天尝鲜下载了最新版本的uploadify来试试,在其中一个电脑使用IE6测试的时候发现uploadify没有显示uploadify的flash上传按钮,而是显示html input默认的上传控件。正常情况下的uploadify只显示input file的uploadify  在其他电脑上使用ie6~ie8,firefox或者chrome测试都没问题,能正常显示uploadify的flash上传按钮,就是其中单独的一台电..

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

评论(0)浏览(1274)分类: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)浏览(203)分类: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和其他浏览器的表示..

JSON.stringify介绍

评论(0)浏览(134)分类:JavaScript/Ajax开发技巧
JSON.stringify介绍JSON.stringify浏览器支持:非IE核心的浏览器,如firefox,chrome等,替代方法,下载JSON.JS文件导入,调用obj.toJSONString()即可序列化作用:这个函数的作用主要是为了系列化对象的。语法:JSON.stringify(value [, replacer] [, space])value:是必须要的字段。就是你输入的对象,比如数组啊,类啊等等。replacer:这个是可选的。它又分为2种..

javascript动态给图片添加热点

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