dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <meta http-equiv="content-type" content="text/html; charset=utf-8">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/cssreset/cssreset.css">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/cssfonts/cssfonts.css">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/cssgrids/cssgrids.css">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/cssbutton/cssbutton.css">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/autocomplete-list/assets/skins/night/autocomplete-list.css">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/slider-base/assets/skins/night/slider-base.css">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/tabview/assets/skins/night/tabview.css">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/datatable-base/assets/skins/night/datatable-base.css">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/datatable-sort/assets/skins/night/datatable-sort.css">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/dial/assets/skins/night/dial.css">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/scrollview-list/assets/skins/night/scrollview-list.css">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/scrollview-scrollbars/assets/skins/night/scrollview-scrollbars.css">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/panel/assets/skins/night/panel.css" charset="utf-8">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/node-menunav/assets/skins/night/node-menunav.css" charset="utf-8">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/calendar/assets/skins/night/calendar-base-skin.css">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <link type="text/css" rel="stylesheet" href="/build/calendar/assets/skins/night/calendarnavigator-skin.css"
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <link type="text/css" rel="stylesheet" href="/calendar/assets/skins/night/calendar-base-skin.css">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <link type="text/css" rel="stylesheet" href="/calendar/assets/skins/night/calendarnavigator-skin.css">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff margin: 0em;
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff .yui3-js-enabled .yui3-widget-loading {
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff display: none;
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff .yui3-panel form li {
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff list-style: none;
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff .yui3-panel label {
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff display: block;
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff margin-top: 1em;
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff .yui3-widget {
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff margin: 15px;
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff .yui3-tabview {
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff width: 300px;
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff #buttons-dir,
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff #buttons-skin {
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff margin: 1em;
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff .button-group {
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff text-align: center;
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff .yui3-panel {
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff position: static !important;
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff /* workaround site CSS */
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff .yui3-datatable th,
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff .yui3-calendar th,
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff .yui3-calendar h4 {
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff background: transparent;
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff border: none;
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff color: inherit;
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff font-size: inherit;
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <button id="sam" class="yui3-button yui3-button-selected">Sam</button>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <button id="night" class="yui3-button">Night</button>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <button id="togglebkg" class="yui3-button">Toggle HTML Bkg Color</button>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <button id="rtl" class="yui3-button">RTL</button>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <button id="ltr" class="yui3-button yui3-button-selected">LTR</button>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <button class="yui3-button yui3-button-selected">Selected</button>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <button class="yui3-button yui3-button-disabled">Disabled</button>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff<!-- TabView -->
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <div class="yui3-widget-loading" id="demo-tabview">
dc4c34dd511692940500c32eb91abb36888902c5Jeff 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>
dc4c34dd511692940500c32eb91abb36888902c5Jeff 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>
dc4c34dd511692940500c32eb91abb36888902c5Jeff 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>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <div class="yui3-u"><div id="demo-datatable"></div></div>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <div class="yui3-panel yui3-widget" id="demo-panel">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <div class="yui3-panel-content yui3-widget-stdmod">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <div class="yui3-widget-hd">Add A New Product</div>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <input type="text" name="productId" id="productId">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <label for="price">Price</label>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <input type="text" name="price" id="price">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff<!-- for panel from JS
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <div class="yui3-u">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <div id="myPanelContent">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <div class="yui3-widget-hd">I'm from JS</div>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <div class="yui3-widget-bd">My buttons have no margin. Why?</div>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <div class="yui3-widget-ft"></div>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff<!-- menunav -->
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://developer.yahoo.com/">Developer Network</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://www.flickr.com">Flickr</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <a class="yui3-menu-label" href="#pim">Mail</a>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://mail.yahoo.com">Mail</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://mail.yahoo.com">Contact Lists</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://addressbook.yahoo.com">Address Book</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://calendar.yahoo.com">Calendar</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://notepad.yahoo.com">Notepad</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://messenger.yahoo.com">Messenger</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://news.yahoo.com">News</a> </li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://mobile.yahoo.com">Mobile</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://finance.yahoo.com/">Finance</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://shine.yahoo.com/">Shine</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://shopping.yahoo.com/">Shopping</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff<!-- MenuNav horiz -->
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <div id="demo-menunav-horiz" class="yui3-menu yui3-menu-horizontal">
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://www.yahoo.com/">Home</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <a class="yui3-menu-label" href="#connect">Connect</a>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://yahoo.com/">Yahoo!</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://www.flickr.com">Flickr</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <a class="yui3-menu-label" href="#pim">Mail</a>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://mail.yahoo.com">Mail</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://calendar.yahoo.com">Calendar</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://addressbook.yahoo.com">Address Book</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://calendar.yahoo.com">What's New</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://notepad.yahoo.com">Notepad</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://messenger.yahoo.com">Messenger</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://movies.yahoo.com">Movies</a> </li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://mobile.yahoo.com">Mobile</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://travel.yahoo.com/">Travel</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://sports.yahoo.com/">Sports</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://finance.yahoo.com/">Finance</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <a class="yui3-menu-label" href="#find-info">Find Info</a>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://search.yahoo.com">Yahoo! Search</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://babelfish.yahoo.com/">Babel Fish Translations</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://info.yahoo.com/">Company Info</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://search.yahoo.com/cc">Creative Commons Search</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://dir.yahoo.com/">Directory</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://hotjobs.yahoo.com/">Jobs</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://local.yahoo.com">Local</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://maps.yahoo.com/">Maps</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://realestate.yahoo.com">Real Estate</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://education.yahoo.com/reference/">Reference</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff<!-- end menu nav horizontal-->
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff<!-- MenuNav horiz split button-->
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <div id="menu-1" class="yui3-menu yui3-menu-horizontal yui3-splitbuttonnav"><!-- Bounding box -->
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <div class="yui3-menu-content"><!-- Content box -->
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <span class="yui3-menu-label"><!-- menu label root node -->
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <a href="http://travel.yahoo.com">Travel</a><!-- menu label default action -->
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <a href="#travel-options" class="yui3-menu-toggle">Travel Options</a><!-- menu label submenu toggle -->
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://travel.yahoo.com/beach;_ylt=AtWGJZLM73jp52fJNMJcOwGhpYMA">Beach</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://travel.yahoo.com/honeymoon;_ylt=ArJByEt5iYogEYMdhsWy_sWhpYMA">Honeymoon</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://travel.yahoo.com/national-parks;_ylt=Aisxea9BMnUZdmrYv.sOYk2hpYMA">National Parks</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://travel.yahoo.com/family;_ylt=Aiz4pI2rCCo6cy7G0XqfdPehpYMA">Family</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <span class="yui3-menu-label"><!-- menu label root node -->
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <a href="http://news.yahoo.com">News</a><!-- menu label default action -->
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <a href="#news-options" class="yui3-menu-toggle">News Options</a><!-- menu label submenu toggle -->
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://news.yahoo.com/">News</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://news.yahoo.com/world">World</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://news.yahoo.com/tech">Tech</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://news.yahoo.com/sports">Sports</a></li>
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff<!-- end menu nav horizontal split button-->
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff<!-- Autocomplete -->
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff <label for="ac-input">Enter the name of a US state:</label><br>
dc4c34dd511692940500c32eb91abb36888902c5Jeff ConniffYUI({filter: 'raw'}).use('autocomplete', 'autocomplete-filters', 'autocomplete-highlighters', 'tabview', 'datatable-sort', 'calendar', 'panel', 'dial', 'node-menunav', 'node-event-delegate', 'slider', 'scrollview', 'scrollview-list', function(Y) {
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff var buttonHandlers = {
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff sam: function(e) {
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff Y.one('body').replaceClass('yui3-skin-night', 'yui3-skin-sam');
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff night: function(e) {
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff Y.one('body').replaceClass('yui3-skin-sam', 'yui3-skin-night');
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff togglebkg: function(e) {
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff if(Y.one('html').getStyle('backgroundColor') === "rgb(255, 255, 255)"){
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff Y.one('html').setStyle('backgroundColor', "rgb(0, 0, 0)");
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff //Y.one('html').setStyle('color', "rgb(255, 255, 255)");
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff Y.one('html').setStyle('backgroundColor', "rgb(255, 255, 255)");
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff // Y.one('html').setStyle('color', "rgb(0, 0, 0)"); the default
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff rtl: function(e) {
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff Y.one('body').setAttribute('dir', 'rtl');
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff ltr: function(e) {
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff Y.one('body').setAttribute('dir', 'ltr');
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff function buttonGroupHandler(e) {
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff handler = buttonHandlers[button.get('id')],
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff selectedClass = Y.ClassNameManager.getClassName('button', 'selected');
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff if (handler) {
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff button.addClass(selectedClass);
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff button.siblings().removeClass(selectedClass);
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff/////////// autocomplete
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff var states = [
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff 'California',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff 'Connecticut',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff 'Louisiana',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff 'Massachusetts',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff 'Minnesota',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff 'Mississippi',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff 'New Hampshire',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff 'New Jersey',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff 'New Mexico',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff 'North Dakota',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff 'North Carolina',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff 'Pennsylvania',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff 'Rhode Island',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff 'South Carolina',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff 'South Dakota',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff 'Tennessee',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff 'Washington',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff 'West Virginia',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff 'Wisconsin',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff Y.one('#ac-input').plug(Y.Plugin.AutoComplete, {
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff resultFilters : 'phraseMatch',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff resultHighlighter: 'phraseMatch',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff source : states
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff/////////// end autocomplete
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff srcNode: '#demo-tabview'
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff }).render();
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff // what if...
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff // Y.TabView('#demo-tabview');
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff // Y.one('#demo-tabview').plug('tabs');
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff srcNode: '#demo-datatable',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff { key: "Company", label:" Column A", sortable: true },
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff { key: "Phone", label:" Column B", sortable: true },
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff { key: "Contact", label:" Column C", sortable: true }
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff Company: "Company Bee",
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff Phone: "415-555-1234",
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff Contact: "Sally Spencer"
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff Company: "Acme Company",
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff Phone: "650-555-4444",
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff Contact: "John Jones"
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff Company: "Industrial Industries",
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff Phone: "408-555-5678",
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff Contact: "Robin Smith"
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff caption: "Example table with sortable columns"
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff }).render();
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff render: "#demo-calendar"
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff Y.one('.calendar_col7').addClass('yui3-calendar-selection-disabled');
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff// Y.one('.yui3-calendar-nextmonth-day').setstyl('hello');
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff render: "#demo-dial"
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff render: '#demo-yslider'
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff render: '#demo-xslider'
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff height: 150,
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff srcNode: '#demo-scrollview',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff // what if...
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff // Y.Calendar('#demo-calendar');
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff // Y.Dial('#demo-dial');
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff // Y.Dial('#demo-dial');
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff // new Y.Slider('#demo-yslider', {
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff // axis: 'y',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff Y.one('#demo-menunav').plug(Y.Plugin.NodeMenuNav);
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff Y.one('#demo-menunav-horiz').plug(Y.Plugin.NodeMenuNav);
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff var menu = Y.one("#menu-1");
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff menu.plug(Y.Plugin.NodeMenuNav, { autoSubmenuDisplay: false, mouseOutHideDelay: 0 });
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff // what if...
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff // Y.Menu('#demo-menu');
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff // handle button groups
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff Y.one('.button-group').delegate('click', buttonGroupHandler, 'button');
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff /* what if...
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff Y.RadioButtons('.button-group', {
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff '#sam': buttonHandlers['sam'],
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff '#night': buttonHandlers['night'],
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff '#ltr': buttonHandlers['ltr'],
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff '#rtl': buttonHandlers['rtl']
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff /*panel from JS
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff var panel = new Y.Panel({
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff srcNode : '#myPanelContent',
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff width : 200,
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff centered: true,
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff render : true,
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff // Make changes to the buttons through the `buttons` attribute,
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff // which takes an Array of Objects.
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff // Each object has a `value` property,
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff // which can be text or an HTML string.
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff value: "Okay",
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff // The `section` property tells where to render the button and
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff // should be `Y.WidgetStdMod.HEADER` or `Y.WidgetStdMod.FOOTER`.
dc4c34dd511692940500c32eb91abb36888902c5Jeff Conniff value: "Nope",