Subversion Repositories Applications.papyrus

Compare Revisions

No changes between revisions

Ignore whitespace Rev 2149 → Rev 2150

/trunk/api/js/dojo1.0/dojox/widget/tests/demo_FisheyeList.html
New file
0,0 → 1,111
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>FisheyeList Widget Demonstration</title>
<style type="text/css">
@import "../../../dojo/resources/dojo.css";
@import "../../../dijit/themes/tundra/tundra.css";
@import "../FisheyeList/FisheyeList.css";
.dojoxFisheyeListBar {
margin: 0 auto;
text-align: center;
}
 
.outerbar {
background-color: #666;
text-align: center;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
border-bottom:2px solid #333;
}
body {
font-family: Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
background-color:#fff;
background-image:none;
}
.page {
padding: 50px 20px 20px 20px;
}
</style>
 
<script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug:false, parseOnLoad: true"></script>
<script type="text/javascript">
dojo.require("dojox.widget.FisheyeList");
dojo.require("dojo.parser"); // scan page for widgets and instantiate them
 
function load_app(id){
alert('icon '+id+' was clicked');
}
 
</script>
</head>
<body class="tundra"><div class="outerbar">
<div dojoType="dojox.widget.FisheyeList"
itemWidth="50" itemHeight="50"
itemMaxWidth="200" itemMaxHeight="200"
orientation="horizontal"
effectUnits="2"
itemPadding="10"
attachEdge="top"
labelEdge="bottom"
id="fisheye1"
>
<div dojoType="dojox.widget.FisheyeListItem"
id="item1"
onclick="alert('click on ' + this.label + '(from widget id ' + this.widgetid + ')!');"
label="Item 1"
iconSrc="images/icon_browser.png">
</div>
 
<div dojoType="dojox.widget.FisheyeListItem"
label="Item 2"
iconSrc="images/icon_calendar.png">
</div>
 
<div dojoType="dojox.widget.FisheyeListItem"
label="Item 3"
onclick="alert('click on ' + this.label + '(from widget id ' + this.widgetid + ')!');"
iconSrc="images/icon_email.png">
</div>
 
<div dojoType="dojox.widget.FisheyeListItem"
iconSrc="images/icon_texteditor.png">
</div>
 
<div dojoType="dojox.widget.FisheyeListItem"
label="Really Long Item Label"
iconSrc="images/icon_update.png">
</div>
 
<div dojoType="dojox.widget.FisheyeListItem"
iconSrc="images/icon_users.png">
</div>
</div></div>
 
<div class="page">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam facilisis enim. Pellentesque in elit et lacus euismod dignissim. Aliquam dolor pede, convallis eget, dictum a, blandit ac, urna. Pellentesque sed nunc ut justo volutpat egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In erat. Suspendisse potenti. Fusce faucibus nibh sed nisi. Phasellus faucibus, dui a cursus dapibus, mauris nulla euismod velit, a lobortis turpis arcu vel dui. Pellentesque fermentum ultrices pede. Donec auctor lectus eu arcu. Curabitur non orci eget est porta gravida. Aliquam pretium orci id nisi. Duis faucibus, mi non adipiscing venenatis, erat urna aliquet elit, eu fringilla lacus tellus quis erat. Nam tempus ornare lorem. Nullam feugiat.</p>
 
<p>Sed congue. Aenean blandit sollicitudin mi. Maecenas pellentesque. Vivamus ac urna. Nunc consequat nisi vitae quam. Suspendisse sed nunc. Proin suscipit porta magna. Duis accumsan nunc in velit. Nam et nibh. Nulla facilisi. Cras venenatis urna et magna. Aenean magna mauris, bibendum sit amet, semper quis, aliquet nec, sapien. Aliquam aliquam odio quis erat. Etiam est nisi, condimentum non, lacinia ac, vehicula laoreet, elit. Sed interdum augue sit amet quam dapibus semper. Nulla facilisi. Pellentesque lobortis erat nec quam.</p>
 
<p>Sed arcu magna, molestie at, fringilla in, sodales eu, elit. Curabitur mattis lorem et est. Quisque et tortor. Integer bibendum vulputate odio. Nam nec ipsum. Vestibulum mollis eros feugiat augue. Integer fermentum odio lobortis odio. Nullam mollis nisl non metus. Maecenas nec nunc eget pede ultrices blandit. Ut non purus ut elit convallis eleifend. Fusce tincidunt, justo quis tempus euismod, magna nulla viverra libero, sit amet lacinia odio diam id risus. Ut varius viverra turpis. Morbi urna elit, imperdiet eu, porta ac, pharetra sed, nisi. Etiam ante libero, ultrices ac, faucibus ac, cursus sodales, nisl. Praesent nisl sem, fermentum eu, consequat quis, varius interdum, nulla. Donec neque tortor, sollicitudin sed, consequat nec, facilisis sit amet, orci. Aenean ut eros sit amet ante pharetra interdum.</p>
 
