You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
122 lines
3.0 KiB
122 lines
3.0 KiB
<!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>
|
|
|