diff options
| author | mensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f> | 2008-11-13 09:49:11 +0000 |
|---|---|---|
| committer | mensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f> | 2008-11-13 09:49:11 +0000 |
| commit | e44a7e37b6c7b5961adaffc62b9042b8d442938e (patch) | |
| tree | 95b67c356e93163467db2451f2b8cce84ed5d582 /includes/js/dojox/widget/tests/test_TimeSpinner.html | |
| parent | a62b9742ee5e28bcec6872d88f50f25b820914f6 (diff) | |
| download | semanticscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.gz semanticscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.bz2 | |
New feature: basic Ajax suggestion for tags and implementation of Dojo toolkit
git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@151 b3834d28-1941-0410-a4f8-b48e95affb8f
Diffstat (limited to 'includes/js/dojox/widget/tests/test_TimeSpinner.html')
| -rw-r--r-- | includes/js/dojox/widget/tests/test_TimeSpinner.html | 87 |
1 files changed, 87 insertions, 0 deletions
diff --git a/includes/js/dojox/widget/tests/test_TimeSpinner.html b/includes/js/dojox/widget/tests/test_TimeSpinner.html new file mode 100644 index 0000000..6009f6d --- /dev/null +++ b/includes/js/dojox/widget/tests/test_TimeSpinner.html @@ -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> |