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

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

XMLHttpRequest upload属性

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

jQuery $()返回值

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

javascript unbeforeunload/unload事件注意事项

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

IE7- radio无法去掉内边距

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

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

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

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

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

as3 Mouse 未定义

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

ext4使用JSONP跨域验证

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

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

评论(0)浏览(187)分类：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)浏览(170)分类：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下使用透明滤镜出现锯齿..

AJAX无刷新网站图片文件预览系统

评论(0)浏览(113)分类：JavaScript/Ajax开发技巧
AJAX无刷新网站图片文件预览系统　　居于jquery框架的ajax无刷新网站图片预览系统，实现图片的预览index.html!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 /script type=text/javascript ..

IE6 float margin双倍增加

评论(0)浏览(91)分类：HTML/CSS兼容/XML
IE6 float margin双倍增加　　IE6浏览器下面如果设置了margin，并且float为left时，则左边的margin，即margin-left会双倍增加body style=margin:0px;div style=margin:10px;float:left;border:solid 1px black;width:100px;height:100px;/div/body　　解决办法就是增加display:inline即可解决ie6下的float:left左边浮动时margin-left双倍增加的问题。body style=margin:0..

javascript不能通过表单+image对象的name获取image对象

评论(0)浏览(120)分类：JavaScript/Ajax开发技巧
javascript不能通过表单+image对象的name获取image对象　　今天发现表单中存在type为image的控件时，javascript无法通过document.表单名称.image的name值来获取对象，得到的是undefined。。　　解决办法就是使用document.getElementById('imageID');或者document.getElementsByName('image')[0]来获取，建议使用document.getElementById('imageID');　　测试代码如下form na..

Ext4.1如何禁止对某些单元格进行编辑

评论(0)浏览(780)分类：extjs开发技巧
Ext4.1如何禁止对某些单元格进行编辑　　Ext4.1如何禁止对某列进行编辑，或者对一些特殊的单元格不允许进行编辑　　可以通过beforeedit事件对单元格进行判断，不符合编辑的单元格单击编辑时return false阻止生成输入控件。　　Ext4.1 Ext.grid.PanelView事件的介绍如下beforeedit( editor, e, eOpts )：Forwarded event from Ext.grid.plugin.Editing.Fires before editing is trig..

Ext4.1动态生成折线图

评论(0)浏览(209)分类：extjs开发技巧
Ext4.1动态生成折线图　　Ext4.1动态生成折线图，其实就是动态创建store对象就好了，然后配置好折线图的x和y轴。　　示例DEMO如下data.asp%data='==========查询数据库得到记录组合成json字符串赋值给data变量'==========这里简单示例，直接赋值了data=[{x:10,y:10},{x:20,y:80},{x:30,y:20},{x:40,y:30},{x:50,y:40},{x:60,y:50},{x:70,y:60},{x:80,y:70}]r..

IE下未选择textarea的内容时如何保存Range对象

评论(0)浏览(231)分类：JavaScript/Ajax开发技巧
IE下未选择textarea的内容时如何保存Range对象　　由于IE下调用obj.focus()并不能使光标回到原来的位置或者使选择的内容再次选择上，所以在IE浏览器下需要保存当前的Range对象，以便进行相应的操作时，在原来的位置进行，而不是跑到其他的位置去。　　Firefox由于调用obj.focus()后光标能回到回来的位置或者选择的文字上，所以不需要保存位置。　　但是在不久前在写一个UBB程序时，碰到如果未..

IE下textarea失去焦点如何在原来的位置插入内容

评论(0)浏览(196)分类：JavaScript/Ajax开发技巧
IE下textarea失去焦点如何在原来的位置插入内容　　由于IE下调用obj.focus()并不能使光标回到原来的位置或者使选择的内容再次选择上，所以在IE浏览器下需要保存当前的Range对象，以便进行相应的操作时，在原来的位置进行，而不是跑到其他的位置去。　　示例代码input type=button onclick=pop() value=弹出层 /textarea id=txt12345678/textareascript type=text/javascript var rng; ..

firefox Streaming AJAX实现源代码

