6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff<html>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff<head>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <meta http-equiv="content-type" content="text/html; charset=utf-8">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <title>Widget Skins Test Page</title>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <script src="/build/yui/yui-min.js"></script>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/cssreset/cssreset.css">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/cssfonts/cssfonts.css">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/cssgrids/cssgrids.css">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff<!--
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/autocomplete-list/assets/skins/night/autocomplete-list.css">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/slider-base/assets/skins/night/slider-base.css">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/tabview/assets/skins/night/tabview.css">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/datatable-base/assets/skins/night/datatable-base.css">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/dial/assets/skins/night/dial.css">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/scrollview-list/assets/skins/night/scrollview-list.css">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/scrollview-scrollbars/assets/skins/night/scrollview-scrollbars.css">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/panel/assets/skins/night/panel.css" charset="utf-8">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/node-menunav/assets/skins/night/node-menunav.css" charset="utf-8">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/cssbutton/cssbutton.css">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff-->
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff<!--
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <link type="text/css" rel="stylesheet" href="/calendar/assets/skins/night/calendar-base-skin.css">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <link type="text/css" rel="stylesheet" href="/calendar/assets/skins/night/calendarnavigator-skin.css">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff-->
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/calendar/assets/skins/night/calendar-base-skin.css">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/calendar/assets/skins/night/calendarnavigator-skin.css">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <style>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff body {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff margin: 0em;
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff }
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff .yui3-js-enabled .yui3-widget-loading {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff display: none;
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff }
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff .yui3-panel form li {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff list-style: none;
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff }
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff .yui3-panel label {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff display: block;
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff margin-top: 1em;
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff }
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff .yui3-menu,
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff .yui3-widget {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff margin: 15px;
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff }
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff .yui3-tabview {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff width: 300px;
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff }
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff #buttons-dir,
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff #buttons-skin {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff margin: 1em;
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff }
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff .button-group {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff text-align: center;
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff }
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff .yui3-panel {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff position: static !important;
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff }
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff /* workaround site CSS */
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff .yui3-datatable th,
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff .yui3-calendar th,
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff .yui3-calendar h4 {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff background: transparent;
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff border: none;
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff color: inherit;
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff font-size: inherit;
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff }
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </style>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <body class="yui3-skin-night">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="skin-demo">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-g button-group">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="buttons-skin" class="yui3-u">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <button id="sam" class="yui3-button yui3-button-selected">Sam</button>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <button id="night" class="yui3-button">Night</button>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <button id="togglebkg" class="yui3-button">Toggle HTML Bkg Color</button>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="buttons-dir" class="yui3-u">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <button id="rtl" class="yui3-button">RTL</button>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <button id="ltr" class="yui3-button yui3-button-selected">LTR</button>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-u">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="button-demo">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-u">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <button class="yui3-button">Button</button>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <button class="yui3-button yui3-button-selected">Selected</button>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <button class="yui3-button yui3-button-disabled">Disabled</button>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-g">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff<!-- TabView -->
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-u">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-widget-loading" id="demo-tabview">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <a href="#pork">Pork</a>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <a href="#meatball">Meatball</a>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <a href="#salami">Salami</a>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="pork">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <p>Pork tail short loin ground round. Spare ribs bresaola cow prosciutto. Ground round shoulder shankle venison tongue, beef ribs spare ribs salami frankfurter bacon turducken tri-tip tail ribeye pork chop. Chicken tail bacon, biltong corned beef shankle pancetta shoulder brisket pork belly ham pork bresaola pig.</p>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="meatball">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <p>Meatball cow leberkäse, tenderloin sirloin spare ribs beef ribs turkey ball tip flank pork loin fatback andouille strip steak tri-tip. Kielbasa drumstick pastrami tongue, strip steak shank tail beef ribs pork turducken pork loin pork chop. Capicola ground round tail t-bone pork chop kielbasa, chicken prosciutto bacon brisket sausage jowl. Andouille shoulder pork pig swine. Venison beef ribs turducken pork chop, sausage turkey drumstick sirloin ham swine chicken.</p>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="salami">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <p>Salami short ribs corned beef, pancetta ham hock jowl frankfurter tail rump flank capicola tri-tip andouille sirloin. Biltong bresaola sausage hamburger ground round, pork loin tri-tip pig andouille fatback short ribs pork jowl. Capicola boudin sirloin tongue, beef prosciutto spare ribs shankle ball tip ham beef ribs turducken tenderloin. Drumstick tenderloin ribeye leberkäse, pork belly pancetta turducken frankfurter bresaola pig biltong.</p>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-u"><div id="demo-datatable"></div></div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-u">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-panel yui3-widget" id="demo-panel">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-panel-content yui3-widget-stdmod">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-widget-hd">Add A New Product</div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-widget-bd">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <form>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <fieldset>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <label for="productId">ID</label>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <input type="text" name="productId" id="productId">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <label for="name">Name</label>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <input type="text" name="name" id="name">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <!--<li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <label for="price">Price</label>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <input type="text" name="price" id="price">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </li>-->
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </fieldset>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </form>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-widget-ft">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <button class="yui3-button">Cancel</button>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <button class="yui3-button">Add</button>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff<!-- for panel from JS
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-u">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="myPanelContent">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-widget-hd">I'm from JS</div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-widget-bd">My buttons have no margin. Why?</div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-widget-ft"></div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff-->
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-u">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="demo-calendar"></div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-u">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="demo-dial"></div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-u">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="demo-xslider"></div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-u">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="demo-yslider"></div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-u">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="demo-scrollview">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li>Sir DZL</li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li>Casual</li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li>A-Plus</li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li>Opio</li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li>Phesto</li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li>Tajai</li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li>Pep Love</li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li>Domino</li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li>Toure</li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li>Bukue One</li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li>Z-Man</li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff<!-- menunav -->
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-u">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="demo-menunav" class="yui3-menu">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-menu-content">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <ul class="first-of-type">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://developer.yahoo.com/">Developer Network</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://www.flickr.com">Flickr</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <a class="yui3-menu-label" href="#pim">Mail</a>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="pim" class="yui3-menu">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-menu-content">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://mail.yahoo.com">Mail</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://mail.yahoo.com">Contact Lists</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://addressbook.yahoo.com">Address Book</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://calendar.yahoo.com">Calendar</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://notepad.yahoo.com">Notepad</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://messenger.yahoo.com">Messenger</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://news.yahoo.com">News</a> </li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://mobile.yahoo.com">Mobile</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://finance.yahoo.com/">Finance</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://shine.yahoo.com/">Shine</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://shopping.yahoo.com/">Shopping</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff<!-- MenuNav horiz -->
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-u">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="demo-menunav-horiz" class="yui3-menu yui3-menu-horizontal">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-menu-content">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <ul class="first-of-type">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://www.yahoo.com/">Home</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <a class="yui3-menu-label" href="#connect">Connect</a>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="connect" class="yui3-menu">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-menu-content">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://yahoo.com/">Yahoo!</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://www.flickr.com">Flickr</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <a class="yui3-menu-label" href="#pim">Mail</a>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="pim" class="yui3-menu">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-menu-content">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://mail.yahoo.com">Mail</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://calendar.yahoo.com">Calendar</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://addressbook.yahoo.com">Address Book</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://calendar.yahoo.com">What's New</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://notepad.yahoo.com">Notepad</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://messenger.yahoo.com">Messenger</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://movies.yahoo.com">Movies</a> </li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://mobile.yahoo.com">Mobile</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://travel.yahoo.com/">Travel</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://sports.yahoo.com/">Sports</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://finance.yahoo.com/">Finance</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <a class="yui3-menu-label" href="#find-info">Find Info</a>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="find-info" class="yui3-menu">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-menu-content">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://search.yahoo.com">Yahoo! Search</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://babelfish.yahoo.com/">Babel Fish Translations</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://info.yahoo.com/">Company Info</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://search.yahoo.com/cc">Creative Commons Search</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://dir.yahoo.com/">Directory</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://hotjobs.yahoo.com/">Jobs</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://local.yahoo.com">Local</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://maps.yahoo.com/">Maps</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://realestate.yahoo.com">Real Estate</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://education.yahoo.com/reference/">Reference</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff<!-- end menu nav horizontal-->
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff<!-- MenuNav horiz split button-->
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-u">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="menu-1" class="yui3-menu yui3-menu-horizontal yui3-splitbuttonnav"><!-- Bounding box -->
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-menu-content"><!-- Content box -->
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <span class="yui3-menu-label"><!-- menu label root node -->
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <a href="http://travel.yahoo.com">Travel</a><!-- menu label default action -->
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <a href="#travel-options" class="yui3-menu-toggle">Travel Options</a><!-- menu label submenu toggle -->
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </span>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="travel-options" class="yui3-menu">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-menu-content">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://travel.yahoo.com/beach;_ylt=AtWGJZLM73jp52fJNMJcOwGhpYMA">Beach</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://travel.yahoo.com/honeymoon;_ylt=ArJByEt5iYogEYMdhsWy_sWhpYMA">Honeymoon</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://travel.yahoo.com/national-parks;_ylt=Aisxea9BMnUZdmrYv.sOYk2hpYMA">National Parks</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://travel.yahoo.com/family;_ylt=Aiz4pI2rCCo6cy7G0XqfdPehpYMA">Family</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <span class="yui3-menu-label"><!-- menu label root node -->
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <a href="http://news.yahoo.com">News</a><!-- menu label default action -->
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <a href="#news-options" class="yui3-menu-toggle">News Options</a><!-- menu label submenu toggle -->
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </span>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="news-options" class="yui3-menu">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-menu-content">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://news.yahoo.com/">News</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://news.yahoo.com/world">World</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://news.yahoo.com/tech">Tech</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://news.yahoo.com/sports">Sports</a></li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </li>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </ul>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff<!-- end menu nav horizontal split button-->
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff<!-- Autocomplete -->
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div class="yui3-u">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <div id="autocomplete" class="yui3-widget">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <label for="ac-input">Enter the name of a US state:</label><br>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff <input id="ac-input" type="text">
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff </div>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff<script>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff ConniffYUI({ skin: 'night' }).use('autocomplete', 'autocomplete-filters', 'autocomplete-highlighters', 'tabview', 'datatable-sort', 'calendar', 'panel', 'dial', 'node-menunav', 'node-event-delegate', 'slider', 'scrollview', 'scrollview-list', function(Y) {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff var buttonHandlers = {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff sam: function(e) {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff Y.one('body').replaceClass('yui3-skin-night', 'yui3-skin-sam');
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff },
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff night: function(e) {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff Y.one('body').replaceClass('yui3-skin-sam', 'yui3-skin-night');
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff },
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff togglebkg: function(e) {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff if(Y.one('html').getStyle('backgroundColor') === "rgb(255, 255, 255)"){
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff Y.one('html').setStyle('backgroundColor', "rgb(0, 0, 0)");
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff //Y.one('html').setStyle('color', "rgb(255, 255, 255)");
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff }else{
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff Y.one('html').setStyle('backgroundColor', "rgb(255, 255, 255)");
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff // Y.one('html').setStyle('color', "rgb(0, 0, 0)"); the default
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff }
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff },
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff rtl: function(e) {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff Y.one('body').setAttribute('dir', 'rtl');
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff },
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff ltr: function(e) {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff Y.one('body').setAttribute('dir', 'ltr');
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff }
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff };
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff function buttonGroupHandler(e) {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff var button = e.currentTarget,
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff handler = buttonHandlers[button.get('id')],
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff selectedClass = Y.ClassNameManager.getClassName('button', 'selected');
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff if (handler) {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff button.addClass(selectedClass);
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff button.siblings().removeClass(selectedClass);
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff handler.call(this, e);
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff }
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff }
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff/////////// autocomplete
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff var states = [
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Alabama',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Alaska',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Arizona',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Arkansas',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'California',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Colorado',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Connecticut',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Delaware',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Florida',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Georgia',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Hawaii',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Idaho',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Illinois',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Indiana',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Iowa',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Kansas',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Kentucky',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Louisiana',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Maine',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Maryland',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Massachusetts',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Michigan',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Minnesota',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Mississippi',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Missouri',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Montana',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Nebraska',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Nevada',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'New Hampshire',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'New Jersey',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'New Mexico',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'New York',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'North Dakota',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'North Carolina',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Ohio',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Oklahoma',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Oregon',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Pennsylvania',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Rhode Island',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'South Carolina',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'South Dakota',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Tennessee',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Texas',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Utah',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Vermont',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Virginia',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Washington',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'West Virginia',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Wisconsin',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff 'Wyoming'
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff ];
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff Y.one('#ac-input').plug(Y.Plugin.AutoComplete, {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff resultFilters : 'phraseMatch',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff resultHighlighter: 'phraseMatch',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff source : states
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff });
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff/////////// end autocomplete
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff new Y.TabView({
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff srcNode: '#demo-tabview'
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff }).render();
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff // what if...
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff // Y.TabView('#demo-tabview');
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff // Y.one('#demo-tabview').plug('tabs');
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff new Y.DataTable.Base({
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff srcNode: '#demo-datatable',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff columnset: [
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff {key:"Company", label:"Column A", sortable:true},
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff {key:"Phone", label:"Column B", sortable:true},
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff {key:"Contact", label:"Column C", sortable:true}
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff ],
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff recordset: [
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff {Company:"Company Bee", Phone:"415-555-1234", Contact:"Sally Spencer"},
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff {Company:"Acme Company", Phone:"650-555-4444", Contact:"John Jones"},
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff {Company:"Industrial Industries", Phone:"408-555-5678", Contact:"Robin Smith"}
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff ],
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff caption: "Example table with sortable columns"
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff }).plug(Y.Plugin.DataTableSort).render();
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff // what if...
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff // plug('sort').render();
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff new Y.Calendar({
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff render: "#demo-calendar"
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff });
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff Y.one('.calendar_col7').addClass('yui3-calendar-selection-disabled');
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff// Y.one('.yui3-calendar-nextmonth-day').setstyl('hello');
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff new Y.Dial({
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff render: "#demo-dial"
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff });
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff new Y.Slider({
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff axis: 'y',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff render: '#demo-yslider'
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff });
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff new Y.Slider({
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff render: '#demo-xslider'
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff });
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff new Y.ScrollView({
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff height: 150,
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff width: 150,
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff srcNode: '#demo-scrollview',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff plugins:[Y.Plugin.ScrollViewList],
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff render:true
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff });
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff // what if...
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff // Y.Calendar('#demo-calendar');
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff // Y.Dial('#demo-dial');
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff // Y.Dial('#demo-dial');
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff // new Y.Slider('#demo-yslider', {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff // axis: 'y',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff // });
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff Y.one('#demo-menunav').plug(Y.Plugin.NodeMenuNav);
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff Y.one('#demo-menunav-horiz').plug(Y.Plugin.NodeMenuNav);
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff var menu = Y.one("#menu-1");
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff menu.plug(Y.Plugin.NodeMenuNav, { autoSubmenuDisplay: false, mouseOutHideDelay: 0 });
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff // what if...
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff // Y.Menu('#demo-menu');
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff // handle button groups
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff Y.one('.button-group').delegate('click', buttonGroupHandler, 'button');
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff /* what if...
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff Y.RadioButtons('.button-group', {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff '#sam': buttonHandlers['sam'],
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff '#night': buttonHandlers['night'],
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff '#ltr': buttonHandlers['ltr'],
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff '#rtl': buttonHandlers['rtl']
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff });
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff */
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff /*panel from JS
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff var panel = new Y.Panel({
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff srcNode : '#myPanelContent',
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff width : 200,
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff centered: true,
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff render : true,
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff // Make changes to the buttons through the `buttons` attribute,
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff // which takes an Array of Objects.
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff buttons: [
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff // Each object has a `value` property,
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff // which can be text or an HTML string.
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff value: "Okay",
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff // The `section` property tells where to render the button and
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff // should be `Y.WidgetStdMod.HEADER` or `Y.WidgetStdMod.FOOTER`.
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff section: Y.WidgetStdMod.FOOTER
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff },
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff {
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff value: "Nope",
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff section: Y.WidgetStdMod.FOOTER
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff }
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff ]
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff });
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff */
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff});
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff</script>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff</body>
6c1c3aa599c59273e13adc205f8416a5523e8db0Jeff Conniff</html>