怎么在domino的上传附件加上JS上传进度条

问题描述

如题我自己已经写好了一个JS上传附件的进度条具体怎么在domino里面调用这个JS<html><head><linkhref="css/jquery-ui-1.8.16.custom.css"rel="stylesheet"type="text/css"/><linkhref="css/main.css"rel="stylesheet"type="text/css"/><scripttype="text/javascript"src="js/jquery-1.6.2.min.js"></script><scripttype="text/javascript"src="js/jquery-ui-1.8.16.custom.min.js"></script><scriptlanguage=JScript>varx0=0,y0=0,x1=0,y1=0;varoffx=6,offy=6;varmoveable=false;varhover='orange',normal='slategray';//color;varindex=10000;//z-index;varxx;//开始拖动;functionstartDrag(obj){if(event.button==1){//锁定标题栏;obj.setCapture();//定义对象;varwin=obj.parentNode;varsha=win.nextSibling;//记录鼠标和层位置;x0=event.clientX;y0=event.clientY;x1=parseInt(win.style.left);y1=parseInt(win.style.top);//记录颜色;normal=obj.style.backgroundColor;//改变风格;obj.style.backgroundColor=hover;win.style.borderColor=hover;obj.nextSibling.style.color=hover;sha.style.left=x1+offx;sha.style.top=y1+offy;moveable=true;}}//拖动;functiondrag(obj){if(moveable){varwin=obj.parentNode;varsha=win.nextSibling;win.style.left=x1+event.clientX-x0;sha.style.left=parseInt(win.style.left)+offx;if((y1+event.clientY-y0)>0&&(y1+event.clientY-y0)<600){win.style.top=y1+event.clientY-y0;sha.style.top=parseInt(win.style.top)+offy;}}}//停止拖动;functionstopDrag(obj){if(moveable){varwin=obj.parentNode;varsha=win.nextSibling;varmsg=obj.nextSibling;win.style.borderColor=normal;obj.style.backgroundColor=normal;msg.style.color=normal;sha.style.left=obj.parentNode.style.left;sha.style.top=obj.parentNode.style.top;obj.releaseCapture();moveable=false;}}//获得焦点;functiongetFocus(obj){if(obj.style.zIndex!=index){index=index+2;varidx=index;obj.style.zIndex=idx;obj.nextSibling.style.zIndex=idx-1;}}//最小化;functionmin(obj){varwin=obj.parentNode.parentNode;varsha=win.nextSibling;vartit=obj.parentNode;varmsg=tit.nextSibling;varflg=msg.style.display=="none";if(flg){win.style.height=parseInt(msg.style.height)+parseInt(tit.style.height)+2*2;sha.style.height=win.style.height;msg.style.display="block";obj.innerHTML="0";}else{win.style.height=parseInt(tit.style.height)+2*2;sha.style.height=win.style.height;obj.innerHTML="2";msg.style.display="none";}}//关闭;functioncls(obj){varwin=obj.parentNode.parentNode.parentNode;win.style.visibility="hidden";}//显示/隐藏;functionShowHide(){if(xx!=null)if(xx.style.visibility=="hidden")xx.style.visibility="visible";elseif(xx.style.visibility=="visible")xx.style.visibility="hidden";}//创建一个对象;functionxWin(id,w,h,l,t,tit,msg){index=index+2;this.id=id;this.width=w;this.height=h;this.left=l;this.top=t;this.zIndex=index;this.title=tit;this.message=msg;this.obj=null;this.bulid=bulid;this.bulid();xx=document.getElementById('allx');xx.style.visibility="visible";}//初始化;functionbulid(){varstr=""+"<divid='allx'><divid='xMsg'"+this.id+""+"style='"+"z-index:"+this.zIndex+";"+"width:"+this.width+";"+"height:"+this.height+";"+"left:"+this.left+";"+"top:"+this.top+";"+"background-color:"+normal+";"+"color:"+normal+";"+"font-size:11px;"+"font-family:Verdana;"+"position:absolute;"+"cursor:default;"+"border:2pxsolid"+normal+";"+"'"+"onmousedown='getFocus(this)'>"+"<div"+"style='"+"background-color:"+normal+";"+"width:"+(this.width-2*2)+";"+"height:20;"+"color:white;"+"'"+"onmousedown='startDrag(this)'"+"onmouseup='stopDrag(this)'"+"onmousemove='drag(this)'"+"ondblclick='min(this.childNodes[1])'"+">"+"<spanstyle='width:"+(this.width-2*14-4)+";padding-left:3px;'>"+this.title+"</span>"+"<spanstyle='width:14;border-width:0px;color:white;font-family:webdings;'onclick='min(this)'>0</span>"+"<spanid='close'style='width:14;border-width:0px;color:white;font-family:webdings;'onclick='cls(this)'>r</span>"+"</div>"+"<divstyle='"+"width:100%;"+"height:"+(this.height-20-4)+";"+"background-color:white;"+"line-height:14px;"+"word-break:break-all;"+"padding:3px;"+"'>"+this.message+"</div>"+"</div>"+"<divid='xshadow'style='"+"width:"+this.width+";"+"height:"+this.height+";"+"top:"+this.top+";"+"left:"+this.left+";"+"z-index:"+(this.zIndex-1)+";"+"position:absolute;"+"background-color:black;"+"filter:alpha(opacity=40);"+"'>bywildwind</div></div>";//alert(str)document.getElementById('msgbox').innerHTML=str;}</script><scriptlanguage='JScript'>functioninitialize(){varstr="<divclass='example'><divid='progress3'><divclass='percent'></div><divclass='pbar'></div>"+"<divclass='elapsed'></div></div></div>";vara=newxWin("1",660,200,200,200,"文件上传",str);}</script><script>$(document).ready(function(){initialize();jQuery.fn.anim_progressbar=function(aOptions){//defvaluesvariCms=1000;variMms=60*iCms;variHms=3600*iCms;variDms=24*3600*iCms;//defoptionsvaraDefOpts={start:newDate(),//nowfinish:newDate().setTime(newDate().getTime()+60*iCms),//now+60secinterval:100}varaOpts=jQuery.extend(aDefOpts,aOptions);varvPb=this;//eachprogressbarreturnthis.each(function(){variDuration=aOpts.finish-aOpts.start;//callingoriginalprogressbar$(vPb).children('.pbar').progressbar();//loopingprocessvarvInterval=setInterval(function(){variLeftMs=aOpts.finish-newDate();//lefttimeinMSvariElapsedMs=newDate()-aOpts.start,//elapsedtimeinMSiDays=parseInt(iLeftMs/iDms),iHours=parseInt((iLeftMs-(iDays*iDms))/iHms),iMin=parseInt((iLeftMs-(iDays*iDms)-(iHours*iHms))/iMms),iSec=parseInt((iLeftMs-(iDays*iDms)-(iMin*iMms)-(iHours*iHms))/iCms),iPerc=(iElapsedMs>0)?iElapsedMs/iDuration*100:0;$(vPb).children('.percent').html('<b>'+iPerc.toFixed(1)+'%</b>');$(vPb).children('.elapsed').html(iDays+'days'+iHours+'h:'+iMin+'m:'+iSec+'s</b>');$(vPb).children('.pbar').children('.ui-progressbar-value').css('width',iPerc+'%');//incaseofFinishif(iPerc>=100){clearInterval(vInterval);$(vPb).children('.percent').html('<b>100%</b>');$(vPb).children('.elapsed').html('Finished');varobj=document.getElementById("close");cls(obj);alert("上传成功")window.close();}},aOpts.interval);});}$('#progress3').anim_progressbar({interval:100});});</script></head><bodyonselectstart='returnfalse'oncontextmenu='returnfalse'scroll='no'bgColor="transparent"><divid="msgbox"></div></body></html>

