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

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

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

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

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

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

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

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

瀑布流masonry布局API

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

ajax中XML和JSON数据格式比较

评论(0)浏览(197)分类：JavaScript/Ajax开发技巧
ajax中XML和JSON数据格式比较　　使用ajax时，首先要明确2点，获取返回的数据可以使用ajaxobj.responseXML或者ajaxobj.responseText的2个属性，ajax对象其他属性具体参考：ajax对象常用属性，事件，方法大小写问题1）对于XML数据，使用responseXML获取到，直接是XMLDOM对象2）对于responseText得到的内容只有一种类型，就是字符串，然后根据需要将responseText处理成其他数据..

IE6的navigator.userAgent输出MSIE 7

评论(0)浏览(519)分类：JavaScript/Ajax开发技巧
IE6的navigator.userAgent输出MSIE 7　　通过javascript判断浏览器版本时，一般是通过navigator对象的userAgent或者appVersion属性，但是在xp系统下的IE6，navigator.userAgent和navigator.appVersion尽然会是MSIE 7.0，无语了。XP系统版本为Professional 2002，打了SP3补丁。　　以后判断浏览器版本最好还是不要用navigator.userAgent和navigator.appVersion，怪不得今天加载的js通..

chrome onselect方法名称

评论(0)浏览(137)分类：JavaScript/Ajax开发技巧
chrome onselect方法名称　　昨天在csdn看到一个select对象触发onchange事件方法名称为onselect实现二级联动的问题，用chrome调试后发现执行自定义的onselect方法，没有实现联动，在console控制台看到了一个Uncaught TypeError: object is not a function的错误。搜狗浏览器高速模式下也无法实现联动，其他浏览器如firefox，ie没问题。　　示例一scriptfunction onselec..

javascript精确到毫秒的计时器

评论(0)浏览(338)分类：JavaScript/Ajax开发技巧
javascript精确到毫秒的计时器　　发一个javascript写的精确到毫秒的计时器，可以定义delay时间，最大计量单位为小时script var maxtime = 1 * 60 * 60 * 1000//一个小时，按毫秒计算，自己调整! ,tmp,delay=11 //建议delay不要小于10ms，要不执行计算和设置innerHTML耗费的事件就不止1ms了 function CountDown() { if (maxtime = 0) { hours = ..

IE未知的运行时错误

评论(0)浏览(143)分类：JavaScript/Ajax开发技巧
IE未知的运行时错误　　今天犯了个低级错误，li标签嵌套li标签，设置嵌套的li标签的innerHTML时报错IE未知的运行时错误，嵌套没出错，就设置innerHTML出问题，其他浏览器如chrome，firefox都没问题，容错能力比较好，IE就不行了，╮(╯▽╰)╭，还是得注意按照标准写法，不能乱嵌套标签，要不报错了够自己找的。ulli id=li/li/ulscript type=text/javascript wi..

html5 ajax上传文件asp.net示例

评论(0)浏览(4265)分类：JavaScript/Ajax开发技巧
html5 ajax上传文件asp.net示例　　在Gecko（firefox4+）和webkit（chrome）核心的浏览器中存在FormData对象，可以收集表单中的文件内容，结合ajax对象XMLHttpRequest就可以无刷新的上传文件了。FormData对象实例有一个方法叫做append，允许加入任何形式的数据（文本和文件）的对象。不过悲催的是IE9虽然支持html5，但是没有FormData对象。　　测试代码html xmlns=http://www...

javascript replace函数$&

评论(0)浏览(369)分类：JavaScript/Ajax开发技巧
javascript replace函数$&　　今天发现自己写的高亮函数代码出现问题，有一些内容没有替换掉，显示为原来的内容，认真看了一下replace函数，发现自己完全没理解透replace函数中替换内容特殊字符$的用途，导致代码出现bug。　　原来的代码要替换__JS0__这个内容为nbsp;$nbsp;，执行替换后发现不是nbsp;$nbsp;，而是变成了nbsp;__JS0__nbsp;，原因是$代表的是与 regexp 相匹..

