tests/manual/sim.html

	sim.html revision 2359c3473704e75eab6013de1f1fe324c36521d0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>sim</title>

<!-- Source File and Seed for YUI3-->
<link rel="stylesheet" type="text/css" href="/build/cssreset/reset-min.css">
<link type="text/css" rel="stylesheet" href="/build/cssfonts/fonts-min.css">

<script src="/build/yui/yui.js"></script>
</head>
<style>
.foo {
/*    position:absolute;
    top:100px;
    left:100px;
*/
    margin:100px auto;
    border:solid 1px #f00;
    width:200px;
    height:200px;
}
</style>
<body class="yui3-skin-sam">hello

    <div class="dial-container foo"></div>
</body>
</html>
<script>
    YUI({filter:'raw'}).use("dial", function(Y) {          //, filter:'raw'  this make it really hard to clear cache on iPad
        var dial = new Y.Dial({
            min: 0,
            max: 100,
            stepsPerRevolution: 100,
            value: 0,
            diameter: 100,
            decimalPlaces:0
        });
        dial.render(".dial-container");
        //Y.on('mousedown',function(e){alert('clicked ring' + e.pageX);}, dial._ringNode);
    });
</script>