123 lines
3.1 KiB
HTML
123 lines
3.1 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html lang="en">
|
|
<head>
|
|
<title>FileUploader Dialog Test</title>
|
|
<link href="../../../dijit/themes/dijit.css" rel="stylesheet" />
|
|
<link href="../../../dijit/themes/dijit.css" rel="stylesheet" />
|
|
<link href="../../../dijit/themes/tundra/form/Button.css" rel="stylesheet" />
|
|
<link href="../../../dijit/themes/tundra/Dialog.css" rel="stylesheet" />
|
|
<link href="../../../dijit/themes/tundra/layout/TabContainer.css" rel="stylesheet" />
|
|
<link href="../resources/FileUploader.css" rel="stylesheet" />
|
|
<script>
|
|
djConfig = {
|
|
isDebug: true,
|
|
popup:true,
|
|
parseOnLoad: true
|
|
}
|
|
</script>
|
|
<script src="../../../dojo/dojo.js"></script>
|
|
<script>
|
|
dojo.require("dojo.parser");
|
|
dojo.require("dojox.form.FileUploader");
|
|
dojo.require("dijit.form.Button");
|
|
dojo.require("dijit.Dialog");
|
|
dojo.require("dijit.form.Form");
|
|
dojo.require("dijit.layout.ContentPane");
|
|
dojo.require("dijit.layout.TabContainer");
|
|
|
|
dojo.addOnLoad(function(){
|
|
console.warn("show")
|
|
console.log("CP:", dijit.byId("dialogContentPane"))
|
|
var w = dijit.byId("myDialog");
|
|
if(w){
|
|
w.show();
|
|
}
|
|
});
|
|
|
|
|
|
</script>
|
|
<style>
|
|
html{
|
|
height:100%;
|
|
}
|
|
body{
|
|
font-family:sans-serif;
|
|
font-size:12px;
|
|
height:100%;
|
|
}
|
|
#tabs{
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
.dijitContentPane{
|
|
padding:10px;
|
|
}
|
|
table td{
|
|
width:33%;
|
|
vertical-align:top;
|
|
}
|
|
.scrolls{
|
|
width:100%;
|
|
height:75px;
|
|
overflow-y:scroll;
|
|
position:relative;
|
|
}
|
|
.note{
|
|
font-size:11px;
|
|
font-family:sans-serif;
|
|
color:#666;
|
|
width:400px;
|
|
margin-top:15px;
|
|
}
|
|
.note.nw{
|
|
width:auto !important;
|
|
}
|
|
h3{
|
|
width:600px;
|
|
font-weight:normal;
|
|
font-size:14px;
|
|
}
|
|
.formContent{
|
|
width:300px;
|
|
height:150px;
|
|
}
|
|
|
|
#myDialog #dialogContentPane{
|
|
width:400px;
|
|
height:200px;
|
|
|
|
}
|
|
</style>
|
|
<script>
|
|
dojo.ready(function(){
|
|
var fu = dijit.byId("fu")
|
|
console.log(fu.domNode)
|
|
});
|
|
</script>
|
|
|
|
</head>
|
|
<body class="tundra">
|
|
<h1>FileUploader Dialog Test</h1>
|
|
<p>
|
|
Tests that FileUploader will load in a dialog box. Its detecting that an ancestor is
|
|
a dialog and if so makes it display="block" while it gets measurements, then changes it
|
|
back. It then connects to the dialog's onShow and is built at that time.
|
|
<strong>NOTE: This test opens a Browse Dialog, but does not upload.</strong>
|
|
</p>
|
|
<div id="myDialog" class="dialog" dojoType="dijit.Dialog" title="Edit Account">
|
|
|
|
<div id="dialogContentPane" dojoType="dijit.layout.ContentPane">
|
|
<label>Dummy Upload:</label>
|
|
<span id="editUsername"></span>
|
|
<label>Password:</label>
|
|
<div id="editerror"></div>
|
|
<div id="editSubmitBtn" class="authButton" dojoType="dijit.form.Button">Submit</div>
|
|
|
|
<button id="fu" isDebug="true" devMode="false" dojoType="dojox.form.FileUploader">Default Markup Flash</button>
|
|
<!--<button isDebug="false" devMode="true" force="html" dojoType="dojox.form.FileUploader">Default Markup HTML</button>-->
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|