评论(0)浏览(275)分类：JavaScript/Ajax开发技巧
firefox Streaming AJAX实现源代码　　Streaming AJAX即所谓的服务器推技术使用ajax来实现，AJAX 实现服务器推与传统的 AJAX 应用不同之处在于：服务器端会阻塞请求直到有数据传递或超时才返回。客户端 JavaScript 响应处理函数会在处理完服务器返回的信息后，再次发出请求，重新建立连接。当客户端处理接收的数据、重新建立连接时，服务器端可能有新的数据到达；这些信息会被服务..

DOCTYPE xhtml对body高度影响

评论(0)浏览(205)分类：HTML/CSS兼容/XML
DOCTYPE xhtml对body高度影响　　xhtml申明css1compat模式下，body没有内容，IE，chrome下点击时无法响应事件，但是firefox会响应，即使document.body.clientHeight不为0，firefox的bug？ !doctype htmltitlecss1compat模式下，body没有内容，IE，chrome下点击时无法响应事件，但是firefox会响应，即使document.body.clientHeight不为0，firefox的bug？。。/titlescript typ..

自定义404错误对seo的影响

评论(0)浏览(239)分类：网站排名及优化
自定义404错误对seo的影响　　自定义404页面返回不当状态码如200等给网站最终SEO效果带来的不利影响，因此，确保自定义的404错误页面能够返回404状态码是极为重要的，也是网站优化与SEO的基本要求。HTTP404对SEO的影响　　自定义404错误页面是提供用户体验的很好的做法，但在应用过程中往往并未注意到对搜索引擎的影响，譬如：错误的服务器端配置导致返回200状态码 或自定..

Ext4更新store总记录数量

评论(0)浏览(828)分类：extjs开发技巧
Ext4更新store总记录数量　　如果ext4的store对象通过loadData方法加载数据时，而不是通过load方法，那么即使配置了reader对象的totalProperty也无法正常获取总的记录数，为0。这样如果需要分页的时候就比较麻烦了，获取不到总的记录数。　　注意：使用store的loadData方法加载的数据是JSON数组，不能是JSON对象。如{total:100,data:[{name:'showbo',addr:'..

瀑布流masonry布局API

评论(0)浏览(1146)分类：JavaScript/Ajax开发技巧
瀑布流masonry布局API　　Masonry是一款很好用的jquery网页布局插件，它可以去掉不同高度div之间的空白，让你的网页看上去更加的整齐、漂亮！效果如下图所示官网插件下载地址以及详解地址：http://masonry.desandro.com/masonry配置对象OptionsOptions are set with an object as second argument to the .masonry() method. All options are optional, and do not n..

javascript通过ip获取物理地址接口

评论(0)浏览(1701)分类：JavaScript/Ajax开发技巧
javascript通过ip获取物理地址接口　　javascript如何通过访问者ip地址获取ip地址对应的物理地址API接口新浪的IP地址查询接口：http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js，返回数据结构如下var remote_ip_info = {ret:1,start:116.1.29.0,end:116.1.43.255,country:\u4e2d\u56fd,province:\u5e7f\u897f,city:\u6842\u6797,district:\u4e03\u661f,isp:\u7535..

javascript删除选择的行

评论(0)浏览(115)分类：JavaScript/Ajax开发技巧
javascript删除选择的行　　javascript实现删除已经选择的table行。　　思路：单击表格中要删除的行，给行增加一个样式，然后点击删除按钮的时候删除那些带有删除样式的行。　　源代码如下script var tb; function del() { if (confirm('确认删除？！')) for (var i = 0; i tb.rows.length; ) { if (tb.rows[i].class..

javascript加密解密base64字符串

评论(0)浏览(187)分类：JavaScript/Ajax开发技巧
javascript加密解密base64字符串　　javascript实现的将字符串转换为base64字符串，或者将base64编码的字符串还原为原来的内容，源代码如下HTMLHEADTITLEjavascript加密解密base64字符串/TITLEscript language=javascriptvar base64EncodeChars = ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/;var base64DecodeChars = new Array(　　-1, -1, -1, -1, -1..