jquery标签云选择效果

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

easyui combobox editable和required属性冲突

评论(0)浏览(2058)分类：easyui开发技巧
easyui combobox editable和required属性冲突　　easyui combobox配置editable为false，并且required配置为true时，当combobox值为空，提交表单时，错误提示信息不回显示出来，如下图所示，控件样式加上了，但是tooltip错误并没有显示出来，去掉editable为false的配置或者配置为true，错误提示信息是显示出来的。　　猜测可能是easyui的bug。如果一定配置combobox的editable为false，requir..

HostOnly Cookie和HttpOnly Cookie

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

navigator.geolocation.getCurrentPosition timeout expired

评论(0)浏览(1741)分类：phonegap/cordova
navigator.geolocation.getCurrentPosition timeout expired　　最近学习cordova，使用navigator.geolocation.getCurrentPosition进行地理定位时，不管timeout设置为多大都会出现timeout expired这个错误，那么你浏览器使用的地理定位接口肯定是被狗日的GFW给拦截了。如使用pc上的chrome浏览器测试，上一次定位未返回前（没有超过指定的timeout时间），你再次刷新页面，那么将会得到2个错误信息，一个如下..

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

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

geolocation the last location provider was disabled

评论(0)浏览(216)分类：phonegap/cordova
geolocation the last location provider was disabled　　phonegap cordova调用getCurrentPosition/watchCurrentPostion时，执行error回调，错误如下code：2message：the last location provider was disabled　　如果确认你已经配置过AndroidManifest.xml添加了下面的允许访问位置信息 uses-permission android:name=android.permission.ACCESS_FINE_LOCATION /　　那么还出现这个错误那就是androi..

javascript检查android软键盘隐藏显示

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

Android PhoneGap Accelerometer watchAcceleration数据不更新解决办法

评论(0)浏览(407)分类：phonegap/cordova
Android PhoneGap Accelerometer watchAcceleration数据不更新解决办法　　最近再学phonegap，在测试accelerometer加速传感器（重力感应器）的watchAcceleration获取加速传感器数据时，发现第一次运行app时，watchAcceleration添加的success或者error回调都不执行，点击页面上的按钮调用震动功能后，watchAcceleration就正常执行，并且按照指定的frequency运行，但是传入success回调的数据不会更新。　　经测试可能是..

javascript解码读取二维码信息

评论(1)浏览(9022)分类：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)浏览(643)分类：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..

easyui combobox验证不为空和提示信息一致错误提示

评论(0)浏览(9205)分类：easyui开发技巧
easyui combobox验证不为空和提示信息一致错误提示　　easyui combobox为空时错误提示，如果和默认的提示信息一致时，也需要提示错误信息示例。select name=language id=lanoption value=.../optionoption value=arArabic/optionoption value=caCatalan/optionoption value=zh-chtChinese Traditional/optionoption value=enEnglish/optionoption value=etEstonian/option/select　　combobox为空..

cordova/phonegap实现再按一次退出效果

评论(0)浏览(788)分类：phonegap/cordova
cordova/phonegap实现再按一次退出效果　　cordova/phonegap实现再按一次退出效果，退出phonegap/cordova项目的接口API为navigator.app.exitApp()，但是，cordova的api里面没有app的介绍。　　cordova/phonegap实现再按一次退出效果源代码如下　　提示信息在android真机上测试时，提示信息exitNote对象如果position指定为fixed不会出现，但是模拟设备上可以显示，不知道什么问题。指定..

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

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

vs2013 cordova failed to run java -version解决办法

评论(0)浏览(143)分类：phonegap/cordova
vs2013 cordova failed to run java -version解决办法　　如果你使用vs2013开发cordova项目时，编译项目时如果出现下面的错误Failed to run java -version,make sure your java environment is set up错误，那一般是你的java sdk版本不一样的问题。　　之前系统安装过java sdk7(因为也安装了mono for Android的vs插件，mono for Android要求java sdk为32位版本)和Android sdk，已设置好java_home系统..

easyui tree支持扁平、简单数据结构扩展

评论(0)浏览(921)分类：easyui开发技巧
easyui tree支持扁平、简单数据结构扩展　　easyui的tree组件支持的数据结构是嵌套模型的，如下[{id:1,text:text1,children:[{id:4,text:text1_1,pid:1}]},{id:2,text:text2},{id:3,text:text3}]　　如果easyui tree想加载类型ztree的简单数据结构（扁平数据结构，依据parentId来确定父子关系的数据结构），需要自己扩展loadFilter来将简单/扁平数据结构处理为嵌套格式的数据才行。　　..

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

评论(0)浏览(1028)分类：HTML/CSS兼容/XML
通过@media screen控制网站在移动端显示　　今天下午花点时间将本站css进行修改，通过@media screen max-width/min-width将本站在移动端浏览器下显示得更加友好。　　本站在分辨率宽度680px一下显示如下　　如果您在电脑端浏览本站使用的标准浏览器（ＩＥ９＋，ｆｉｒｅｆｏｘ，ｃｈｒｏｍｅ等），可以缩小浏览器窗口大小到６８０ｐｘ以下可以看到效果。　　利用@media screen实现网页..

javascript加载xml文件

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

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

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

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

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

javascript动态添加ajaxtookit tabcontainer tabpanel示例

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

IE透明滤镜alpha失效解决办法

评论(0)浏览(277)分类：HTML/CSS兼容/XML
IE透明滤镜alpha失效解决办法　　IE的透明滤镜filter:alpha(opacity=40)在未添加xhtml申明时会不起效果。即使添加了xhtml申明，IE7也无效。IE7下xhtml申明alpha滤镜无效IE8无xhtml申明也无效源代码如下!DOCTYPE htmltitleIE透明滤镜alpha失效/titlestyle#dvTable div.opc4{opacity:0.4;filter:alpha(opacity=40);}#dvTable div.opc4:hover{opacity:1;filter:alpha(opacity=1..

ext gridpanel数据导出excel文件

评论(0)浏览(402)分类：extjs开发技巧
ext gridpanel数据导出excel文件　　ext gridpanel导出excel文件类库代码，支持base64客户端数据直接导出。base64类库需要自己导入：javascript base64编码解码类库 var extToExcel = {//ext gridpanel导出excel文件类库代码 exportResult: function () { var fileName = this.title; var vExportContent = this.getExcelXml(); //..