ckeditor注册ctrl+enter快捷键

评论(0)浏览(253)分类:JavaScript/Ajax开发技巧
ckeditor注册ctrl+enter快捷键2013-04-02更新:不要使用ckeditor的setData方法清空编辑器中的内容,此方法会重构iframe的document对象导致之前注册的ctrl+enter事件丢失,直接操作DOM对象清空body的内容即可。一定要调用setData方法,需要重新给新document对象添加事件,由于是异步的,所以需要传递回调函数,具体看最后的示例。  由于ckeditor的编辑窗体是iframe,和父窗体..

什么是httponly cookie

评论(0)浏览(272)分类:JavaScript/Ajax开发技巧
什么是httponly cookie  对于很多只依赖于cookie验证的网站来说,HttpOnly cookies是一个很好的解决方案,在支持HttpOnly cookies的浏览器中(IE6以上,FF3.0以上),javascript是无法读取和修改HttpOnly cookies,或许这样可让网站用户验证更加安全。  wikipedia中对于httpOnly的描述如下:`HttpOnly:Set-Cookie: RMID=732423sdfs73242; expires=Fri, 31-Dec-201..

Ext4 JSONStore使用webservice返回的json数据

评论(0)浏览(289)分类:extjs开发技巧
Ext4 JSONStore使用webservice返回的json数据  asp.net framework3.5 webservice增加了检查content-type,如果请求头设置了content-type:'application/json',就会返回json字符,而不是xml。  首先我们要了解一下webservice返回的json结构。返回的json格式是{d:实际的内容},实际内容根据webservice方法返回值来确定。1)如果是字符串字符,那么实际内容就是字符串。如果返回的..

Ext4 XMLStore加载webservice数据源示例

评论(0)浏览(331)分类:extjs开发技巧
Ext4 XMLStore加载webservice数据源示例  Ext4使用XMLStore加载webservice时,返回XML不同返回json格式那么严格,返回json需要注意的事项多。  返回xml和平时用ajax get/post请求普通页面一样,有参数get请求附加在url后面,post请求则在ajax对象的send中发送url键值对就行。  只要配置过web.config允许get/post请求webservice后,就可以使用ajax请求webservice得到xml数据源。否..

jQuery通过调用webservice返回json数据的问题

评论(3)浏览(270)分类:JavaScript/Ajax开发技巧
jQuery通过调用webservice返回json数据的问题  由于.net frameword3.5以上添加了对contenttype的检查,当ajax发送请求时,如果设置了contenttype为json,那么请求webservice时,会自动将返回的内容转为json的格式,json的格式如下{d:webservice方法返回的字符串内容}这时出现一个问题了,如果方法返回的是一个json格式的字符串,那么如何获得实际的json对象,而不是只有一个属性d的json对..

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

Ext4 grid添加,删除,修改记录demo

评论(0)浏览(352)分类:extjs开发技巧
Ext4 grid添加,删除,修改记录demo  本示例只提供Ext4 grid添加,删除,修改记录demo前端javascript代码,自己参考代码Ext.data.Model编写动态页返回的json数据,如果修改过Ext.data.Model,记得修改返回的json结构。本示例接受的json数据结构{totalCount:2,success:true,data:[{Sno:Sno1, name:name1, password:password1, gender:gender1, humanId:humanId1, phone:phone..

XMLHttpRequest upload属性

评论(1)浏览(226)分类:JavaScript/Ajax开发技巧
XMLHttpRequest upload属性  新版本的XMLHttpRequest对象,传送数据的时候,有一个progress事件,用来返回进度信息。  它分成上传和下载两种情况1)下载的progress事件属于XMLHttpRequest对象2)上传的progress事件属于XMLHttpRequest.upload对象。  我们先定义progress事件的回调函数。   xhr.onprogress = updateProgress;   xhr.upload.onprogress =..

XMLHttpRequest Level 2新特性介绍

评论(0)浏览(2447)分类:JavaScript/Ajax开发技巧
XMLHttpRequest Level 2新特性介绍作者: 阮一峰日期: 2012年9月 8日XMLHttpRequest是一个浏览器接口,使得Javascript可以进行HTTP(S)通信。最早,微软在IE 5引进了这个接口。因为它太有用,其他浏览器也模仿部署了,ajax操作因此得以诞生。但是,这个接口一直没有标准化,每家浏览器的实现或多或少有点不同。HTML 5的概念形成后,W3C开始考虑标准化这个接口。2008年2月,就提出..

jQuery $()返回值

评论(0)浏览(254)分类:JavaScript/Ajax开发技巧
jQuery $()返回值  在jQuery中,$()返回值根据jquery版本的不一样,返回的内容不一样。  jQuery1.4+版本$()返回的是[]对象,jquery-1.3.2-及以下返回的是[Document]对象  测试代码如下script src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.3.2.min.js type=text/javascript/scriptscript console.log($())//返回[Document 页面名称]/scriptscrip..

http://query.yahooapis.com/v1/public/yql JSONP跨域接口API使用说明

评论(0)浏览(1468)分类:JavaScript/Ajax开发技巧
http://query.yahooapis.com/v1/public/yql JSONP跨域接口API使用说明YQL 介绍SELECT 语句INSERT/UPDATE/DELETE 语句使用开放数据表格调试示例应用总结声明  目前在 Web 上面已经有很多结构化数据可以供开发人员来使用。但是使用这些数据,要求对数据的请求和响应格式有一定的了解。不同服务提供者所采用的数据格式是不同的。 开发人员需要查阅 Web 服务的文档和相关资料,才知道如何使用这些服务。YQL 是雅虎提供..

javascript unbeforeunload/unload事件注意事项

评论(0)浏览(542)分类:JavaScript/Ajax开发技巧
javascript unbeforeunload/unload事件注意事项  javascript中给window注册unbeforeunload/unload事件时,不要给事件添加alert,confirm等语句,高版本的浏览器如chrome【webkit核心】,IE9+等会拦截这些语句的执行。来源:http://stackoverflow.com/questions/6063522/jquery-beforeunloadIf you want to run a function as the page is unloading, you can use $(window).unload(), just ..

button在IE下的表现形式当添加xhtml申明后

评论(0)浏览(140)分类:HTML/CSS兼容/XML
button在IE下的表现形式当添加xhtml申明后  在IE浏览器下,对于button标签,添加xhtml申明和为添加xhtml有很大区别。  IE下没加xhtml申明时button123/button==inputtype=button/,加了xhtml申明后button123/button==inputtype=submit/。  firefox和chrome等非IE核心的浏览器button123/button==inputtype=submit/。  测试代码,添加了xhtml申明,IE下会提交表单!DOCTYPE html PUB..

ajax问题总结

评论(16)浏览(417)分类:JavaScript/Ajax开发技巧
ajax问题总结在看文章前,先指定一个变量xhr,xhr代表ajax对象。测试浏览器:ie为ie6,firefox为2,其他的未测试。统称ie6为ie,firefox2为ff。基本的============================================1,最经典的就是ie下的缓存问题了。如果使用的是get,那么在ie下出现缓存问题。导致代码只执行一次。解决办法就是加时间戳或者随机数,使url变为唯一,这样就不..

IE7- radio无法去掉内边距

评论(0)浏览(130)分类:HTML/CSS兼容/XML
IE7- radio无法去掉内边距  IE7-浏览器下,设置radio容器的margin和padding都为0都无法去掉圆点周围的补白内容,IE8和firefox浏览器可以去掉补白内容。  注:IE8需要添加xhtml申明为CSS1Compat才行。  最后只好用JS+图片来模拟radio选项,测试效果如下  获取焦点和没有焦点的2张radio图片:   源代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transiti..

JS中实现JAVA的hashCode算法

评论(1)浏览(505)分类:JavaScript/Ajax开发技巧
JS中实现JAVA的hashCode算法  在java中一个hashCode算法,可以用来计算一个字符串的hash值,今天一个朋友突然问俺能不能在js中计算hashCode,要求和java的hashCode计算结果一样。  对于java的hashCode,以前到现在也一直没有了解过其算法,不过猜想应该也不会太难,于是现在java中写了这段代码进行测试:运行结果:899755  按下Ctrl键点击hashCode方法名跟进去看了下..

ajax+asp.net+mssql无刷新聊天室

评论(22)浏览(984)分类:JavaScript/Ajax开发技巧
ajax+asp.net+mssql无刷新聊天室ajax+asp.net+mssql实现的ajax无刷新聊天室,支持html web编辑器。为了加快速度,使用了存储过程。asp及php版本请看下面的文章ajax+asp+mssql无刷新聊天室ajax+php+mssql无刷新聊天室此例子也可以作为mssql存储过程使用的示例,如php调用mssql的存储过程,php获取mssql数据库的输出参数。要使用不同的动态页面,只需要更改lib.js文件中RequstUrl..

jqgrid自适应列宽度

评论(0)浏览(2503)分类:JavaScript/Ajax开发技巧
jqgrid自适应列宽度  目的:自动显示完jqgrid中每一列的内容,而不是隐藏起来。没找到jqgrid提供的自适应列宽度的方法,只好参考了下jqgrid最终生成的DOM结构,直接用jquery操作DOM结构实现自适应列宽度功能。  实现方法:用一个新的表格,样式继承自jqgrid的样式,用来计算数据源中每一列的实际宽度,然后设置标头和内容表格中用来控制宽度的单元格。  备注..

document.createAttribute方法

评论(0)浏览(1432)分类:JavaScript/Ajax开发技巧
document.createAttribute方法示例创建一个class属性,属性值为democlass,并且给第一个h1元素设置这个属性。var att=document.createAttribute(class);att.value=democlass;document.getElementsByTagName(H1)[0].setAttributeNode(att);定义和用法document.createAttribute方法通过传递一个指定属性名称创建一个属性对象,返回一个属性对象。属性对象的更多介绍参考这篇文章..

Attribute对象参考

评论(0)浏览(177)分类:JavaScript/Ajax开发技巧
Attribute对象参考Definition and UsageThe Attr object represents an attribute in the HTML document.An attribute always belongs to an element object.Note: The Attr object can also use the properties and methods of the Node object.Browser Support The Attr object is supported in all major browsers.Attr Object PropertiesThe DOM column in..

AS3 找不到类型,或者它不是编译时常数: URLRequest

评论(0)浏览(147)分类:flash/flex/fcs/AIR
AS3 找不到类型,或者它不是编译时常数: URLRequest  如果编译flash时出现找不到类型,或者它不是编译时常数: URLRequest,那应该是没有导入对应的as3类库,导致找不到URLRequest类型。  as3 URLRequest对象在名字空间import flash.net下面,导入flash.net.*;空间就行了import flash.net.*;

as3 Mouse 未定义

评论(0)浏览(132)分类:flash/flex/fcs/AIR
as3 Mouse 未定义  今天反编译一个涂鸦flash时,出现了Mouse 未定义的错误Mouse.show();//这句报as3 Mouse 未定义 错误看了下这个as文件,发现没有导入flash.ui.Mouse,只要导入这个类就不报错了。 import flash.ui.Mouse;

css控制DOM对象旋转

评论(0)浏览(286)分类:HTML/CSS兼容/XML
css控制DOM对象旋转  css控制HTML DOM对象旋转任意角度,兼容IE,firefox,chrome等主流浏览器,效果如下  源代码如下!DOCTYPE htmlhtml lang=enheadmeta http-equiv=Content-Type content=text/html; charset=utf-8titleDIV旋转属性的演示/titlemeta http-equiv=X-UA-Compatible content=IE=EmulateIE8 /style type=text/css body {font-family: Arial, sans-..

DXImageTransform.Microsoft.Matrix滤镜

评论(0)浏览(410)分类:HTML/CSS兼容/XML
DXImageTransform.Microsoft.Matrix滤镜DXImageTransform.Microsoft.Matrix滤镜实现对象内容的改变尺寸、旋转、上下或左右反转。 使用此滤镜可以建立下列效果: 左右反转。将 M11 和 M12 的值取负。 上下反转。将 M21 和 M22 的值取负。 改变尺寸。将 M11 和 M12 和 M21 和 M22 的值乘以相同的因数。对象内容尺寸会按比例增大或缩小。IE矩阵滤镜Matrix旋转与缩放及结合transform的拓展..

doctype中html和html区别

评论(0)浏览(222)分类:HTML/CSS兼容/XML
doctype中html和html区别XHTML文档必须具有良好完整的排版(well-formed)  编排良好性(Well-formedness)是XML引入的一个新概念.从本质上说,元素必须有结束标签,或者必须以特殊方式书写,而且元素必须嵌套.尽管SGML规定重叠(overlapping)是非法的,但现有的浏览器普遍允许重叠.正确:嵌套元素(nested elements) code class=tag/codecode class=tagp/codecode class=tag/..

ext4使用JSONP跨域验证

评论(0)浏览(767)分类:extjs开发技巧
ext4使用JSONP跨域验证  ext4支持发送jsonp请求,所以当跨域页面支持jsonp操作时,可以使用ext4.0的Ext.data.JsonP来实现跨域验证或者获取数据。  jsonp具体的跨域原理可以看这个:JSONP跨域  下面为一个简单使用ext4实现跨域验证的示例代码,返回客户端一些验证信息。只作为研究使用,安全性基本没有。!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://..

CSS media使用技巧

评论(0)浏览(231)分类:HTML/CSS兼容/XML
CSS media使用技巧  在css中我们使用media标签来区分调用哪个css样式,比如使用media=print来表示当执行打印文档时,使用print.css样式。这样使得文档更有得于打印,如将页面宽度增宽、或屏蔽掉一些不需要打印的内容。link href=styles/main.css rel=stylesheet type=text/css media=screen /link href=styles/print.css rel=stylesheet type=text/css media=pr..

扩展ext textfield增加tooltip提示信息

评论(0)浏览(422)分类:extjs开发技巧
扩展ext textfield增加tooltip提示信息  有些时候我们需要给ext textfield文本框添加提示信息,但是默认的控件是不支持的,可以自定义一个控件继承textfield,增加tooltip功能。 Fairies.form.TextField = Ext.extend(Ext.form.TextField,{ tooltip:{}, onRender:function(ct, position){ Fairies.form.TextField.superclass.onRender.call(this..

如何给script标签增加可执行的javascript代码

评论(0)浏览(183)分类:JavaScript/Ajax开发技巧
如何给script标签增加可执行的javascript代码  动态创建的script标签,如何设置innerHTML为javascript代码,使脚本运行起来,而不是通过加载js文件来实现脚本的动态运行。  动态创建script标签并运行javascript代码,可以借鉴jquery框架的代码,经过提取后源代码如下script var rnotwhite = /\S/; var scriptEval = false; var root = document.documentElement,script = docu..

IE下使用透明滤镜出现锯齿解决办法

评论(0)浏览(168)分类:HTML/CSS兼容/XML
IE下使用透明滤镜出现锯齿解决办法  IE浏览器下使用alpha透明滤镜时,文字或者图片边缘会出现锯齿,测试代码!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /titleIE下使用透明滤镜出现锯齿..