JAVA、PHP、前端、APP、网站开发 - 开发技术学习

文档标签: qianduan

ajaxForm插件应用实例讲解,ajaxForm上传控件.

最近在做项目的是遇到了无刷新上传的新要求, 我记得以前是根据IFRAME来写!现在觉得还是有点麻烦!就找了jquery插件ajaxForm 先来看一下ajaxForm的一些参数应用: 表单插件API提供了几个方法,让你轻松管理表单数据和进行表单提交。 ajaxForm() 增加所有需要的事件监听器,为AJAX提交表单做好准备。ajaxForm不能提交表单。在document的ready函数中,使用 ajaxForm来为AJAX提交表单进行准备。ajaxForm接受0个或1个参数。这个单个的参数既可以是一个回调函数,也可以是一个Options 对象。 可链接(Chainable):可以。 实例: $('#myFormId').ajaxForm(); ajaxSubmit() 马上由AJAX来提交表单。大多数情况下,都是调用ajaxSubmit来对用户提交表单进行响应。ajaxSubmit接受0个或1个参数。这个单个的参数既可以是一个回调函数,也可以是一个Options对象。 可链接(Chai...

jquery向元素内追加新元素,jquery向元素添加新内容,在元素前添加内容,在元素后添加内容.

jquery向元素内追加新元素,jquery向元素添加新内容,在元素前添加内容,在元素后添加内容... 这个问题是我们经常要用的,特别是在人机交互的时候! 这里记录一下jquery append appendto prepend prependto after insertafter before inserbefore的用法。 方法 描述 示例 Append() 向每个匹配的元素内追加内容 HTML代码  <ul></ul> JQuery代码 $(“ul”).append(“<li>AA</li>”); 结果 <ul> <li>AA</li> </ul>   appendTo() 注意大小写,我试验时appendto没通过。 该方法和Append()相反,a.Append(b)是将b追加到a中,而appendTo()是将b...
此文被围观4045次  分类: 前端设计 标签:  ··········

{转载}JS中数组Array的用法.

js数组元素的添加和删除一直比较迷惑,今天终于找到详细说明的资料了,先给个我测试的代码^-^ var arr = new Array(); arr[0] = "aaa"; arr[1] = "bbb"; arr[2] = "ccc"; //alert(arr.length);//3 arr.pop(); //alert(arr.length);//2 //alert(arr[arr.length-1]);//bbb arr.pop(); //alert(arr[arr.length-1]);//aaa //alert(arr.length);//1 var arr2 = new Array(); //alert(arr2.length);//0 arr2[0] = "aaa"; arr2[1] = "bbb"; //alert(arr2.length);//2 arr2.pop(); //alert(arr2.length);//1 arr2 = arr2.slice(0,arr2.length-1); ...
此文被围观2407次  分类: 前端设计 标签:  ·····

转:26 个 jQuery使用技巧.

The use of the jQuery library is growing and growing(just released jQuery 1.4), more and more people are using this useful javascript library. This means that more and more useful jQuery tips, tricks and solutions are coming available. That’s why i created a small list of 26 cool and useful jQuery tips, tricks and solutions. 1. 禁用右键点击(Disable right-click) [sourcecode plain="language"] $(document).ready(function(){ $(document).bind("contextmenu",functio...
此文被围观2471次  分类: 前端设计 标签:  ····

兼容Firefox、IE等浏览器的点击复制js代码,js复制内容.

今天在做一个邀请好友注册的链接,要用到js复制代码,找了一段 兼容Firefox、IE等浏览器的点击复制js代码,js复制内容 [sourcecode plain="language"] function copyCode(id){ var testCode=document.getElementById(id).value; if(copy2Clipboard(testCode)!=false){ alert("生成的代码已经复制到粘贴板,你可以使用Ctrl+V 贴到需要的地方去了哦! "); } } copy2Clipboard=function(txt){ if(window.clipboardData){ window.clipboardData.clearData(); window.clipboardData.setData("Text",txt); } else if(navigator.userAgent.indexOf(&q...

js返回上一页,history.back()与history.go()的区别.

js返回上一页,history.back()与history.go()的区别 上午调试了一个上午的js,就只要实现一个页面的跳转, 在a.jsp中输入信息,然后点击提交按钮跳转到b.jsp中,在b.jsp中将刚在a.jsp中填写的信息重新显示,让其确认,如果需要修改就点击返回按钮跳转回到a,jsp中,我开始是用<input onclick="javascript:history.back(-1);" type="button" name="back" value="重新填写" />的实现的 后来发现跳转回到a.jsp后里面填写的数据全部消失了,我不知道要怎么保存,就开始了那种最愚蠢的做法,将填写的数据设置到session中,让后取出来用,不过没有试成功,总是有错,无意之中在我那本js的资料书里看到了javascript:history.go(-1);的方法,呵呵,尝试了一次,真的实现了数据的保留 总结一下: history.back(-1):直接返回当前页的上一页,数据全部消息,是个新页面 hist...
此文被围观4526次  分类: 前端设计 标签:  ·····

前端知识,FACEBOOK的面试题?css display:block与display:inline的区别.

前端知识:FACEBOOK的面试题?css display:block与display:inline的区别 浏览器支持 所有主流浏览器都支持 display 属性。 注释:如果规定了 !DOCTYPE,则 Internet Explorer 8 (以及更高版本)支持属性值 "inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、"table-row-group"、以及 "inherit"。 可能的值 值 描述 none 此元素不会被显示。 block 此元素将显示为块级元素,此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素,元素前后没有换行符。 inline-block 行内块元素。(CSS2.1 新增的值) list-item 此元素会作为列表显示。 run-in 此元素会根据上下文作为块级元素或内联元素显示。 compact CS...

IE7下多个Select互相重叠的解决方法,Select互相重叠,两个select叠加到一起去了.

昨天晚上分析看了一下国内浏览器的使用情况,ie老大,360第二,搜狗第三,加之公司也有人用sougou于是一大早就开始了兼容的调整! 在IE7中动态操作select的时候会出现下面的问题   BUG症状: 正常效果: 问题就是多个select由于内容变化,但是不会自动排列位置。暂时只是在IE7中发现这个问题。 解决办法: 一、将需要填充的Select 后面的Select全部隐藏,内容添加结束以后,重新显示,就会自动扩展位置: 引用的内容: $("#city").css('visibility', 'hidden'); $("#district").css('visibility', 'hidden'); $("#province").append("<option value=001>贵州</option>"); $("#city").css('visibility', 'visible'); $("#district").css('visibilit...

js中间截取等比例缩小的图片,防止图片变形,js图片上下居中.

今天 在修改 爱琴海婚纱 网站的时候,有一个相当于相册的地方要求修改, 以前图片变形,上下不居中。 很多地方都要用到图片上下居中的,这里查找 了一个js 的function供大家研究 /** * 根据要求的大小来判断,等比例截取原始图片 * 在各个浏览器都看了一下,都支持这个Image() **/ //图片按比例缩放 var flag=false; function DrawImage(ImgD,iwidth,iheight){ //参数(图片,允许的宽度,允许的高度) var image=new Image(); image.src=ImgD.src; if(image.width > 0 && image.height > 0){ flag=true; if(image.width/image.height >= iwidth/iheight){ if(image.width>iwidth){ ImgD.width=iwidth; Im...

swfupload修改自带缩略图的的限制,swdupload上传,多图上传工具.

swfupload使用方法说明 和 修改说明 前两天有一章节是说的这个swfupload上插件 当时也没有认真去看,能上传就行了 后来客户发现上传上去的图片全是小图,根本无法查看 昨天查了一下google和度娘 发现原来swfupload这个上传插件默认是将图压缩了的! 最后将swfupload 中的fileDialogComplete修改 function fileDialogComplete(numFilesSelected, numFilesQueued) { try { if (numFilesQueued > 0) { //this.startResizedUpload(this.getFile(0).ID, 100, 100, SWFUpload.RESIZE_ENCODING.JPEG, 100); this.startUpload(); } } catch (ex) { this.debug(ex); } } 还有uploadComplete funct...

jquery数据分页,jquery json分页,js分页.

今天在做jqeury数据分页,同时也适合json数据分页 先读出数据,然后添加到页面中,统计行数。上代码:前期还没有优化,等下周再来优化  [sourcecode language="plain"] <script type="text/javascript"> var pagesize = 10; var clen = 0; var page = 0; var nowpage = 1; function interLesson(packid){ $('#packTable').hide('slow'); $('#lessonBody').html('<tr><td colspan="5" align="center"><img src="/Public/images/loading.gif" /><br /...

Thinkphp验证码不显示,TP验证码不显示,3.0调用验证码后无法显示验证码,验证码不显示.

上做一个客户的网站的 运行示例表单验证时,验证码不显示.在网站网络上搜索,试了各种方法 最后修改下面的代码后居然成功,很不理解. \Examples\Validate\Lib\Action\IndexAction.class.php public function verify() { $type = isset($_GET['type']) ? $_GET['type'] : 'gif'; import("@.ORG.Image"); Image::buildImageVerify(4,1,$type); } 把 Image::buildImageVerify(4,1,$type); 中的$type出掉 或者把上的gif改成 png时能显示. 不修改在firefox中就会显示 图像因其本身有错无法显示问题修复....

前端开发中的几个小问题,css hover问题,图片和背景透明的解决方法!.

先来看一下我今天的css hover问题,图片和背景透明的解决方法, [sourcecode lang="plain"] <script type="text/javascript" src="/App/Tpl/Home/default/Public/js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="/App/Tpl/Home/default/Public/js/iepng.js"></script> <script type="text/javascript"> //判断浏览器版本 var browser=navigator.appName; var b_version=navigator.appVersion; var version=b_version.split(";"); var trim_Version=version[1]....

站点声明:部分内容源自互联网,为传播信息之用,如有侵权,请联系我们删除。

© Copyright 2011-2024 www.kfju.com. All Rights Reserved.
超级字帖 版权所有。蜀ICP备12031064号      川公网安备51162302000234