tests/manual/dial_simple_night.html

978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff<html>
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff<head>
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff<title>Dial Widget Manual Test</title>
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff<!-- Source File and Seed for YUI3-->
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff<link rel="stylesheet" type="text/css" href="/build/cssreset/reset-min.css">
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff<link type="text/css" rel="stylesheet" href="/build/cssfonts/fonts-min.css">
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff<script src="/build/yui/yui.js"></script>
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff<style>
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff.intro-sentence{
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff    margin:3em;
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff}
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniffbody{
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff    margin-top:30px;
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff}
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff.steps{
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff    margin:20px;
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff}
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff.steps li{margin-bottom:1em;}
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff.steps li a {margin-right:2em; border:solid 1px #dddddd; background-color:#eeeeee; padding:3px 6px; cursor:pointer;}
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff#myOtherNode {margin-bottom: 1em;}
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniffp{margin:40px;}
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff</style>
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff</head>
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff<body class="yui3-skin-night">
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff    <span id="dial_container">This is a Dial Widget. It supports keyboard input and screen readers.</span>
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff    <ul class="steps">
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff        <li><a class="xx d_min">-minor</a><a class="xx i_min">+minor</a></li>
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff        <li><a class="xx d_maj">-major</a><a class="xx i_maj">+major</a></li>
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff        <li><a class="xx min">min</a><a class="xx max">max</a></li>
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff        <li><a class="xx orig">origin</a></li>
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff    </ul>
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff    <input id="myOtherNode" value="hello">
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff    <br>
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff    <span id="dial_container_big">test a larger size. <p>increment controls don't affect this one.</p></span>
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff    <span id="dial_container_small">test a small size. </span>
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff    <p>test min max _______________________</p>
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff    <p>
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff    <p></p>
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff</body>
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff</html>
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff<script>
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff        // YUI({ skin:{defaultSkin: 'night'}}).use
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff    YUI({lang:'es', filter:'raw', skin:{defaultSkin: 'night'}}).use("dial", function(Y) {          //, filter:'raw'  this make it really hard to clear cache on iPad
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff        var dial = new Y.Dial({
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff            min:-2,
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff            max:110,
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff            stepsPerRevolution:100,
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff            value: 5,
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff            diameter: 75,
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff            decimalPlaces:0
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff        });
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff        dial.render("#dial_container");
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff        Y.on('click', function(e){
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff            if(e.target.hasClass('i_min')){
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff                dial._incrMinor();
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff            }
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff            if(e.target.hasClass('d_min')){
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff                dial._decrMinor();
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff            }
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff            if(e.target.hasClass('i_maj')){
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff                dial._incrMajor();
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff            }
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff            if(e.target.hasClass('d_maj')){
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff                dial._decrMajor();
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff            }
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff            if(e.target.hasClass('min')){
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff                dial._setToMin();
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff            }
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff            if(e.target.hasClass('max')){
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff                dial._setToMax();
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff            }
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff            if(e.target.hasClass('orig')){
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff                dial._resetDial();
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff            }
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff        }, '.xx');
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff        // update value of the Dial from another object's value when it gets a keyup event
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff        Y.on('keyup', function(e){
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff            dial.set('value', e.target.get('value') - 0);
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff        }, '#myOtherNode');
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff        // update the value of another object when the Dial changes value
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff        dial.after('valueChange', function(e){
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff//          Y.one('#myOtherNode').set('value', e.target.get('value').toFixed(e.target.get('decimalPlaces')));
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff            Y.one('#myOtherNode').set('value', e.target.get('value'));
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff//          Y.log('dial._angle: ' + dial._angle + '... prevAng: ' + dial._prevAng + '...wrapping: ' + dial._timesWrapped);
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff        });
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff    });
978333287299d3e6ed7cc4c8b60d14d082736e35Jeff Conniff</script>