javascript依据月份生产日历

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

网页F11 canvas全屏显示

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

让IE6，IE7支持display inline-block

评论(0)浏览(189)分类：HTML/CSS兼容/XML
让IE6，IE7支持display inline-block　　IE6,IE7对css样式display inline-block的支持有问题，需要经过css hack后才会支持。注意：IE8需要加xhtml申明变为css1compat模式才会支持inline-block，backcompat模式不支持，但是可以通过css hack来实现，和IE7-一样。　　要想让IE6,IE7支持css样式display inline-block，有下面2种方法1、先使用display:inline-block属性触发块元素，然后..

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

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

fckeditor加载完毕事件FCKeditor_OnComplete

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

img hspace/vspace失效解决办法

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

javascript使用canvas压缩图像

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

javascript使用canvas处理保存图片

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

html5 File API验证文件大小

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

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

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

百度快照不更新也许和首页内容有关

评论(0)浏览(319)分类：网站排名及优化
百度快照不更新也许和首页内容有关　　如果你的网站基本每周都会更新，但是百度快照一直不更新，处于一个很早之前的日期，但是从百度来的搜索量还是有的，那么可能是你的首页内容包含了日期，如2012-12-25此类格式的内容，百度会依据这些日期内容来决定你的百度快照日期。　　我之前网站博客内容基本每周都会更新，但是因为设计版块内容没有更新（2012年更新的，直到现在没有更新..

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

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

ztree隐藏展开隐藏按钮，通过点击标题显示隐藏子节点

评论(0)浏览(2172)分类：JavaScript/Ajax开发技巧
ztree隐藏展开隐藏按钮，通过点击标题显示隐藏子节点　jquery插件ztree如何隐藏父节点前面的展开（加号），收缩（减号）图标，而是通过点击父节点显示的内容展开收缩此节点下的子节点。找了下ztree的api，没有提供隐藏展开/收缩图标的配置，可以自己写css覆盖ztree的css，然后自己调用expandNode展开收缩子节点。　　ztree隐藏展开隐藏按钮，通过点击标题显示隐藏子节点源代码如下1）隐藏ztree展开..

jquery模拟android slidingmenu效果

评论(0)浏览(246)分类：JavaScript/Ajax开发技巧
jquery模拟android slidingmenu效果　　jquery模拟android slidingmenu组件效果源代码如下，采用了CSS3动画，IE浏览器需要升级到IE9+以上。!doctype htmlscript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scripttitlejquery模拟android slidingmenu组件效果/titlestylehtml,body{margin:0px;padding:0px;height:100%;width:100%;overflow:hidden;}.abs{posi..

页面回退到上一页如何保留js动态生成内容

评论(0)浏览(5833)分类：JavaScript/Ajax开发技巧
页面回退到上一页如何保留js动态生成内容　　js动态生成的内容，当转向到其他页面，通过history.back或者点击浏览器工具栏上的回退按钮返回这个页面时，js动态生成的内容在某些浏览器下是不会保存的，如IE和chrome，本人firefox12测试js动态生成的内容，在浏览器历史回退可以保存下来，那么在IE和chrome下如何保留js动态生成的内容呢？　　IE和chrome下回退时会执行内置的js脚本，所以可..

jquery水平方向平铺焦点图

评论(0)浏览(530)分类：JavaScript/Ajax开发技巧
jquery水平方向平铺焦点图　　jquery实现的水平方向平铺占满显示视窗效果。当视窗大小改变时，自动变换焦点图显示的区域。目前焦点图支持2个方向的滚动，水平和垂直滚动。　　jquery水平方向平铺焦点图插件测试代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdtitlejquery水平方向平铺焦点..

去掉IE特有css样式expression

评论(0)浏览(257)分类：JavaScript/Ajax开发技巧
去掉IE特有css样式expression　　IE浏览器下有一个特殊的样式expression，可以动态执行js脚本，this对象指向启用了expression样式的对象。expression这个样式比较耗资源，只要鼠标或者键盘有动作，就会执行这个事件。　　要移除IE的expression css样式，需要使用IE style属性特有方法removeExpression，不能通过style.xxx=null移除。　　去掉IE特有css样式expression源代码如..

如何检查jQuery选出的对象是否还在DOM中

评论(0)浏览(112)分类：JavaScript/Ajax开发技巧
如何检查jQuery选出的对象是否还在DOM中　　如何检查jquery选出的对象是否还在dom树中，而不是从DOM树中删除掉。script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptpDOM1/ppDOM2/pscript var $cache1 = $(p); //jQuery选出所有p对象 $(p:eq(0)).remove(); //jQuery移除第一个p对象 alert($cache1.size())//输出2，而不是1 ..