tests/manual/dial.html

	dial.html revision 3c7fb59120f2edd0162b58600395c7fa79259924
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff<html>
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff<head>
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff<title>Dial Widget</title>
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff<!-- Source File and Seed for YUI3-->
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff<link rel="stylesheet" type="text/css" href="/build/cssreset/reset-min.css">
50bb8b485d45b99b0d672649512135881290f937Satyen Desai<link type="text/css" rel="stylesheet" href="/build/cssfonts/fonts-min.css">
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff
3c7fb59120f2edd0162b58600395c7fa79259924Satyen Desai<script src="/build/yui/yui-min.js"></script>
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff<script>
3c7fb59120f2edd0162b58600395c7fa79259924Satyen Desai    YUI().use("dial", function(Y) {
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff
50bb8b485d45b99b0d672649512135881290f937Satyen Desai        var dial = new Y.Dial({
50bb8b485d45b99b0d672649512135881290f937Satyen Desai            srcNode: ".dial_container",
50bb8b485d45b99b0d672649512135881290f937Satyen Desai            min:-400,
50bb8b485d45b99b0d672649512135881290f937Satyen Desai            max:400,
50bb8b485d45b99b0d672649512135881290f937Satyen Desai            stepsPerRev:365,
50bb8b485d45b99b0d672649512135881290f937Satyen Desai            value: 80,
50bb8b485d45b99b0d672649512135881290f937Satyen Desai            diameter: 100
50bb8b485d45b99b0d672649512135881290f937Satyen Desai        });
50bb8b485d45b99b0d672649512135881290f937Satyen Desai        dial.render();
50bb8b485d45b99b0d672649512135881290f937Satyen Desai        dial.focus();
50bb8b485d45b99b0d672649512135881290f937Satyen Desai    });
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff</script>
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff<style>
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff.intro-sentence{
50bb8b485d45b99b0d672649512135881290f937Satyen Desai    margin:3em;
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff}
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniffbody{
50bb8b485d45b99b0d672649512135881290f937Satyen Desai    margin-top:30px;
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff}
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff</style>
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff</head>
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff<body class="yui3-skin-sam">
50bb8b485d45b99b0d672649512135881290f937Satyen Desai    <span class="intro-sentence">This is a Dial Widget. It supports keyboard input and screen readers.</span>
50bb8b485d45b99b0d672649512135881290f937Satyen Desai    <div class="dial_container"></div>
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff</body>
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff</html>