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是依据文件后缀来生成的,并不会通过文件内容来得到..

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

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

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

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

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

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

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

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

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

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

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

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

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

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。  解决办法如下..

jqGrid预定义格式化类型

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

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

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

easyui tabs content为iframe没有滚动条解决办法

评论(0)浏览(5799)分类:easyui开发技巧
easyui tabs content为iframe没有滚动条解决办法  easyui tabs content为iframe时没有出现滚动条,或者无法占满容器的宽度(iframe设置了width:100%),出现这个问题是因为更改过浏览器窗体的大小导致的。  DEMOdiv id=mainPanle region=center div id=tabs class=easyui-tabs border=falsediv title=easyui tab style=padding:20px;h1easyui tabs content为iframe没有滚动条解决办法/..

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

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

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

jquery模拟android slidingmenu效果

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

RequireJS2.0中文API

评论(0)浏览(194)分类:JavaScript/Ajax开发技巧
RequireJS2.0中文API 1RequireJS用法 1.1加载JavaScript文件 RequireJS的目标是鼓励代码的模块化,它使用了不同于传统script标签的脚本加载步骤。可以用它来加速、优化代码,但其主要目的还是为了代码的模块化。它鼓励在使用 脚本时以module ID替代URL地址。RequireJS以一个相对于baseUrl的地址来加载所有的代码。 页面顶层script标签 含有一个特殊的属性data-main,..

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

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

jqGrid表单编辑配置

评论(1)浏览(16821)分类:jqGrid中文API
jqGrid表单编辑配置jqGrid表单编辑jqGrid支持一个浮动的表单用于查看,添加,编辑,删除和查询表格数据,下面为添加记录的效果图  在你的项目中可以使用模态盒子和行编辑。其中,行编辑只能用于编辑已经存在的行,不能用于查询,删除,添加数据。实际应用中,不推荐同时使用这2中方法,因为选择同一行时这2者存在冲突(在这种情况下,当你选择一行来编辑,点击编..

jquery水平方向平铺焦点图

评论(0)浏览(523)分类: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水平方向平铺焦点..

Ext本地化显示中文提示信息

评论(0)浏览(201)分类:extjs开发技巧
Ext本地化显示中文提示信息  ext如何将grid表头的排序提示信息,分页信息,和日期控件的说明性文字本地化显示,如中文显示。  ext已经提供很多语言包,默认ext的语言包是英文的,如果要本地化显示,如修改语言为中文,导入相关的ext语言包覆盖默认配置即可。语言包在下载的源代码的locale文件夹下面,里面包含很多种语言的js文件。 script type=text/javascript sr..

Ext.menu.Menu添加的菜单id命名不能为数字

评论(0)浏览(147)分类:extjs开发技巧
Ext.menu.Menu添加的菜单id命名不能为数字  Ext.menu.Menu调用add方法添加菜单项时,注意如果配置了id,id不能为数字,要不会报错。  Ext4-会出现:Uncaught TypeError: Cannot read property 'dom' of null 错误。  Ext5会出现:Uncaught Error: Invalid component id: 0 错误  但是在IE4-下配置id为0不报错,可以正常生成菜单。。⊙﹏⊙b汗。。。~标记下,防止以后忘记..

Ext4.2 Ext.menu.Menu setMenu动态添菜单父菜单没有展开箭头

评论(0)浏览(727)分类:extjs开发技巧
Ext4.2 Ext.menu.Menu setMenu动态添菜单父菜单没有展开箭头  Ext4.2/Ext5 Ext.menu.Menu对象,一级菜单调用setMenu动态添子菜单时,此时的父节点没有展开子菜单的箭头。目测是ext4.2的bug,因为ext4.1下调用setMenu是出现展开子菜单的箭头的。如下图Ex5 Ext.menu.Menu setMenu动态添菜单父菜单没有展开箭头Ext4.2 Ext.menu.Menu setMenu动态添菜单父菜单没有展开箭头Ext4.1 Ext.menu.Menu setMenu动态添..

ext4 datefield点击年月弹出层同时设置datefield内容

评论(0)浏览(489)分类:extjs开发技巧
ext4 datefield点击年月弹出层同时设置datefield内容  ext4或者ext5的datefield对象,在日期选择器中,如何在点击年月弹出层中的月份或者年份时,可以同时设置datefield对象的值,而不需要点击年份或者月份确定后返回日期选择器,再次点击日期才能设置datefield的值。  本示例居于ext4.1.1a,如果其他版本ext自己找相关版本的API来查看,效果如下  ext4 datefield点击年月弹出层同时设置date..

去掉IE特有css样式expression

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