jqGrid获取选中数据行

评论(0)浏览(819)分类：jqGrid中文API
jqGrid获取选中数据行　　jqGrid没有提供类似easyui datagrid的getChecked/getSelected方法获取勾选的或者选中的数据行api，所以jqGrid要获取multiselect为true时被勾选的记录，需要自己遍历勾选的checkbox获取id后通过getRowData方法获取数据行。　　jqGrid获取选中数据行源代码如下html headmeta http-equiv=content-type content=text/html;charset=utf-8 /tit..

文章评分评级jquery插件

评论(1)浏览(341)分类：JavaScript/Ajax开发技巧
文章评分评级jquery插件居于jquery框架的文章评分评级插件，效果如下数据库设计很简单，就用一个字段存储score，记录1-5星投票的人数，用|分隔开。循序为5星|4星|3星|2星|1星注意：这个字段的默认值要设置为0|0|0|0|0测试源代码及相关使用说明如下script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js/scriptstyle.codes..

jQuery jsonp跨域原理

评论(0)浏览(1312)分类：JavaScript/Ajax开发技巧
jQuery jsonp跨域原理　　实际上单jQuery还是实现不了跨域加载数据的，由于XMLHttpRequest的安全设置，是不允许直接跨域的。jQuery的jsonp虽然能跨域，但是还得请求的页面支持才行，如果请求的页面不理会jQuery发送的参数，是无法跨域的，实际上来说是获取不到输出的页面内容。　　jQuery jsonp跨域原理实际就是使用script标签加载配置对象中的跨域url，再使用script..

javascript通过鼠标拖拽修改图片大小和位置

评论(0)浏览(378)分类：JavaScript/Ajax开发技巧
javascript通过鼠标拖拽修改图片大小和位置　　javascript实现图片的拖拽移动，给图片添加锚点，放到锚点上出现resize鼠标形状，按下鼠标拖拽更改图片大小，效果如下　　源代码如下!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 conte..

css hover伪类

评论(0)浏览(227)分类：HTML/CSS兼容/XML
css hover伪类　　:hover伪类应用处于悬停状态的元素。悬停定义为用户指示了一个元素但没有将其激活。对此最常见的例子是将鼠标指针移到 HTML 文档中一个超链接的边界范围内。理论上，其他元素也可以处于悬停状态，在css2的定义中:hover伪类可以应用在全部元素上。　　但是在ie6浏览器下面，只有链接标签a支持:hover伪类，对于ie6需要使用js，而ie7/ff/op/sa直..

css自定义title显示位置

评论(0)浏览(512)分类：HTML/CSS兼容/XML
css自定义title显示位置　　通过div+css，可以取消鼠标移动到有title控件上时显示的系统默认提示。思路主要是设置控件的位置为position:relative，给控件内置一个span，设置position:absolute;，然后通过:hover伪类实现span display属性的控制，效果如下　　源代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/x..

C#/vbscript/JS如何加密保护HTML/javascript源代码

评论(1)浏览(930)分类：JavaScript/Ajax开发技巧
C#/vbscript/JS如何加密保护HTML/javascript源代码　　本文通过将源代码进行unicode转换后进行混淆加密，对HTML或者javascript源代码进行加密，将内容转换为一些看似乱码的内容，然后通过客户端的JS脚本反相解析回来。　　HTML/javascript源代码加密混淆算法1）ASCII编码内可见字符【33~126】，33~79进行+47操作操作，80~126进行-47操作2）ASCII编码内部可见字符【0~32,127】，【128~133】，不操..

多张图片热点如何添加

评论(0)浏览(362)分类：HTML/CSS兼容/XML
多张图片热点如何添加　　由于图片的热点一般都是写死在HTML源代码里面了，所以如果有多张独立的图片需要增加热点，而且需要根据条件显示或者隐藏其中的某些图片时，这样图 片的位置就会发生变动，从而导致添加的热点对不上原图片的位置而导致失效或者乱套了。下面为1张图片拆分成4张进行热点操作。　　实现要点：图片要有position为relative的容器，添加的热点就会变..

扩展ext4.1 Ext.ux.form.ItemSelector增加自定义显示

