<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Dojo Spinner Widget Demo</title>
<script type="text/javascript">
var djConfig = {isDebug: true};
</script>
<script type="text/javascript" src="../../dojo.js"></script>
<script type="text/javascript">
dojo.require("dojo.widget.*");
dojo.require("dojo.widget.Spinner"); // must require explicitly, since some widgets are experimental
</script>
</head>
<body>
Try typing values, and use the up/down arrow keys and/or the arrow push
buttons to spin
<br>
<h1>integer spinner</h1>
<br>
initial value=+1,000, delta=10, min=9 max=1550, signed=always separator=,<br>
<input dojoType="IntegerSpinner"
value="+1,000"
delta="10"
min="9"
max="1550"
signed="always"
separator=","
maxlength="20"
widgetId="integertextbox1">
<br>
<br>
initial value=900, no delta specified, no min specified, max=1550, signed=never separator=!<br>
<input dojoType="IntegerSpinner"
value="900"
max="1550"
signed="never"
separator="!"
maxlength="20"
widgetId="integertextbox2">
<br>
<br>
initial value not specified, delta not specified, min not specified, max not specified, signed not specified, separator not specified<br>
[verify no line break just after this text]<input dojoType="IntegerSpinner" widgetId="integertextbox3">[verify no line break just before this text]
<br>
<br>
<h1>real number spinner</h1>
<br>
Move the cursor left and right within the input field to see the effect on the spinner.
<br>
initial value=+1.00e3, delta=0.01e1, min=-10950, max=155000, signed=always, exponent=always, esigned=never, places=2, separator=,<br>
<input dojoType="RealNumberSpinner"
value="+1.00e3"
delta="0.01e1"
min="-10950"
max="155000"
signed="always"
esigned="never"
exponent="always"
separator=','
places="2"
maxlength="20"
widgetId="realtextbox1">
<br>
<br>
initial value=1 045.0, delta=1e2, min not specified, max=155000, signed=never, exponent=never, esigned=always, places=1, separator=(space) <br>
<input dojoType="RealNumberSpinner"
value="1 045.0"
delta="1e2"
max="155000"
signed="never"
esigned="always"
exponent="never"
separator=' '
places="1"
maxlength="20"
widgetId="realtextbox2">
<br>
<br>
initial value not specified, delta not specified, min not specified, max not specified, signed not specified, exponent not specified, esigned not specified, places not specified, separator not specified <br>
[verify no line break just after this text]<input dojoType="RealNumberSpinner" widgetId="realtextbox3">[verify no line break just before this text]
<br>
<br>
<br>
<h1>time spinner</h1>
<br>
Move the cursor left and right within the input field to see the effect on the spinner.
<br>
initial value=10:00:00a, delta=1:01:01a, am symbol=a, pm symbol=p, format=h:mm:sst<br>
<input dojoType="TimeSpinner"
value="10:00:00a"
delta="1:01:01a"
amsymbol="a"
pmsymbol="p"
format="h:mm:sst"
maxlength="20"
widgetId="timetextbox1">
<br>
<br>
initial value=1000, delta=0101, am symbol not specified, pm symbol not specified, format=HHmm<br>
<input dojoType="TimeSpinner"
value="1000"
delta="0101"
format="HHmm"
maxlength="20"
widgetId="timetextbox2">
<br>
<br>
initial value not specified, delta not specified (default is 01:01:01), am symbol not specified (default is AM), pm symbol not specified (default is PM), format not specified (default is h:mm:ss t) <br>
[verify no line break just after this text]<input dojoType="TimeSpinner" widgetId="timetextbox3">[verify no line break just before this text]
<br>
<br>
</body>
</html>