bootstrap datetimepicker控制可选时间区域

评论(0)浏览(466)分类：JavaScript/Ajax开发技巧
bootstrap datetimepicker控制可选时间区域　　bootstrap datetimepicker插件如何控制可选择的时间区域，bootstrap datetimepicker插件如何禁用不用选时间区域。　　解决办法：给bootstrap datetimepicker添加changeDate事件，获取选择的小时数据部分增加判断，不符合选择的时间区域清空选中的值。　　bootstrap datetimepicker控制可选时间区域源代码如如下，只能选择8~21点之间的时间$(..

IE8+只有在xhtml模式下才支持JSON对象

评论(0)浏览(461)分类：JavaScript/Ajax开发技巧
IE8+只有在xhtml模式下才支持JSON对象　　标准浏览器如chrome，firefox都支持JSON对象，将json对象转为对应json格式的字符串（JSON.stringify）或者将json格式的字符串转为json对象（JSON.parse）。　　IE8+浏览器也支持JSON对象，但是是有条件的，需要添加xhtml申明或者使用X-UA-Compatible指定为IE8或者edge模式，X-UA-Compatible要放对位置，要不有可能无效。参考：IE X-UA-Compa..

jQuery1.4.2 ajax存在一个严重bug问题

评论(1)浏览(455)分类：JavaScript/Ajax开发技巧
jQuery1.4.2 ajax存在一个严重bug问题　　最新的jQuery1.4.2版本在使用ajax时存在一个严重的bug问题，如果指定dataType为json，竟然死活不进入success回调函数，而其他版本，如1.2.6是正常的，郁闷~　　其实不是bug，下载的API文档没有详细说明，导致以为是bug，说明参考最下面的文章。示例代码如下ajax请求的页面，test.asp+展开 -HTML%response.write?"{success:false,id:'"reques..

jquery.ui.autocomplete.js输入中文无法显示匹配项

评论(0)浏览(453)分类：JavaScript/Ajax开发技巧
jquery.ui.autocomplete.js输入中文无法显示匹配项　　如果你使用jquery.ui.autocomplete.js自动完成插件功能，输入中文字符没有出现匹配的信息，那么50%的可能是出现了乱码（当然不排除动态页出错之类的）。　　要将加载jquery.ui.autocomplete.js插件页面，数据源统一为utf-8编码，并且2个页面的存储编码也要为utf-8（记事本打开，另存为，编码选择utf-8，保存替换原来的文件）　　从jqueryui...

Jstorage类库本地存储数据

评论(0)浏览(451)分类：JavaScript/Ajax开发技巧
Jstorage类库本地存储数据　　jStorage使用 HTML5localstorage 作为存储容器或者不支持local storage时（IE7-）则使用 userDatabehavior 作为存储容器。　　对于IE浏览器，存储的数据位置为userData　　在XP下，一般位于C:\DocumentsandSettings\用户名\UserData，有些时候会在C: \DocumentsandSettings\用户名\ApplicationData\Microsoft\InternetExplorer \UserData。　..

iframe自适应高度

评论(0)浏览(449)分类：JavaScript/Ajax开发技巧
iframe自适应高度　　iframe自适应高度，设置iframe的高度为加载内容的高度，不出现滚动条。iframe自适应高度源代码如下test.htmla href=index.html target=myifrindex.html/aiframe src=index.html name=myifr style=width:100% onload=setIfrHeight(this)/iframescript function setIfrHeight(el) { el.style.height = el.contentWindow.document.b..

js控制右键菜单位置在可视区域

评论(0)浏览(434)分类：JavaScript/Ajax开发技巧
js控制右键菜单位置在可视区域　　js控制右键菜单位置在可视区域，而不出现滚动条或者菜单被遮盖无法显示。源代码如下div style=height:3000px;width:2000px内容/divstyle#pop{visibility:hidden;height:150px;border:solid 1px #000;position:absolute;width:150px;left:0;top:0}/stylediv id=pop右键菜单/divscript document.oncontextmenu = function (e) { e =..

ajax指定为post但是未设置content-type或未指定键时时如何获取提交的内容

评论(2)浏览(433)分类：JavaScript/Ajax开发技巧
ajax指定为post但是未设置content-type或未指定键时时如何获取提交的内容　　今天在CSDN看到一个ajax指定了提交方式为post，但是设置了content-type为text/plain的时，如何在提交的页面获取提交值的问题。由于content-type为text/plain，动态页并未帮你处理成键值对的形式，所以你得自己使用2进制流数据生成对应的string类型的数据。　　1）要生成键值对形式，你得指定content-type为“application/x-www-form-urlenco..

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

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

js判断是否为IE11浏览器

评论(0)浏览(428)分类：JavaScript/Ajax开发技巧
js判断是否为IE11浏览器　　IE11的navigator里面已经不包含MSIE字符串，window.ActiveXObject也不再支持。要判断是否IE11浏览器，可以使用下面的代码IE11的navigator.userAgent输出为：Mozilla/5.0 (Windows NT 6.1; Trident/7.0; SLCC2; .NET CLR 2.0.50727; Media Center PC 6.0; rv:11.0) like Gecko function isIE() { //ie? if (!!window.ActiveXObje..

AJAX跨域问题解决办法

评论(3)浏览(426)分类：JavaScript/Ajax开发技巧
AJAX跨域问题解决办法　　ajax伴随的goole 的推动，越来越多的站点开始使用了，在开大ajax程序的时候会遇到很多的问题，主要有以下几个方面：1.跨浏览器问题2.历史后退状态问题3.跨域问题　　跨浏览器的问题因为现在有很多的开元的框架已经解决了，我们无需为此而烦恼。　　历史后退状态问题我们可以使用一个数组来保存历史纪录，然后把这些数据村到历史对象中去，中..

表格排序的javascript代码

评论(0)浏览(425)分类：JavaScript/Ajax开发技巧
表格排序的javascript代码　　一个表格排序的javascript示例代码，使用说明及参数参考代码解释。script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js/scriptscript/* * 表格怕徐中用到的小工具 * * */ var CustomFunctions = { //获取子节点的集合（ie，ff通用） getChildNodes:function(node){ v..

jQuery.tablesorter 2.0中文排序解决办法

评论(0)浏览(424)分类：JavaScript/Ajax开发技巧
jQuery.tablesorter 2.0中文排序解决办法　　jQuery.tablesorter 2.0中文排序解决办法，jQuery.tablesorter 2.0中文排序使用的sortText方法，使用js操作符号进行对比，操作符号对中文无效，导致排序出问题。需要更改为localeCompare。jQuery.tablesorter 2.0新增了textSorter配置，改写内部的文字排序，可以增加此配置而不需要更改jQuery.tablesorter 2.0源代码。jQuery.tablesorter未配..

XMLHttpRequest加载视频并播放

评论(0)浏览(422)分类：JavaScript/Ajax开发技巧
XMLHttpRequest加载视频并播放　　XMLHttpRequest加载视频文件2进制数据流到客户端，并使用video控件播放。结合XMLHttpRequest Level 2特性，可以使用XMLHttpRequest对象接受服务器端返回的2进制数据流，然后使用生成blob对象，URL.createObjectURL生成文件引用路径赋值给video标签即可播放。　　XMLHttpRequest加载视频并播放源代码如下%@ Page Language=C# AutoEventWireup..

kindeditor如何保留源代码中的脚本

评论(0)浏览(420)分类：JavaScript/Ajax开发技巧
kindeditor如何保留源代码中的脚本　　默认kindeditor在源代码视图中粘贴的脚本代码，在切换到设计视图或者提交到服务器前会脚本代码自动被删除，无法保留。　　要想保留源代码视图中输入的脚本代码，可以配置filterMode: false，这样在切换到设计视图或者提交到服务器时仍然可以保留脚本内容。不过开启这个配置允许编辑器输入源代码比较危险，存在XSS漏洞。var editor;KindEdito..

JavaScript调用百度语音朗读信息

评论(1)浏览(419)分类：JavaScript/Ajax开发技巧
JavaScript调用百度语音朗读信息　　titleJavaScript利用百度语音服务朗读文字示例/title名字：input type=text id=txtName /br其他：input type=text id=txtOther /input type=button onclick=setSrc() value=朗读/div id=dvAudio/divscript type=text/javascript function setSrc() { var t = (document.getElementById('txtName').value + ' ' + ..

jquery通讯录选择效果

评论(0)浏览(417)分类：JavaScript/Ajax开发技巧
jquery通讯录选择效果　　jquery实现通讯录勾选效果。script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js/scripttable trtd valign=top收件人：input type=text id=txt style=width:500px /input type=hidden id=txtIds name=ids /br / 主题：..../tdtd id=tdContact通讯录br /input type=checkbox class=all /全..

jquery ajaxForm API使用文档

评论(0)浏览(417)分类：JavaScript/Ajax开发技巧
jquery ajaxForm API使用文档jquery ajaxForm下载地址： http://malsup.github.com/jquery.form.jsjquery ajaxForm API英文原文：http://www.malsup.com/jquery/form/#api　　表单插件API提供了几个方法，让你轻松管理表单数据和进行表单提交。ajaxForm　　增加所有需要的事件监听器，为AJAX提交表单做好准备。ajaxForm不能提交表单。在document的ready函数中，使用 ajaxFor..

javascript运行机制浅析

评论(0)浏览(417)分类：JavaScript/Ajax开发技巧
javascript运行机制浅析　　从一个简单的问题谈起，下面的javascript代码输出什么：alert(i); var i = 1; 　　输出结果是undefined, 这种现象被称成预解析：JavaScript引擎会优先解析var变量和function定义。在预解析完成后，才会执行代码。如果一个文档流中包含多个script代码段（用script标签分隔的js代码或引入的js文件）.运行顺序是：step1. 读入第一个代码段..

ajax对象常用属性，事件，方法大小写问题

评论(1)浏览(417)分类：JavaScript/Ajax开发技巧
ajax对象常用属性，事件，方法大小写问题　　经常混CSDN，发现ajax版块好多问题都是属性，方法，事件大小写不区分，导致程序运行出问题，或者在不同浏览器下效果不出来或者出错。　　下面是ajax对象的一些常用属性，事件和方法　　1）标准的ajax对象的属性有readyState，status，responseText，responseXML　　2）非标准ajax对象属性，针对IE浏览器的，有responseBody，2进制数据流。如..

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

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

ajax问题总结

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

IE6/IE7设置z-index，子容器内absolute定位的层无法遮盖下层absolute定位容器解决办法

评论(0)浏览(408)分类：JavaScript/Ajax开发技巧
IE6/IE7设置z-index，子容器内absolute定位的层无法遮盖下层absolute定位容器解决办法　　有2个absolute定位的层，要求第一个层覆盖第二个层，第一个层设置z-index即使为10000，第二层不设置z-index或者设置为1，在IE6/IE7浏览器下第一个层还是被第二个层给遮盖住，其他浏览器这没有这个问题。　　解决办法就是父容器搜设置为relative定位，给父容器增加z-index，只要第一个absolute定位的层的父容器z-index大于第二个的，那么就可..

html编辑器插入表格单元格内容为默认空白?

评论(1)浏览(407)分类：HTML/CSS兼容/XML
html编辑器插入表格单元格内容为默认空白?　　在使用在iframe线编辑器时，不管是fckeditor还是ewebeditor，当插入表格的时候，单元格内会出现默认的内容【空格】。此时如果用表格来定位图片和图注时，这个表格里面的显示内容在不同浏览器下会出现不同的显示。　　当插入表格的时候，当单元格里面没有内容时浏览器会自动用空格来填充单元格的内容，这个空格很难看到，所以再向单元格内继续..

my97计算2个时间差

评论(0)浏览(406)分类：JavaScript/Ajax开发技巧
my97计算2个时间差　　my97日历如何计算2个时间差，实现方法就是2个my97都配置onpicked，判断都选择值后转为日期对象相减下就得到相差的毫秒了，再转为单位。　　my97日历如何计算2个时间差源代码如如下script language=javascript type=text/javascript src=/demo/my97/WdatePicker.js/scriptscript function compute() { var d1 = document.getElemen..

JavaScript获取执行flash中flash.external.ExternalInterface.addCallback注册的函数

评论(1)浏览(400)分类：flash/flex/fcs/AIR
JavaScript获取执行flash中flash.external.ExternalInterface.addCallback注册的函数　　JavaScript如何获取并且执行flash中flash.external.ExternalInterface.addCallback注册的函数　　　　测试浏览器：IE6,IE7,IE8,Firefox3.6,谷歌chrome 14.0.835.202 mAS脚本function loadPicture(){//......代码......//......代码......}flash.external.ExternalInterface.addCallback(forJS, null, loadPicture);//注册JavaScript中调用的..

选择文件后自动上传并返回服务区保存文件名称

评论(0)浏览(399)分类：JavaScript/Ajax开发技巧
选择文件后自动上传并返回服务区保存文件名称　　功能：选择图片后就自动上传图片文件，并获取返回上传图片在服务器保存的文件名称　　源代码如下test.htmliframe name=hiddenifr style=display:none/iframescript var uploading = false; function fileChange(f) { //事件处理函数 //注意你的动态页一定要有try..cacth语句防止动态页出错，要不发生一次错误后候选的选择无法处..

input输入内容后使用×号一键删除

评论(0)浏览(398)分类：JavaScript/Ajax开发技巧
input输入内容后使用×号一键删除　　如何实现input输入框输入内容后，再输入框最右边出现一个号，点击叉号删除当前input输入框的内容，效果如下　　input输入内容后使用号一键删除源代码如下，已经做成jQuery插件形式!doctype htmlstyle div.clearText{display:inline-block;position:relative} div.clearText input{border:solid 1px #666;height:20px;line-height:20px..

Selection.modify方法

评论(0)浏览(396)分类：JavaScript/Ajax开发技巧
Selection.modify方法Selection.modify简介通过简单文本命令行，更改当前selection或者光标位置。备注：这个方法居于Webkit同名方法语法sel.modify(alter, direction, granularity)参数alter执行那种操作。执行move操作，将会移动当前光标位置。执行extend操作将会扩展当前selectiondirection如何调整当前selection。指定 forward或者 backward，通过当前selection的..

jquery多级下拉菜单插件

评论(0)浏览(395)分类：JavaScript/Ajax开发技巧
jquery多级下拉菜单插件　　居于jquery框架的网站多级下拉菜单插件，融合了jquery.color.js，jquery.lavalamp.js，jquery.easing.js 这3个插件，效果如下图link rel=Stylesheet type=text/css href=/menu/menu.css /stylebody{background:#999}/stylediv id=menu ul class=menu li a href=# class=parentspanlevel 1_1/span/a ul ..