<p>Fusce rutrum pede eget quam. Praesent purus. Aenean at elit in sem volutpat facilisis. Nunc est augue, commodo at, pretium a, fermentum at, quam. Nam sit amet enim. Suspendisse potenti. Cras hendrerit rhoncus justo. Integer libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam erat volutpat. Sed adipiscing mi vel ipsum.</p>
 
<p>Sed aliquam, quam consectetuer condimentum bibendum, neque libero commodo metus, non consectetuer magna risus vitae eros. Pellentesque mollis augue id libero. Morbi nonummy hendrerit dui. Morbi nisi felis, fringilla ac, euismod vitae, dictum mollis, pede. Integer suscipit, est sed posuere ullamcorper, ipsum lectus interdum nunc, quis blandit erat eros hendrerit pede. Vestibulum varius, elit id mattis mattis, nulla est feugiat ante, eget vestibulum augue eros ut odio. Maecenas euismod purus quis felis. Ut hendrerit tincidunt est. Fusce euismod, nunc eu tempus tempor, purus ligula volutpat tellus, nec lacinia sapien enim id risus. Aliquam orci turpis, condimentum sed, sollicitudin vel, placerat in, purus. Proin tortor nisl, blandit quis, imperdiet quis, scelerisque at, nisl. Maecenas suscipit fringilla erat. Curabitur consequat, dui blandit suscipit dictum, felis lectus imperdiet tellus, sit amet ornare risus mauris non ipsum. Fusce a purus. Vestibulum sodales. Sed porta ultrices nibh. Vestibulum metus.</p>
 
 
</div>
 
 
 
</body>
</html>
/trunk/api/js/dojo1.0/dojox/widget/tests/test_TimeSpinner.html
New file
0,0 → 1,87
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Dojo Spinner Widget Test</title>
 
<style type="text/css">
@import "../../../dojo/resources/dojo.css";
@import "../../../dijit/themes/tundra/tundra.css";
@import "../../../dijit/themes/dijit.css";
@import "../../../dijit/tests/css/dijitTests.css";
</style>
 
<script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug:true, parseOnLoad: true"></script>
 
<script type="text/javascript">
dojo.require("dojox.widget.TimeSpinner");
dojo.require("dojo.parser"); // scan page for widgets
 
function displayData() {
var spinner = dijit.byId("timeSpinner");
 
//accessing the widget property directly
console.log("TimeSpinner Value (raw, unserialized): ", spinner.getValue());
 
//accessing the widget from the form elements
var theForm = dojo.byId("form1");
var s = "";
for (var i=0; i<theForm.elements.length;i++){
var elem = theForm.elements[i];
if (!elem.name || elem.name =="button") { continue ; }
s+=elem.name + ": " + elem.value + "\n";
}
console.log(s);
}
 
</script>
<style type="text/css">
#integerspinner2 .dojoSpinnerUpArrow {
border-bottom-color: blue;
}
#integerspinner2 .dojoSpinnerDownArrow {
border-top-color: red;
}
#integerspinner2 .dojoSpinnerButton {
background-color: yellow;
}
#integerspinner2 .dojoSpinnerButtonPushed {
background-color: gray;
}
#integerspinner2 .dojoSpinnerButtonPushed .dojoSpinnerDownArrow {
border-top-color: blue;
}
#integerspinner2 .dojoSpinnerButtonPushed .dojoSpinnerUpArrow {
border-bottom-color: red;
}
 
.dojoInputFieldValidationNormal#integerspinner2 {
color:blue;
background-color:pink;
}
</style>
</head>
 
<body class="tundra">
<h1 class="testTitle">Dojox TimeSpinner Test</h1>
Try typing values, and use the up/down arrow keys and/or the arrow push
buttons to spin
<br>
<form id="form1" action="" name="example" method="post">
<h1>time spinner</h1>
<br>
<input id="timeSpinner" dojoType="dojox.widget.TimeSpinner"
onChange="console.debug('onChange fired for widget id = ' + this.id + ' with value = ' + arguments[0]);"
value="12:30 PM"
name="timeSpinner"
hours="12"
id="timeSpinner" />
</form>
 
<div>
<button name="button" onclick="displayData(); return false;">view data</button>
</div>
 
