tests/manual/sim.html

	sim.html revision 62280f8683de7078a1eb123153c33822cd3bca37
<!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:150px;
    left:150px;
    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:-2,
            max:110,
            stepsPerRevolution:100,
            value: 5,
            diameter: 200,
            decimalPlaces:0
        });
        dial.render(".dial-container");
        Y.on('mousedown',function(e){alert('clicked ring' + e.pageX);}, dial._ringNode);
    });
</script>