javascript base64编码解码类库

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

Ext formpanel loadRecord/load方法示例

评论(0)浏览(941)分类:extjs开发技巧
Ext formpanel loadRecord/load方法示例  Ext formpanel loadRecord/load方法给formpanel加载数据示例  Ext formpanel loadRecord是加载本地数据用的,注意参数一定要是Ext.data.Record(3-版本)或者Ext.data.Model(4+版本)实例对象,不能直接加载JSON对象。  Ext formpanel load是加载远程数据用的,返回的数据格式如下,success为ture表示请求成功,数据放到data键名称下注..

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

easyui datagrid fitColumns:true失效解决办法

评论(0)浏览(13263)分类:easyui开发技巧
easyui datagrid fitColumns:true失效解决办法  easyui datagrid fitColumns配置设置为true时,但是数据列并没有自动填充满datagrid指定的宽度,出现这个问题,是因为你的所有列配置都没有指定width属性,导致datagrid不会重新计算列宽度,所以列宽取列标题宽度或者此列内容宽度的最大值。  datagrid fitColumns配置为true后,是依据配置列width,和datagrid的指定width来重新结算此列的..

让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)浏览(382)分类: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)浏览(937)分类: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)浏览(228)分类: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是依据文件后缀来生成的,并不会通过文件内容来得到..

easyui layout datagrid combobox编辑器IE7-下滚动解决办法

评论(0)浏览(687)分类:easyui开发技巧
easyui layout datagrid combobox编辑器IE7-下滚动解决办法  easyui使用layout布局,layout中放置datagrid,当datagrid编辑的时候,编辑对象为combobox,在IE7-浏览器下,当datagrid数据行太多出现水平或者垂直滚动条时,拖动滚动条combobox编辑器会随滚动条一起滚动的问题,而不是固定在单元格里面,效果如下  黄色那行为正在编辑的数据行,生成combobox编辑器后,拖动垂直滚动条,combobox编辑器也..

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..

Ext设置selModel(复选框选择)双击编辑如何恢复默认选中的数据库

评论(0)浏览(1363)分类:extjs开发技巧
Ext设置selModel(复选框选择)双击编辑如何恢复默认选中的数据库  Ext如果添加了selModel,可以选择数据行,同时添加Ext.grid.plugin.RowEditing设置双击进行编辑时,双击数据行编辑会导致之前选中的数据行被取消选择,可能是冲突了(也许可以配置其他选项来解决冲突,但是没找到)。选中数据行双击编辑后导致选中的数据行被取消选中解决办法:Ext.grid.plugin.RowEditing添加beforeedit事件保存勾选状态,然..

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

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

去掉easyui datagrid默认鼠标移动,选择事件样式

评论(0)浏览(2247)分类:easyui开发技巧
去掉easyui datagrid默认鼠标移动,选择事件样式  easyui的datagrid,当鼠标移动到数据行上时会显示一个淡蓝色的背景,启用了checkbox进行数据行选择时,选中数据行会出现淡黄色的背景,要想去掉easyui datagrid的这2事件添加的样式,可以按照下面的步骤进行。1)鼠标移动到datagrid数据行上显示的淡蓝色背景,可以通过移除mouseover事件来完成。table id=dg class=easyui-datagrid title=去..

对Ext指定节点下的子节点进行排序

评论(0)浏览(264)分类:extjs开发技巧
对Ext指定节点下的子节点进行排序  如何对ext指定的节点进行排序,而不使用Ext treestore对象的sorters进行排序。  下面的示例居于ext-4.1.1a下的examples\tree\check-tree.html示例,取消treestore的默认sorters排序,对To Do下的子节点进行升序排列。  为排序前效果如下 var store = Ext.create('Ext.data.TreeStore', { proxy: { type: &..

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

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

Ext grid插入删除数据更新RowNumberer行号

评论(1)浏览(403)分类:extjs开发技巧
Ext grid插入删除数据更新RowNumberer行号  Ext gridpanel设置了RowNumberer列后,当删除或者添加新数据行时,RowNumberer这列的行号是不会自动更新的,如下下图所示,调用了下面的代码后就会出现行号重复和不连续的情况。store.removeAt(2);store.insert(0,{})  解决办法就是用ext的选择器获取到行号那列的行号容器对象执行更新。  Ext grid插入删除数据更新RowNumberer行号源代码..

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

评论(0)浏览(764)分类: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。  解决办法如下..

jqGrid预定义格式化类型

评论(0)浏览(2845)分类:jqGrid中文API
jqGrid预定义格式化类型  格式化程序支持在表单,行,单元格编辑中将内容以自定义想要的格式来显示。格式化程序有2种形式,预定义的和自定义的,这节我们介绍的为预定义的格式化程序。jqGrid模块需求要使用格式化特性,需要在下载页面勾选 Formatter module后再下载jqGrid,下载地址:http://www.trirand.com/blog/?page_id=6。语言选项格式化选项语言在语言文件中定..