解决方案

解决方案二:
测试了你的代码没有成功。

时间: 2024-09-18 14:43:00

怎么在domino的上传附件加上JS上传进度条的相关文章

请写一种上传附件的js方法?

问题描述 请写一种上传附件的js方法? 在导入导出中,我想把附件图片传到服务器,而把图片名与图片后缀名传到数据库,哪位大神有些这个的javascript方法吗?

Asp.Net 无刷新文件上传并显示进度条的实现方法及思路

相信通过Asp.Net的服务器控件上传文件在简单不过了,通过AjaxToolkit控件实现上传进度也不是什么难事,为什么还要自己辛辛苦苦来 实现呢?我并不否认"拿来主义",只是我个人更喜欢凡是求个所以然.本篇将阐述通过Html,IHttpHandler和 IHttpAsyncHandler实现文件上传和上传进度的原理,希望对你有多帮助. 效果图: 本文涉及到的知识点: 1.前台用到Html,Ajax,JQuery,JQuery UI 2.后台用到一般处理程序(IHttpHandler)

基于HTML5 Ajax实现文件上传并显示进度条_AJAX相关

本文实例讲解了ajax上传文件及进度条的实现方法,分享给大家供大家参考,具体内容如下 效果图: html5上传是同步上传的方式,所以能够实现进度条的显示.1.上传文件: 首先我们用ajax来取得<input type="file" id="file_upload">的file对象: var file = null; var input = $("#file_upload"); //文件域选择文件时, 执行readFile函数 inpu

