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

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

javascript加载xml文件

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

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

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

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

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

javascript动态添加ajaxtookit tabcontainer tabpanel示例

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

javascript base64编码解码类库

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

input输入内容回车生成标签代码

评论(0)浏览(341)分类:JavaScript/Ajax开发技巧
input输入内容回车生成标签代码  在input文本框中输入标签内容后,回车创建标准效果。style#tag a{margin-right:10px;color:blue;border:dotted 1px blue;cursor:pointer}/stylespan id=tag/spaninput type=text onkeydown=addTag(event,this) /script type=text/javascript function addTag(e, o) { if (e.keyCode == 13 o.value != '') { v..

javascript依据月份生产日历

评论(0)浏览(101)分类:JavaScript/Ajax开发技巧
javascript依据月份生产日历  javascript依据输入的年份和月份生成日历对象。源代码如下titlejavascript依据月份生产日历/titleinput type=text onblur=renderCalendar(this.value)/div id=dv/divscriptfunction renderCalendar(v){ if(/^\d{4}-\d{1,2}$/.test(v)){ var d=new Date(v.replace(/-/,'/')+'/1'),s='table border=1trtd星期日/tdt..

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

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

bootstrap datetimepicker控制可选时间区域

评论(0)浏览(466)分类:JavaScript/Ajax开发技巧
bootstrap datetimepicker控制可选时间区域  bootstrap datetimepicker插件如何控制可选择的时间区域,bootstrap datetimepicker插件如何禁用不用选时间区域。  解决办法:给bootstrap datetimepicker添加changeDate事件,获取选择的小时数据部分增加判断,不符合选择的时间区域清空选中的值。  bootstrap datetimepicker控制可选时间区域源代码如如下,只能选择8~21点之间的时间$(..

网页F11 canvas全屏显示

评论(0)浏览(248)分类:JavaScript/Ajax开发技巧
网页F11 canvas全屏显示  如何让canvas对象全屏显示,在网页中按下F11键时canvas对象全屏显示。  网页F11 canvas全屏显示源代码如下titlecanvas F11全屏显示示例/titlecanvas id=c stlyle=border:solid 1px #000/canvasscript var c = document.getElementById('c'); if (c.getContext) { document.onkeydown = function (e) { if..

让IE8-浏览器支持html5 placeholder属性,支持password类型

评论(0)浏览(2663)分类:JavaScript/Ajax开发技巧
让IE8-浏览器支持html5 placeholder属性,支持password类型  placeholder是html5的属性,可以在文本框内显示提示内容,而这个提示内容确不会提交到服务器。IE8-不支持html5,所以需要使用js来实现placeholder效果。  本示例居于jquery框架,让IE8-浏览器支持html5 placeholder属性,支持password类型源代码如下script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2...

js控制移动浏览器输入框获取焦点隐藏不弹出系统软键盘

评论(0)浏览(1465)分类:JavaScript/Ajax开发技巧
js控制移动浏览器输入框获取焦点隐藏不弹出系统软键盘  使用移动端浏览器看网页时,输入对象获取焦掉后会自动弹出系统的软键盘,导致页面显示区域变小,如何禁止输入对象input获取焦点后的系统软键盘。  js控制移动浏览器输入框获取焦点隐藏不弹出系统软键盘源代码如下input type=text id=phone-number onfocus=blur(); /  意思就是获取焦点后马上取消焦点,这样软键盘就会自动隐藏了。下面是..

DOM对象旋转插件jquery.rotate.js

评论(0)浏览(1314)分类:JavaScript/Ajax开发技巧
DOM对象旋转插件jquery.rotate.js  jQuery 插件jquery.rotate.js,可以实现DOM对象旋转效果。jquery.rotate.js支持所有主流浏览器,包括 IE6。如果你想在低版本的 IE 中实现旋转效果,那么jquery.rotate.js是一个很好的选择。jquery.rotate.js参数参数类型说明默认值angle数字旋转一个角度0animateTo数字从当前的角度旋转到多少度0step函数每个动画步骤中执行的回调函数,当前..

JavaScript记录表单用户名和密码

评论(0)浏览(363)分类:JavaScript/Ajax开发技巧
JavaScript记录表单用户名和密码  用javascript记录用户输入的用户名和密码功能示例代码,这样用户下次访问页面时,不需要输入用户名和密码,可以直接提交表单验证用户登录信息。  javascript记录用户输入的用户名和密码的实现原理,就是用cookie记录住用户名和密码即可。示例代码如下titleJavaScript记录表单用户名和密码/titleform method=get onsubmit=return check(thi..

fckeditor加载完毕事件FCKeditor_OnComplete

评论(0)浏览(295)分类:JavaScript/Ajax开发技巧
fckeditor加载完毕事件FCKeditor_OnComplete  fckeditor编辑器是iframe形式的,如果判断fckeditor的编辑器区域是否加载完毕。即使放在window.onload中执行fckeditor的编辑器区域的初始化操作,也会出现无法找到fckeditor编辑器body对象。 varr fck = new FCKeditor('fck'); fck.BasePath = '/fckeditor/'; fck.Height = 450; fck.Value = 'fckeditor内容..

javascript使用canvas压缩图像

评论(1)浏览(1001)分类:JavaScript/Ajax开发技巧
javascript使用canvas压缩图像  javascript使用HTML5 canvas对象,在客户端压缩图片后上传到服务器。ajax发送canvas压缩后的base64图片字符串内容到服务器,服务器将base64内容转为2进制数据保存为图片即可。  效果如下,左边是原始图片,右边是压缩后的。javascript使用canvas压缩图像源代码如下!DOCTYPE htmlhtmlheadmeta charset=utf-8/titlejavascript使用canvas压缩..

javascript使用canvas处理保存图片

评论(0)浏览(224)分类:JavaScript/Ajax开发技巧
javascript使用canvas处理保存图片  javascript使用HTML5的canvas对象对图片进行处理,如图像灰度化,图像反转,将整个图像的RGB某一通道样色值设置为某一颜色值 ,图片高亮,去掉图像某一颜色值等常用图像处理。  javascript使用canvas处理图像类库源代码如下 /** * @author Norris Tong */ var PS = function( config ){ //$.extend( thi..

html5 File API验证文件大小

评论(0)浏览(226)分类:JavaScript/Ajax开发技巧
html5 File API验证文件大小  如何用javascript调用html5的File API验证客户端文件大小。html5的File API中,input type=file有file对象,file对象有主要属性size(文件大小,单位字节),name(文件名),type(文件类型,mime)这3个主要属性。要想验证文件大小,javascript 判断file对象size属性即可。  注意:type是依据文件后缀来生成的,并不会通过文件内容来得到..

javascript对象属性get/set读取设置器

评论(0)浏览(191)分类:JavaScript/Ajax开发技巧
javascript对象属性get/set读取设置器  标准浏览器和IE9+,javascript对象支持如面向对象语言的属性get(获取属性值)/set(设置属性值)设置器。示例代码如下script var o = {get Version(){return this.version;},set Version(v){this.version=v}} o.version='2.0'; alert(o.version)/script  浏览器支持FeatureChromeFirefox (Gecko)Internet ExplorerOpera..

ztree给指定节点添加特殊样式

评论(0)浏览(2084)分类:JavaScript/Ajax开发技巧
ztree给指定节点添加特殊样式  要给ztree某些特别的节点增加样式,控制显示的颜色,字体,可以通过ztree的view配置节点的fontCss配置,将fontCss配置为函数,依据传入的节点参数进行判断后返回相关的css进行空。ztree fontCss使用说明概述[ 依赖 jquery.ztree.core 核心 js ]个性化文字样式,只针对 zTree 在节点上显示的A对象。默认值:{}JSON 格式说明JSON 格式为 JQuer..

php实现javascipt charCodeAt/fromCharCode方法

评论(0)浏览(336)分类:PHP/apache/Perl
php实现javascipt charCodeAt/fromCharCode方法  php实现javascipt charCodeAt方法function charCodeAt($str, $index){ $char = mb_substr($str, $index, 1, 'UTF-8'); if (mb_check_encoding($char, 'UTF-8')) { $ret = mb_convert_encoding($char, 'UTF-32BE', 'UTF-8'); return hexdec(bin2hex($ret)); } else { ..

瀑布流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..

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

评论(0)浏览(748)分类: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这个事例,..

js图片浮动碰浏览器边界反弹效果

评论(0)浏览(532)分类:JavaScript/Ajax开发技巧
js图片浮动碰浏览器边界反弹效果  js图片浮动,碰到浏览器编辑自动反弹向方向运动效果。!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html head title图片浮动/title style #img{ position:absolute; } /style /head body img src=http://avatar...

js获取firefox下控件级联样式borderWidth,borderColor

评论(0)浏览(192)分类:JavaScript/Ajax开发技巧
js获取firefox下控件级联样式borderWidth,borderColor  firefox下如何获取控件级联样式表中定义的borderWidth css样式。在IE或者chrome中可以通过borderWidth,borderColor直接获取到定义的border宽度和颜色,但是firefox通过getComputedStyle得到的级联样式对象中并未包含borderWidth,borderColor的定义,而是要到详细的每条边的样式定义,如borderLeftWidth,borderLeftColor。  解决办法如下..

IE浏览器onresize/onscroll事件执行多次解决办法

评论(0)浏览(313)分类:JavaScript/Ajax开发技巧
IE浏览器onresize/onscroll事件执行多次解决办法  ie浏览器下添加window的onresize事件时,发现点击最大化或者向下还原按钮触发onresize事件时,IE浏览器会执行2次以上的添加的resize事件,其他浏览器如firefox没有这种问题。  测试代码如下scriptvar i=0window.onresize=function(){document.title+=i+'|'i++}/script 可以使用它setTimeout方法延时执行注册resize事件,在执行之前..

高德地图AMap.Marker shape无效解决方案

评论(0)浏览(1756)分类:JavaScript/Ajax开发技巧
高德地图AMap.Marker shape无效解决方案2014-12-23:经测试IE8和最新版chrome没问题,firefox12出现这个问题,没有其他版本的firefox,不知道效果如何~  今天调用高德地图时,自定了一个覆盖物AMap.Marker,设置了icon覆盖原来的默认图片,自定义的图片大于原来的图片,发现无法点击覆盖物图片的其他位置弹出AMap.InfoWindow,只能点击覆盖物左上角一个36x36的区域才能弹出AMap.Info..