jQuery调用WebService返回JSON数据

评论(0)浏览(951)分类:JavaScript/Ajax开发技巧
jQuery调用WebService返回JSON数据  本文将介绍jWuery调用基于.NET Framework 3.5的WebService返回JSON数据,另外还要介绍一下用jQuery调用WebService的参数设置及设置不当所出现的问题,还有出现问题的原因.  jQuery调用WebService网上的介绍也比较多,最近的项目中我也用到不少,一直都很少用.NET Ajax,比较钟情于jQuery调用请求WebService有几种方法,这主要说一下POST与..

瀑布流waterfall jquery插件动态读取数据示例

评论(0)浏览(946)分类:JavaScript/Ajax开发技巧
瀑布流waterfall jquery插件动态读取数据示例  jquery瀑布流waterfall插件示例,瀑布流结合asp.net示例源代码index.aspx%@ Page Language=C# AutoEventWireup=true CodeFile=index.aspx.cs Inherits=index %!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtmlheadmeta http-equiv=content-type content=text/htm..

zTree分层显示,分层联动示例

评论(0)浏览(944)分类:JavaScript/Ajax开发技巧
zTree分层显示,分层联动示例  功能描述:一棵多层的树,将其某个层之下的子节点显示到一棵新的树中(如:前面两级在左侧的一棵树中显示,对应的2级节点的三级和四级(如果有的话) ,显示在右侧新的树中,如select的联动一样)  本文使用zTree_v3.4,如果其他版本的zTree,自行参考API修改对应的方法,zTree_v3.4下载地址:zTree_v3.4下载,zTree_v3.4示例,zTree_v3.4中文..

js、vbs二维数组排列组合示例

评论(0)浏览(940)分类:JavaScript/Ajax开发技巧
js、vbs二维数组排列组合示例  js、vbs二维数组排列组合源代码,js、vbs二维数组全排列组合源代码现在有一个不确定长度的数组,比如:var temparr = [ [Fu, Hai, Huan], [Wei, You], [Chong, Tong, Zhong], [1, 2, 3]]每一个数组的项长度也不确定,如何 遍历这个数组,得到如: FuWeiChong ,FuWeiTong。。。。这样的数据  要实..

img hspace/vspace失效解决办法

评论(0)浏览(933)分类:HTML/CSS兼容/XML
img hspace/vspace失效解决办法  html img标签添加了hspace,vspace属性后确没有作用,图片紧靠文字解决办法。  img标签添加了hspace,vspace属性后确没起作用,一般是样式中定义了img,设置了margin导致的,如下,上图的图片添加了hspace为10,但是文字还是紧靠图片,查看图片样式后发下有如下的css设置过img的margin为0。  将这个样式中的img去掉后,img设置hspace,v..

IE7-容器内部的浮动元素float:left碰到容器边界内换行bug