</body>
</html>
/trunk/api/js/dojo1.0/dojox/widget/tests/test_FileInput.html
New file
0,0 → 1,116
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>dojox.widget.FileInput | The Dojo Toolkit</title>
<style type="text/css">
@import "../../../dojo/resources/dojo.css";
@import "../../../dijit/themes/dijit.css";
@import "../../../dijit/tests/css/dijitTests.css";
@import "../FileInput/FileInput.css";
</style>
 
<script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug:true, parseOnLoad: true"></script>
<script type="text/javascript" src="../FileInput.js"></script>
<script type="text/javascript" src="../FileInputAuto.js"></script>
<script type="text/javascript">
// dojo.require("dojox.widget.FileInput");
dojo.require("dojo.parser"); // scan page for widgets and instantiate them
var sampleCallback = function(data,ioArgs,widget){
// this function is fired for every programatic FileUploadAuto
// when the upload is complete. It uses dojo.io.iframe, which
// expects the results to come wrapped in TEXTAREA tags.
// this is IMPORTANT. to utilize FileUploadAuto (or Blind)
// you have to pass your respose data in a TEXTAREA tag.
// in our sample file (if you have php5 installed and have
// file uploads enabled) it _should_ return some text in the
// form of valid JSON data, like:
// { status: "success", details: { size: "1024" } }
// you can do whatever.
//
// the ioArgs is the standard ioArgs ref found in all dojo.xhr* methods.
//
// widget is a reference to the calling widget. you can manipulate the widget
// from within this callback function
if(data){
var d = dojo.fromJson(data);
if(d.status && d.status == "success"){
widget.overlay.innerHTML = "success!";
}else{
widget.overlay.innerHTML = "error? ";
console.log(data,ioArgs);
}
}else{
// debug assist
console.log(arguments);
}
}
 
var i = 0;
function addNewUpload(){
var node = document.createElement('input');
dojo.byId('dynamic').appendChild(node);
var widget = new dojox.widget.FileInputAuto({
id: "dynamic"+(++i),
url: "../FileInput/ReceiveFile.php",
//url:"http://archive.dojotoolkit.org/nightly/checkout/dojox/widget/FileInput/ReceiveFile.php",
name: "dynamic"+i,
onComplete: sampleCallback
},node);
widget.startup();
}
 
</script>
</head>
<body>
 
<h1 class="testTitle">dojox FileInput widget:</h1>
<p>This is a prototype of a dojo input type="file" with a FormWidget mixin, to be styled to match tundra and soria themes</p>
<p>The API is up for discussion, nor is it known to drop into forms and "just work" yet</p>
<p>FileInputAuto API is up for discussion, as well, though by use of the url="" attrib, you can basically
do all your file-processing server side, and just use the filename sent that remains in the form input</p>
<p>There are two parts. dojo.require("dojox.widget.FileInput") for just the base class, or dojo.require("dojox.widget.FileInputAuto");
to provide the Auto Uploading widget (on blur), and the Blind Auto Upload widget.</p>
<p>Both themes are defined in the FileInput.css file, as well as basic styling needed to run</p>
 
<h3>A standard file input:</h3>
<input type="file" id="normal" name="inputFile" />
 
<h3>The default dojox.widget.FileInput:</h3>
<p>
<input dojoType="dojox.widget.FileInput" id="default" name="inputFile" />
</p>
 
<h3>default dojox.widget.FileInput, tundra:</h3>
<p class="tundra">
<input dojoType="dojox.widget.FileInput" id="default2" name="inputFile" />
</p>
 
<h3>dojox.widget.FileInputAuto, soria theme:</h3>
<p class="soria">
<input dojoType="dojox.widget.FileInputAuto" id="defaultAuto" name="inputFileAuto" url="../FileInput/ReceiveFile.php" />
</p>
 
<h3>another one, tundra theme (with callback)</h3>
<p class="tundra">
<input dojoType="dojox.widget.FileInputAuto" id="defaultAuto2" name="inputFileAuto2" url="../FileInput/ReceiveFile.php" onComplete="sampleCallback"/>
</p>
 
<h3>a blind auto upload widget, tundra:</h3>
<p class="tundra">
<input dojoType="dojox.widget.FileInputBlind" id="blind1" name="blind1" url="../FileInput/ReceiveFile.php" />
</p>
 
<h3>dojox.widget.FileInputBlind - soria</h3>
<p class="soria">
<input dojoType="dojox.widget.FileInputBlind" id="blind2" name="blind2" url="../FileInput/ReceiveFile.php" />
</p>
 
