tests/manual/dial.html

	dial.html revision eeefbdad0b1d6614c497d69b0087c3a6bc5061b3
<!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({lang:'es'}).use("dial", function(Y) {

        var dial = new Y.Dial({
            srcNode: ".dial_container",
            min:-220,
            max:220,
            stepsPerRev:100,
            value: 80,
            diameter: 100
        });
        dial.render();
    });
</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>