dial.html revision df71f95acec70ebddf0ab97cc1e0ff2b70048017
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">
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff<link type="text/css" rel="stylesheet" href="/build/cssfonts/fonts-min.css" />
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff<!--link type="text/css" rel="stylesheet" href="/yui3/build/dial/assets/skins/sam/dial.css" -->
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff<script src="/build/yui/yui.js"></script>
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff<script src="/build/dial/dial.js"></script>
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff<script>
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff YUI({filter:"raw"}).use("widget", "node-deprecated", "dd-drag", "substitute", "event-mouseenter", "transition", "dial", function(Y) {
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff var dial = new Y.Dial({
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff srcNode: ".dial_container",
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff min:-400,
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff max:400,
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff stepsPerRev:365,
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff value: 80,
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff diameter: 100
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff });
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff dial.render();
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff dial.focus();
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff });
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff</script>
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff<style>
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff.intro-sentence{
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff margin:3em;
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff}
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniffbody{
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff margin-top:30px;
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff}
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff</style>
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff</head>
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff<body class="yui3-skin-sam">
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff <span class="intro-sentence">This is a Dial Widget. It supports keyboard input and screen readers.</span>
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff <div class="dial_container"></div>
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff</body>
df71f95acec70ebddf0ab97cc1e0ff2b70048017Jeff Conniff</html>