ckeditor自动填满容器

评论(0)浏览(1290)分类：JavaScript/Ajax开发技巧
ckeditor自动填满容器　　ckeditor设置了高度为100%百分比时并不会自动将容器填充满，通过firebug查看生成的ckeditor代码结构后，如下图，编辑器的td设置了高度为height:100%的样式，但是并没有实现容器的完整填充。　　ckeditor有自动全屏的功能，如果是想自动填充整个显示窗口，而不是指定的容器，可以通过调用CKEDITOR.instances.content.execCommand('maximi..

如何判断ckeditor是否已经加载和初始化完毕

评论(0)浏览(2281)分类：JavaScript/Ajax开发技巧
如何判断ckeditor是否已经加载和初始化完毕　　如果要在ckeditor初始化某个实例完成后执行一些回调函数，可以使用instanceReady事件。ckeditor可以使用的事件有以下几种，需要ckeditor版本为3.0+。Event AttributesEvent Name and DescriptionariaWidgetFired when a panel is added to the documentcurrentInstanceFired when the CKEDITOR.currentInstance object reference changes.di..

javascript选择textarea中指定的内容

评论(0)浏览(97)分类：JavaScript/Ajax开发技巧
javascript选择textarea中指定的内容　　javascript选择textarea中指定的内容 script type=text/javascript function sel() { var s = document.getElementById('kw'); if (s.value == '') { alert('请输入关键字！'); s.focus(); return false; } s = s.value; var t = document.getElementById('content'),..

javascript移除百度地图LOGO和版权信息

评论(0)浏览(730)分类：JavaScript/Ajax开发技巧
javascript移除百度地图LOGO和版权信息　　由于百度地图不是在iframe里面生成，而是在当前页面构造的百度地图执行的对象id中，为这个对象容器的子元素，所以只要遍历配置对象的子元素，找到子元素中样式为anchorBL的div元素，这2个元素是存储百度地图logo和版权信息的，只要移除这2个div就行了。　　下面为了缩减代码，使用了jquery框架来移除百度地图logo和版权信息，源代码如下，自..

淘宝广告主后台导航jQuery插件

评论(0)浏览(109)分类：HTML/CSS兼容/XML
淘宝广告主后台导航jQuery插件　　淘宝广告主后台导航效果，用jQuery写的插件　　配置说明fx：动画效果，默认linear，还可以设置为easein，easeout等。。具体看代码里面扩展的jQuery.easingspeed：动画时间，默认500msclick：点击导航后的回调函数，默认空函数　　源代码如下!DOCTYPE HTML PUBliC -//W3C//DTD HTML 4.0 Transitional//ENhtmlheadtitle淘宝广告主后台导航jQue..

谷歌导航条jQuery插件

评论(0)浏览(102)分类：HTML/CSS兼容/XML
谷歌导航条jQuery插件　　本站页头的谷歌导航条效果，使用了jQuery框架，源代码如下!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 /title谷歌导航条jQuery插件-编程设计网/title..

自定义jQuery.easing效果插件注意事项

评论(0)浏览(166)分类：JavaScript/Ajax开发技巧
自定义jQuery.easing效果插件注意事项　　在自定义jQuery.easing擦除效果插件时，需要注意使用jQuery.extend来扩展jQuery.easing擦除效果，而不是自定定义jQuery.easing，要不再调用jQuery的效果方法如fadeIn/fadeOut，slideUp/slideDown等时会出现错误。//使用这种方法自定义jQuery.easingjQuery.extend(jQuery.easing,{/*自定义的jQuery.easing效果*/});//不要这样重写jQuery.easi..

access-Control-Allow-Origin跨域请求安全隐患

评论(0)浏览(4720)分类：JavaScript/Ajax开发技巧
access-Control-Allow-Origin跨域请求安全隐患?phpheader(Access-Control-Allow-Origin: *);?　　最新的W3C标准里是这么实现HTTP跨域请求的，Cross-Origin Resource Sharing，就是跨域的目标服务器要返回一系列的Headers，通过这些Headers来控制是否同意跨域。　　这些Headers有：4 Syntax4.1 Access-Control-Allow-Origin HTTP Response Header4.2 Access-Control-Max-Age HTTP Response He..

javascript实现IE,firefox客户端图片预览

评论(0)浏览(216)分类：JavaScript/Ajax开发技巧
javascript实现IE,firefox客户端图片预览　　javascript实现IE,firefox客户端图片预览，测试浏览器：IE6~8，firefox4.0。　　google的chrome，safari，opera浏览器需要上传图片才行，这个不在讨论范围，上传后也变简单多了，将表单自动提交到隐藏iframe实现无刷新上传图片文件后，在服务器端保存图片然后返回路径，具体参考这篇文章：ajax无刷新上传文件，使用iframe模仿。　　原理：由..

IE浏览器下获取file控件选择本地文件的路径

评论(0)浏览(2315)分类：JavaScript/Ajax开发技巧
IE浏览器下获取file控件选择本地文件的路径　　由于安全问题，IE7+浏览器的internet区域的安全设置中将文件上传到服务器时包含本地目录路径选项默认是禁用的，所以通过file.value得到的不是实际选择的本地文件的路径，而是定位到c:\fjkk\等乱七八糟的路径去，文件名是正确的，路径不正确。　　IE浏览器下面可以使用selection对象获取到真实的本地选择文件的路径，firefox需要设置安全性，..

jquery lightbox plugin txtImage中文乱码

评论(0)浏览(144)分类：JavaScript/Ajax开发技巧
jquery lightbox plugin txtImage中文乱码　　从官网点下载http://leandrovieira.com/projects/jquery/lightbox/下载的jquery lightbox plugin插件，给的示例代码中，当配置txtImage为中文时，会出现乱码或者未显示配置的中文内容。　　这个问题主要是因为给的示例html文件中指定的页面编码为utf-8的 meta http-equiv=Content-Type content=text/html; charset=utf-8 / titlejQuery ..

ajax无刷新上传文件，使用iframe模仿

评论(2)浏览(585)分类：JavaScript/Ajax开发技巧
ajax无刷新上传文件，使用iframe模仿其实ajax是无法上传文件的，所以得用隐藏的iframe来模仿ajax未出现之前，一直都是隐藏的iframe来实现无刷新操作如果谁看过图灵程序设计丛书的Ajax高级编程，就知道了。示例下载点击这里下面列出代码，asp的上传代码太麻烦，就使用。net了。。。upload.ashx%@ WebHandler?Language=C# Class=upload %using System;using System.Web;public class ..

jquery查找option通过显示的text内容

评论(0)浏览(136)分类：JavaScript/Ajax开发技巧
jquery查找option通过显示的text内容　　如果select对象的option没有value属性，jquery怎么通过option显示的text内容查找到对应的option对象？由于option显示的内容没有什么对应的属性，所以只能使用内容选择器:contains来查找。不能通过属性text查找到。　　测试代码如下headscript type=text/javascript src=/js/jquery.js/script/headscript type=text/javascript var one = ..

javascript在select指定位置插入option

评论(0)浏览(258)分类：JavaScript/Ajax开发技巧
javascript在select指定位置插入option　　在dhtml的DOM方法中有insertBefore方法，在浏览器下面可以使用此方法在指定的位置给select添加option对象。不过IE下调用insertBefore时，能添加option，但是创建的option对象设置的text属性会不显示，是空白，需要设置innerText属性来实现。　　javascript在select指定位置插入option测试代码如下script type=text/javascriptfunction Inser..