Project

General

Profile

Statistics
| Revision:

root / trunk / web / dojo / dojox / form / FileInputAuto.js @ 9

History | View | Annotate | Download (4.01 KB)

1
/*
2
        Copyright (c) 2004-2010, The Dojo Foundation All Rights Reserved.
3
        Available via Academic Free License >= 2.1 OR the modified BSD license.
4
        see: http://dojotoolkit.org/license for details
5
*/
6

    
7

    
8
if(!dojo._hasResource["dojox.form.FileInputAuto"]){
9
dojo._hasResource["dojox.form.FileInputAuto"]=true;
10
dojo.provide("dojox.form.FileInputAuto");
11
dojo.require("dojox.form.FileInput");
12
dojo.require("dojo.io.iframe");
13
dojo.declare("dojox.form.FileInputAuto",dojox.form.FileInput,{url:"",blurDelay:2000,duration:500,uploadMessage:"Uploading ...",triggerEvent:"onblur",_sent:false,templateString:dojo.cache("dojox.form","resources/FileInputAuto.html","<div class=\"dijitFileInput\">\n\t<input id=\"${id}\" name=\"${name}\" class=\"dijitFileInputReal\" type=\"file\" dojoAttachPoint=\"fileInput\" />\n\t<div class=\"dijitFakeInput\" dojoAttachPoint=\"fakeNodeHolder\">\n\t\t<input class=\"dijitFileInputVisible\" type=\"text\" dojoAttachPoint=\"focusNode, inputNode\" />\n\t\t<div class=\"dijitInline dijitFileInputText\" dojoAttachPoint=\"titleNode\">${label}</div>\n\t\t<div class=\"dijitInline dijitFileInputButton\" dojoAttachPoint=\"cancelNode\" dojoAttachEvent=\"onclick:reset\">${cancelText}</div>\n\t</div>\n\t<div class=\"dijitProgressOverlay\" dojoAttachPoint=\"overlay\">&nbsp;</div>\n</div>\n"),onBeforeSend:function(){
14
return {};
15
},startup:function(){
16
this._blurListener=this.connect(this.fileInput,this.triggerEvent,"_onBlur");
17
this._focusListener=this.connect(this.fileInput,"onfocus","_onFocus");
18
this.inherited(arguments);
19
},_onFocus:function(){
20
if(this._blurTimer){
21
clearTimeout(this._blurTimer);
22
}
23
},_onBlur:function(){
24
if(this._blurTimer){
25
clearTimeout(this._blurTimer);
26
}
27
if(!this._sent){
28
this._blurTimer=setTimeout(dojo.hitch(this,"_sendFile"),this.blurDelay);
29
}
30
},setMessage:function(_1){
31
this.overlay.removeChild(this.overlay.firstChild);
32
this.overlay.appendChild(document.createTextNode(_1));
33
},_sendFile:function(e){
34
if(this._sent||this._sending||!this.fileInput.value){
35
return;
36
}
37
this._sending=true;
38
dojo.style(this.fakeNodeHolder,"display","none");
39
dojo.style(this.overlay,{opacity:0,display:"block"});
40
this.setMessage(this.uploadMessage);
41
dojo.fadeIn({node:this.overlay,duration:this.duration}).play();
42
var _2;
43
if(dojo.isIE){
44
_2=document.createElement("<form enctype=\"multipart/form-data\" method=\"post\">");
45
_2.encoding="multipart/form-data";
46
}else{
47
_2=document.createElement("form");
48
_2.setAttribute("enctype","multipart/form-data");
49
}
50
_2.appendChild(this.fileInput);
51
dojo.body().appendChild(_2);
52
dojo.io.iframe.send({url:this.url,form:_2,handleAs:"json",handle:dojo.hitch(this,"_handleSend"),content:this.onBeforeSend()});
53
},_handleSend:function(_3,_4){
54
this.overlay.removeChild(this.overlay.firstChild);
55
this._sent=true;
56
this._sending=false;
57
dojo.style(this.overlay,{opacity:0,border:"none",background:"none"});
58
this.overlay.style.backgroundImage="none";
59
this.fileInput.style.display="none";
60
this.fakeNodeHolder.style.display="none";
61
dojo.fadeIn({node:this.overlay,duration:this.duration}).play(250);
62
this.disconnect(this._blurListener);
63
this.disconnect(this._focusListener);
64
dojo.body().removeChild(_4.args.form);
65
this.fileInput=null;
66
this.onComplete(_3,_4,this);
67
},reset:function(e){
68
if(this._blurTimer){
69
clearTimeout(this._blurTimer);
70
}
71
this.disconnect(this._blurListener);
72
this.disconnect(this._focusListener);
73
this.overlay.style.display="none";
74
this.fakeNodeHolder.style.display="";
75
this.inherited(arguments);
76
this._sent=false;
77
this._sending=false;
78
this._blurListener=this.connect(this.fileInput,this.triggerEvent,"_onBlur");
79
this._focusListener=this.connect(this.fileInput,"onfocus","_onFocus");
80
},onComplete:function(_5,_6,_7){
81
}});
82
dojo.declare("dojox.form.FileInputBlind",dojox.form.FileInputAuto,{startup:function(){
83
this.inherited(arguments);
84
this._off=dojo.style(this.inputNode,"width");
85
this.inputNode.style.display="none";
86
this._fixPosition();
87
},_fixPosition:function(){
88
if(dojo.isIE){
89
dojo.style(this.fileInput,"width","1px");
90
}else{
91
dojo.style(this.fileInput,"left","-"+(this._off)+"px");
92
}
93
},reset:function(e){
94
this.inherited(arguments);
95
this._fixPosition();
96
}});
97
}