评论(0)浏览(683)分类：extjs开发技巧
扩展ext4.1 Ext.ux.form.ItemSelector增加自定义显示　　本示例通过配置tpl参数，增加ext4.1的Ext.ux.form.ItemSelector要显示的内容。默认Ext.ux.form.ItemSelector只能显示一个配置的值，通过对Ext.ux.form.ItemSelector和Ext.ux.form.MultiSelect的修改，传递tpl参数实现自定义显示。效果如下，增加了value的显示。　　扩展ext4.1 Ext.ux.form.ItemSelector增加自定义显示步骤如下１）在ext的ex..

Microsoft.AlphaImageLoader导致链接，输入框失效

评论(0)浏览(475)分类：HTML/CSS兼容/XML
Microsoft.AlphaImageLoader导致链接，输入框失效　　IE浏览器下的AlphaImageLoader滤镜会导致该区域内的链接，按钮，输入框无法点击或者输入　　解决办法：为链接或按钮添加：position:relative样式使其相对定位　　提示：要使用Microsoft.AlphaImageLoader滤镜，需要添加xhtml申明，要不没效果。Microsoft.AlphaImageLoader滤镜讲解测试代码1，没有增加position:relative，输入框无法输入获取..

动态更新的内容如何以瀑布流masonry重新布局

评论(0)浏览(2639)分类：JavaScript/Ajax开发技巧
动态更新的内容如何以瀑布流masonry重新布局　　页面第一次加载完毕后执行了masonry绘制瀑布流布局后，后续使用javascript或者ajax更新的节点内容要以masonry瀑布流布局添加到容器里面，可以使用2种方法使新增加的内容以瀑布流的形式呈现1）对总容器调用masonry的reload方法将会重绘容器节点内的所有内容2）对新添加的节点执行masonry的appended方法，对新添加的节点计算新新节点的位置后以..

javascript/asp.net转换字符串为16进制编码