<h3>dynamic, tundra, dojox.widget.FileInputAuto:</h3>
<button onclick="addNewUpload()">add new file upload</button>
<br><br>
<div id="dynamic" class="tundra"></div>
 
</body>
</html>
/trunk/api/js/dojo1.0/dojox/widget/tests/test_Toaster.html
New file
0,0 → 1,147
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Toaster Widget Dojo Tests</title>
<style type="text/css">
@import "../../../dojo/resources/dojo.css";
@import "../../../dijit/themes/tundra/tundra.css";
@import "../../../dijit/themes/dijit.css";
@import "../../../dijit/tests/css/dijitTests.css";
@import "../Toaster/Toaster.css";
</style>
 
<script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug:true, parseOnLoad: true"></script>
<script type="text/javascript">
dojo.require("dojox.widget.Toaster");
dojo.require("dojo.parser"); // scan page for widgets and instantiate them
 
var toast = null;
function showTestMessage(){
dojo.publish("testMessageTopic",
[ "This is a message! It's kind of long to show message wrapping."]
);
}
function showAnotherMessage(){
dojo.publish("testMessageTopic",
[{
message: "This is another message!",
type: "warning",
duration: 500
}]
);
}
function showYetAnotherMessage(){
dojo.publish("testMessageTopic",
[{ message: "This is yet another message!" }]
);
}
 
dojo.addOnLoad(function(){
toast = dijit.byId("toast");
});
</script>
</head>
<body class="tundra">
<div dojoType="dojox.widget.Toaster" id="toast"
positionDirection="br-left" duration="0"
messageTopic="testMessageTopic"></div>
 
<div dojoType="dojox.widget.Toaster" id="toast2"
separator="&lt;hr&gt;" positionDirection="bl-up"
messageTopic="testMessageTopic"></div>
 
<button type="submit"
onclick="showTestMessage();">Click to show message</button>
<button type="submit"
onclick="showAnotherMessage();">Click to show another message</button>
<button type="submit"
onclick="showYetAnotherMessage();">Click to show yet another message</button>
 
<h1>dojox.widget.Toaster test</h1>
 
