<!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>