iframe自适应高度

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

CSS3动画Transition

评论(0)浏览(456)分类:HTML/CSS兼容/XML
CSS3动画Transition  W3C标准中对css3的transition这是样描述的:css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。下面我们同样从其最语法和属性值开始一步一步来学习transition的具体使用语法: transition : ['transition-property&..

绚丽的css3动画效果

评论(0)浏览(456)分类:HTML/CSS兼容/XML
绚丽的css3动画效果2016-9-8:添加firefox支持。  绚丽的HTML5 CSS动画效果,请使用webkit内核的浏览器,如chrome运行示例。chrome运行后效果如下图所示源代码如下style body { background: black; width:100%;height:100%;overflow:hidden; position: relative; } .effect-wrapper { width: 400px; height: 400px;..

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

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

去掉移动端浏览器连接点击高亮背景色

评论(0)浏览(454)分类:HTML/CSS兼容/XML
去掉移动端浏览器连接点击高亮背景色  移动端浏览器打开网页,点击里面连接时会出现一个高亮灰色背景色,如何去掉这个高亮灰色背景色?webkit核心浏览器可以使用-webkit-tap-highlight-color:transparent设置为透明色不显示。  去掉移动端浏览器连接点击高亮背景色代码如下第一个链接点击有灰色高亮背景第二个连接点击无灰色高亮背景meta name=viewport content=width=device-w..

css3水波纹动画效果

评论(0)浏览(447)分类:HTML/CSS兼容/XML
css3水波纹动画效果css3水波纹动画效果style .wave { width: 200px; height: 200px; margin: 40px auto; display: flex; justify-content: center; align-items: center; border-radius: 50%; overflow: hidden; position: relative; } .wave::before, .wave::after { content..

microsoft.xmldom加载xml错误缺少所需的空白区

评论(0)浏览(442)分类:HTML/CSS兼容/XML
microsoft.xmldom加载xml错误缺少所需的空白区  用microsoft.xmldom加载xml文件时,如果xml文件添加了DTD,DTD元素名称和说明之间要存在空格,否则会报错。错误原因:缺少所需的空白区。错误行:1  测试代码如下test.htmlscript var xml = new ActiveXObject(microsoft.xmldom); xml.async = false; xml.validateOnParse = true; xml.load(book.xml); document.write(..

css选择器\数字,转义数字意义

评论(0)浏览(441)分类:HTML/CSS兼容/XML
css选择器\数字,转义数字意义  css数字选择器其中出现\数字类型,css数字选择器名称有什么意义。.\39 { background-color: #ccc; color: red;}/* '\' 的unicode码是5c */.unicode\5c { background-color: #666; color: white;}.8 { background-color: #DDD; color: blue;}  当css class名是数字开头或者包含特殊字符的话,在写CSS样式的的..

vs2013 cordova无法启动调试

评论(0)浏览(441)分类:phonegap/cordova
vs2013 cordova无法启动调试  vs2013编译cordova项目时,模拟器已经并且apk已经安装到模拟器中运行,但是vs2013却提示无法启动调试这个错误,然后输出中也没有错误信息。  翻墙谷歌了一下后,据说vs2012不支持android4.3-一下的调试。模拟器api需要19+以上(android 4.4+)才支持调试。公司电脑比较陋野,奔腾双核+4G内存,模拟器只能建立android3一下的,4+以上版本的..

Ext4.1动态生成checkboxgroup对象

评论(1)浏览(441)分类:extjs开发技巧
Ext4.1动态生成checkboxgroup对象  Ext4.1动态生成checkboxgroup对象的原理很简单,用ext的ajax类库发送ajax请求动态页获得items对象的字符串内容,eval生成json对象,然后再生成checkboxgroup对象,配置checkboxgroup的items对象为返回的json字符串内容即可【注意要eval生成json对象,不能直接是字符串】。  数据源data.txt内容[{boxLabel:Item1,name:name,checked:true,in..

AJAX跨域问题解决办法

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

easyui datagrid使用detailview无数据无法获取第一次插入的数据

评论(0)浏览(438)分类:easyui开发技巧
easyui datagrid使用detailview无数据无法获取第一次插入的数据  easyui datagrid使用detailview显示数据行详细信息时,如果datagrid加载时没有数据行,插入数据后,调用getChanges方法,第一行添加的数据获取不到,只能获取到第二行之后的数据,如下图所示。如果datagrid加载时存在数据则不会出现无法获取第一次添加的数据行的问题。  要想解决easyui datagrid使用detailview,当datagrid中无数据加载时..

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

评论(0)浏览(436)分类: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 =..

表格排序的javascript代码

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

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

修改Ext.DatePicker使得Ext.form.DateField只选择年月

评论(0)浏览(435)分类:extjs开发技巧
修改Ext.DatePicker使得Ext.form.DateField只选择年月在最近一个项目中用到了Ext,学到了很多新的东西,同时JS水平得到了大大的提升。项目中需要一个年月输入框,不带日期的,可是Ext本身不带这样的功能,没办法只能自己扩展。G了一下得到2篇文章http://www.javaeye.com/topic/105492http://blog.csdn.net/forgetdavi/archive/2007/09/07/1776079.aspx按照他的做法,依葫芦画瓢,做出来了,但是出现了..

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

评论(2)浏览(435)分类: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..

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

评论(0)浏览(432)分类: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未配..

js判断是否为IE11浏览器

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

li list-style-type:decimal序号到9变为0

评论(0)浏览(427)分类:HTML/CSS兼容/XML
li list-style-type:decimal序号到9变为0  昨天在用ul+li布局的时候,li的list-style-type设置为decimal,结果li的序号显示到9后,自动变为从0开始了,如下图所示。示例代码!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdstyle ul{padding:0px;margin:0px}li{margin-left:25px; list-style-type:decimal}/st..

ajax问题总结

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

禁止textarea拖拽更改大小

评论(0)浏览(423)分类:HTML/CSS兼容/XML
禁止textarea拖拽更改大小  textarea在高版本的Firefox,chrome等浏览器下,textarea会在右下角出现一个小图标,拖动图标可以更改textarea的大小。textarea style=width:300px;height:100px;/textarea  要想拖动textarea右下角图标更改textarea大小,可以增加resize:no属性,textarea就不可以拖动更改大小了,右下角的图标也消失不见。textarea style=width:300px;he..

jquery通讯录选择效果

评论(0)浏览(423)分类: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 /全..

XMLHttpRequest加载视频并播放

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

JavaScript调用百度语音朗读信息

评论(1)浏览(422)分类: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 + ' ' + ..

扩展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..

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

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

jquery ajaxForm API使用文档

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

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

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