Widget demo
A spinbutton containing days of the week:
Day of the week is: (none selected)
HTML source
<input type="text" id="spinbutton-demo-input"/>
<div>
Day of the week is: <span id="result">(none selected)</span>
</div>
<div>
Day of the week is: <span id="result">(none selected)</span>
</div>
Javascript source
Meteora.uses('Meteora.Spinbutton');
Meteora.onStart(
function () {
new SpinButton(
'spinbutton-demo-input',
{
'values': [
'Monday',
'Tuesday',
'Wednesday',
'Thursday',
'Friday',
'Saturday',
'Sunday'
],
'onChange': function(data) {
$('result').innerHTML = data.value;
},
'cycle': true
}
);
}
);
Meteora.onStart(
function () {
new SpinButton(
'spinbutton-demo-input',
{
'values': [
'Monday',
'Tuesday',
'Wednesday',
'Thursday',
'Friday',
'Saturday',
'Sunday'
],
'onChange': function(data) {
$('result').innerHTML = data.value;
},
'cycle': true
}
);
}
);