评论(0)浏览(933)分类:HTML/CSS兼容/XML
IE7-容器内部的浮动元素float:left碰到容器边界内换行bug  IE7-浏览器或者IE8浏览器下(没有添加xhtml申明的html),容器内部的浮动元素,当碰到容器的边界时,碰到边界的那个元素不会自动换到下一行显示,而是在当前行显示,超出剩余空间的文字自动在这个浮动元素内容换行显示,效果图如下firefox浏览器IE7浏览器IE6浏览器  源代码如下style.xx{zoom:1;width:200px;}.xx a{ float: left; fo..

C#/vbscript/JS如何加密保护HTML/javascript源代码

评论(1)浏览(930)分类:JavaScript/Ajax开发技巧
C#/vbscript/JS如何加密保护HTML/javascript源代码  本文通过将源代码进行unicode转换后进行混淆加密,对HTML或者javascript源代码进行加密,将内容转换为一些看似乱码的内容,然后通过客户端的JS脚本反相解析回来。  HTML/javascript源代码加密混淆算法1)ASCII编码内可见字符【33~126】,33~79进行+47操作操作,80~126进行-47操作2)ASCII编码内部可见字符【0~32,127】,【128~133】,不操..

javascript btoa/atob方法

评论(0)浏览(923)分类:JavaScript/Ajax开发技巧
javascript btoa/atob方法SummaryCreates a base-64 encoded ASCII string from a string of binary data.Please note that this is not suitable for rawUnicodestrings! See Unicode section below. Syntaxvar encodedData = window.btoa(stringToEncode); Examplevar encodedData = window.btoa(Hello, world); // encode a stringvar decodedData = window.atob(enco..

javascript检查插件是否已经在IE和firefox上安装

评论(0)浏览(884)分类:JavaScript/Ajax开发技巧
javascript检查插件是否已经在IE和firefox上安装一、IE检查插件是否安装,通过创建ActiveXObject来实现,提示ActiveX控件和本页其他部分的交互...警告这个也说明安装过插件了,但是点击否不会继续new ActiveXObject后的语句scripttry{// var varTest = new ActiveXObject(jmail.Message); alert(jmail.Message已经在系统上安装过!) }catch (e) { alert(没有可支持的插件!..

meizz日历控件,梅花雨日历控件,支持时间选择

评论(0)浏览(870)分类:JavaScript/Ajax开发技巧
meizz日历控件,梅花雨日历控件,支持时间选择  meizz大牛以前写的一个日历控件,支持日期,时间,精确到秒的选择,不过美中不足就是不兼容firefox,经本人修改,现在已经兼容firefox。  测试浏览器:IE7,IE8,firefox4,chrome21.0.1180.79 m  效果如下图所示  源代码如下script // 主调用函数是 setday(this,[object])和setday(this),[object]是控件输出的控件名,举两个例子..

javascript解码16进制\x\u编码

评论(0)浏览(865)分类:JavaScript/Ajax开发技巧
javascript解码16进制\x\u编码  javascript解码\x\u格式的16进制编码。script function hexToString(str) { var mc = str.match(/\\x[a-z\d]{2}|\\u[a-z\d]{4}/gi); var val = ''; for (var i = 0, j = mc.length; i j; i++) { val += String.fromCharCode(parseInt(mc[i].substring(2), 16)); } return val; ..

jQuery软键盘插件

评论(0)浏览(852)分类:JavaScript/Ajax开发技巧
jQuery软键盘插件  居于jquery框架的软键盘插件。javascript实现软键盘输入。软键盘效果如下图  jQuery软键盘实现源代码如下!DOCTYPE htmlstylediv.softkb{display:inline-block;position:relative;height:23px;}div.softkb img{cursor:pointer;position:absolute;top:4px;right:5px}div.keyboard{position:absolute;border:solid 1px #5c5c5c;zoom:1;overfl..

网站添加谷歌翻译工具条后自动翻译为指定语言

评论(0)浏览(850)分类:JavaScript/Ajax开发技巧
网站添加谷歌翻译工具条后自动翻译为指定语言  如何给网站添加谷歌工具条可以参考这篇文章:给网站增加google翻译工具条  现在要实现的是,如何通过谷歌翻译工具条,自动将网站的内容翻译为指定的语言,不需要人工点开语言选择框,然后选择对应的语言后才执行翻译操作。  通过观察谷歌翻译工具条可以看到语言选择DOM对象在一个iframe里面,样式为.goog-te-menu-frame,还在不是从谷歌..

表格列交换,拖拽改变列宽效果

评论(0)浏览(845)分类:JavaScript/Ajax开发技巧
表格列交换,拖拽改变列宽效果  表格可以拖拽更换每列循序,并且可以拖拽修改每列长度jquery插件。使用到了colResizable-1.3.min.js(更改列宽)和colExchange.js(拖拽交换列位置,并且扩展了2个方法removeCol删除列和addCol添加列API方法)这2个插件,效果如下。  表格列交换,拖拽改变列宽示例,查看效果点击这里:表格列交换,拖拽改变列宽示例!DOCTYPE htmlhtml lan..

websocket获取图片2进制数据流显示

评论(0)浏览(845)分类:JavaScript/Ajax开发技巧
websocket获取图片2进制数据流显示  javascript从websocket返回的2进制流中获取数据显示到img对象中。ws.onmessage = function(evt) { if(typeof(evt.data)==string){ //textHandler(JSON.parse(evt.data)); }else{ var reader = new FileReader(); reader.onload = function(evt){ if(evt.target.readyState == FileReader.DONE)..

javascript base64编码解码类库

评论(0)浏览(844)分类:JavaScript/Ajax开发技巧
javascript base64编码解码类库  javascript将字符串转为base64编码和解码base64字符串类库代码。script var Base64 = { // private property _keyStr: ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=, // public method for encoding encode: function (input) { var output = ; ..

canvas保存为图片,兼容IE9+,chrome,Firefox

评论(0)浏览(834)分类:JavaScript/Ajax开发技巧
canvas保存为图片,兼容IE9+,chrome,Firefox  javascript将canvas对象保存为图片示例,兼容IE9+,chrome,Firefox,效果如下firefox将canvas对象保存为图片chrome将canvas对象保存为图片IE11将canvas对象保存为图片  javascript将canvas保存为图片源代码如下titlejavascript将canvas对象保存为图片示例/titlecanvas id=c/canvasbr /input type=button value=保存canvas为图片 onclick=..

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

评论(0)浏览(833)分类: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对象..

Flash发布是弹出安全警告的解决方案

评论(0)浏览(826)分类:flash/flex/fcs/AIR
Flash发布是弹出安全警告的解决方案 问题描述: 总是跳安全性警告.求解决方法. 我在调试FLASH时总是发现这样一个问题. 如果FLASH里面有做了带链接的按钮 或有发送命令和参数的语句的话,放在网页里调试的时候就会跳出一个警告框, 内容是: "MACEOMEDIA FLASH PLAYER已终止一项可能不安全的操作. 您的计算机或网络上存在以下本地应用程序: X:\XXX\XXX\XXX\abc.swf 正在尝试与以下可访问..

Selection.selectAllChildren方法

评论(0)浏览(814)分类:JavaScript/Ajax开发技巧
Selection.selectAllChildren方法Selection.selectAllChildren简介将指定节点的所有子节点加到当前selection中,这个操作将会丢失之前选择的内容。语法sel.selectAllChildren(parentNode)参数parentNode选中parentNode参数的所有子元素,但是 parentNode 不会包含在当前selection中。示例footer = document.getElementById(footer);window.getSelection().selectAllChildren(fo..

javascript加载xml文件

评论(0)浏览(800)分类: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不显示flash上传按钮

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

标准浏览器下oninput如何响应javascript动态设置值

评论(0)浏览(794)分类:JavaScript/Ajax开发技巧
标准浏览器下oninput如何响应javascript动态设置值  在标准浏览器下,如firefox或者chrome,oninput事件只有输入或者粘贴剪裁的时候才会响应,而javascript动态设置控件的值时不响应oninput事件,而ie浏览器下的onpropertychange事件则会响应javascript动态设置控件内容时。  要解决oninput不响应javascript动态设置值,可以使用__defineSetter__重新定义value属性值,然后调用oninput事件。..

解决ie下移动浮动层闪动问题

评论(0)浏览(776)分类:HTML/CSS兼容/XML
解决ie下移动浮动层闪动问题  IE浏览器下如果使用setInterval/setTimeout计时器实现实时移动浮动层时,浮动层会有一些细微的闪动或者震动,因为IE有一个多步的渲染进程,当滚动或调整浏览器大小的时候,它将重置所有内容并重画页面,这个时候它就会重新处理css表达式。这会引起一个丑陋的闪动/振动bug,在此处固定位置的元素需要调整以跟上(页面的)滚动,就会出现跳动。 ..

jQuery自适应容器焦点图,兼容移动端

评论(0)浏览(769)分类:JavaScript/Ajax开发技巧
jQuery自适应容器焦点图,兼容移动端  jQuery自适应容器焦点图,兼容移动端浏览器,支持移动端的touch触碰事件滑动切换图片。效果如下  兼容移动端的焦点图,只要放到指定的容器中,焦点图会自动水平填满容器宽度,移动端显示只需要控制指定容器的宽度,不需要关心焦点图显示,会自动填满此容器宽度,高度等比计算得出,图片不会变形。  jQuery自适应容器焦点图,兼容移动端浏..

js区分webkit核心浏览器chrome,360浏览器

评论(0)浏览(765)分类:JavaScript/Ajax开发技巧
js区分webkit核心浏览器chrome,360浏览器  javascript如何识别webkit核心浏览器是哪种厂商的浏览器,如chrome,360急速,360安全,猎豹,世界之窗,搜狗,qq,百度之类的浏览器,核心都是webkit的,如何区分出不同的厂商。  一般区分浏览器厂商是通过navigator.userAgent来判断特殊字符来实现,但是webkit核心浏览器有些时候navigator.userAgent是完全一样的,不会增加特殊内容(如..

js生成网站快捷方式

评论(0)浏览(764)分类:JavaScript/Ajax开发技巧
js生成网站快捷方式  url桌面快捷方式为一个.url 后缀的文件,用blob导出给用户保存就行。不过chrome保存会有危险提示,打开时也会提示是否打开。script function createLinkFile(URL,iconfile) { //快捷方式内容,URL参数为网址,IconFile为快捷方式图标,可以自行修改 var content = `[{000214A0-0000-0000-C000-000000000046}]Prop3=19,11[I..

Highcharts如何设置xAxis轴某条线的颜色

评论(0)浏览(755)分类:JavaScript/Ajax开发技巧
Highcharts如何设置xAxis轴某条线的颜色  Highcharts如何设置xAxis水平轴某条线的颜色源代码。Highcharts使用vml(IE8-)或者svg(标准浏览器)进行绘图的,x水平轴的的对象是shape(vml)或者path(svg)来绘制。所以只需要使用导入的jquery框架找到指定的对象就可以更改颜色了。  本示例居于Highcharts-4.0.4,测试DEMO为下载压缩包中的examples\line-basic\index.htm这个事例,..

Selection.isCollapsed属性

评论(0)浏览(750)分类:JavaScript/Ajax开发技巧
Selection.isCollapsed属性Selection.isCollapsed简介返回一个布尔值表示selection的开始和结束是否重合(就是没有选择内容)语法sel.isCollapsed备注一个重合的selection,rangeCount属性也可能大于0。sel.getRangeAt(0) 会返回一个重合的range对象。来源:https://developer.mozilla.org/en-US/docs/Web/API/Selection.isCollapsed

javascript判断浏览器是否关闭

评论(0)浏览(748)分类:JavaScript/Ajax开发技巧
javascript判断浏览器是否关闭  javascript判断浏览器是否关闭,本示例仅对IE8-浏览器有效,其他浏览器在关闭时无法获取到点击事件的clientX,clientY的坐标值。测试代码如下script window.onbeforeunload = function (e) { e = e || window.event; var y = e.clientY; if (y = 0//点击浏览器或者选项卡的关闭按钮 || y = Math.max(documen..