home_key_question.html revision 040720bc1ae2f12e63ab9bef2ca34bab137d3c86
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff<!doctype html>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff<html>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff<head>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <title>Test Page</title>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <style type="text/css">
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff .markup {
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff margin: 10px 0 0 300px;
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff }
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff </style>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff</head>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff<body class="yui3-skin-sam">
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff<div class="markup">
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <div id="slider"></div>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <p>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <input type="button" id="home" value="Home">
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <input type="button" id="end" value="End">
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <!--<input type="button" id="disable" value="Disable">
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <input type="button" id="incr" value="incr">-->
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff </p>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <div id="report">0</div>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <div id="slider2"></div>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <p>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <input type="button" id="home2" value="Home">
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <input type="button" id="end2" value="End">
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <!--<input type="button" id="disable" value="Disable">
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <input type="button" id="incr" value="incr">-->
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff </p>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff <div id="report2">0</div>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff</div>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff<!--<script src="/build/yui/yui.js"></script>-->
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff<script src="http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js"></script>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff<script>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff ConniffYUI({
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff filter: 'raw'
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff}).use('slider',function (Y) {
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniffvar report = Y.one('#report'),
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff report2 = Y.one('#report2');
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniffvar s = new Y.Slider({
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff //axis : 'y',
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff length: '350px',
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff min : 0,
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff max : 100,
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff value : 50,
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff// minorStep: 3,
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff after : {
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff valueChange: function (e) {
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff report.set('innerHTML',e.newVal);
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff }
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff }
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff});
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniffs.render('#slider');
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff//////////////////////////////
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniffvar s2 = new Y.Slider({
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff //axis : 'y',
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff length: '350px',
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff min : 0,
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff max : 100,
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff value : 50,
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff// minorStep: 3,
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff after : {
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff valueChange: function (e) {
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff report2.set('innerHTML',e.newVal);
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff }
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff }
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff});
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniffs2.render('#slider2');
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniffvar initVal = s2.get('value');
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff/////////////////////
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniffreport.set('innerHTML',s.get('value'));
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff ConniffY.one('#home').on('click',function () {
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff s.set('value', s.get('min'));
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff});
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff ConniffY.one('#home2').on('click',function () {
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff if(s2.get('value') === s2.get('min')){
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff s2.set('value', initVal);
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff }else{
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff s2.set('value', s2.get('min'));
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff }
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff});
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff ConniffY.one('#end').on('click',function () {
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff s.set('value', s.get('max'));
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff});
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff ConniffY.one('#end2').on('click',function () {
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff s2.set('value', s2.get('max'));
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff});
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff// Y.one('#incr').on('click',function () {
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff// s.set('value', 133);
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff// Y.log('myVal' + s.get('value'));
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff// s.set('value', 134);
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff// Y.log('myVal' + s.get('value'));
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff// });
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff});
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff</script>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff</body>
040720bc1ae2f12e63ab9bef2ca34bab137d3c86Jeff Conniff</html>