PHP+Ajax异步带进度条上传文件实例_php实例

最近项目中要做一个带进度条的上传文件的功能,学习了Ajax,使用起来比较方便,将几个方法实现就行. 前端引入文件 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min

Android带进度条的文件上传示例(使用AsyncTask异步任务)_Android

最近项目中要做一个带进度条的上传文件的功能,学习了AsyncTask,使用起来比较方便,将几个方法实现就行,另外做了一个很简单的demo,希望能对大家有帮助,在程序中设好文件路径和服务器IP即可. demo运行截图: AsyncTask是抽象类,子类必须实现抽象方法doInBackground(Params... p),在此方法中实现任务的执行工作,比如联网下载或上传.AsyncTask定义了三种泛型类型Params,Progress和Result. 1.Params 启动任务执行的输入参数,比

aspupload文件重命名及上传进度条的解决方法附代码第1/2页_应用技巧

发现还没有aspupload这个组件的,这两样功能的解决方案,现把我的改进方案写在这里!谢谢  关于aspupload上传组件,文件重命名,进度条的问题解决方案!  共用到4个文件,分别是1.asp,2.asp,bar.asp,framebar.asp  运行第一个文件:1.asp,执行上传操作!  复制代码 代码如下: <% '''进度条 dim SPid,PID,barref Set UploadProgress = Server.CreateObject("Persits.Uploa

Android带进度条的文件上传示例(使用AsyncTask异步任务)

最近项目中要做一个带进度条的上传文件的功能,学习了AsyncTask,使用起来比较方便,将几个方法实现就行,另外做了一个很简单的demo,希望能对大家有帮助,在程序中设好文件路径和服务器IP即可. demo运行截图: AsyncTask是抽象类,子类必须实现抽象方法doInBackground(Params... p),在此方法中实现任务的执行工作,比如联网下载或上传.AsyncTask定义了三种泛型类型Params,Progress和Result. 1.Params 启动任务执行的输入参数,比

基于HTML5 Ajax实现文件上传并显示进度条

本文实例讲解了ajax上传文件及进度条的实现方法,分享给大家供大家参考,具体内容如下 效果图: html5上传是同步上传的方式,所以能够实现进度条的显示. 1.上传文件: 首先我们用ajax来取得<input type="file" id="file_upload">的file对象: var file = null; var input = $("#file_upload"); //文件域选择文件时, 执行readFile函数 inp

PHP+Ajax异步带进度条上传文件实例

最近项目中要做一个带进度条的上传文件的功能,学习了Ajax,使用起来比较方便,将几个方法实现就行. 前端引入文件 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min