uploadify在firefox中无法使用生成flash对象

评论(0)浏览(700)分类:flash/flex/fcs/AIR
uploadify在firefox中无法使用生成flash对象  昨天upload在firefox下出现uploadify:Some files were not added to the queue: The file xxx is empty.错误,于是升级了flash插件解决了这个bug。但是今天重启后发现firefox下uploadify尽然不会生成flash dom对象了,显示的是原始的html dom对象,但是chrome下是好的。chrome下uploadify生成了flash对象firefox下uploadify显示的是DOM对象..

css打造下拉菜单

评论(0)浏览(129)分类:HTML/CSS兼容/XML
css打造下拉菜单  纯css写的菜单,通过:hover伪类控制子菜单的显示,ie6-不支持非连接对象的伪类,需要自己写js代码进行兼容,不过可以考虑放弃ie6了,应该没人再用了吧?!doctype htmltitle简单纯css菜单/titlestyle ul,li{list-style:none;margin:0px;padding:0px} ul.menu li{margin-left:10px;float:left;position:relative;line-height:20px}/*注意..

pdf.js如何配置语言本地化

评论(0)浏览(752)分类:JavaScript/Ajax开发技巧
pdf.js如何配置语言本地化  pdf.js如何配置显示的语言。pdf.js语言本地化设置。  pdf.js默认的语言是英语的,如果要界面显示指定的语言或者依据访问这浏览器的用户首选语言来确认要要使用的本地化文件,可以按照下面的步骤来操作。  如果访问者已经知道,全部为国内用户,pdf.js要显示中文语言配置,可以用link标签指定加载的语言为中文即可。(下载的pdf.js中语言..

jquery标签云选择效果

评论(0)浏览(186)分类:JavaScript/Ajax开发技巧
jquery标签云选择效果  居于jquery框架的标签云选择效果。!doctype htmltitlejquery多彩标签云选择效果/titlescript type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js/scriptstyle ul,li{list-style:none;padding:0px;margin:0px} ul.cloud{zoom:1;overflow:hidden;width:300px} ul.cloud li{-moz-border-radius:6px..

JavaScript数字滚动效果

评论(0)浏览(195)分类:JavaScript/Ajax开发技巧
JavaScript数字滚动效果  JavaScript数字滚动效果 div id=n style=height:20px div class=num1/div div class=num2/div div class=num3/div div class=num4/div div class=num5/div div class=num6/div div class=num7/div div class=num8/div div class=num9/div div class=num10/div ..

jquery通讯录选择效果

评论(0)浏览(315)分类:JavaScript/Ajax开发技巧
jquery通讯录选择效果  jquery实现通讯录勾选效果。script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js/scripttable trtd valign=top收件人:input type=text id=txt style=width:500px /input type=hidden id=txtIds name=ids /br / 主题:..../tdtd id=tdContact通讯录br /input type=checkbox class=all /全..

javascript添加删除表格数据行示例

评论(0)浏览(328)分类:JavaScript/Ajax开发技巧
javascript添加删除表格数据行示例  javascript添加删除表格数据行示例,居于jquery框架titlejavascript添加删除表格数据行示例/titlescript type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js/scripttable border=1 trtdID/tdth姓名/thth联系电话/thth操作/th/trtbody id=tbRows tr id=trTpltd1/tdtdinput type=text //tdtdinput ty..

如何自定义html5新类型表单错误信息

评论(0)浏览(169)分类:JavaScript/Ajax开发技巧
如何自定义html5新类型表单错误信息  HTML5 input元素新增了很多新类型,如number,tel,email,url等类型,如指定input的type为email,浏览器还会自动验证输入输入的有效性,不是有效的email地址浏览器会自动提示错误信息。如下图所示email:input type=email/图1  错误的样式是浏览器自定义的,如果你想自定义错误控件的样式,可以使用css3的:invalid伪类style input.emai..

HostOnly Cookie和HttpOnly Cookie

评论(0)浏览(512)分类:JavaScript/Ajax开发技巧
HostOnly Cookie和HttpOnly Cookie怎么使用Cookie?  通常我们有两种方式给浏览器设置或获取Cookie,分别是HTTP Response Headers中的Set-Cookie Header和HTTP Request Headers中的Cookie Header,以及通过JavaScript对document.cookie进行赋值或取值。rfc6265第5.2节定义的Set-Cookie Header,除了必须包含Cookie正文,还可以选择性包含6个属性path、domain、max-age、expires..

获取ztree增加删除节点后的数据

评论(0)浏览(413)分类:JavaScript/Ajax开发技巧
获取ztree增加删除节点后的数据  对ztree进行增加删除操作后,如何获取ztree此时的数据源。  获取ztree的数据源很简单,调用getNodes获取所有节点,此时得到的节点是嵌套的json数据结构(非简单) var treeObj = $.fn.zTree.getZTreeObj(treeDemo); var nodes = treeObj.getNodes(); console.log(nodes);  打印节点后你会发现会多出了很多其他属性,是ztree节点..

IE8-如何获取input光标所在位置(selectionstart)

评论(0)浏览(1058)分类:JavaScript/Ajax开发技巧
IE8-如何获取input光标所在位置(selectionstart)  IE9+和标准浏览器支持输入对象的selectionStart属性,可以获取到光标所在输入空间中的位置,IE8-要想获取光标所在位置(selectionstart属性),需要使用range对象。  IE8-如何获取input光标所在位置(selectionstart)源代码如下input type=text id=txt value=1234567 /input type=button value=获取text光标位置 onclick=alert(getCaret(..

javascript检查android软键盘隐藏显示

评论(0)浏览(4217)分类:JavaScript/Ajax开发技巧
javascript检查android软键盘隐藏显示  javascript如何检查当输入框获取焦点弹出android软键盘时,如果点击的是键盘上的隐藏按钮隐藏键盘时,如何捕获点击隐藏按钮事件。  javascript检查android软键盘隐藏显示比较简单,主要是不好判断如果点击的是键盘上的隐藏按钮,因为keydown,keyup中获取不到按键的keyCode,获取到的都为0(可以获取到前往这个键的keyCode为13)。  jav..

javascript解码读取二维码信息

评论(1)浏览(7168)分类:JavaScript/Ajax开发技巧
javascript解码读取二维码信息  javascript如何读取二维码的信息。本示例来源于:http://lazarsoft.info。本示例使用了html5的canvas对象,不支持IE8-,通过html5的canvas对象读入图片后处理读出二维码存储的信息。注意:javascript使用的编码为unicode(utf-16),而二维码编码为UTF-8, ISO-8859-1等,所以包含中文时,javascript读取二维码的信息是utf-8编码的,中文会出..

css3浮动层变大变小切换效果

评论(0)浏览(502)分类:HTML/CSS兼容/XML
css3浮动层变大变小切换效果  一个css3动画效果,点击链接标签弹出详细内容层,从页脚升起然后平铺整个屏幕,而原来的内容层缩小。具体看效果了,装逼可以一用。嘿嘿。注意使用标准浏览器如chrome,firefox,ie8-就不要来凑热闹了。!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdstylehtml, bod..

javascript生成二维码

评论(0)浏览(2180)分类:JavaScript/Ajax开发技巧
javascript生成二维码  jquery.qrcode.js 是居于jquery类库的绘制二维码的插件,用它来实现二维码图形渲染支持canvas和table两种绘图方式。(jquery.qrcode.js 设置显示方式为table时在webkit核心浏览器如chrome下会变形,这个需要注意。)  下面为测试代码(增加了颜色控制,可以设置4个区块的颜色值,需要指定render为table。),效果如下htmlheadtitleJS生成二..

javascript/jquery绘制条形码/二维码插件barcode

评论(0)浏览(4343)分类:JavaScript/Ajax开发技巧
javascript/jquery绘制条形码/二维码插件barcode  javascript绘制条形码/二维码,居于jquery的实现,示例和API如下,翻译来源:http://barcode-coder.com/en/barcode-jquery-plugin-201.html注意:需要绘制的条形码/二维码长度和字符串包含字母之类的,注意要选择不同的条形码/二维码类型,要不无法绘制(没研究过条形码,经测试视乎是这样的)。建议直接选择code128  jquery绘制条形码/二..

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

评论(0)浏览(198)分类: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); ..

CSS3动画Transition

评论(0)浏览(317)分类:HTML/CSS兼容/XML
CSS3动画Transition  W3C标准中对css3的transition这是样描述的:css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。下面我们同样从其最语法和属性值开始一步一步来学习transition的具体使用语法: transition : ['transition-property&..

CSS3动画transform-origin

评论(0)浏览(93)分类:HTML/CSS兼容/XML
CSS3动画transform-origin CSS3动画transform-origin属性默认情况,变形的原点在元素的中心点,或者是元素X轴和Y轴的50%处,如下图所示:  我们没有使用transform-origin改变元素原点位置的情况下,CSS变形进行的旋转、移位、缩放等操作都是以元素自己中心(变形原点)位置进行变形的。但很多时候需要在不同的位置对元素进行变形操作,我们就可以使用transform-origin来..

CSS3动画Transform-style介绍

评论(0)浏览(57)分类:HTML/CSS兼容/XML
CSS3动画Transform-style介绍CSS3 transform-style属性transform-style属性是3D空间一个重要属性,指定嵌套元素如何在3D空间中呈现。他主要有两个属性值:flat和preserve-3d。transform-style属性的使用语法非常简单:transform-style: flat | preserve-3d其中flat值为默认值,表示所有子元素在2D平面呈现。preserve-3d表示所有子元素在3D空间中呈现。  也就是说,如果对一..

viewport参数详解

评论(0)浏览(123)分类:HTML/CSS兼容/XML
viewport参数详解  meta name=viewport content=width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0  该meta标签的作用是让当前viewport的宽度等于设备的宽度,同时不允许用户手动缩放。也许允不允许用户缩放不同的网站有不同的要求,但让 viewport的宽度等于设备的宽度,这个应该是大家都想要的效果,如果你不这样的设定的话,那就..

css3动画transform使用详解

评论(0)浏览(140)分类:HTML/CSS兼容/XML
css3动画transform使用详解  Transform字面上就是变形,改变的意思。在CSS3中transform主要包括以下几种:旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate具体如何实现,老样子,我们就从transform的语法开始吧。语法: transform : none | transform-funct..

通过@media screen控制网站在移动端显示

评论(0)浏览(794)分类:HTML/CSS兼容/XML
通过@media screen控制网站在移动端显示  今天下午花点时间将本站css进行修改,通过@media screen max-width/min-width将本站在移动端浏览器下显示得更加友好。  本站在分辨率宽度680px一下显示如下  如果您在电脑端浏览本站使用的标准浏览器(IE9+,firefox,chrome等),可以缩小浏览器窗口大小到680px以下可以看到效果。  利用@media screen实现网页..

javascript加载xml文件

评论(0)浏览(663)分类:JavaScript/Ajax开发技巧
javascript加载xml文件  javascript加载xml文件源代码 /* 通过ajax加载xml文件,返回xml dom对象 备注:chrome浏览器下请求本地xml文件会报XMLHttpRequest cannot load file:///xxxxx.xx. Cross origin requests are only supported for HTTP,需要搭建服务器 */ function LoadXML(url) { var xhr = window.ActiveXObject ? new ActiveXObject..

解决uploadify cancel取消上传再选择文件报超过限制错误

评论(0)浏览(1054)分类:JavaScript/Ajax开发技巧
解决uploadify cancel取消上传再选择文件报超过限制错误  调用uploadify的cancel方法后,如果再选择文件,超出uploadLimit配置值会报错。看源代码后,uploadify调用cancel方法只有清空队列的情况下(传递*参数,$(xxx).uploadify(cancel,*))才会重置上传队列的值,对于取消单个文件或者指定了多个要取消的队列id参数,没有重置队列长度,继续包含被取消上传的文件数量。所以继续选择文件就会报超过队..

选中网页内容弹出按钮点击发送选中内容到服务器

评论(1)浏览(203)分类:JavaScript/Ajax开发技巧
选中网页内容弹出按钮点击发送选中内容到服务器  效果:在网页中选中一段内容后,自动弹出一个按钮,点击按钮可以将选中的内容回发到服务器。  实现方法:用javascript添加document.onmouseup事件,用range API判断是否选中内容,选中内容则弹出按钮,给按钮绑定点击事件,点击后将选中的内容使用ajax发送到服务器端。  选中网页内容弹出按钮点击发送选中内容到服务器源代码如下script ..

访问输出为空ashx文件firefox弹出保存文件对话框

评论(0)浏览(253)分类:JavaScript/Ajax开发技巧
访问输出为空ashx文件firefox弹出保存文件对话框  用firefox浏览器访问空的ashx文件时,会弹出保存ashx文件的对话框,正在打开ashx。  用开发工具监视后发现响应头尽然没有content-type类型,而且用代码强制设置content-type也无效,还是没有content-type响应头。 public void ProcessRequest(HttpContext context) { context.Response.AddHeader(content-type, text/html);/..

修改input file控件默认浏览文字

评论(0)浏览(889)分类:HTML/CSS兼容/XML
修改input file控件默认浏览文字  如何修改html input file控件默认的浏览(firefox和ie)或者选择文件(chrome)显示内容。解决办法:用一个透明的file控件浮动到你的自己的提示文字或者图片上即可。注意:IE下必须要调整默认的按钮位置对到你的文字上,前面显示文件路径的那部分覆盖住提示文字需要双击才能弹出文件选择窗口。自己调整input的font-size属性变换file控件大小..

javascript动态添加ajaxtookit tabcontainer tabpanel示例

评论(0)浏览(166)分类:JavaScript/Ajax开发技巧
javascript动态添加ajaxtookit tabcontainer tabpanel示例  在浏览器控制台打印ajaxtookit tabcontainer对象时,发现ajaxtookit tabcontainer客户端类库没有提供客户端API给js调用动态添加tabpanel,需要在asp.net服务器端TabContainer1.Tabs.Add动态添加。  javascript动态添加ajaxtookit tabcontainer tabpanel示例如下,需要自己写代码,动态添加tabpanel。%@ Page Language=C# AutoEventWireup=..

chrome An invalid form control with name is not focusable.

评论(0)浏览(1185)分类:JavaScript/Ajax开发技巧
chrome An invalid form control with name is not focusable.   提交表单时chrome控制台出现错误:An invalid form control with name is not focusable.  出现这个错误是因为表单中包含了HTML5属性required的控件不可见(如这个控件style display设置为none或者其父容器display为none),被隐藏起来了,导致chrome无法聚焦这个值为空的输入项弹出错误提示窗口而报错:An invalid form control with nam..