<div style="color: #FF0000;">
When you click any of the buttons above, the bottom right hand message will
stay on the screen until you acknowledge it by clicking inside the message
box. If you click one of the message buttons while a message is still
displayed in the bottom right corner it should append the new message below
the old one with a separator between them.
</div>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean semper
sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin porta rutrum
lacus. Etiam consequat scelerisque quam. Nulla facilisi. Maecenas luctus
venenatis nulla. In sit amet dui non mi semper iaculis. Sed molestie
tortor at ipsum. Morbi dictum rutrum magna. Sed vitae risus.
</p>
<p>
Aliquam vitae enim. Duis scelerisque metus auctor est venenatis imperdiet.
Fusce dignissim porta augue. Nulla vestibulum. Integer lorem nunc,
ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in massa
bibendum suscipit. Integer eros. Nullam suscipit mauris. In pellentesque.
Mauris ipsum est, pharetra semper, pharetra in, viverra quis, tellus. Etiam
purus. Quisque egestas, tortor ac cursus lacinia, felis leo adipiscing
nisi, et rhoncus elit dolor eget eros. Fusce ut quam. Suspendisse eleifend
leo vitae ligula. Nulla facilisi. Nulla rutrum, erat vitae lacinia dictum,
pede purus imperdiet lacus, ut semper velit ante id metus. Praesent massa
dolor, porttitor sed, pulvinar in, consequat ut, leo. Nullam nec est.
Aenean id risus blandit tortor pharetra congue. Suspendisse pulvinar.
</p>
<p>
Vestibulum convallis eros ac justo. Proin dolor. Etiam aliquam. Nam ornare
elit vel augue. Suspendisse potenti. Etiam sed mauris eu neque nonummy
mollis. Vestibulum vel purus ac pede semper accumsan. Vivamus lobortis, sem
vitae nonummy lacinia, nisl est gravida magna, non cursus est quam sed
urna. Phasellus adipiscing justo in ipsum. Duis sagittis dolor sit amet
magna. Suspendisse suscipit, neque eu dictum auctor, nisi augue tincidunt
arcu, non lacinia magna purus nec magna. Praesent pretium sollicitudin
sapien. Suspendisse imperdiet. Class aptent taciti sociosqu ad litora
torquent per conubia nostra, per inceptos hymenaeos.
</p>
<p>
Mauris pharetra lorem sit amet sapien. Nulla libero metus, tristique et,
dignissim a, tempus et, metus. Ut libero. Vivamus tempus purus vel ipsum.
Quisque mauris urna, vestibulum commodo, rutrum vitae, ultrices vitae,
nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra,
per inceptos hymenaeos. Nulla id erat sit amet odio luctus eleifend. Proin
massa libero, ultricies non, tincidunt a, vestibulum non, tellus. Nunc nunc
purus, lobortis a, pulvinar at, egestas a, mi. Cras adipiscing velit a
mauris. Morbi felis. Etiam at felis. Cras eget eros et justo mattis
pulvinar. Nullam at justo id risus porttitor dignissim. Vestibulum sed
velit vel metus tincidunt tempus. Nunc euismod nisl id dolor tristique
tincidunt. Nullam placerat turpis sed odio. Curabitur in est id nibh tempus
ultrices. Aliquam consectetuer dapibus eros. Aliquam nisl.
</p>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean semper
sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin porta rutrum
lacus. Etiam consequat scelerisque quam. Nulla facilisi. Maecenas luctus
venenatis nulla. In sit amet dui non mi semper iaculis. Sed molestie
tortor at ipsum. Morbi dictum rutrum magna. Sed vitae risus.
</p>
<p>
Aliquam vitae enim. Duis scelerisque metus auctor est venenatis imperdiet.
Fusce dignissim porta augue. Nulla vestibulum. Integer lorem nunc,
ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in massa
bibendum suscipit. Integer eros. Nullam suscipit mauris. In pellentesque.
Mauris ipsum est, pharetra semper, pharetra in, viverra quis, tellus. Etiam
purus. Quisque egestas, tortor ac cursus lacinia, felis leo adipiscing
nisi, et rhoncus elit dolor eget eros. Fusce ut quam. Suspendisse eleifend
leo vitae ligula. Nulla facilisi. Nulla rutrum, erat vitae lacinia dictum,
pede purus imperdiet lacus, ut semper velit ante id metus. Praesent massa
dolor, porttitor sed, pulvinar in, consequat ut, leo. Nullam nec est.
Aenean id risus blandit tortor pharetra congue. Suspendisse pulvinar.
</p>
<p>
Vestibulum convallis eros ac justo. Proin dolor. Etiam aliquam. Nam ornare
elit vel augue. Suspendisse potenti. Etiam sed mauris eu neque nonummy
mollis. Vestibulum vel purus ac pede semper accumsan. Vivamus lobortis, sem
vitae nonummy lacinia, nisl est gravida magna, non cursus est quam sed
urna. Phasellus adipiscing justo in ipsum. Duis sagittis dolor sit amet
magna. Suspendisse suscipit, neque eu dictum auctor, nisi augue tincidunt
arcu, non lacinia magna purus nec magna. Praesent pretium sollicitudin
sapien. Suspendisse imperdiet. Class aptent taciti sociosqu ad litora
torquent per conubia nostra, per inceptos hymenaeos.
</p>
</body>
</html>
/trunk/api/js/dojo1.0/dojox/widget/tests/images/icon_update.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/api/js/dojo1.0/dojox/widget/tests/images/icon_update.png
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/api/js/dojo1.0/dojox/widget/tests/images/icon_browser.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/api/js/dojo1.0/dojox/widget/tests/images/icon_browser.png
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/api/js/dojo1.0/dojox/widget/tests/images/fisheye_1.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/api/js/dojo1.0/dojox/widget/tests/images/fisheye_1.png
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/api/js/dojo1.0/dojox/widget/tests/images/fisheye_2.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/api/js/dojo1.0/dojox/widget/tests/images/fisheye_2.png
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/api/js/dojo1.0/dojox/widget/tests/images/fisheye_3.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/api/js/dojo1.0/dojox/widget/tests/images/fisheye_3.png
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/api/js/dojo1.0/dojox/widget/tests/images/fisheye_4.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/api/js/dojo1.0/dojox/widget/tests/images/fisheye_4.png
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/api/js/dojo1.0/dojox/widget/tests/images/icon_email.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/api/js/dojo1.0/dojox/widget/tests/images/icon_email.png
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/api/js/dojo1.0/dojox/widget/tests/images/icon_calendar.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/api/js/dojo1.0/dojox/widget/tests/images/icon_calendar.png
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/api/js/dojo1.0/dojox/widget/tests/images/icon_texteditor.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/api/js/dojo1.0/dojox/widget/tests/images/icon_texteditor.png
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/api/js/dojo1.0/dojox/widget/tests/images/icon_users.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
/trunk/api/js/dojo1.0/dojox/widget/tests/images/icon_users.png
New file
Property changes:
Added: svn:mime-type
+application/octet-stream
\ No newline at end of property
/trunk/api/js/dojo1.0/dojox/widget/tests/test_SortList.html
New file
0,0 → 1,74
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Dojox SortList Test</title>
<style type="text/css">
@import "../../../dojo/resources/dojo.css";
@import "../../../dijit/themes/tundra/tundra.css";
@import "../../../dijit/themes/dijit.css";
@import "../../../dijit/tests/css/dijitTests.css";
@import "../SortList/SortList.css";
</style>
 
