kindeditor预览窗口如何全屏显示

评论(0)浏览(640)分类：JavaScript/Ajax开发技巧
kindeditor预览窗口如何全屏显示　　如何修改kindeditor预览窗口全屏实现，kindeditor的预览窗口不是全屏的，如果要改为全屏预览，可以修改kindeditor\plugins\preview\preview.js文件如下即可实现全屏预览（注意修改窗口大小是不会自适应的，只是点击预览按钮时当前窗口大小）。/******************************************************************************** KindEdito..

js将图片转换为base64

评论(0)浏览(635)分类：JavaScript/Ajax开发技巧
js将图片转换为base64　　js读取图片2进制信息后转换为base64字符串，设置img对象进行显示。　　js将图片2进制信息转为base64字符源代码如下提示：由于使用到ADODB.Stream，Scripting.FileSystemObject这种浏览器允许安全范围外的的activexojbect，所以要村委hta后缀的html应用程序，而不是html后缀的文件，创建者2个activexojbect会提示没有权限（也可以降低ie浏览器..

layui select PHP读取mysql数据库联动示例

评论(1)浏览(623)分类：JavaScript/Ajax开发技巧
layui select PHP读取mysql数据库联动示例layui select 联动示例，数据结构如下思路：读取这个表的数据生成js数组（用json_encode将读取的数据转成json数组字符串），用js处理下数组的种类，品名成唯一的，给select添加change事件读取对应的数据，然后更新select的option后重新render下更新下UI。效果如下data.php?php$db=mysqli_connect(localhost,root,123456,test);$result=mysqli_qu..

javascipt修改css级联样式表类和伪类样式

评论(0)浏览(617)分类：JavaScript/Ajax开发技巧
javascipt修改css级联样式表类和伪类样式　　javascript修改级联样式表文件或者内嵌级联样式表中定义的类样式属性。需要注意的是级联样式中的伪类直接替换属性值无效，需要新增样式进行覆盖，替换值不起作用!doctype htmltitlejavascipt修改css级联样式表类和伪类样式/titlestyle.exampleA{color:Blue}.exampleA:before {content:-;color:red;font-size:20px;font-weight:bold}/style!-..

jquery文档处理方法append，html可以执行脚本

评论(0)浏览(617)分类：JavaScript/Ajax开发技巧
jquery文档处理方法append，html可以执行脚本　　今天才发现原来jquery文档处理方法如append，html，before等方法可以执行内容中的script标签中的javascript脚本或者加载src指向的脚本文件，真是失败啊，用了那么久jquery...注意：text方法除外，text方法会将html标签中的替换为对应的实体对象　　jquery源代码中部分文档处理方法如下 append: function() { return this.domManip..

offsetParent属性介绍

评论(0)浏览(616)分类：JavaScript/Ajax开发技巧
offsetParent属性介绍　　offsetParent属性，在IE有那么几种模式，offsetParent.tagName返回的到底是什么，经过测 试，以某元素A为例，如果A是body元素，返回的是null。得到结果如下图所示：　　说明：diplay为空表示元素显示不是none；position这列中的self,father,grandfather,root是 指元素A自身，A的父元素，一直到A的根元素。offsetParent和position是否定位，d..

dTree节点查找展开收缩示例

评论(0)浏览(615)分类：JavaScript/Ajax开发技巧
dTree节点查找展开收缩示例　　dTree示例，带查找节点，展开收缩查找到得节点功能，dTree下载：dTree.js下载+API文档　　示例实现节点查找，并展开输入的关键字的节点展开dTree包含关键字的节点搜索dTree包含关键字节点　　源代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtdhtmlheadtitledTree示例，带..

jquery attr prop 区别

评论(0)浏览(613)分类：JavaScript/Ajax开发技巧
jquery attr prop 区别　　prop是jquery1.6新增的方法，其与attr的用法极为相似。由于不理解他们的根本区别，难免产生离奇的BUG。　　通过分析attr和prop的源码，得知：　　attr 方法里面，最关键的两行代码，elem.setAttribute( name, value + )和ret = elem.getAttribute( name )，很明显的看出来，使用的DOM的API setAttribute和getAttribute方法操作的属性元素节..

javascript判断中为假false的值

评论(0)浏览(601)分类：JavaScript/Ajax开发技巧
javascript判断中为假false的值　　JavaScript中有 6 个值为假，这六个值是falsenullundefined0'' (空字符串)NaN　　虽然这六个值都为假，它们之间并非都相等console.log( false == null ) // falseconsole.log( false == undefined ) // falseconsole.log( false == 0 ) // trueconsole.log( false == '' ) // trueconsole.log( false =..

IE css expression中获取scrollTop属性

评论(0)浏览(600)分类：JavaScript/Ajax开发技巧
IE css expression中获取scrollTop属性　　今天在做一个浮动效果，由于IE6-不支持position:fixed，所以就对IE6-浏览器可以考虑使用IE专有css行为expression+position:absolute来实现。下面的代码全部在IE6-浏览器下测试。　　HTML结构div class=ieexp浮动层/div　　开始定义样式如下.ieexp{top:expression(document.body.scrollTop);left:0px;}　　结果发现浮动层在IE下固定在了顶部，..

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

JSON.NET使用示例

评论(0)浏览(585)分类：Asp.Net/C#/WCF
JSON.NET使用示例本示例采用的是JSON.NET1.3.0，旧版本的json.net，使用Newtonsoft.Json.JavaScriptConvert.SerializeObjectNewtonsoft.Json.JavaScriptConvert.DeserializeObject类进行转换如果是新版本的json.net，如JSON.NET 4.0，已经转移到Newtonsoft.Json.JsonConvert类下面。Newtonsoft.Json.JsonConvert.DeserializeObjectNewtonsoft.Json.JsonConvert.S..

javascript有哪些基本数据类型

评论(0)浏览(580)分类：JavaScript/Ajax开发技巧
javascript有哪些基本数据类型前端面试中常被问到的问题之一就是JavaScript的基本类型有几种？。有的回答数字、字符串、布尔，有的可能会再加上Null、Undefined。而有人可能认为object也是基本类型。到底是什么样呢？所谓基本类型（primitive types）的概念ECMAScript（V3，V5）中压根就没有，它只是将类型分为6种。ECMAScript只提到类型，用types表示，在V3，V5整个文档搜关..

输入框onchange,oninput,onpropertychange事件区别

评论(0)浏览(576)分类：HTML/CSS兼容/XML
输入框onchange,oninput,onpropertychange事件区别输入框（input）onchange,oninput,onpropertychange事件区别和兼容行分析onchange触发条件：输入框的值改变，失去焦点(onblur)后触发。兼容性：各浏览器都支持。oninputonpropertychange触发条件：输入时，实时触发，而不是失去焦点才触发。兼容性：oninput：Chrome/IE9/Firefox/Safari/Operaonpropertychange：IE6/IE7/IE8/IE9所以如果要实现输..

JavaScript限制输入框只允许输入数字和符号，小数点

评论(0)浏览(569)分类：JavaScript/Ajax开发技巧
JavaScript限制输入框只允许输入数字和符号，小数点　　JavaScript限制输入框只允许输入数字和符号，小数点，不允许输入其他内容，并且输入符号后不能在前面输入数字，小数点同理。titleJavaScript限制输入框只允许输入数字和符号，小数点/titleinput type=text onkeydown=return checkKeyCode(event,this) style=ime-mode: disabled; /script function getCursorPosition(el) {//获取光标位置..

自定义上传控件样式

评论(0)浏览(564)分类：JavaScript/Ajax开发技巧
自定义上传控件样式　　有些时候我们不需要默认的上传控件input=file的样式，而是现实自定义的样式和文字，而不是单一的浏览...样式，我们可以使用浮动层来实现。　　原理：将上传控件input=file设置为透明的，然后添加2个控件。1）一个在上传控件input=file的浏览...按钮下面，因为上传控件input=file是透明的，所以看到的是这个自己定义的控件，不过注意大小和位..

javascript自动格式化输入的数字金额

评论(1)浏览(563)分类：JavaScript/Ajax开发技巧
javascript自动格式化输入的数字金额　　需求：javascript自动格式化输入的数字金额，每3位数字后面增加一个,逗号分隔开，失去焦点后自动删除逗号，防止数据库写入数字类型的字段时出错，获取焦点或者输入的时候自动格式化金额。效果如下源代码如下script function formatter(o, blur) { o.value = o.value.replace(/[^\d]/g, '');//删除非数字的内容，防止乱输入..

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

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

jquery ui draggable限制拖动区域

评论(0)浏览(555)分类：JavaScript/Ajax开发技巧
jquery ui draggable限制拖动区域　　jquery ui draggable如何限制被拖动对象的位置区域，不允许在指定区域内容放置被拖动的对象，如果在禁止区域内容放置对象则还原被拖动对象位置，效果如下。　　jquery ui draggable限制拖动区域源代码如下!doctype htmlhtml lang=enheadmeta charset=utf-8titlejquery ui draggable限制拖动区域/titlelink rel=stylesheet href=http://code...

扩展JavaScript trim，trimStart，trimEnd方法

评论(0)浏览(553)分类：JavaScript/Ajax开发技巧
扩展JavaScript trim，trimStart，trimEnd方法　　javascript没有类型C#的Trim，TrimStart，TrimEnd方法去除空白字符或者指定的字符，需要自己扩展javascript的string类型的prototype增加string类型的Trim，TrimStart，TrimEnd方法。　　源代码如下，来源：http://code.google.com/p/vegas/var FRL = {};FRL.strings = {};FRL.strings.whiteSpaceChars = [ \u0009 /*Horizontal tab*/ , ..

