dial.html revision 3c7fb59120f2edd0162b58600395c7fa79259924
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Dial Widget</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-min.js"></script>
<script>
YUI().use("dial", function(Y) {
var dial = new Y.Dial({
srcNode: ".dial_container",
min:-400,
max:400,
stepsPerRev:365,
value: 80,
diameter: 100
});
dial.render();
dial.focus();
});
</script>
<style>
.intro-sentence{
margin:3em;
}
body{
margin-top:30px;
}
</style>
</head>
<body class="yui3-skin-sam">
<span class="intro-sentence">This is a Dial Widget. It supports keyboard input and screen readers.</span>
<div class="dial_container"></div>
</body>
</html>