<script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug:true, parseOnLoad: true"></script>
<script type="text/javascript" src="../../../dijit/tests/_testCommon.js"></script>
<script type="text/javascript" src="../SortList.js"></script>
<script type="text/javascript">
// dojo.require("dojox.widget.SortList");
dojo.require("dijit.layout.TabContainer");
dojo.require("dijit.layout.SplitContainer");
dojo.require("dojo.data.ItemFileReadStore");
dojo.require("dojo.parser"); // scan page for widgets and instantiate them
</script>
</head>
<body>
 
<h1 class="testTitle">Dojox SortList test</h1>
 
<div dojoType="dojo.data.ItemFileReadStore" url="../../../dijit/tests/_data/countries.json" jsId="stateStore"></div>
<h3>Simple sortable example</h3>
<ul dojoType="dojox.widget.SortList" store="stateStore" title="sortable List" style="width:200px; height:200px;"></ul>
 
<h3>Children of a TabContainer</h3>
<div dojoType="dijit.layout.TabContainer" style="width:300px; height:300px;">
<div dojoType="dojox.widget.SortList" store="stateStore" title="list 1" heading="countires"></div>
<div dojoType="dojox.widget.SortList" store="stateStore" title="list 2" heading="states"></div>
<div dojoType="dojox.widget.SortList" store="stateStore" title="closable" heading="countries" closable="true"></div>
</div>
 
<h3>Child of a SplitContainer</h3>
<div dojoType="dijit.layout.SplitContainer" sizerWidth="7" activeSizing="false" orientaton="vertical" style="width:600px; height:200px;">
<div dojoType="dojox.widget.SortList" store="stateStore" title="list 1" layoutAlign="left" sizeShare="33"></div>
<div dojoType="dojox.widget.SortList" store="stateStore" title="list 2" layoutAlign="client" sizeShare="33"></div>
<div dojoType="dojox.widget.SortList" store="stateStore" title="closable" layoutAlign="right" sizeShare="33"></div>
</div>
<br>
<h3>Raw, degradable UL list:</h3>
<ul dojoType="dojox.widget.SortList" title="SortList From Markup" sortable="false" style="width:200px; height:200px;">
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
<li>five</li>
<li>six</li>
<li>four</li>
<li>five</li>
<li>six</li>
<li>four</li>
<li>five</li>
<li>six</li>
<li>four</li>
<li>five</li>
<li>six</li>
</ul>
 
<h3>normal ul:</h3>
<ul style="width:200px; height:200px;">
<li>one</li><li>one</li><li>one</li><li>one</li><li>one</li><li>one</li><li>one</li><li>one</li>
</ul>
</body>
</html>
/trunk/api/js/dojo1.0/dojox/widget/tests/test_Loader.html
New file
0,0 → 1,81
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Dojo Visual Loader Test</title>
<style type="text/css">
@import "../../../dojo/resources/dojo.css";
@import "../../../dijit/themes/tundra/tundra.css";
@import "../../../dijit/themes/dijit.css";
@import "../../../dijit/tests/css/dijitTests.css";
@import "../Loader/Loader.css";
</style>
 
<script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug:true, parseOnLoad: true"></script>
<script type="text/javascript" src="../Loader.js"></script>
<script type="text/javascript">
// dojo.require("dojox.widget.Loader");
dojo.require("dojo.parser"); // scan page for widgets and instantiate them
 
function getHoney(){
// simple xhrGet example
var foo = dojo.xhrGet({
url: '../Loader/honey.php?delay=0',
handleAs: 'text',
load: function(result){
content.innerHTML = result;
}
});
}
 
function postHoney(){
// simple xhrPost example
var foo = dojo.xhrPost({
url: '../Loader/honey.php?delay=0',
handleAs: 'text',
load: function(result){
content.innerHTML = result;
}
});
}
 
function alertMe(){
console.log('subscription fired',arguments);
}
 
var content = null;
dojo.addOnLoad(function(){
 
content = dojo.byId("dataholder");
// FIXME: why aren't you working?
// var foo = dojo.subscribe("Loader",null,"alertMe");
// console.log(foo);
 
});
</script>
</head>
<body class="tundra">
<div id="globalLoader" dojoType="dojox.widget.Loader"></div>
 