HTML5 history对象新方法pushState/replaceState

评论(0)浏览(553)分类：JavaScript/Ajax开发技巧
HTML5 history对象新方法pushState/replaceState　 　 window.location在通过JavaScript更改以后，浏览器都会通过刷新来到达你更改后的URL。　 　 而在JavaScript MVC开始流行之后，通过刷新来修改URL的方法，不禁让人感到烦躁。然而HTML5中就制定了一个这样的API，可以通过方法的方式来修改URL，而又不会使浏览器刷新，就是History API。　 　 熟悉JavaScript开发的同学，对History肯定不会陌..

手机浏览器javascript事件，css总结

评论(0)浏览(547)分类：JavaScript/Ajax开发技巧
手机浏览器javascript事件，css总结1. viewport：　　也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：width - // viewport 的宽度 （范围从200 到10,000，默认为980 像素）heigh..

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

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

javascript unbeforeunload/unload事件注意事项

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

js text输入框输入掩码实现

评论(1)浏览(540)分类：JavaScript/Ajax开发技巧
js text输入框输入掩码实现　　html的text输入框如何实现输入掩码，类似password输入框输入效果。　　js text输入框输入掩码实现源代码如下!doctype htmltitlejs text输入框输入掩码实现/titlestyle div.dvinput{display:inline-block;position:relative} div.dvinput input{border:solid 1px #000;height:20px;line-height:20px;display:block;background:#fff;pad..

ajaxfileupload jQuery has no method handleError错误

评论(0)浏览(539)分类：JavaScript/Ajax开发技巧
ajaxfileupload jQuery has no method handleError错误　　使用ajaxfileupload上传文件时，如果没有反应或者报错UncaughtTypeError:Objectfunction(selector,context){//ThejQueryobjectisactuallyjusttheinitconstructor'enhanced'returnnewjQuery.fn.init(selector,context,rootjQuery);}hasnomethod'handleError'对应ajaxfileupload语句jQuery.handleError(s,xml,status,e);　　那..

js图片浮动碰浏览器边界反弹效果

评论(0)浏览(538)分类：JavaScript/Ajax开发技巧
js图片浮动碰浏览器边界反弹效果　　js图片浮动，碰到浏览器编辑自动反弹向方向运动效果。!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html head title图片浮动/title style #img{ position:absolute; } /style /head body img src=http://avatar...

javascript添加删除表格数据行示例

评论(0)浏览(536)分类：JavaScript/Ajax开发技巧
javascript添加删除表格数据行示例　　javascript添加删除表格数据行示例，居于jquery框架titlejavascript添加删除表格数据行示例/titlescript type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js/scripttable border=1 trtdID/tdth姓名/thth联系电话/thth操作/th/trtbody id=tbRows tr id=trTpltd1/tdtdinput type=text //tdtdinput ty..