评论(0)浏览(562)分类：JavaScript/Ajax开发技巧
javascript/asp.net转换字符串为16进制编码　　将字符串编码为１６进制\u（asciis大于256）或者\x（ascii小于等于256）编码的字符串，当原页面和请求页面编码不统一时，可以有效解决中文内容乱码问题。　　javascript将字符串转为16进制编码内容，以\x16进制形式显示在源代码中，实现代码的简单加密。源代码如下script function sToHex(str) { var val = ,charCode,s; f..

javascript获取遮盖层被点击时下面的DOM对象

评论(0)浏览(416)分类：JavaScript/Ajax开发技巧
javascript获取遮盖层被点击时下面的DOM对象　　今天在csdn看到一个问题：整个网页用div遮住，鼠标点击上面的div怎么获得鼠标下面遮住的HTML元素　　思路：计算页面内所有的DOM对象的范围存储在一个数组中，在点击遮盖层的时候获取鼠标点击坐标，然后遍历数组判断点击坐标是否在数组对象的范围之内，是则返回这个对象。　　示例代码如下style/stylediv style=width:200px;height:100px;我是..

图片左右滚动效果

评论(0)浏览(162)分类：JavaScript/Ajax开发技巧
图片左右滚动效果　　一个图片左右滚动的效果，如果滚动到结尾或者开头时，再点击切换则切换到第一张后缀最后一张，省略中间图片的滚动，直接是首位２张图片滚动的效果。　　源代码如下!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 h..

Asp.Net+flash+jquery.TY.js涂鸦插件，可保存涂鸦图片

评论(2)浏览(548)分类：JavaScript/Ajax开发技巧
Asp.Net+flash+jquery.TY.js涂鸦插件，可保存涂鸦图片　　20132-20更新：增加了加载图片的缩放功能。将缩放后的宽度传到动态页，动态页获取后重新计算坐标位置后绘图。如果涂鸦不和图片合成，当宽度小于默认的650，绘制一条分隔线。　　Asp.Net+flash+jquery实现的在线涂鸦插件，通过将涂鸦数据发送到ashx页面，ashx获取到数据后绘制图片并保存涂鸦图片。　　本示例基于謾軻（Manction），http://ma..

图片手风琴效果jQuery插件

评论(0)浏览(221)分类：JavaScript/Ajax开发技巧
图片手风琴效果jQuery插件　　图片手风琴效果jQuery插件，要使用本插件需奥导入jquery框架。效果和源代码如下!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/html; charset=utf-8/script type=text/javascript src=/js/jquery.js/scripttitle..

网站未发布，ajax能请求的本地资源有哪些

评论(0)浏览(524)分类：JavaScript/Ajax开发技巧
网站未发布，ajax能请求的本地资源有哪些　　网站发布，通过http协议访问时，由于浏览器安全问题１）js不允许访问本地文件２）ajax请求也不能访问跨域的页面。３）firefox下端口不一致也会导致跨域　　解决办法就是做代理或者使用jsonp操作。参考：AJAX 跨域解决办法　　网站未发布，本地file协议测试【就是直接双击打开或者拖拽进入浏览器中】时，有以下几种情况　　假设目录结构如下r..

Ext如何对本地数据进行分页显示

评论(0)浏览(2307)分类：extjs开发技巧
Ext如何对本地数据进行分页显示　　ext加载数据时，分页功能一般通过服务器返回需要显示的数据，返回多少显示多少，即使stroe配置了pageSize属性，而返回的数据量大于pageSize定义的，多余的数据还是会显示出来。所以按照一般的方式创建store数据源加载本地数据，会一次性显示完所有的数据，而没有分页效果（虽然页脚的分页导航出来了）。　　要对客户端数据进行分页，可以使用..

document.createElement创建iframe在IE兼容模式无法指定target问题

评论(0)浏览(435)分类：JavaScript/Ajax开发技巧
document.createElement创建iframe在IE兼容模式无法指定target问题　　使用document.createElement创建的iframe对象，在IE兼容模式（包括ie10），IE7-浏览器下运行时，无法在DOM对象中生成name属性（但是却可以获取到name属性为设置的内容，IE真是个大bug），而是变成了一个自定义属性submitName。所以链接对象，表单如果通过target指向这个iframe，那么会在新窗口打开，而不是在document.createElement创建的if..

javascript通过iframe加载同源代理页面实现顶级域跨域操作

评论(0)浏览(4185)分类：JavaScript/Ajax开发技巧
javascript通过iframe加载同源代理页面实现顶级域跨域操作　　由于浏览器安全问题，通过域a打开域名b的页面，这2个页面是不能互相操作对方的DOM对象的。（如果顶级域名相同，可以在2个需要互相操作的页面中都执行document.domain='顶级域名'语句，这样2个页面就可以相互操作）　　今天在csdn上看到了一个办法，思路如下A域有2个页面a，bB域有一个页面ca使用window.open打开c，由于不同源，所以c..

easyui combobox使用JSONP加载数据源

评论(0)浏览(482)分类：easyui开发技巧
easyui combobox使用JSONP加载数据源　　本示例使用JSONP加载easyui combobox的数据源实现跨域请求数据，easyui版本为jQuery EasyUI 1.3.4。　　高版本的jquery可以直接配置url增加jsonp特有参数如url?xxx=?，这样请求的地址非同源域名会自动启用jsonp操作，如果是低版本的jquery，如1.4没有这么智能，需要配置loader对象，因为easyui的默认loader对象中发送ajax的datatype为json。..

IE7+浏览器下XMLHttpRequest跨域请求安全配置

评论(0)浏览(1388)分类：JavaScript/Ajax开发技巧
IE7+浏览器下XMLHttpRequest跨域请求安全配置　　IE7+浏览器已经开始支持XMLHttpRequest对象，当使用XMLHttpRequest请求不同源的文件（不同域名的页面），和浏览器是否启用安全-》internet区域的通过域访问数据源有关系。如果启用了此选项，那么所有跨域的页面都可以访问，即使跨域的页面没有设置过Access-Control-Allow-Origin响应头。如果禁用了通过域访问数据源,跨域页面设置过Access-Co..

css控制不允许操作iframe内容

评论(0)浏览(360)分类：HTML/CSS兼容/XML
css控制不允许操作iframe内容　　css如何禁止用户操作iframe的内容（iframe加载的可能是跨域的页面），如选择iframe里面的内容。　　解决办法就是用一个透明的层遮盖在iframe上方，这样就无法操作底层的iframe了。　　测试代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdtitlecss控制不允许..

扑克牌翻牌效果jquery插件

评论(0)浏览(518)分类：JavaScript/Ajax开发技巧
扑克牌翻牌效果jquery插件　　用jquery实现的扑克牌翻牌效果，未使用html5，效果当然没有html5的3d好，但是兼容性好。使用的扑克牌图片如下 　　源代码如下!DOCTYPE HTMLhtmlheadmeta charset=UTF-8/title扑克牌翻牌效果jquery插件/title/headbodyscript type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js/scriptscript type..

jmp3修改版：增加mp3播放完毕执行js回调配置，js控制mp3播放和暂停方法

评论(0)浏览(729)分类：JavaScript/Ajax开发技巧
jmp3修改版：增加mp3播放完毕执行js回调配置，js控制mp3播放和暂停方法　　从http://www.sean-o.com/jquery/jmp3下载的flash源文件，修改了fla，新增3项功能1）增加Mp3播放完毕后，如果需要执行js回调，可以通过配置PlayFinish来传递需要执行的js回调函数名称，注意函数需要在window作用域下。2）PlaySong方法，播放mp3，如果需要播放指定次数后停止不在播放，可以结合第1）点的回调，控制播放次数。3）PauseSong方法..

简易flv播放器jquery.jflv.js

评论(0)浏览(1287)分类：JavaScript/Ajax开发技巧
简易flv播放器jquery.jflv.js　　简易flv播放器，可用通过js控制flv播放，暂停。具体参考下面的示例说明，已经做成jquery插件形式。注意：要用js控制flv的播放停止，需要将示例发布后，通过http访问，要不会报错：uncaught exception: Error in Actionscript. Use a try/catch block to find error.Line 0　　jquery.jflv.js示例及使用说明文档html xmlns=http://www.w3.org..

文章内容复制javascript自动增加出处来源

评论(0)浏览(110)分类：JavaScript/Ajax开发技巧
文章内容复制javascript自动增加出处来源　　复制文章内容时，用javascript自动向复制的区域增加浏览器地址栏url地址。　　纯javascript实现，不需要任何插件。实现原理：在copy事件中，javascript通过修改selection实现内容复制，先将用户当前选中的内容复制到一个容器里面，让后移除当前用户选择，将容器的内容选中。　　测试代码如下script /*文章内容复制javascript自动增加出处..

chrome开发工具source选项卡找不到js文件

评论(0)浏览(656)分类：JavaScript/Ajax开发技巧
chrome开发工具source选项卡找不到js文件　　chrome开发工具的sources选项卡会记录浏览器加载的所有资源文件，包括js，css，html资源文件。但是对于使用ajax动态加载的js，css文件，sources选项卡是不会显示此类文件，chrome开发工具的sources选项卡只会记录使用script，link标签加载的js，css资源文件。　　如下面的html示例，chrome sources选项卡如下图所示，没有1.js文件记录。scri..

JavaScript如何检查网站是否可以访问

评论(0)浏览(1040)分类：JavaScript/Ajax开发技巧
JavaScript如何检查网站是否可以访问　　JavaScript如何检查网站是否出现问题，无法访问。由于安全性问题，不可以跨域执行ajax代码，可以使用Image对象来加载对方服务器的一张图片(一般网站都会有网站图标，这个图标放在根目录下)，所以可以加载网站图标来判断是否可用。注意：Image加载的需要是图片，其他非图片文件无法检查网站是否可以访问，即使网站没有问题。titleJavaScript如..

javascript滚动到导航条时如何固定在顶部

评论(0)浏览(1805)分类：JavaScript/Ajax开发技巧
javascript滚动到导航条时如何固定在顶部　　当页面上面的不在第一屏显示的导航条，javascript如何将导航条固定在顶部当次导航条已经显示并且滚动到顶部将隐藏的时候。　　下面为这个效果的源代码，为了简便，使用了jquery框架div style=height:500px;background:#999/divdiv id=fixedMenu style=background:#eee;width:100%;菜单/divdiv style=height:900px;background:#999/divscript..