diff options
Diffstat (limited to 'includes/js/dojox/widget/FileInput')
5 files changed, 204 insertions, 0 deletions
diff --git a/includes/js/dojox/widget/FileInput/FileInput.css b/includes/js/dojox/widget/FileInput/FileInput.css new file mode 100644 index 0000000..2d99c74 --- /dev/null +++ b/includes/js/dojox/widget/FileInput/FileInput.css @@ -0,0 +1,70 @@ +.dijitFileInput { + position:relative; + height:1.3em; + padding:2px; +} +.dijitFileInputReal { + position:absolute; + z-index:2; + opacity:0; + filter:alpha(opacity:0); +} +.dijitFileInputRealBlind { + right:0; +} +.dijitFileInputReal:hover { cursor:pointer; } +.dijitFileInputButton, +.dijitFileInputText { + border:1px solid #333; + padding:2px 12px 2px 12px; + cursor:pointer; +} +.dijitFileInputButton { + z-index:3; + visibility:hidden; +} +.dijitFakeInput { position:absolute; top:0; left:0; z-index:1; } +.dijitProgressOverlay { + display:none; + width:250px; + height:1em; + position:absolute; + top:0; left:0; + border:1px solid #333; + background:#cad2de url('../../../dijit/themes/tundra/images/dijitProgressBarAnim.gif') repeat-x top left; + padding:2px; +} +.tundra .dijitProgressOverlay { + border:1px solid #84a3d1; + background-color:#cad2de; +} +.tundra .dijitFakeInput input { + font-size: inherit; + background:#fff url("../../../dijit/themes/tundra/images/validationInputBg.png") repeat-x top left; + border:1px solid #9b9b9b; + line-height: normal; + padding: 0.2em 0.3em; +} +.tundra .dijitFileInputButton, +.tundra .dijitFileInputText { + border:1px solid #9b9b9b; + padding:2px 12px 2px 12px; + background:#e9e9e9 url("../../../dijit/themes/tundra/images/buttonEnabled.png") repeat-x top; +} +.soria .dijitProgressOverlay { + border:1px solid #333; + background-color:#cad2de; +} +.soria .dijitFakeInput input { + border:1px solid #333; + background:#fff url("../../../dijit/themes/soria/images/gradientInverseTopBg.png") repeat-x top left; + line-height:normal; + background-position:0 -30px; + padding:0.2em 0.3em; +} +.soria .dijitFileInputButton, +.soria .dijitFileInputText { + border:1px solid #333; + padding:2px 12px 2px 12px; + background:#b7cdee url('../../../dijit/themes/soria/images/gradientTopBg.png') repeat-x; +} diff --git a/includes/js/dojox/widget/FileInput/FileInput.css.commented.css b/includes/js/dojox/widget/FileInput/FileInput.css.commented.css new file mode 100644 index 0000000..162133d --- /dev/null +++ b/includes/js/dojox/widget/FileInput/FileInput.css.commented.css @@ -0,0 +1,79 @@ +.dijitFileInput { + position:relative; + height:1.3em; + padding:2px; +} + +.dijitFileInputReal { + position:absolute; + z-index:2; + opacity:0; + filter:alpha(opacity:0); +} +.dijitFileInputRealBlind { + right:0; +} +.dijitFileInputReal:hover { cursor:pointer; } + +.dijitFileInputButton, +.dijitFileInputText { + border:1px solid #333; + padding:2px 12px 2px 12px; + cursor:pointer; +} + +.dijitFileInputButton { + z-index:3; + visibility:hidden; +} +.dijitFakeInput { position:absolute; top:0; left:0; z-index:1; } + +.dijitProgressOverlay { + display:none; + width:250px; + height:1em; + position:absolute; + top:0; left:0; + border:1px solid #333; + background:#cad2de url('../../../dijit/themes/tundra/images/dijitProgressBarAnim.gif') repeat-x top left; + padding:2px; +} + +/* tundra */ +.tundra .dijitProgressOverlay { + border:1px solid #84a3d1; + background-color:#cad2de; +} +.tundra .dijitFakeInput input { + font-size: inherit; + background:#fff url("../../../dijit/themes/tundra/images/validationInputBg.png") repeat-x top left; + border:1px solid #9b9b9b; + line-height: normal; + padding: 0.2em 0.3em; +} +.tundra .dijitFileInputButton, +.tundra .dijitFileInputText { + border:1px solid #9b9b9b; + padding:2px 12px 2px 12px; /* .3em .4em .2em .4em; */ + background:#e9e9e9 url("../../../dijit/themes/tundra/images/buttonEnabled.png") repeat-x top; +} + +/* Soria */ +.soria .dijitProgressOverlay { + border:1px solid #333; + background-color:#cad2de; +} + +.soria .dijitFakeInput input { + border:1px solid #333; + background:#fff url("../../../dijit/themes/soria/images/gradientInverseTopBg.png") repeat-x top left; + line-height:normal; + background-position:0 -30px; + padding:0.2em 0.3em; +} +.soria .dijitFileInputButton, +.soria .dijitFileInputText { + border:1px solid #333; + padding:2px 12px 2px 12px; + background:#b7cdee url('../../../dijit/themes/soria/images/gradientTopBg.png') repeat-x; +} diff --git a/includes/js/dojox/widget/FileInput/FileInput.html b/includes/js/dojox/widget/FileInput/FileInput.html new file mode 100644 index 0000000..41401b7 --- /dev/null +++ b/includes/js/dojox/widget/FileInput/FileInput.html @@ -0,0 +1,9 @@ +<div class="dijitFileInput"> + <input id="${id}" class="dijitFileInputReal" type="file" dojoAttachPoint="fileInput" name="${name}" /> + <div class="dijitFakeInput"> + <input class="dijitFileInputVisible" type="text" dojoAttachPoint="focusNode, inputNode" /> + <div class="dijitInline dijitFileInputText" dojoAttachPoint="titleNode">${label}</div> + <div class="dijitInline dijitFileInputButton" dojoAttachPoint="cancelNode" + dojoAttachEvent="onclick:_onClick">${cancelText}</div> + </div> +</div> diff --git a/includes/js/dojox/widget/FileInput/FileInputAuto.html b/includes/js/dojox/widget/FileInput/FileInputAuto.html new file mode 100644 index 0000000..f3c6216 --- /dev/null +++ b/includes/js/dojox/widget/FileInput/FileInputAuto.html @@ -0,0 +1,9 @@ +<div class="dijitFileInput"> + <input id="${id}" name="${name}" class="dijitFileInputReal" type="file" dojoAttachPoint="fileInput" /> + <div class="dijitFakeInput" dojoAttachPoint="fakeNodeHolder"> + <input class="dijitFileInputVisible" type="text" dojoAttachPoint="focusNode, inputNode" /> + <div class="dijitInline dijitFileInputText" dojoAttachPoint="titleNode">${label}</div> + <div class="dijitInline dijitFileInputButton" dojoAttachPoint="cancelNode" dojoAttachEvent="onclick:_onClick">${cancelText}</div> + </div> + <div class="dijitProgressOverlay" dojoAttachPoint="overlay"> </div> +</div> diff --git a/includes/js/dojox/widget/FileInput/ReceiveFile.php b/includes/js/dojox/widget/FileInput/ReceiveFile.php new file mode 100644 index 0000000..aca541f --- /dev/null +++ b/includes/js/dojox/widget/FileInput/ReceiveFile.php @@ -0,0 +1,37 @@ +<?php + +// THIS IS AN EXAMPLE +// you will obviously need to do more server side work than I am doing here to check and move your upload. +// API is up for discussion, jump on http://dojotoolkit.org/forums + +// JSON.php is available in dojo svn checkout +require("../../../dojo/tests/resources/JSON.php"); +$json = new Services_JSON(); + +// fake delay +sleep(3); +$name = empty($_REQUEST['name'])? "default" : $_REQUEST['name']; +if(is_array($_FILES)){ + $ar = array( + // lets just pass lots of stuff back and see what we find. + // the _FILES aren't coming through in IE6 (maybe 7) + 'status' => "success", + 'name' => $name, + 'request' => $_REQUEST, + 'postvars' => $_POST, + 'details' => $_FILES, + // and some static subarray just to see + 'foo' => array('foo'=>"bar") + ); + +}else{ + $ar = array( + 'status' => "failed", + 'details' => "" + ); +} + +// yeah, seems you have to wrap iframeIO stuff in textareas? +$foo = $json->encode($ar); +?> +<textarea><?php print $foo; ?></textarea> |