<!-- Other examples:
<div id="globalLoader" dojoType="dojox.widget.Loader" hasVisuals="false"></div>
<div id="globalLoader" dojoType="dojox.widget.Loader" hasVisuals="true" attachToPointer="false"></div>
-->
 
<h1 class="testTitle">Dojox xhrListener test</h1>
 
<a href="javascript:getHoney();">start xhrGet demo</a>
<a href="javascript:postHoney();">start xhrPost demo</a>
 
<p>No additional code is required except for the existance of a
dojoType="dojox.widget.Loader" node. It will listen for the start
and end of xhr* requests (via _ioSetArgs [ugh] and Deferred.prototype._fire ..
</p>
 
<br>
<div id="dataholder" style="float:left; height:300px; overflow:auto; width:400px; border:1px solid #ccc; "></div>
<!-- make me a scrollbar. a Taaaaaall scrollbar -->
<div style="float:left; height:2000px; width:1px; overflow:hidden">spacer</div>
 
</body>
</html>
/trunk/api/js/dojo1.0/dojox/widget/tests/test_FisheyeList.html
New file
0,0 → 1,144
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>FisheyeList Widget Dojo Tests</title>
<style type="text/css">
@import "../../../dojo/resources/dojo.css";
@import "../../../dijit/themes/tundra/tundra.css";
@import "../../../dijit/themes/dijit.css";
@import "../../../dijit/tests/css/dijitTests.css";
@import "../FisheyeList/FisheyeList.css";
</style>
 
<script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug:true, parseOnLoad: true"></script>
<script type="text/javascript" src="../FisheyeList.js"></script>
<script type="text/javascript">
//dojo.require("dojox.widget.FisheyeList");
dojo.require("dojo.parser"); // scan page for widgets and instantiate them
 
dojo.addOnLoad(function(){
fish1 = dijit.byId("fisheye1");
fish2 = dijit.byId("fisheye2");
});
var counter = 1;
function addToFirstList(){
var item = new dojox.widget.FisheyeListItem();
item.label = "Dynamically Added "+counter;
item.iconSrc = "images/fisheye_"+counter+".png"
item.postCreate();
counter++;
if(counter>4){counter=1;}
fish1.addChild(item);
fish1.startup();
item.startup();
}
</script>
</head>
<body class="tundra">
<h1>dojox.widget.FisheyeList test</h1>
<p>HTML before</p>
<button onclick="addToFirstList();">Add a new item to the first list</button>
<p>HTML before</p>
<p>HTML before</p>
<p>Liberal trigger: move the mouse anywhere near the menu and it will start to expand:</p>
<div dojoType="dojox.widget.FisheyeList"
itemWidth="40" itemHeight="40"
itemMaxWidth="150" itemMaxHeight="150"
orientation="horizontal"
effectUnits="2"
itemPadding="10"
attachEdge="center"
labelEdge="bottom"
id="fisheye1"
>
 
<div dojoType="dojox.widget.FisheyeListItem"
id="item1"
onclick="alert('click on ' + this.label + '(from widget id ' + this.widgetId + ')!');"
label="Item 1"
iconSrc="images/fisheye_1.png">
</div>
 
<div dojoType="dojox.widget.FisheyeListItem"
label="Item 2"
iconSrc="images/fisheye_2.png">
</div>
 
<div dojoType="dojox.widget.FisheyeListItem"
label="Item 3"
iconSrc="images/fisheye_3.png">
</div>
 
<div dojoType="dojox.widget.FisheyeListItem"
iconSrc="images/fisheye_4.png">
</div>
 
<div dojoType="dojox.widget.FisheyeListItem"
label="Really Long Item Label"
iconSrc="images/fisheye_3.png">
</div>
 
<div dojoType="dojox.widget.FisheyeListItem"
iconSrc="images/fisheye_2.png">
</div>
 
<div dojoType="dojox.widget.FisheyeListItem"
iconSrc="images/fisheye_1.png">
</div>
</div>
 
<p>HTML after</p>
<p>HTML after</p>
<p>HTML after</p>
<p>This one has strict triggering, so you actually have to mouse over the menu to make it start moving:</p>
<div dojoType="dojox.widget.FisheyeList"
itemWidth="40" itemHeight="40"
itemMaxWidth="150" itemMaxHeight="150"
orientation="horizontal"
effectUnits="2"
itemPadding="10"
attachEdge="center"
labelEdge="bottom"
conservativeTrigger="true"
id="fisheye2"
>
 
<div dojoType="dojox.widget.FisheyeListItem"
id="item1b"
onclick="alert('click on ' + this.label + '(from widget id ' + this.widgetId + ')!');"
label="Item 1"
iconSrc="images/fisheye_1.png">
</div>
 
<div dojoType="dojox.widget.FisheyeListItem"
label="Item 2"
iconSrc="images/fisheye_2.png">
</div>
 
<div dojoType="dojox.widget.FisheyeListItem"
label="Item 3"
iconSrc="images/fisheye_3.png">
</div>
 
<div dojoType="dojox.widget.FisheyeListItem"
iconSrc="images/fisheye_4.png">
</div>
 
<div dojoType="dojox.widget.FisheyeListItem"
label="Really Long Item Label"
iconSrc="images/fisheye_3.png">
</div>
 
<div dojoType="dojox.widget.FisheyeListItem"
iconSrc="images/fisheye_2.png">
</div>
 
<div dojoType="dojox.widget.FisheyeListItem"
iconSrc="images/fisheye_1.png">
</div>
</div>
 
 
</body>
</html>
/trunk/api/js/dojo1.0/dojox/widget/tests/test_Iterator.html
New file
0,0 → 1,73
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Dojox Iterator Test</title>
<style type="text/css">
@import "../../../dojo/resources/dojo.css";
@import "../../../dijit/themes/tundra/tundra.css";
@import "../../../dijit/themes/dijit.css";
@import "../../../dijit/tests/css/dijitTests.css";
</style>
 
<script type="text/javascript" src="../../../dojo/dojo.js"
djConfig="isDebug: true, debugAtAllCosts: false, parseOnLoad: true"></script>
<script type="text/javascript" src="../../../dijit/tests/_testCommon.js"></script>
<script type="text/javascript">
dojo.require("dijit.layout.TabContainer");
dojo.require("dijit.layout.SplitContainer");
dojo.require("dojo.data.ItemFileReadStore");
dojo.require("dojox.widget.Iterator");
dojo.require("dojo.parser"); // scan page for widgets and instantiate them
</script>
</head>
<body>
 
<h1 class="testTitle">Dojox Iterator test</h1>
 
<div dojoType="dojo.data.ItemFileReadStore"
url="../../../dijit/tests/_data/countries.json"
jsId="stateStore"></div>
<h3>Data store backed Iterator</h3>
<ul>
<li>before</li>
<li dojoType="dojox.widget.Iterator"
query="{ name: 'A*' }"
store="stateStore">
${name}
</li>
<li>after</li>
</ul>
 
<h3>Array backed Iterator</h3>
<ul>
<li>before</li>
<script>
var tdata = [
{ thinger: "blah", name: "named:" },
{ thinger: "..." },
{ thinger: "w00t!" }
];
</script>
<li dojoType="dojox.widget.Iterator"
defaultValue="*this space intentionally left blank*"
data="tdata">
${name} ${thinger}
</li>
<li>after</li>
</ul>
 
<h3>Array-property Iterator</h3>
<ul>
<li>before</li>
<li>blah</li>
<li dojoType="dojox.widget.Iterator"
dataValues="thinger, blah, blah">
${value}
</li>
<li>after</li>
</ul>
 
</body>
</html>
/trunk/api/js/dojo1.0/dojox/widget/tests/test_ColorPicker.html
New file
0,0 → 1,41
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Dojox ColorPicker Test</title>
<style type="text/css">
@import "../../../dojo/resources/dojo.css";
@import "../../../dijit/themes/tundra/tundra.css";
@import "../../../dijit/themes/dijit.css";
@import "../../../dijit/tests/css/dijitTests.css";
@import "../ColorPicker/ColorPicker.css";
</style>
 
<script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug:true, parseOnLoad: true"></script>
<script type="text/javascript" src="../ColorPicker.js"></script>
<script type="text/javascript">
// dojo.require("dojox.widget.ColorPicker");
dojo.require("dojo.parser"); // scan page for widgets and instantiate them
 
</script>
</head>
<body class="tundra">
 
<h1 class="testTitle">Dojox ColorPicker test</h1>
 
<h3>defaults:</h3>
<div id="picker" dojoType="dojox.widget.ColorPicker"
onChange="console.log('new val:',this.value)"
></div>
 
<h3>no animation, no hsv, no rgb, no webSafe info:</h3>
<div id="pickerToo" dojoType="dojox.widget.ColorPicker"
animatePoint="false"
showHsv="false"
showRgb="false"
webSafe="false"
onChange="console.log('new val:',this.value)"
></div>
 
</body>
</html>