+++ /dev/null
-$( document ).bind( "mobileinit", function() {
- $.support.scrollview = true;
-});
+++ /dev/null
-.my-check-button-style {
- margin: 10px;
-}
-.my-check-inline-style {
- display: inline;
-}
+++ /dev/null
-window.innerHeight = 720;
-window.innerWidth = 1280;
-document.body.scroll = "no";
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
- <script src="../../build/tizen-web-ui-fw/0.1/js/jquery.js"></script>
- <script src="configure.js"></script>
- <script src="../../build/tizen-web-ui-fw/0.1/js/tizen-web-ui-fw-libs.min.js"></script>
- <script src="../../build/tizen-web-ui-fw/0.1/js/tizen-web-ui-fw.min.js"
- data-framework-root="../../build/tizen-web-ui-fw"
- data-framework-version="0.1"
- data-framework-theme="tizen-gray">
- </script>
- <script src="init.js"></script>
- <script src="widgets/checkbox/checkbox.js"></script>
- <script src="widgets/switch/switch.js"></script>
- <script src="widgets/radio/radio.js"></script>
- <script src="widgets/progressbar.js"></script>
- <script src="widgets/popupwindow/popupwindow.js"></script>
- <script src="tips/generate-elements-dynamically.js"></script>
- <script src="widgets/pagecontrol/pagecontrol-demo.js"></script>
- <link rel="stylesheet" href="custom.css" />
-</head>
-
-<body>
- <div data-role="page">
- <div data-role="header" data-position="fixed">
- <h1>Tizen UI</h1>
- </div>
- <div data-role="content">
- <p id="current_date"></p>
- <ul data-role="listview" data-icon="1line-textonly">
- <li data-role="list-divider">Controls</li>
- <li><a href="widgets/button/button.html">Button</a></li>
- <li><a href="widgets/checkbox/checkbox.html">Check</a></li>
- <li><a href="widgets/switch/switch.html">Switch</a></li>
- <li><a href="widgets/radio/radio.html">Radio</a></li>
- <li><a href="widgets/colorpicker.html">Color picker</a></li>
- <li><a href="widgets/datefield.html">Time picker</a></li>
- <li><a href="widgets/progressbar.html">Progressbar</a></li>
- <li><a href="widgets/entry.html">Entry</a></li>
- <li><a href="widgets/searchbar.html">Searchbar</a></li>
- <li><a href="#slider-demo">Slider</a></li>
- <li><a href="widgets/day-selector.html" >Day Selector</a></li>
- <li><a href="#NavigationbarMain">Navigation Bar</a></li>
- <li><a href="widgets/imageslider.html">ImageSlider</a></li>
- <li><a href="widgets/pagecontrol/pagecontrol.html">PageControl</a></li>
- <li><a href="widgets/selectioninfo.html">SelectionInfo</a></li>
- <li data-role="list-divider">ControlBar</li>
- <li><a href="#controlbar-demo">ControlBar</a></li>
-
- <li data-role="list-divider">List</li>
- <li><a href="widgets/list/list.html">List</a></li>
- <li><a href="widgets/auto-dividers.html">Auto-Dividers</a></li>
- <li><a href="widgets/fast-scroll.html">Short cut scroll (aka fast-scroll)</a></li>
-
- <li data-role="list-divider">Dialogue Group</li>
-
- <li data-role="list-divider">Navigation Bar</li>
- <li><a href="widgets/segmentctrl.html">Segment Control</a></li>
- <li><a href="#option-header-demo">Optional Header</a></li>
-
- <li data-role="list-divider">Popup</li>
- <li><a href="widgets/popupwindow/popup.html">Popup</a></li>
- <li><a href="widgets/ctxpopup.html">CxtPopup</a></li>
-
- <li data-role="list-divider">Notification (ticker)</li>
- <li><a href="widgets/tickernoti.html">TickerNoti</a></li>
- <li><a href="widgets/tickernoti-interval.html">TickerNoti Interval</a></li>
- <li><a href="widgets/small-popup.html">Small Popup</a></li>
- <li><a href="widgets/small-popup-interval.html">Small Popup Interval</a></li>
-
- <li data-role="list-divider">No Contents</li>
- <li><a href="#no-contents-0">No Contents - Text</a></li>
- <li><a href="#no-contents-1">No Contents - Picture</a></li>
- <li><a href="#no-contents-2">No Contents - Multimedia</a></li>
- <li><a href="#no-contents-3">No Contents - Unnamed</a></li>
-
- <li data-role="list-divider">Grid view</li>
- <li data-role="list-divider">Background text</li>
- <li data-role="list-divider">Page Indicator</li>
- <li data-role="list-divider">Landscape</li>
- <li data-role="list-divider">Spilit view</li>
-
- <li data-role="list-divider">Etc.</li>
- <li><a href="#widgets/label.html">Label</a></li>
-
- <li data-role="list-divider">Programming Tips</li>
- <li><a href="tips/generate-elements-dynamically.html">Generate Elements by JS</a></li>
-
- </ul>
- </div>
- </div>
-
- <div data-role="page" id="notImplemented">
- <div data-role="header" data-position="fixed">
- <h1>Not Implemented</h1>
- </div>
- <div data-role="content">
- <p> Not Implemented </p>
- </div>
- </div>
-
- <div data-role="page" id="slider-demo" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Slider</h1>
- </div>
- <div data-role="content">
- <ul data-role="listview">
- <li data-role="list-divider">Normal Slider</li>
- <li><input id="mySlider" name="mySlider" data-popupenabled='false' type="range" name="slider" value="5" min="0" max="10" /></li>
- <li data-role="list-divider">Popup Slider</li>
- <li><input id="mySlider2" name="mySlider2" type="range" value="50" min="0" max="100" /></li>
- <li data-role="list-divider">Icon Slider</li>
- <li><input id="mySlider3" name="mySlider3" data-popupenabled='false' type="range" name="slider" value="5" min="0" max="10" data-icon='bright'/></li>
- <li><input id="mySlider4" name="mySlider4" data-popupenabled='false' type="range" name="slider" value="5" min="0" max="10" data-icon='volume'/></li>
- <li data-role="list-divider">Text Slider</li>
- <li><input id="mySlider5" name="mySlider5" data-popupenabled='false' type="range" name="slider" value="50" min="0" max="99" data-icon='text' data-text-left='0' data-text-right='99'/></li>
- <li><input id="mySlider5" name="mySlider5" data-popupenabled='false' type="range" name="slider" value="5" min="0" max="10" data-icon='text' data-text-left='Min' data-text-right='Max'/></li>
- </ul>
- </div><!-- /content -->
- </div> <!-- /page -->
-
- <div data-role="page" id="no-contents-0" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>No Contents</h1>
- </div>
- <div data-role="content">
- <div data-role="nocontents" id="nocontents0" data-text1="Text Type" data-text2="Text Text Text" data-type="text"></div>
- </div> <!-- /content -->
- </div> <!-- /page -->
-
- <div data-role="page" id="no-contents-1" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>No Contents</h1>
- </div>
- <div data-role="content">
- <div data-role="nocontents" id="nocontents1" data-text1="Picture Type" data-text2="Text Text Text" data-type="picture"></div>
- </div> <!-- /content -->
- </div> <!-- /page -->
-
- <div data-role="page" id="no-contents-2" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>No Contents</h1>
- </div>
- <div data-role="content">
- <div data-role="nocontents" id="nocontents2" data-text1="Multimeida Type" data-text2="Text Text Text" data-type="multimedia"></div>
- </div> <!-- /content -->
- </div> <!-- /page -->
-
- <div data-role="page" id="no-contents-3" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>No Contents</h1>
- </div>
- <div data-role="content">
- <div data-role="nocontents" id="nocontents3" data-text1="Unknown Type"></div>
- </div> <!-- /content -->
- </div> <!-- /page -->
-
- <div data-role="page" id="option-header-demo" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Optional Header</h1>
- </div>
- <div data-role="content">
- <ul data-role="listview" data-icon="1line-textonly">
- <li><a href="#optionheader1line2btn">1 line 2 buttons</a></li>
- <li><a href="#optionheader1line3btn">1 line 3 buttons</a></li>
- <li><a href="#optionheader1line4btn">1 line 4 buttons</a></li>
- <li><a href="#optionheader2line4btn">2 line 4 buttons</a></li>
- </ul>
- </div>
- </div>
-
- <div data-role="page" id="optionheader1line2btn" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <a id="123">TestBtn</a>
- <h1>Option header - 2 buttons</h1>
- <a id="opt_text" data-icon="optiontray"></a>
- <a id="1234">TestBtn</a>
-
- <div id="myoptionheader1" data-role="optionheader" data-for="opt_text">
- <div class="ui-grid-a ">
- <div class="ui-block-a"><a data-role="button">Save</a></div>
- <div class="ui-block-b"><a data-role="button">Next</a></div>
- </div>
- </div>
- </div>
- <div data-role="content">
- <p>Some content would be here</p>
- </div>
- </div>
-
- <div data-role="page" id="optionheader1line3btn" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Option header - 3 buttons</h1>
- <div id="myoptionheader2" data-role="optionheader">
- <div class="ui-grid-b ">
- <div class="ui-block-a"><a data-role="button">Previous</a></div>
- <div class="ui-block-b"><a data-role="button">Cancel</a></div>
- <div class="ui-block-c"><a data-role="button">Save</a></div>
- </div>
- </div>
- </div>
- <div data-role="content">
- <p>Some content would be here</p>
- </div>
- </div>
-
- <div data-role="page" id="optionheader1line4btn" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Option header - 4 buttons</h1>
- <div id="myoptionheader3" data-role="optionheader">
- <div class="ui-grid-c ">
- <div class="ui-block-a"><a data-role="button">Previous</a></div>
- <div class="ui-block-b"><a data-role="button">Cancel</a></div>
- <div class="ui-block-c"><a data-role="button">Save</a></div>
- <div class="ui-block-d"><a data-role="button">Next</a></div>
- </div>
- </div>
- </div>
- <div data-role="content">
- <p>Some content would be here</p>
- </div>
- </div>
-
- <div data-role="page" id="optionheader2line4btn" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Option header - 4 buttons</h1>
- <div id="myoptionheader" data-role="optionheader">
- <div class="ui-grid-c ">
- <div class="ui-block-a"><a data-role="button">Previous</a></div>
- <div class="ui-block-b"><a data-role="button">Cancel</a></div>
- <div class="ui-block-c"><a data-role="button">Save</a></div>
- <div class="ui-block-d"><a data-role="button">Next</a></div>
- <div class="ui-block-a"><a data-role="button">Left</a></div>
- <div class="ui-block-b"><a data-role="button">1st Middle</a></div>
- <div class="ui-block-c"><a data-role="button">2nd Middle</a></div>
- <div class="ui-block-d"><a data-role="button">Right</a></div>
- </div>
- </div>
- </div>
- <div data-role="content">
- <p>Some content would be here</p>
- </div>
- </div>
-
- <div data-role="page" id="controlbar-demo" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>ControlBar</h1>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#Tabbar_Main">Tabbar Style</a></li>
- <li><a href="#Toolbar">Toolbar Style</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- </div>
-
- <!-- ControlBar Tabbar Style -->
- <div data-role="page" id="Tabbar_Main">
- <div data-role="header" data-position="fixed">
- <h1>Tabbar</h1>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#TabbarInHeader">Tabbar in Header</a></li>
- <li><a href="#Tabbar2Items">2 Items Style</a></li>
- <li><a href="#Tabbar3Items">3 Items Style</a></li>
- <li><a href="#Tabbar4Items">4 Items Style</a></li>
- <li><a href="#Tabbar5Items">5 Items Style</a></li>
- <li><a href="#TabbarText">Only Text Style</a></li>
- <li><a href="#TabbarIcon">Only Icon Style</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- <div data-role="footer"data-position ="fixed">
- <div data-role="controlbar" data-style="tabbar" >
- <ul>
- <li><a href="#" data-icon="ctrlbar-menu" class="ui-btn-active">Menu</a></li>
- <li><a href="#" data-icon="ctrlbar-save" >Save</a></li>
- <li><a href="#" data-icon="ctrlbar-share" >Share</a></li>
- <li><a href="#" data-icon="ctrlbar-timeline" >Timeline</a></li>
- <li><a href="#" data-icon="ctrlbar-world_clock" >WorldClock</a></li>
- </ul>
- </div>
- </div>
- </div>
- <div data-role="page" id="TabbarInHeader">
- <div data-role="header" data-position="fixed">
- <div data-role="controlbar" data-style="tabbar" >
- <ul>
- <li><a href="#" data-icon="ctrlbar-menu" class="ui-btn-active">Menu</a></li>
- <li><a href="#" data-icon="ctrlbar-save" >Save</a></li>
- <li><a href="#" data-icon="ctrlbar-share" >Share</a></li>
- <li><a href="#" data-icon="ctrlbar-timeline" >Timeline</a></li>
- <li><a href="#" data-icon="ctrlbar-world_clock" >WorldClock</a></li>
- </ul>
- </div><!-- /navbar -->
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#">Test</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- <div data-role="footer"data-position ="fixed">
- </div>
- </div>
- <div data-role="page" id="Tabbar2Items">
- <div data-role="header" data-position="fixed">
- <h1>Tabbar</h1>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#">2 Items Style List</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- <div data-role="footer"data-position ="fixed">
- <div data-role="controlbar" data-style="tabbar" >
- <ul>
- <li><a href="#" data-icon="ctrlbar-menu" class="ui-btn-active">Menu</a></li>
- <li><a href="#" data-icon="ctrlbar-save" >Save</a></li>
- </ul>
- </div><!-- /controlbar -->
- </div>
- </div>
-
- <div data-role="page" id="Tabbar3Items">
- <div data-role="header" data-position="fixed">
- <h1>Tabbar</h1>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#">3 Items Style List</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- <div data-role="footer"data-position ="fixed">
- <div data-role="controlbar" data-style="tabbar" >
- <ul>
- <li><a href="#" data-icon="ctrlbar-menu" class="ui-btn-active">Menu</a></li>
- <li><a href="#" data-icon="ctrlbar-save" >Save</a></li>
- <li><a href="#" data-icon="ctrlbar-share" >Share</a></li>
- </ul>
- </div><!-- /controlbar -->
- </div>
- </div>
-
- <div data-role="page" id="Tabbar4Items">
- <div data-role="header" data-position="fixed">
- <h1>Tabbar</h1>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#">4 Items Style List</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- <div data-role="footer"data-position ="fixed">
- <div data-role="controlbar" data-style="tabbar" >
- <ul>
- <li><a href="#" data-icon="ctrlbar-menu" class="ui-btn-active">Menu</a></li>
- <li><a href="#" data-icon="ctrlbar-save" >Save</a></li>
- <li><a href="#" data-icon="ctrlbar-share" >Share</a></li>
- <li><a href="#" data-icon="ctrlbar-timeline" >Timeline</a></li>
- </ul>
- </div><!-- /controlbar -->
- </div>
- </div>
-
- <div data-role="page" id="Tabbar5Items">
- <div data-role="header" data-position="fixed">
- <h1>Tabbar</h1>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#">5 Items Style List</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- <div data-role="footer"data-position ="fixed">
- <div data-role="controlbar" data-style="tabbar" >
- <ul>
- <li><a href="#" data-icon="ctrlbar-menu" class="ui-btn-active">Menu</a></li>
- <li><a href="#" data-icon="ctrlbar-save" >Save</a></li>
- <li><a href="#" data-icon="ctrlbar-share" >Share</a></li>
- <li><a href="#" data-icon="ctrlbar-timeline" >Timeline</a></li>
- <li><a href="#" data-icon="ctrlbar-world_clock" >WorldClock</a></li>
- </ul>
- </div><!-- /controlbar -->
- </div>
- </div>
-
- <div data-role="page" id="TabbarText">
- <div data-role="header" data-position="fixed">
- <h1>Tabbar</h1>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#">Text Style List</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- <div data-role="footer"data-position ="fixed">
- <div data-role="controlbar" data-style="tabbar" >
- <ul>
- <li><a href="#" class="ui-btn-active">Songs</a></li>
- <li><a href="#">Favorites</a></li>
- <li><a href="#">Group</a></li>
- <li><a href="#">Message</a></li>
- <li><a href="#">Contact</a></li>
- </ul>
- </div><!-- /controlbar -->
- </div>
- </div>
-
- <div data-role="page" id="TabbarIcon">
- <div data-role="header" data-position="fixed">
- <h1>Tabbar</h1>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#">Icon Style List</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- <div data-role="footer"data-position ="fixed">
- <div data-role="controlbar" data-style="tabbar" >
- <ul>
- <li><a href="#" data-icon="ctrlbar-menu" class="ui-btn-active"></a></li>
- <li><a href="#" data-icon="ctrlbar-save" ></a></li>
- <li><a href="#" data-icon="ctrlbar-share" ></a></li>
- <li><a href="#" data-icon="ctrlbar-timeline" ></a></li>
- <li><a href="#" data-icon="ctrlbar-world_clock" ></a></li>
- </ul>
- </div><!-- /controlbar -->
- </div>
- </div>
-
- <!-- Toolbar Style -->
- <div data-role="page" id="Toolbar">
- <div data-role="header" data-position="fixed">
- <h1>Toolbar</h1>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#ToolbarInHeader">Toolbar in Header</a></li>
- <li><a href="#Toolbar2Items">2 Items Style</a></li>
- <li><a href="#Toolbar3Items">3 Items Style</a></li>
- <li><a href="#Toolbar4Items">4 Items Style</a></li>
- <li><a href="#Toolbar5Items">5 Items Style</a></li>
- <li><a href="#ToolbarText">Only Text Style</a></li>
- <li><a href="#ToolbarIcon">Only Icon Style</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- <div data-role="footer"data-position ="fixed">
- <div data-role="controlbar" data-style="toolbar" >
- <ul>
- <li><a href="#" data-icon="ctrlbar-menu" class="ui-btn-active">Menu</a></li>
- <li><a href="#" data-icon="ctrlbar-save" >Save</a></li>
- <li><a href="#" data-icon="ctrlbar-share" >Share</a></li>
- <li><a href="#" data-icon="ctrlbar-timeline" >Timeline</a></li>
- <li><a href="#" data-icon="ctrlbar-world_clock" >WorldClock</a></li>
- </ul>
- </div><!-- /controlbar -->
- </div>
- </div>
-
- <div data-role="page" id="ToolbarInHeader">
- <div data-role="header" data-position="fixed">
- <div data-role="controlbar" data-style="toolbar" >
- <ul>
- <li><a href="#" data-icon="ctrlbar-menu" class="ui-btn-active">Menu</a></li>
- <li><a href="#" data-icon="ctrlbar-save" >Save</a></li>
- <li><a href="#" data-icon="ctrlbar-share" >Share</a></li>
- <li><a href="#" data-icon="ctrlbar-timeline" >Timeline</a></li>
- <li><a href="#" data-icon="ctrlbar-world_clock" >WorldClock</a></li>
- </ul>
- </div><!-- /controlbar -->
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#">Test</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- <div data-role="footer"data-position ="fixed">
- </div>
- </div>
-
-
- <div data-role="page" id="Toolbar2Items">
- <div data-role="header" data-position="fixed">
- <h1>Toolbar</h1>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#">2 Items Style</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- <div data-role="footer"data-position ="fixed">
- <div data-role="controlbar" data-style="toolbar" >
- <ul>
- <li><a href="#" data-icon="ctrlbar-menu" class="ui-btn-active">Menu</a></li>
- <li><a href="#" data-icon="ctrlbar-save" >Save</a></li>
- </ul>
- </div><!-- /controlbar -->
- </div>
- </div>
-
- <div data-role="page" id="Toolbar3Items">
- <div data-role="header" data-position="fixed">
- <h1>Toolbar</h1>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#">3 Items Style</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- <div data-role="footer"data-position ="fixed">
- <div data-role="controlbar" data-style="toolbar" >
- <ul>
- <li><a href="#" data-icon="ctrlbar-menu" class="ui-btn-active">Menu</a></li>
- <li><a href="#" data-icon="ctrlbar-save" >Save</a></li>
- <li><a href="#" data-icon="ctrlbar-share" >Share</a></li>
- </ul>
- </div><!-- /controlbar -->
- </div>
- </div>
-
- <div data-role="page" id="Toolbar4Items">
- <div data-role="header" data-position="fixed">
- <h1>Toolbar</h1>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#">4 Items Style</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- <div data-role="footer"data-position ="fixed">
- <div data-role="controlbar" data-style="toolbar" >
- <ul>
- <li><a href="#" data-icon="ctrlbar-menu" class="ui-btn-active">Menu</a></li>
- <li><a href="#" data-icon="ctrlbar-save" >Save</a></li>
- <li><a href="#" data-icon="ctrlbar-share" >Share</a></li>
- <li><a href="#" data-icon="ctrlbar-timeline" >Timeline</a></li>
- </ul>
- </div><!-- /controlbar -->
- </div>
- </div>
-
- <div data-role="page" id="Toolbar5Items">
- <div data-role="header" data-position="fixed">
- <h1>Toolbar</h1>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#">5 Items Style</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- <div data-role="footer"data-position ="fixed">
- <div data-role="controlbar" data-style="toolbar" >
- <ul>
- <li><a href="#" data-icon="ctrlbar-menu" class="ui-btn-active">Menu</a></li>
- <li><a href="#" data-icon="ctrlbar-save" >Save</a></li>
- <li><a href="#" data-icon="ctrlbar-share" >Share</a></li>
- <li><a href="#" data-icon="ctrlbar-timeline" >Timeline</a></li>
- <li><a href="#" data-icon="ctrlbar-world_clock" >WorldClock</a></li>
- </ul>
- </div><!-- /controlbar -->
- </div>
- </div>
-
- <div data-role="page" id="ToolbarText">
- <div data-role="header" data-position="fixed">
- <h1>Toolbar</h1>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#">Text Style</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- <div data-role="footer"data-position ="fixed">
- <div data-role="controlbar" data-style="toolbar" >
- <ul>
- <li><a href="#" class="ui-btn-active">Songs</a></li>
- <li><a href="#">Favorites</a></li>
- <li><a href="#">Group</a></li>
- <li><a href="#">Message</a></li>
- <li><a href="#">Contact</a></li>
- </ul>
- </div><!-- /controlbar -->
- </div>
- </div>
-
- <div data-role="page" id="ToolbarIcon">
- <div data-role="header" data-position="fixed">
- <h1>Toolbar</h1>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#">Only Icon Style</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- <div data-role="footer"data-position ="fixed">
- <div data-role="controlbar" data-style="toolbar" >
- <ul>
- <li><a href="#" data-icon="ctrlbar-menu" class="ui-btn-active"></a></li>
- <li><a href="#" data-icon="ctrlbar-save" ></a></li>
- <li><a href="#" data-icon="ctrlbar-share" ></a></li>
- <li><a href="#" data-icon="ctrlbar-timeline" ></a></li>
- <li><a href="#" data-icon="ctrlbar-world_clock" ></a></li>
- </ul>
- </div><!-- /controlbar -->
- </div>
- </div>
- <!-- Toolbar Style -->
-
- <!-- Mixed Style -->
-
- <div data-role="page" id="Mixed" >
- <div data-role="header" data-position="fixed">
- <h1>Mixed Toolbar</h1>
- </div>
- <div data-role="content">
- <p>Not Supported for winset</p>
- </div>
- </div>
- <!-- Mixed Style -->
-
- <!-- ControlBar Left Style -->
- <div data-role="page" id="ControlBarVerticalLeft" >
- <div data-role="header" data-position="fixed">
- <h1>Vertical Toolbar</h1>
- </div>
- <div data-role="content">
- <ul data-role="listview" data-icon="1line-textonly">
- <li><a href="#notImplemented" data-rel="dialog">AutoScroll</a></li>
- <li><a href="#notImplemented">Button</a></li>
- <li><a href="#notImplemented">Check</a></li>
- </ul>
- <div data-role="controlbar" data-style="left">
- <ul>
- <li><a href="#" data-icon="ctrlbar-menu" class="ui-btn-active">Menu</a></li>
- <li><a href="#" data-icon="ctrlbar-save" >Save</a></li>
- <li><a href="#" data-icon="ctrlbar-share" >Share</a></li>
- <li><a href="#" data-icon="ctrlbar-timeline" >Timeline</a></li>
- <li><a href="#" data-icon="ctrlbar-world_clock" >WorldClock</a></li>
- </ul>
- </div><!-- /controlbar -->
- </div>
- </div>
- <!-- ControlBar Left Style -->
-
- <!-- ControlBar Right Style -->
- <div data-role="page" id="ControlBarVerticalRight" >
- <div data-role="header" data-position="fixed">
- <h1>Vertical Toolbar</h1>
- </div>
- <div data-role="content">
- <ul data-role="listview" data-icon="1line-textonly">
- <li><a href="#notImplemented" data-rel="dialog">AutoScroll</a></li>
- <li><a href="#notImplemented">Button</a></li>
- </ul>
- <div data-role="controlbar" data-style="right">
- <ul>
- <li><a href="#" data-icon="ctrlbar-menu" class="ui-btn-active">Menu</a></li>
- <li><a href="#" data-icon="ctrlbar-save" >Save</a></li>
- <li><a href="#" data-icon="ctrlbar-share" >Share</a></li>
- <li><a href="#" data-icon="ctrlbar-timeline" >Timeline</a></li>
- <li><a href="#" data-icon="ctrlbar-world_clock" >WorldClock</a></li>
- </ul>
- </div><!-- /controlbar -->
- </div>
- </div>
- <!-- ControlBar Right Style -->
-
- <!-- ControlBar Animation -->
- <div data-role="page" id="ControlBarAnimation" >
- <div data-role="header" data-position="fixed">
- <h1>Vertical Toolbar</h1>
- </div>
- <div data-role="content">
- </div>
- <div data-role="footer"data-position ="fixed">
- <div data-role="controlbar" data-style="tabbar">
- <ul>
- <li><a href="#" data-icon="ctrlbar-menu" class="ui-btn-active">Menu</a></li>
- <li><a href="#" data-icon="ctrlbar-save" >Save</a></li>
- <li><a href="#" data-icon="ctrlbar-share" >Share</a></li>
- <li><a href="#" data-icon="ctrlbar-timeline" >Timeline</a></li>
- <li><a href="#" data-icon="ctrlbar-world_clock" >WorldClock</a></li>
- </ul>
- </div><!-- /controlbar -->
- </div>
- </div>
- <!-- ControlBar Animation -->
-
- <div data-role="page" id="NavigationbarMain" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>ControlBar</h1>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#normalstyle">Normal</a></li>
- <li><a href="#expendedstyle">Expended</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- </div>
-
- <div data-role="page" id="normalstyle" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Title Area</h1>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#normal1btn">Title 1 button</a></li>
- <li><a href="#normal2btn">Title 2 button</a></li>
- <li><a href="#normal3btn">Title 3 button</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- </div>
-
- <div data-role="page" id="normal1btn">
- <div data-role="header" data-position="fixed">
- <a>Text1</a>
- <h1>Title Area</h1>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#normal1btn">Title 1 button</a></li>
- <li><a href="#normal2btn">Title 2 button</a></li>
- <li><a href="#normal3btn">Title 3 button</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- </div>
-
- <div data-role="page" id="normal2btn">
- <div data-role="header" data-position="fixed">
- <a>Text1</a>
- <h1>Title Area</h1>
- <a>Text2</a>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#normal1btn">Title 1 button</a></li>
- <li><a href="#normal2btn">Title 2 button</a></li>
- <li><a href="#normal3btn">Title 3 button</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- </div>
-
- <div data-role="page" id="normal3btn" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <a>Text1</a>
- <h1>Title Area</h1>
- <a>Text2</a>
- <a>Text3</a>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#normal1btn">Title 1 button</a></li>
- <li><a href="#normal2btn">Title 2 button</a></li>
- <li><a href="#normal3btn">Title 3 button</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- </div>
-
- <div data-role="page" id="expendedstyle" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Title Extend</h1>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#expendedstyle2btn">2 Button</a></li>
- <li><a href="#expendedstyle3btn">3 Button</a></li>
- <li><a href="#expendedstyle4btn">4 Button</a></li>
- <li><a href="#footerExtendedStyle">Footer Extended Style</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- </div>
-
- <div data-role="page" id="expendedstyle2btn">
- <div data-role="header" data-position="fixed">
- <a>Text</a>
- <h1>Title Extend 2 Button </h1>
- <a>Text</a>
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment1" value="on" checked="checked" />
- <label for="segment1">All</label>
- <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment2" value="off" />
- <label for="segment2">Call</label>
- </fieldset>
- </div>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#expendedstyle2btn">2 Button</a></li>
- <li><a href="#expendedstyle3btn">3 Button</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- </div>
-
- <div data-role="page" id="expendedstyle3btn">
- <div data-role="header" data-position="fixed">
- <a>Text</a>
- <h1>Title Extend 3 Button </h1>
- <a>Text</a>
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment71" value="on" checked="checked" />
- <label for="segment71">All</label>
- <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment72" value="off" />
- <label for="segment72">Call</label>
- <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment73" value="off" />
- <label for="segment73">Message</label>
- </fieldset>
- </div>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#expendedstyle2btn">2 Button</a></li>
- <li><a href="#expendedstyle3btn">3 Button</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- </div>
-
- <div data-role="page" id="expendedstyle4btn">
- <div data-role="header" data-position="fixed">
- <h1>Title Extend 4 Button </h1>
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment71" value="on" checked="checked" />
- <label for="segment71">All</label>
- <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment72" value="off" />
- <label for="segment72">Call</label>
- <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment73" value="off" />
- <label for="segment73">Message</label>
- <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment74" value="off" />
- <label for="segment74">Contact</label>
- </fieldset>
- </div>
- </div>
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#expendedstyle2btn">2 Button</a></li>
- <li><a href="#expendedstyle3btn">3 Button</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
- </div>
-
- <div data-role="page" id="footerExtendedStyle">
- <div data-role="header" data-position="fixed">
- <h1>Footer extended style</h1>
- </div>
- <div data-role="content">
- <p> test page </p>
- </div>
- <div data-role="footer" data-position="fixed">
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment1" value="on" checked="checked" />
- <label for="segment1">All</label>
- <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment2" value="off" />
- <label for="segment2">Call</label>
- <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment3" value="off" />
- <label for="segment3">Contact</label>
- <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment4" value="off" />
- <label for="segment4">Index</label>
- </fieldset>
- </div>
- <a>Edit</a>
- </div>
- </div>
-</body>
-</html>
+++ /dev/null
-$( document ).bind("pagecreate", function () {
- /* Color widget demo */
- $("input[type='checkbox'][data-widget-type-list]").bind("change", function() {
- var ls = $( this ).attr("data-widget-type-list").split(","),
- page = $( this ).closest(":jqmData(role='page')"),
- disabled = $( this ).is(":checked");
-
- $.each(ls, function( idx, widgetType ) {
- var ar = widgetType.split("-");
-
- if ( ar.length === 2 ) {
- page.find(":" + widgetType)[ar[1]]( "option", "disabled", disabled );
- }
- });
- });
-
- $("#checkHideInput").bind("change", function (e) {
- $("#colorpickerbutton").colorpickerbutton("option", "hideInput", $("#checkHideInput").is(":checked"));
- });
-
- $('#scroller-demo').bind('pageshow', function ( e ) {
- $page = $( e.target );
- /*
- * many options cannot be set without subclassing since they're
- * used in the _create method - it seems as if these are for
- * internal use only and scrollDuration is only changable by
- * chance.
- */
- var $scroller2List = $('#scroller2').find('ul');
- $scroller2List.scrollview( 'option','scrollDuration','10000' );
-
- // only works by manipulating css
- // the only other way is to use attribute 'scroll-method="scroll"' in html
- $('#scroller2 .ui-scrollbar').css( 'visibility','hidden' );
-
- /*
- * make toggle button switch scroll bars on and off
- */
- var scrollBarVisible = $('#scroller2').find('.ui-scrollbar').css('visibility') === "visible";
-
- var $toggleScrollBars = $('#toggleScrollBars');
- $toggleScrollBars.attr( "checked", scrollBarVisible ).checkboxradio("refresh");
-
- /* the 'label' is the thing that is clicked, not the input element */
- var $label = $toggleScrollBars.siblings('label').attr( 'for', '#toggleScrollBars' );
- $label.bind("click", function () {
- var $scrollBar = $('#scroller2').find('.ui-scrollbar');
- var scrollBarVisible = $scrollBar.css('visibility') === "visible";
- var newVisibility = scrollBarVisible ? "hidden" : "visible";
- $scrollBar.css( 'visibility', scrollBarVisible ? "hidden" : "visible" );
- });
- });
-
- $("#demo-date").bind("date-changed", function ( e, newDate ) {
- $("#selected-date1").text( newDate.toString() );
- });
-
- $("#demo-date2").bind("date-changed", function ( e, newDate ) {
- $("#selected-date2").text( newDate.toString() );
- });
-
- $("#demo-date3").bind("date-changed", function ( e, newDate ) {
- $("#selected-date3").text( newDate.toString() );
- });
-
- $("#demo-date4").bind("date-changed", function ( e, newDate ) {
- $("#selected-date4").text( newDate.toString() );
- });
-
- $('#notification-demo').bind('vmouseup', function ( e ) {
- $('#notification').notification('show');
- });
-
- $('#notification-demo').bind('tapped', function ( e, m ) {
- /* DO SOMETHING */
- alert('notification is tapped\nparameter:"' + m + '"');
- });
-
- $('#imageslider-add').bind('vmouseup', function ( e ) {
- $('#imageslider').imageslider('add', './test/10.jpg');
- $('#imageslider').imageslider('add', './test/11.jpg');
- $('#imageslider').imageslider('refresh');
- });
-
- $('#imageslider-del').bind('vmouseup', function ( e ) {
- $('#imageslider').imageslider('del');
- });
-
- $('#selectioninfo-demo').bind('vmouseup', function ( e ) {
- $('#smallpopup_selectioninfo').attr("data-text1",
- $("#dayselector1").find(".ui-checkbox-on").length + " items are selected");
- $('#smallpopup_selectioninfo').notification('show');
- });
-
- $('#groupindex-demo').bind('pageshow', function () {
- $('#groupindex').scrolllistview();
- });
-
- $("#showVolumeButton").bind("vclick", function ( e ) {
- $("#myVolumeControl").volumecontrol("open");
- });
-
- $("#volumecontrol_setBasicTone").bind("change", function ( e ) {
- var basicTone = !($("#volumecontrol_setBasicTone").next('label')
- .find(".ui-icon").hasClass("ui-icon-checkbox-on"));
-
- if ( basicTone ) {
- $("#myVolumeControl").volumecontrol( "option", "basicTone", true );
- $("#myVolumeControl").volumecontrol( "option", "title", "Basic Tone" );
- } else {
- $("#myVolumeControl").volumecontrol( "option", "basicTone", false );
- $("#myVolumeControl").volumecontrol( "option", "title", "Volume" );
- }
- });
-
- $("#myoptionheader").bind('collapse', function () {
- console.log('option header was collapsed');
- });
-
- $("#myoptionheader").bind('expand', function () {
- console.log('option header was expanded');
- });
-
- //day-selector codes...
- $("#day-selector-check-all").live('vclick', function () {
- $("#dayselector1").dayselector('selectAll');
- });
-
- $("#day-selector-get-days").live('vclick', function () {
- var valuesStr = $("#dayselector1").dayselector('value').join(', ');
- $(".selectedDay").text( valuesStr );
- });
-
- /* Gen list : Dummy DB load */
- $(".virtuallist_demo_page").live("pagecreate", function () {
- /* ?_=ts code for no cache mechanism */
- $.getScript( "./virtuallist-db-demo.js", function ( data, textStatus ) {
- $("ul").filter( function () {
- return $( this ).data("role") == "virtuallistview";
- }).addClass("vlLoadSuccess");
-
- $(".virtuallist_demo_page").die();
- $("ul.ui-virtual-list-container").virtuallistview("create");
- });
- });
-
- /*Expandable list : Dummy DB load*/
- $("#genlist_extendable_page").live("pagecreate", function () {
- /*?_=ts code for no cache mechanism*/
- $.getScript( "./virtuallist-db-demo.js", function ( data, textStatus ) {
- $("ul").filter( function () {
- return $( this ).data("role") == "extendablelist";
- }).addClass("vlLoadSuccess");
-
- $("#genlist-extendable-page").die();
- $("ul.ui-extendable-list-container").extendablelist("create");
- });
- });
-
- /* Color widget demo */
- var clrWidgetsAreInit = false;
- $("#colorwidgets-demo").bind("pageshow", function () {
- if ( clrWidgetsAreInit ) {
- return;
- }
-
- $("#colorpicker").bind("colorchanged", function ( e, clr ) {
- $("#colorpickerbutton").colorpickerbutton( "option", "color", clr );
- $("#colorpickerbutton-noform").colorpickerbutton( "option", "color", clr );
- $("#hsvpicker").hsvpicker( "option", "color", clr );
- $("#colortitle").colortitle( "option", "color", clr );
- $("#colorpalette").colorpalette( "option", "color", clr );
- });
-
- $("#colorpickerbutton").bind("colorchanged", function ( e, clr ) {
- $("#colorpicker").colorpicker( "option", "color", clr );
- $("#colorpickerbutton-noform").colorpickerbutton( "option", "color", clr );
- $("#hsvpicker").hsvpicker( "option", "color", clr );
- $("#colortitle").colortitle( "option", "color", clr );
- $("#colorpalette").colorpalette( "option", "color", clr );
- });
-
- $("#colorpickerbutton-noform").bind("colorchanged", function ( e, clr ) {
- $("#colorpicker").colorpicker( "option", "color", clr );
- $("#colorpickerbutton").colorpickerbutton( "option", "color", clr );
- $("#hsvpicker").hsvpicker( "option", "color", clr );
- $("#colortitle").colortitle( "option", "color", clr );
- $("#colorpalette").colorpalette( "option", "color", clr );
- });
-
- $("#hsvpicker").bind("colorchanged", function ( e, clr ) {
- $("#colorpicker").colorpicker( "option", "color", clr );
- $("#colorpickerbutton").colorpickerbutton( "option", "color", clr );
- $("#colorpickerbutton-noform").colorpickerbutton( "option", "color", clr );
- $("#colortitle").colortitle( "option", "color", clr );
- $("#colorpalette").colorpalette( "option", "color", clr );
- });
-
- $("#colortitle").bind("colorchanged", function ( e, clr ) {
- $("#colorpicker").colorpicker( "option", "color", clr );
- $("#colorpickerbutton").colorpickerbutton( "option", "color", clr );
- $("#colorpickerbutton-noform").colorpickerbutton( "option", "color", clr );
- $("#hsvpicker").hsvpicker( "option", "color", clr );
- $("#colorpalette").colorpalette( "option", "color", clr );
- });
-
- $("#colorpalette").bind("colorchanged", function ( e, clr ) {
- $("#colorpicker").colorpicker( "option", "color", clr );
- $("#colorpickerbutton").colorpickerbutton( "option", "color", clr );
- $("#colorpickerbutton-noform").colorpickerbutton( "option", "color", clr );
- $("#hsvpicker").hsvpicker( "option", "color", clr );
- $("#colortitle").colortitle( "option", "color", clr );
- });
-
- $("#colorpalette").colorpalette("option", "color", "#45cc98");
-
- clrWidgetsAreInit = true;
- });
-});
-
-$( document ).bind("pagecreate", function () {
- var button = $('#calendarbutton');
-
- button.bind('vclick', function ( e ) {
- button.calendarpicker('open');
- button.unbind('selectedDate').bind('selectedDate', function ( e,val ) {
- $('#selectedCalendarDate').attr('value',val);
- });
- });
-});
-
-domReady( function () {
- // add current datetime with browser language format
- // NOTE: Globalize.* functions must be run after domReady.
- $('#current_date').html(Globalize.culture().name + " -- " +
- Globalize.format( new Date(), "F" ));
-});
+++ /dev/null
-<div data-role="page" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Generate elements dynamically</h1>
- </div><!-- /header -->
-
-
- <div data-role="content">
- <div id="checkboxItems" ></div>
-
- <fieldset class="ui-grid-b">
- <div data-role="controlgroup" data-type="horizontal">
- <a id="bAdd" href="#" data-role="button" data-icon="plus" >Add new item</a>
- </div>
- </fieldset>
- </div>
-</div>
+++ /dev/null
-var myArray = [];
-function addCheckbox(){
- var newhtml;
- var i = myArray.length;
- myArray[myArray.length] = 'Item - ' + myArray.length;
- newhtml = '<input type="checkbox" name="checkbox-'+i+'a" id="checkbox-'+i+'a" class="custom" />' ;
- newhtml += '<label for="checkbox-'+i+'a">'+myArray[i]+'</label>';
- $("#checkboxItems").append(newhtml);
- $("#checkboxItems").trigger( "create" );
-}
-
-
-$('#bAdd').live('vclick', function () {
- addCheckbox();
-});
+++ /dev/null
-<div data-role="page" id="autodividers-demo" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Listview auto-dividers</h1>
- </div>
- <div data-role="content">
- <p>This gets auto-dividers based on link text, or just
- text (for read-only lists).</p>
- <ul data-role="listview" data-autodividers="alpha">
- <li><a href="#">Amy</a></li>
- <li><a href="#">Andrew</a></li>
- <li><a href="#">Astrid</a></li>
- <li><a href="#">Bertie</a></li>
- <li><a href="#">Carrie</a></li>
- <li><a href="#">Derek</a></li>
- <li><a href="#">Ian</a></li>
- <li><a href="#">Matthew</a></li>
- </ul>
- </div>
-</div>
-
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="themes/default/" />
- <script src="js/jquery.js"></script>
- <script src="js/"></script>
- <script src="theme.js"></script>
- <script src="js/jquery.mobile.forms.button.extension.js"></script>
- </head>
-<body>
-
-<div data-role="page" id="ButtonDemo" data-add-back-btn="true" >
- <div data-role="header" data-position="fixed">
- <h1>Buttons</h1>
- </div>
- <div data-role="content">
- <ul data-role = "listview">
- <li class="ui-li-1line-btn1">List item 1<div data-role="button" data-inline="true">Text Button TesT</div></li>
- <li class="ui-li-1line-btn1">List item 2<div data-role="button" data-inline="true" data-icon="reveal">Call Icon</div></li>
- <li class="ui-li-1line-btn1">List item 3<div data-role="button" data-inline="true" data-icon="reveal">Longer Call Icon</div></li>
- <li class="ui-li-1line-btn1">List item 4<div data-role="button" data-inline="true" data-icon="call" data-iconpos="right">Icon Text</div></li>
- <li class="ui-li-1line-btn1">List item 5<div data-role="button" data-inline="true" data-icon="reveal"></div></li>
- <li class="ui-li-1line-btn2">List item 6<div data-role="button" data-inline="true" data-icon="plus" data-style="circle" class="ui-li-1line-btn2"></div></li>
- <li class="ui-li-1line-btn2">List item 7<div data-role="button" data-inline="true" data-icon="minus" data-style="circle"></div></li>
- <li class="ui-li-1line-btn2">List item 8<div data-role="button" data-inline="true" data-icon="send" data-style="circle"></div></li>
- <li class="ui-li-1line-btn2">List item 9<div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div></li>
- <li class="ui-li-1line-btn2">List item 10<div data-role="button" data-inline="true" data-icon="favorite" data-style="nobg"></div></li>
- <li>List item 11<div data-role="button" data-inline="true" data-icon="editminus" data-style="edit"
- style="position: absolute; top: 0px; margin-top: 0px;"></div></li>
- <li>List item 12<div data-role="button" data-inline="true" data-style="edit"
- style="position: absolute; top: 0px; margin-top: 0px;">Delete</div></li>
- </ul>
- </div>
-</div>
-
-
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
-</head>
-<body>
-
-<div data-role="page" id="checkbox-demo" data-add-back-btn="true">
-
- <div data-role="header" data-position="fixed">
- <h1>Check</h1>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <div class="my-check-button-style"><a id="check-1" data-role="button" data-inline="true">Check/UnCheck First checkbox</a></div>
- <div class="my-check-button-style my-check-inline-style"><a id="get-check-value" data-role="button" data-inline="true">Get Check Value</a></div>
- <p class="my-check-inline-style">First checkbox check value :
- <span class="checked-value">
- <em>(click the button! )</em>
- </span>
- </p>
- <p> Trigged When user clicks a checkbox :
- <span class="triggered-check">
- <em>(This is updated when user clicks a checkbox )</em>
- </span>
- </p>
-
- <hr/>
-
- <fieldset data-role="controlgroup">
- <input type="checkbox" name="checkbox-1" id="checkbox-1"/>
- <label for="checkbox-1">Normal</label>
- <input type="checkbox" name="checkbox-2" id="checkbox-2" checked="checked" disabled="true"/>
- <label for="checkbox-2">Checked, Disabled</label>
- <input type="checkbox" name="checkbox-3" id="checkbox-3" disabled="true"/>
- <label for="checkbox-3">Disabled</label>
-
- <input type="checkbox" name="checkbox-4" id="checkbox-4" class="favorite"/>
- <label for="checkbox-4">Favorite</label>
- <input type="checkbox" name="checkbox-5" id="checkbox-5" checked="checked" disabled="true" class="favorite"/>
- <label for="checkbox-5">Favorite Checked, Disabled</label>
- <input type="checkbox" name="checkbox-6" id="checkbox-6" disabled="disabled" class="favorite"/>
- <label for="checkbox-6">Favorite, Disabled</label>
- <input type="checkbox" name="checkbox-7" id="checkbox-7"/>
- <input type="checkbox" name="checkbox-8" id="checkbox-8"/>
-
- </fieldset>
- </div><!--/content-primary -->
- </div>
-
-
-
-</body>
-</html>
+++ /dev/null
-$( "#checkbox-demo" ).live("pagecreate", function () {
- $( "#check-1" ).bind('vclick', function () {
- console.log("clicked...");
- value = $( "#checkbox-1" ).prop( "checked" );
- // change checkbox property and update UI.
- $( "#checkbox-1" ).prop( "checked", !value );
- $("#checkbox-1").checkboxradio( "refresh" );
- // show checkbox1 property
- $( ".checked-value" ).text( $( "#checkbox-1" ).prop( "checked" ) );
- });
-
- $( "#get-check-value" ).bind('vclick', function () {
- $( ".checked-value" ).text( $( "#checkbox-1" ).prop( "checked" ) );
- });
-
- $("input[type='checkbox']").bind( "change", function(event, ui) {
- $( ".triggered-check" ).text( this.id + " is " + this.checked );
- });
-
-});
-
-
+++ /dev/null
-<html>\r
-<body>\r
- <div data-role="page" id="colorwidgets-demo" data-add-back-btn="true">\r
- <div data-role="header" data-position="fixed">\r
- <h1>Color widgets</h1>\r
- </div>\r
- <div data-role="content">\r
- <div style="padding-right: 20px;">\r
- <div>\r
- <div>Color title widget</div>\r
- <div data-role="colortitle" id="colortitle"></div>\r
- </div>\r
- <div>\r
- <div>Color palette widget</div>\r
- <div data-role="colorpalette" id="colorpalette" data-show-preview="true"></div>\r
- </div>\r
- <div> \r
- <div>Color picker button</div>\r
- <div data-role="colorpickerbutton" data-inline="true" id="colorpickerbutton-noform"></div>\r
- </div>\r
- <div>\r
- <div>Color picker button (form element)</div>\r
- <form action="#" method="get">\r
- <div role="fieldcontain">\r
- <label for="colorpickerbutton" class="colorpickerbutton_label">Pick Colour:</label> \r
- <input type="color" data-inline="true" id="colorpickerbutton" value="#dfddc3"></input>\r
- </div>\r
- </form>\r
- </div>\r
- <div>\r
- <form action="#" method="get">\r
- <div role="fieldcontain">\r
- <input type="checkbox" id="checkHideInput" checked></input> \r
- <label for="checkHideInput">Hide Input</label>\r
- </div>\r
- </form>\r
- </div>\r
- </div>\r
- <div>\r
- <div data-role="label">Hue-Saturation-Value picker widget</div>\r
- <div data-role="hsvpicker" id="hsvpicker"></div>\r
- </div>\r
- <div>\r
- <div data-role="label">Hue-Saturation-Lightness picker widget</div>\r
- <div data-role="colorpicker" id="colorpicker"></div>\r
- </div>\r
- </div>\r
- <!-- /content -->\r
- <div data-role="footer"></div>\r
- </div>\r
- <!-- /page -->\r
-</body>\r
-</html>\r
+++ /dev/null
-<div data-role="page" id="ctxpopup-demo" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Contextual Popup</h1>
- </div>
- <div class="content" data-role="content">
- <div>
- <a href="#pop_icon_text" id="btn_icon_text" data-role="button" data-inline="true" data-rel="popupwindow">Icon+Text</a>
- <div id="pop_icon_text" data-role="popupwindow" data-show-arrow="true">
- <ul data-role="listview">
- <li class="ui-li-1line-bigicon1">
- <a class="ui-btn-ctxpopup-close" href="#">
- <img class="ui-li-bigicon" src="test/nba_griz.jpg">
- <span class="ui-li-text-main">Eenie</span>
- </a>
- </li>
- <li class="ui-li-1line-bigicon1">
- <a class="ui-btn-ctxpopup-close" href="#">
- <img class="ui-li-bigicon" src="test/nba_magics.jpg">
- <span class="ui-li-text-main">Meenie</span>
- </a>
- </li>
- <li class="ui-li-1line-bigicon1">
- <a class="ui-btn-ctxpopup-close" href="#">
- <img class="ui-li-bigicon" src="test/nba_lakers.jpg">
- <span class="ui-li-text-main">Mynie</span>
- </a>
- </li>
- <li class="ui-li-1line-bigicon1">
- <a class="ui-btn-ctxpopup-close" href="#">
- <img class="ui-li-bigicon" src="test/nba_pacers.jpg">
- <span class="ui-li-text-main">Mo</span>
- </a>
- </li>
- </ul>
- </div>
-
- <br>
- <br>
- <a href="#pop_3_icons" id="btn_3_icons" data-role="button" data-inline="true" data-rel="popupwindow">3 Icons</a>
- <div class="horizontal" id="pop_3_icons" data-role="popupwindow" data-show-arrow="true">
- <ul>
- <li class="icon"><a href="#" data-role="button" data-icon="call"></a></li>
- <li class="icon"><a href="#" data-role="button" data-icon="favorite"></a></li>
- <li class="text"><a href="#">Function</a></li>
- </ul>
- </div>
- <br>
- <br>
- <a href="#pop_6_icons" id="btn_6_icons" data-role="button" data-inline="true" data-rel="popupwindow">6 Icons-Grid</a>
- <div class="horizontal" id="pop_6_icons" data-role="popupwindow" data-show-arrow="true">
- <table>
- <tr>
- <td class="icon">
- <a href="#" data-role="button" data-icon="call"></a>
- </td>
- <td class="icon">
- <a href="#" data-role="button" data-icon="favorite"></a>
- </td>
- <td class="text">
- <a href="#">Eeenie</a>
- </td>
- </tr>
- <tr>
- <td class="icon">
- <a href="#" data-role="button" data-icon="call"></a>
- </td>
- <td class="text">
- <a href="#">Mynie</a>
- </td>
- <td class="icon">
- <a href="#" data-role="button" data-icon="favorite"></a>
- </td>
- </tr>
- </table>
- </div>
- <br>
- <br>
- <a href="#pop_copy_paste" id="btn_copy_paste" data-role="button" data-inline="true" data-rel="popupwindow">CopyPaste</a>
- <div id="pop_copy_paste" class="horizontal" data-role="popupwindow" data-show-arrow="true">
- <ul>
- <li class='text'><a href="#">Copy</a></li>
- <li class='text'><a href="#">All</a></li>
- <li class='text'><a href="#">Paste</a></li>
- </ul>
- </div>
- <br>
- <br>
- <a href="#pop_text_only" id="btn_text_only" data-role="button" data-inline="true" data-rel="popupwindow">Text Only</a>
- <div id="pop_text_only" data-role="popupwindow" data-show-arrow="true">
- <ul data-role="listview">
- <li><a href="http://www.naver.com">www.naver.com</a></li>
- <li><a href="http://www.naver.com">www.naver.com</a></li>
- <li><a href="http://www.samsung.com">www.samsung.com</a></li>
- <li><a href="http://www.apple.com">www.apple.com</a></li>
- </ul>
- </div>
-
- <br>
- <br>
- <a href="#pop_buttons" id="btn_buttons" data-role="button" data-inline="true" data-rel="popupwindow">Buttons</a>
- <div id="pop_buttons" class="button" data-role="popupwindow" data-show-arrow="true">
- <div>
- <table>
- <tr><td><a href="#" data-role="button">Meenie</a></td><td><a href="#" data-role="button">Mynie</a></td><td><a href="#" data-role="button">Mo</a></td></tr>
- <tr><td><a href="#" data-role="button">Catch-a</a></td><td><a href="#" data-role="button">Tiger</a></td><td><a href="#" data-role="button">By-the</a></td></tr>
- </table>
- </div>
- </div>
-
- <br>
- <br>
- <!--
- <a href="#pop_time_picker" class="picker_btn" data-role="button" data-inline="true" data-rel="popupwindow">Time Picker</a>
- <div class="picker" id="pop_time_picker" data-role="popupwindow" data-show-arrow="true">
- <ul>
- <li><a href="#">1</a></li>
- <li><a href="#">2</a></li>
- <li><a href="#">3</a></li>
- <li><a href="#">4</a></li>
- <li><a href="#">5</a></li>
- <li><a href="#">6</a></li>
- <li><a href="#">7</a></li>
- <li><a href="#">8</a></li>
- <li><a href="#">9</a></li>
- <li><a href="#">10</a></li>
- <li><a href="#">11</a></li>
- <li><a href="#">12</a></li>
- <li><a href="#">13</a></li>
- <li><a href="#">14</a></li>
- <li><a href="#">15</a></li>
- <li><a href="#">16</a></li>
- <li><a href="#">17</a></li>
- <li><a href="#">18</a></li>
- <li><a href="#">19</a></li>
- <li><a href="#">20</a></li>
- <li><a href="#">21</a></li>
- <li><a href="#">22</a></li>
- <li><a href="#">23</a></li>
- <li><a href="#">24</a></li>
- <li><a href="#">25</a></li>
- <li><a href="#">26</a></li>
- <li><a href="#">27</a></li>
- <li><a href="#">28</a></li>
- <li><a href="#">29</a></li>
- <li><a href="#">30</a></li>
- <li><a href="#">31</a></li>
- <li><a href="#">32</a></li>
- <li><a href="#">33</a></li>
- <li><a href="#">34</a></li>
- <li><a href="#">35</a></li>
- <li><a href="#">36</a></li>
- <li><a href="#">37</a></li>
- <li><a href="#">38</a></li>
- <li><a href="#">39</a></li>
- <li><a href="#">40</a></li>
- <li><a href="#">41</a></li>
- <li><a href="#">42</a></li>
- <li><a href="#">43</a></li>
- <li><a href="#">44</a></li>
- <li><a href="#">45</a></li>
- <li><a href="#">46</a></li>
- <li><a href="#">47</a></li>
- <li><a href="#">48</a></li>
- <li><a href="#">49</a></li>
- <li><a href="#">50</a></li>
- <li><a href="#">51</a></li>
- <li><a href="#">52</a></li>
- <li><a href="#">53</a></li>
- <li><a href="#">54</a></li>
- <li><a href="#">55</a></li>
- <li><a href="#">56</a></li>
- <li><a href="#">57</a></li>
- <li><a href="#">58</a></li>
- <li><a href="#">59</a></li>
- <li><a href="#">60</a></li>
-
- </ul>
- </div>
- -->
- </div>
- </div> <!-- /content -->
-
-</div> <!-- /page -->
+++ /dev/null
-<div data-role="page" id="datetimepicker-demo" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Date/time picker</h1>
- </div>
- <div data-role="content">
- <ul data-role="listview">
- <li class="ui-li-2line-sub-main">
- <span class="ui-li-text-main">
- <input type="datetime" name="demo-date" id="demo-date"
- data-format="MMM dd yyyy hh:mm tt"/>
- </span>
- <span class="ui-li-text-sub">
- Date/Time Picker(Custom) - <span id="selected-date1"><em>(select a date first)</em></span>
- </span>
- </li>
- <li class="ui-li-2line-sub-main">
- <span class="ui-li-text-main">
- <input type="datetime" name="demo-date2" id="demo-date2"/>
- </span>
- <span class="ui-li-text-sub">
- Date/Time Picker - <span id="selected-date2"><em>(select a date first)</em></span>
- </span>
- </li>
- <li class="ui-li-2line-sub-main">
- <span class="ui-li-text-main">
- <input type="date" name="demo-date3" id="demo-date3"/>
- </span>
- <span class="ui-li-text-sub">
- Date Picker - <span id="selected-date3"><em>(select a date first)</em></span>
- </span>
- </li>
- <li class="ui-li-2line-sub-main">
- <span class="ui-li-text-main">
- <input type="time" name="demo-date4" id="demo-date4"/>
- </span>
- <span class="ui-li-text-sub">
- Time Picker - <span id="selected-date4"><em>(select a date first)</em></span>
- </span>
- </li>
- </ul>
- </div><!-- /content -->
-</div> <!-- /page -->
-
-
+++ /dev/null
-<div data-role="page" id="day-selector-demo" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Day selector</h1>
- </div>
-
-<div data-role="content">
- <h2>With a legend (also API demo)</h2>
- <fieldset id="dayselector1" data-role="dayselector" data-type="horizontal">
- <legend>Choose some days</legend>
- </fieldset>
-
- <div><a id="day-selector-check-all" data-role="button" data-inline="true">Check all</a></div>
- <div><a id="day-selector-get-days" data-role="button" data-inline="true">Get Days</a></div>
- <p>The day(s) you selected are:
- <span class="selectedDay">
- <em>(select a day first)</em>
- </span>
- </p>
- <hr/>
-
- <h2>With a legend, with custom swatch</h2>
- <fieldset id="dayselector1" data-role="dayselector" data-theme="a">
- <legend>Choose some days</legend>
- </fieldset>
- <hr/>
-
- <h2>Without a legend</h2>
- <fieldset data-role="dayselector">
- </fieldset>
- <hr/>
-
- <h2>Without a legend, vertical layout</h2>
-
- <p>Note that the checkboxes are visible as icons
- (this is the default behaviour for vertical checkbox
- controlgroups in jQuery Mobile).</p>
-
- <fieldset data-role="dayselector" data-type="vertical">
- </fieldset>
-
- <hr/>
-
- <h2>With a legend, vertical layout</h2>
-
- <fieldset data-role="dayselector" data-type="vertical">
- <legend>Choose some days</legend>
- </fieldset>
-
- </div>
-</div> <!-- /page -->
-
-
-
+++ /dev/null
-<!DOCTYPE html>
- <div data-role="page" class="type-interior" data-add-back-btn="true">
-
- <div data-role="header" >
- <h1>Entry</h1>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </div>
-
- <div data-role="fieldcontain">
- <label for="password">Password:</label>
- <input type="password" name="password" id="password" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="number">Number:</label>
- <input type="number" name="number" id="number" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="email">Email:</label>
- <input type="email" name="email" id="email" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="url">Url:</label>
- <input type="url" name="url" id="url" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="tel">Tel:</label>
- <input type="tel" name="tel" id="tel" value="" />
- </div>
-</div><!-- /content -->
-</div><!-- /page -->
-
+++ /dev/null
-<div data-role="page" id="shortcutscroll-demo" data-add-back-btn="true" data-fit-page-to-window="true">
- <div data-role="header" data-position="fixed">
- <h1>Short cut scroll (aka fast scroll)</h1>
- </div><!-- header -->
-
- <div class="content" data-role="content" data-scroll="y">
- <ul id="contacts" data-role="listview" data-shortcutscroll="true">
- <li data-role="list-divider">A</li>
- <li>Anton</li>
- <li>Arabella</li>
- <li>Art</li>
- <li data-role="list-divider">B</li>
- <li>Barry</li>
- <li>Bibi</li>
- <li>Billy</li>
- <li>Bob</li>
- <li data-role="list-divider">D</li>
- <li>Daisy</li>
- <li>Derek</li>
- <li>Desmond</li>
- <li data-role="list-divider">E</li>
- <li>Eric</li>
- <li>Ernie</li>
- <li>Esme</li>
- <li data-role="list-divider">F</li>
- <li>Fay</li>
- <li>Felicity</li>
- <li>Francis</li>
- <li>Frank</li>
- <li data-role="list-divider">H</li>
- <li>Harry</li>
- <li>Herman</li>
- <li>Horace</li>
- <li data-role="list-divider">J</li>
- <li>Jack</li>
- <li>Jane</li>
- <li>Jill</li>
- <li data-role="list-divider">K</li>
- <li>Katherine</li>
- <li>Katy</li>
- <li>Keith</li>
- <li data-role="list-divider">L</li>
- <li>Larry</li>
- <li>Lee</li>
- <li>Lola</li>
- <li data-role="list-divider">M</li>
- <li>Mark</li>
- <li>Milly</li>
- <li>Mort</li>
- <li data-role="list-divider">N</li>
- <li>Nigel</li>
- <li>Norman</li>
- <li data-role="list-divider">O</li>
- <li>Organza</li>
- <li>Orlando</li>
- </ul>
- </div><!-- content -->
-</div><!-- page -->
-
-
+++ /dev/null
-<!DOCTYPE html>
- <div data-role="page" class="type-interior">
-
- <div data-role="header" >
- <h1>Font - TODO : Add more samples</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <span><strong>bold</strong></span>
- <br><span>normal</span>
- <br><span><em>italic</em></span>
-
-</div><!-- /content -->
-</div><!-- /page -->
-
+++ /dev/null
-<!DOCTYPE html>
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-position="fixed">
- <h1>Forms</h1>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Native form elements & buttons</h2>
-
- <p>Although the framework automatically enhances form elements and buttons into <a href="forms-all.html">touch input optimized controls</a> to streamline development, it's easy to tell jQuery Mobile to leave these elements alone so the standard, native control can be used instead.</p>
- <p>Adding the <code>data-role="none"</code> attribute to any form or button element tells the framework to not apply any enhanced styles or scripting. The examples below all have this attribute in place to demonstrate the effect. You may need to write custom styles to lay out your form controls because we try to leave all the default styling intact.</p>
-
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" data-role="none" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea" data-role="none"></textarea>
- </div>
-
- <div data-role="fieldcontain">
- <label for="search">Search Input:</label>
- <input type="search" name="password" id="search" value="" data-role="none" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="none">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" data-role="none" />
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose as many snacks as you'd like:</legend>
- <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" data-role="none" />
- <label for="checkbox-1a">Cheetos</label>
-
- <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" data-role="none" />
- <label for="checkbox-2a">Doritos</label>
-
- <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" data-role="none" />
- <label for="checkbox-3a">Fritos</label>
-
- <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" data-role="none" />
- <label for="checkbox-4a">Sun Chips</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" data-role="none" />
- <label for="checkbox-6">b</label>
-
- <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" data-role="none" />
- <label for="checkbox-7"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" data-role="none" />
- <label for="checkbox-8">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" data-role="none" />
- <label for="radio-choice-1">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" data-role="none" />
- <label for="radio-choice-2">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" data-role="none" />
- <label for="radio-choice-3">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" data-role="none" />
- <label for="radio-choice-4">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Layout view:</legend>
- <input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" data-role="none" />
- <label for="radio-choice-c">List</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" data-role="none" />
- <label for="radio-choice-d">Grid</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-e" value="other" data-role="none" />
- <label for="radio-choice-e">Gallery</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1" data-role="none">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-3" class="select">Your state:</label>
- <select name="select-choice-3" id="select-choice-3" data-role="none">
- <option>Choose...</option>
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
-
-
-
- <p><strong>Button</strong> based button:</p>
- <button data-role="none">Button element</button>
-
- <p><strong>Input type="button"</strong> based button:</p>
- <input type="button" value="Input type=button" data-role="none" />
-
- <p><strong>Input type="submit"</strong> based button:</p>
- <input type="submit" value="Input type=submit" data-role="none" />
-
- <p><strong>Input type="reset"</strong> based button:</p>
- <input type="reset" value="Input type=reset" data-role="none" />
-
- <p><strong>Input type="image"</strong> based button:</p>
- <input type="image" src="../_assets/images/jquery-logo.png" style="width:120px; padding:5px; background:#fff; border:1px solid #999;" value="Input type=image" data-role="none" />
-
- </form>
-
- </div><!--/content-primary -->
-
-</div><!-- /content -->
-
-</div><!-- /page -->
-
-
+++ /dev/null
-<!DOCTYPE html>
- <div data-role="page" class="type-interior">
-
- <div data-role="header" >
- <h1>Forms</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Form elements</h2>
-
- <p>This page contains various progressive-enhancement driven form controls. Native elements are sometimes hidden from view, but their values are maintained so the form can be submitted normally. </p>
-
- <p>Browsers that don't support the custom controls will still deliver a usable experience, because all are based on native form elements.</p>
-
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </div>
-
- <div data-role="fieldcontain">
- <label for="password">Password:</label>
- <input type="password" name="password" id="password" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="number">Number:</label>
- <input type="number" name="number" id="number" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="email">Email:</label>
- <input type="email" name="email" id="email" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="url">Url:</label>
- <input type="url" name="url" id="url" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="tel">Tel:</label>
- <input type="tel" name="tel" id="tel" value="" />
- </div>
-
-
- <div data-role="fieldcontain">
- <label for="search">Search Input:</label>
- <input type="search" name="password" id="search" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose as many snacks as you'd like:</legend>
- <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
- <label for="checkbox-1a">Cheetos</label>
-
- <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
- <label for="checkbox-2a">Doritos</label>
-
- <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
- <label for="checkbox-3a">Fritos</label>
-
- <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
- <label for="checkbox-4a">Sun Chips</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
- <label for="checkbox-6">b</label>
-
- <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
- <label for="checkbox-7"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
- <label for="checkbox-8">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
- <label for="radio-choice-1">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" />
- <label for="radio-choice-2">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" />
- <label for="radio-choice-3">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" />
- <label for="radio-choice-4">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Layout view:</legend>
- <input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" />
- <label for="radio-choice-c">List</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" />
- <label for="radio-choice-d">Grid</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-e" value="other" />
- <label for="radio-choice-e">Gallery</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-3" class="select">Your state:</label>
- <select name="select-choice-3" id="select-choice-3">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-a" class="select">Choose shipping method:</label>
- <select name="select-choice-a" id="select-choice-a" data-native-menu="false">
- <option>Custom menu example</option>
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div class="ui-body ui-body-b">
- <fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" >Submit</button></div>
- </fieldset>
- </div>
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="docs-forms.html">Form basics</a></li>
- <li data-theme="a"><a href="forms-all.html">Form element gallery</a></li>
- <li><a href="textinputs/">Text inputs</a></li>
- <li><a href="search/">Search inputs</a></li>
- <li><a href="slider/">Slider</a></li>
- <li><a href="switch/">Flip toggle switch</a></li>
- <li><a href="radiobuttons/">Radio buttons</a></li>
- <li><a href="checkboxes/">Checkboxes</a></li>
- <li><a href="selects/">Select menus</a></li>
- <li><a href="forms-themes.html">Theming forms</a></li>
- <li><a href="forms-all-native.html">Native form elements</a></li>
- <li><a href="forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
+++ /dev/null
-<!DOCTYPE html>
-<div data-role="page" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Image Slider</h1>
- </div>
- <div data-role="content" data-scroll="none">
- <div data-role="imageslider" id="imageslider" data-start-index="3" data-vertical-align="middle">
- <img src="./test/01.jpg">
- <img src="./test/02.jpg">
- <img src="./test/03.jpg">
- <img src="./test/04.jpg">
- <img src="./test/05.jpg">
- <img src="./test/06.jpg">
- <img src="./test/07.jpg">
- <img src="./test/08.jpg">
- <img src="./test/09.jpg">
- </div>
- </div> <!-- /content -->
- <div data-role="footer"data-position ="fixed">
- <div data-role="controlbar" data-style="toolbar" >
- <ul>
- <li id="imageslider-add"><a href="#">Add</a></li>
- <li id="imageslider-del"><a href="#">Delete</a></li>
- </ul>
- </div><!-- /navbar -->
- </div>
-</div> <!-- /page -->
+++ /dev/null
-<div data-role="page" id="genlist-bubble" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>bubble list (message bubble)</h1>
- </div>
- <div data-role="content">
- <ul data-role="listview" data-style="bubble">
- <li class="ui-li-bubble-left">short left<span class="ui-li-bubble-time">9:20 PM</span></li>
- <li class="ui-li-bubble-right">But I have no choice. I have a big exam tomorrow. (bubble right)<span class="ui-li-bubble-time">9:26 PM</span></li>
-
- <li class="ui-li-bubble-left">Don't worry... I'm free. You're gonna get sick. (bubble left)<span class="ui-li-bubble-time">9:30 PM</span></li>
- <li class="ui-li-bubble-date">2010. 05. 20 (bubble date)</li>
- <li class="ui-li-bubble-right">Sorry I'm late. (bubble right)<span class="ui-li-bubble-time">9:26 PM</span></li>
- <li class="ui-li-bubble-left ui-li-bubble-sos">Don't worry... I'm free. You're gonna get sick. (bubble sos)<span class="ui-li-bubble-time">9:30 PM</span></li>
- <li class="ui-li-bubble-left"><span>Picture test asdjfkldsjaklf sda lfkjdsa f lasd fldsaf das jflds lfdsl jfklsda jlfjdslf jdskl jfklds fdas lf </span><img src="genlist-bubble-sample1.png" /><span class="ui-li-bubble-time">9:40 PM</span></li>
- </ul>
-
-
-
- </div>
-</div>
-
+++ /dev/null
-<div data-role="page" id="genlist-dialog" data-add-back-btn="true" data-fit-page-to-window="true">
- <div data-role="header" data-position="fixed">
- <h1>Dialog lists</h1>
- </div>
- <div class="content" data-role="content" data-scroll="y">
- <ul data-role="listview">
-
- <li class="ui-li-1line ui-li-dialogue">
- <span class="ui-li-text-main">1line</span>
- </li>
- <li class="ui-li-1line ui-li-dialogue">
- <a><span class="ui-li-text-main">1line (with link)</span></a>
- </li>
- <li class="ui-li-1line-sub ui-li-dialogue">
- <span class="ui-li-text-main">1line-sub</span>
- <span class="ui-li-text-sub">subtext</sub>
- </li>
- <li class="ui-li-1line-sub ui-li-dialogue">
- <a>
- <span class="ui-li-text-main">1line-sub (with link)</span>
- <span class="ui-li-text-sub">subtext</span>
- </a>
- </li>
- <li class="ui-li-1line-setting ui-li-dialogue">
- <span class="ui-li-text-main">1line-setting</span>
- <span class="ui-li-text-sub">Sub text</span>
- </li>
- <li class="ui-li-1line-btn1 ui-li-dialogue">
- <span class="ui-li-text-main">1line-btn1</span>
- <div data-role="button" data-inline="true">Text Button</div>
- </li>
- <li class="ui-li-1line-btn2 ui-li-dialogue">
- <span class="ui-li-text-main">1line-btn2</span>
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </li>
- <li class="ui-li-1line-toggle ui-li-dialogue">
- <span class="ui-li-text-main">1line-toggle</span>
- <div data-role="toggleswitch"/></div>
- </li>
-
- <li class="ui-li-1line-bigicon1 ui-li-dialogue">
- <span class="ui-li-text-main">1line-bigicon1</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
- <li class="ui-li-1line-bigicon2 ui-li-dialogue">
- <span class="ui-li-text-main">1line-bigicon2</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <span class="ui-li-text-sub">Sub text</span>
- </li>
- <li class="ui-li-1line-bigicon4 ui-li-dialogue">
- <span class="ui-li-text-main">1line-bigicon4</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <div data-role="button" data-inline="true">Text Button</div>
- </li>
- <li class="ui-li-1line-bigicon5 ui-li-dialogue">
- <span class="ui-li-text-main">1line-bigicon5</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </li>
- <li class="ui-li-1line-bigicon6 ui-li-dialogue">
- <span class="ui-li-text-main">1line-bigicon6</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <div data-role="toggleswitch"/></div>
- </li>
- <li class="ui-li-1line-check1 ui-li-dialogue">
- <span class="ui-li-text-main">1line-check1</span>
- <form><input type="checkbox" data-style="check" name="c1line-check1" /></form>
- </li>
- <li class="ui-li-1line-check2 ui-li-dialogue">
- <span class="ui-li-text-main">1line-check2</span>
- <form><input type="checkbox" data-style="check" name="c1line-check2" /></form>
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </li>
- <li class="ui-li-1line-check3 ui-li-dialogue">
- <span class="ui-li-text-main">1line-check3</span>
- <form><input type="checkbox" data-style="check" name="c1line-check3" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
- <li class="ui-li-1line-check4 ui-li-dialogue">
- <span class="ui-li-text-main">1line-check4</span>
- <form><input type="checkbox" data-style="check" name="c1line-check4" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </li>
- <li class="ui-li-1line-radio1 ui-li-dialogue">
- <span class="ui-li-text-main">1line-radio1</span>
- <form><input type="radio" /></form>
- </li>
- <li class="ui-li-1line-radio3 ui-li-dialogue">
- <span class="ui-li-text-main">1line-radio3</span>
- <form><input type="radio" /></form>
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </li>
- <li class="ui-li-1line-radio4 ui-li-dialogue">
- <span class="ui-li-text-main">1line-radio4</span>
- <form><input type="radio" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
- <li class="ui-li-1line-radio5 ui-li-dialogue">
- <span class="ui-li-text-main">1line-radio5</span>
- <form><input type="radio" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </li>
-
-
- <li class="ui-li-1line-leftsub1 ui-li-dialogue">
- <div style="display: inline-block;" class="ui-li-text-sub-left">subtext</div>
- <div style="display: inline-block; width: 50%;" class="ui-li-text-main-right ui-li-long-text">1line-leftsub1 longtextlongtextlongtextlongtextlongtextlongtext</div>
- </li>
- <li class="ui-li-1line-leftsub2 ui-li-dialogue">
- <div style="display: inline-block;" class="ui-li-text-sub-left">subtext</div>
- <div style="display: inline-block;" class="ui-li-text-main-right">1line-leftsub2</div>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
- <li class="ui-li-3line-dgroup1 ui-li-dialogue">
- <span class="ui-li-text-main">3line-dgroup1</span>
- <span class="ui-li-text-sub1">Subtext1</span>
- <span class="ui-li-text-sub2">Subtext2</span>
- </li>
-
-
- <li class="ui-li-2line ui-li-dialogue">
- <span class="ui-li-text-main">2line</span>
- <span class="ui-li-text-sub">Subtext</span>
- </li>
-
- <li class="ui-li-2line-sub-main ui-li-dialogue">
- <span class="ui-li-text-main">2line-sub-main</span>
- <span class="ui-li-text-sub">Subtext</span>
- </li>
-
- <li class="ui-li-2line-2sub ui-li-dialogue">
- <span class="ui-li-text-main">2line-2sub</span>
- <span class="ui-li-text-sub">Subtext</span>
- <span class="ui-li-text-sub2">Subtext2</span>
- </li>
-
- <li class="ui-li-2line-btn1 ui-li-dialogue">
- <span class="ui-li-text-main">2line-btn1</span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true">button</div>
- </li>
-
- <li class="ui-li-2line-btn1 ui-li-dialogue">
- <span class="ui-li-text-main">2line-btn1</span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call"></div>
- </li>
-
- <li class="ui-li-2line-btn2 ui-li-dialogue">
- <span class="ui-li-text-main">2line-btn2</span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </li>
-
- <li class="ui-li-2line-star1 ui-li-dialogue">
- <span class="ui-li-text-main">2line-star1</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-sub">
- <span class="ui-li-text-sub">Subtext</span>
- <span class="ui-li-text-sub2">Subtext2</span>
- </li>
-
- <li class="ui-li-2line-star2 ui-li-dialogue">
- <span class="ui-li-text-main">2line-star2</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-sub">
- <span class="ui-li-text-sub"><img src="00_winset_icon_favorite_on.png">Subtext</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-sub">
- </li>
-
- <li class="ui-li-2line-setting ui-li-dialogue">
- <span class="ui-li-text-main">2line-setting</span>
- <span class="ui-li-text-sub">Subtext</span>
- </li>
-
- <li class="ui-li-2line-toggle-setting ui-li-dialogue">
- <span class="ui-li-text-main">2line-toggle-setting</span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="toggleswitch"/></div>
- </li>
-
- <li class="ui-li-2line-btn-setting ui-li-dialogue">
- <span class="ui-li-text-main">2line-btn-setting</span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </li>
-
- <li class="ui-li-2line-bigicon0 ui-li-dialogue">
- <span class="ui-li-text-main">2line-bigicon0</span>
- <span class="ui-li-text-sub">Subtext<img src="00_winset_icon_favorite_on.png"></span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </li>
-
- <li class="ui-li-2line-bigicon1 ui-li-dialogue">
- <span class="ui-li-text-main">2line-bigicon1</span>
- <span class="ui-li-text-sub">Subtext</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
- <li class="ui-li-2line-bigicon2 ui-li-dialogue">
- <span class="ui-li-text-main">2line-bigicon2</span>
- <span class="ui-li-text-sub">Subtext</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <span class="ui-li-text-sub2">Subtext2</span>
- </li>
-
- <li class="ui-li-2line-bigicon3 ui-li-dialogue">
- <span class="ui-li-text-main">2line-bigicon3</span>
- <span class="ui-li-text-sub">Subtext</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
- <li class="ui-li-2line-bigicon4 ui-li-dialogue">
- <span class="ui-li-text-main">2line-bigicon4</span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
- <li class="ui-li-2line-check1 ui-li-dialogue">
- <span class="ui-li-text-main">2line-check1</span>
- <span class="ui-li-text-sub">Subtext</span>
- <form><input type="checkbox" data-style="check" name="c2line-check1" /></form>
- </li>
-
- <li class="ui-li-2line-check2 ui-li-dialogue">
- <span class="ui-li-text-main">2line-check2</span>
- <span class="ui-li-text-sub">Subtext</span>
- <form><input type="checkbox" data-style="check" name="c2line-check2" /></form>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </li>
-
- <li class="ui-li-2line-check3 ui-li-dialogue">
- <span class="ui-li-text-main">2line-check3</span>
- <span class="ui-li-text-sub">Subtext</span>
- <form><input type="checkbox" data-style="check" name="c2line-check3" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
-
- <li class="ui-li-2line-radio1 ui-li-dialogue">
- <span class="ui-li-text-main">2line-radio1</span>
- <span class="ui-li-text-sub">Subtext</span>
- <form><input type="radio" /></form>
- </li>
-
- <li class="ui-li-2line-radio2 ui-li-dialogue">
- <span class="ui-li-text-main">2line-radio2</span>
- <span class="ui-li-text-sub">Subtext</span>
- <form><input type="radio" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
-
- <li class="ui-li-2line-colorbar1 ui-li-dialogue">
- <span class="ui-li-color-bar"></span>
- <span class="ui-li-text-main">2line-colorbar1</span>
- <span class="ui-li-text-sub">Subtext
- <img src="00_winset_icon_favorite_on.png">
- <img src="00_winset_icon_favorite_on.png">
- <img src="00_winset_icon_favorite_on.png">
- </span>
- <span class="ui-li-text-sub2">Subtext2</span>
- <div data-role="button" data-inline="true">button</div>
- </li>
-
- <li class="ui-li-2line-colorbar3 ui-li-dialogue">
- <span class="ui-li-color-bar" style="background-color:rgba(72, 136, 42, 1);"></span>
- <span class="ui-li-text-main">2line-colorbar3<img src="00_winset_icon_favorite_on.png"></span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true">button</div>
- </li>
-
- <li class="ui-li-2line-colorbar3 ui-li-dialogue">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <span class="ui-li-text-main">2line-colorbar3<img src="00_winset_icon_favorite_on.png"></span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call"></div>
- </li>
-
- <li class="ui-li-2line-colorbar3 ui-li-dialogue">
- <span class="ui-li-color-bar" style="background-color:rgba(72, 136, 42, 1);"></span>
- <span class="ui-li-text-main">2line-colorbar3</span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
- <li class="ui-li-2line-bigicon8 ui-li-dialogue">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <span class="ui-li-text-main">2line-bigicon8</span>
- <span class="ui-li-text-sub">Subtext</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-sub">
- </li>
-
- <li class="ui-li-2line-thumb1 ui-li-dialogue">
- <span class="ui-li-text-main">2line-thumb1</span>
- <span class="ui-li-text-sub">Subtext</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
- <li class="ui-li-2line-thumb2 ui-li-dialogue">
- <span class="ui-li-text-main">2line-thumb2<img src="00_winset_icon_favorite_on.png"></span>
- <span class="ui-li-text-sub"><img src="00_winset_icon_favorite_on.png">Subtext</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
- <li class="ui-li-2line-sub-main-bigicon1 ui-li-dialogue">
- <span class="ui-li-text-sub">Subtext</span>
- <span class="ui-li-text-main">2line-sub-main-bigicon1</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
- <li class="ui-li-2line-bigicon-pgbar1 ui-li-dialogue">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <span class="ui-li-text-main">2line-bigicon-pgbar1</span>
- <span class="ui-li-text-sub">Subtext</span>
- <span class="ui-li-text-sub2">Subtext2</span>
- <div data-role="button" data-inline="true">Cancel</div>
- <div data-role="progressbar"></div>
- </li>
-
- <li class="ui-li-2line-bigicon-pgbar2 ui-li-dialogue">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <span class="ui-li-text-main">2line-bigicon-pgbar2</span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true">button</div>
- </li>
-
- <li class="ui-li-2line-bigicon-pgbar2 ui-li-dialogue">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <span class="ui-li-text-main">2line-bigicon-pgbar2</span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call"></div>
- </li>
-
- <li class="ui-li-2line-bigicon-pgbar3 ui-li-dialogue">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <span class="ui-li-text-main">2line-bigicon-pgbar3</span>
- <span class="ui-li-text-sub">Subtext</span>
- <span class="ui-li-text-sub2">Subtext2</span>
- <div data-role="progressbar"></div>
- </li>
-
- <li class="ui-li-2line-icon-bigicon-btn ui-li-dialogue">
- <form><input type="checkbox" data-style="check" name="c2line-icon-bigicon-btn" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <span class="ui-li-text-main">2line-icon-bigicon-btn</span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </li>
-
- <li class="ui-li-2line-thumb3 ui-li-dialogue">
- <span class="ui-li-text-main">2line-thumb3<img src="00_winset_icon_favorite_on.png"></span>
- <span class="ui-li-text-sub">Subtext</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
- </ul>
- </div>
-</div>
-
+++ /dev/null
-<div data-role="page" id="genlist-email" data-add-back-btn="true" data-fit-page-to-window="true">
- <div data-role="header" data-position="fixed">
- <h1>Email lists</h1>
- </div>
- <div class="content" data-role="content" data-scroll="y">
- <ul data-role="listview">
- <li class="ui-li-email-name1-btn">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name1-btn</span>
- <div data-role="button" data-inline="true">3 ></div>
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name2-btn">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name2-btn</span>
- <div data-role="button" data-inline="true">3 ></div>
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name1">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name1</span>
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name2">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name2</span>
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name1-btn-warning">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name1-btn-warning</span>
- <div data-role="button" data-inline="true">3 ></div>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name2-btn-warning">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name2-btn-warning</span>
- <div data-role="button" data-inline="true">3 ></div>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name1-warning">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name1-warning</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name2-warning">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name2-warning</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name1-btn-attach">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name1-btn-attach</span>
- <div data-role="button" data-inline="true">3 ></div>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name2-btn-attach">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name2-btn-attach</span>
- <div data-role="button" data-inline="true">3 ></div>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name1-attach">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name1-attach</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name2-attach">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name2-attach</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name1-btn-warning-attach">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name1-btn-warning-attach</span>
- <div data-role="button" data-inline="true">3 ></div>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name2-btn-warning-attach">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name2-btn-warning-attach</span>
- <div data-role="button" data-inline="true">3 ></div>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name1-warning-attach">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name1-warning-attach</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name2-warning-attach">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name2-warning-attach</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
-
- </ul>
- </div>
-</div>
-
+++ /dev/null
-<div data-role="page" id="genlist-expandable" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>expandable list</h1>
- </div>
- <div data-role="content">
- <ul data-role="listview">
- <li class="ui-li-1line ui-li-dialogue" data-expandable="true" id="exp1" data-initial-expansion="true">1line</li>
- <li class="ui-li-1line ui-li-dialogue" data-expanded-by="exp1">exp1-sub 1</li>
- <li class="ui-li-1line ui-li-dialogue" data-expanded-by="exp1">exp1-sub 2</li>
- <li class="ui-li-1line ui-li-dialogue" data-expanded-by="exp1">exp1-sub 3</li>
- <li class="ui-li-1line ui-li-dialogue" data-expanded-by="exp1">exp1-sub 4</li>
- <li class="ui-li-1line ui-li-dialogue" data-expanded-by="exp1">exp1-sub 5</li>
- <li class="ui-li-1line ui-li-dialogue" data-expanded-by="exp1">exp1-sub 6</li>
- <li class="ui-li-1line ui-li-dialogue" data-expanded-by="exp1">exp1-sub 7</li>
- <li data-expanded-by="exp1" data-expandable="true" id="exp2">exp1-sub 2 (exp2)</li>
- <li class="ui-li-1line" data-expanded-by="exp2">exp2-sub 1</li>
- <li class="ui-li-1line" data-expanded-by="exp2">exp2-sub 2</li>
- <li class="ui-li-1line" data-expanded-by="exp2">exp2-sub 3</li>
- <li class="ui-li-2line ui-li-dialogue" data-expandable="true" id="exp3">
- <span class="ui-li-text-main">2line</span>
- <span class="ui-li-text-sub">Subtext</span>
- </li>
- <li class="ui-li-2line-sub-main ui-li-dialogue" data-expandable="true" id="exp4">
- <span class="ui-li-text-main">2line-sub-main</span>
- <span class="ui-li-text-sub">Subtext</span>
- </li>
- <li class="ui-li-2line-radio1 ui-li-dialogue" data-expandable="true" id="exp5">
- <span class="ui-li-text-main">2line-radio1</span>
- <span class="ui-li-text-sub">Subtext</span>
- <form><input type="radio" /></form>
- </li>
- <li class="ui-li-2line-colorbar3" data-expandable="true" id="exp6">
- <span class="ui-li-color-bar" style="background-color:rgba(72, 136, 42, 1);"></span>
- <span class="ui-li-text-main">2line-colorbar3</span>
- <span class="ui-li-text-sub">Subtext</span>
-<!-- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div> -->
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
-
- </ul>
- </div>
- <div data-role="footer">
- </div>
-</div>
+++ /dev/null
-<div data-role="page" id="genlist_extendable_page" data-add-back-btn="true">
- <script id="tmp-1line" type="text/x-jquery-tmpl">
- <li class="ui-li-1line"><span class="ui-li-text-main">${NAME}</span></li>
- </script>
- <script id="tmp_load_more" type="text/x-jquery-tmpl">
- <li class="ui-li-1line" style="text-align:center; margin:0 auto">
- <div data-role="button">Load ${NUM_MORE_ITEMS} more items</div>
- </li>
- </script>
-
- <div data-role="header" data-position="fixed">
- <h1>extendable list</h1>
- </div>
- <div data-role="content">
- <ul id = "extendable_list_main" data-role="extendablelist" data-extenditems="50" data-template="tmp-1line" data-dbtable="JSON_DATA">
- </ul>
- </div>
- <div data-role="footer">
- </div>
-</div>
+++ /dev/null
-<div data-role="page" id="genlist-multiline" data-add-back-btn="true">
-
-<div data-role="header">
- <h1>Multiline lists</h1>
-</div>
-
-<div data-role="content">
- <ul data-role="listview">
- <li class="ui-li-3-4-1">
- <h1>3-4-1 Main item</h1>
- Hundres of charities, hobby clubs and professional associations in the suburbs and thousands in the state could be forced to pay taxes for the first time next year.
- </li>
- <li class="ui-li-3-4-5">
- <h1>3-4-5</h1>
- Hundres of charities, hobby clubs and professional associations in the suburbs and thousands in the state could be forced to pay taxes for the first time next year.
- </li>
- </ul>
-</div>
-
-</div>
+++ /dev/null
-<div data-role="page" id="genlist-normal" data-add-back-btn="true" data-fit-page-to-window="true">
- <div data-role="header" data-position="fixed">
- <h1>Normal lists</h1>
- </div>
- <div class="content" data-role="content" data-scroll="y">
- <ul data-role="listview">
-
- <li class="ui-li-1line">
- <span class="ui-li-text-main">1line</span>
- </li>
-
- <li class="ui-li-1line">
- <span class="ui-li-text-main">1line (with link)</span>
- </li>
- <li class="ui-li-1line-sub">
- <span class="ui-li-text-main">1line-sub</span>
- <span class="ui-li-text-sub">subtext</sub>
- </li>
- <li class="ui-li-1line-sub">
- <span class="ui-li-text-main">1line-sub (with link)</span>
- <span class="ui-li-text-sub">subtext</span>
- </li>
- <li class="ui-li-1line-setting">
- <span class="ui-li-text-main">1line-setting</span>
- <span class="ui-li-text-sub">Sub text</span>
- </li>
- <li class="ui-li-1line-btn1">
- <span class="ui-li-text-main">1line-btn1</span>
- <div data-role="button" data-inline="true">Text Button</div>
- </li>
- <li class="ui-li-1line-btn2">
- <span class="ui-li-text-main">1line-btn2</span>
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </li>
- <li class="ui-li-1line-toggle">
- <span class="ui-li-text-main">1line-toggle</span>
- <div data-role="toggleswitch"/></div>
- </li>
-
- <li class="ui-li-1line-bigicon1">
- <span class="ui-li-text-main">1line-bigicon1</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
- <li class="ui-li-1line-bigicon2">
- <span class="ui-li-text-main">1line-bigicon2</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <span class="ui-li-text-sub">Sub text</span>
- </li>
- <li class="ui-li-1line-bigicon4">
- <span class="ui-li-text-main">1line-bigicon4</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <div data-role="button" data-inline="true">Text Button</div>
- </li>
- <li class="ui-li-1line-bigicon5">
- <span class="ui-li-text-main">1line-bigicon5</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </li>
- <li class="ui-li-1line-bigicon6">
- <span class="ui-li-text-main">1line-bigicon6</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <div data-role="toggleswitch"/></div>
- </li>
- <li class="ui-li-1line-check1">
- <span class="ui-li-text-main">1line-check1</span>
- <form><input type="checkbox" name="c1line-check1" /></form>
- </li>
- <li class="ui-li-1line-check2">
- <span class="ui-li-text-main">1line-check2</span>
- <form><input type="checkbox" name="c1line-check2" /></form>
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </li>
- <li class="ui-li-1line-check3">
- <span class="ui-li-text-main">1line-check3</span>
- <form><input type="checkbox" name="c1line-check3" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
- <li class="ui-li-1line-check4">
- <span class="ui-li-text-main">1line-check4</span>
- <form><input type="checkbox" name="c1line-check4" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </li>
- <li class="ui-li-1line-radio1">
- <span class="ui-li-text-main">1line-radio1</span>
- <form><input type="radio" /></form>
- </li>
- <li class="ui-li-1line-radio3">
- <span class="ui-li-text-main">1line-radio3</span>
- <form><input type="radio" /></form>
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </li>
- <li class="ui-li-1line-radio4">
- <span class="ui-li-text-main">1line-radio4</span>
- <form><input type="radio" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
- <li class="ui-li-1line-radio5">
- <span class="ui-li-text-main">1line-radio5</span>
- <form><input type="radio" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </li>
- <li class="ui-li-1line-radio6">
- <span class="ui-li-text-main">1line-radio6</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
- <li class="ui-li-2line">
- <span class="ui-li-text-main">2line</span>
- <span class="ui-li-text-sub">Subtext</span>
- </li>
-
- <li class="ui-li-2line-sub-main">
- <span class="ui-li-text-main">2line-sub-main</span>
- <span class="ui-li-text-sub">Subtext</span>
- </li>
-
- <li class="ui-li-2line-2sub">
- <span class="ui-li-text-main">2line-2sub</span>
- <span class="ui-li-text-sub">Subtext</span>
- <span class="ui-li-text-sub2">Subtext2</span>
- </li>
-
- <li class="ui-li-2line-btn1">
- <span class="ui-li-text-main">2line-btn1</span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true">button</div>
- </li>
-
- <li class="ui-li-2line-btn1">
- <span class="ui-li-text-main">2line-btn1</span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call"></div>
- </li>
-
- <li class="ui-li-2line-btn2">
- <span class="ui-li-text-main">2line-btn2</span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </li>
-
- <li class="ui-li-2line-star1">
- <span class="ui-li-text-main">2line-star1</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-sub">
- <span class="ui-li-text-sub">Subtext</span>
- <span class="ui-li-text-sub2">Subtext2</span>
- </li>
-
- <li class="ui-li-2line-star2">
- <span class="ui-li-text-main">2line-star2</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-sub">
- <span class="ui-li-text-sub"><img src="00_winset_icon_favorite_on.png">Subtext</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-sub">
- </li>
-
- <li class="ui-li-2line-setting">
- <span class="ui-li-text-main">2line-setting</span>
- <span class="ui-li-text-sub">Subtext</span>
- </li>
-
- <li class="ui-li-2line-toggle-setting">
- <span class="ui-li-text-main">2line-toggle-setting</span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="toggleswitch"/></div>
- </li>
-
- <li class="ui-li-2line-btn-setting">
- <span class="ui-li-text-main">2line-btn-setting</span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </li>
-
- <li class="ui-li-2line-bigicon0">
- <span class="ui-li-text-main">2line-bigicon0</span>
- <span class="ui-li-text-sub">Subtext<img src="00_winset_icon_favorite_on.png"></span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </li>
-
- <li class="ui-li-2line-bigicon1">
- <span class="ui-li-text-main">2line-bigicon1</span>
- <span class="ui-li-text-sub">Subtext</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
- <li class="ui-li-2line-bigicon2">
- <span class="ui-li-text-main">2line-bigicon2</span>
- <span class="ui-li-text-sub">Subtext</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <span class="ui-li-text-sub2">Subtext2</span>
- </li>
-
- <li class="ui-li-2line-bigicon3">
- <span class="ui-li-text-main">2line-bigicon3</span>
- <span class="ui-li-text-sub">Subtext</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
- <li class="ui-li-2line-bigicon4">
- <span class="ui-li-text-main">2line-bigicon4</span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
- <li class="ui-li-2line-check1">
- <span class="ui-li-text-main">2line-check1</span>
- <span class="ui-li-text-sub">Subtext</span>
- <form><input type="checkbox" name="c2line-check1" /></form>
- </li>
-
- <li class="ui-li-2line-check2">
- <span class="ui-li-text-main">2line-check2</span>
- <span class="ui-li-text-sub">Subtext</span>
- <form><input type="checkbox" name="c2line-check2" /></form>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </li>
-
- <li class="ui-li-2line-check3">
- <span class="ui-li-text-main">2line-check3</span>
- <span class="ui-li-text-sub">Subtext</span>
- <form><input type="checkbox" name="c2line-check3" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
-
- <li class="ui-li-2line-radio1">
- <span class="ui-li-text-main">2line-radio1</span>
- <span class="ui-li-text-sub">Subtext</span>
- <form><input type="radio" /></form>
- </li>
-
- <li class="ui-li-2line-radio2">
- <span class="ui-li-text-main">2line-radio2</span>
- <span class="ui-li-text-sub">Subtext</span>
- <form><input type="radio" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
-
- <li class="ui-li-2line-colorbar1">
- <span class="ui-li-color-bar"></span>
- <span class="ui-li-text-main">2line-colorbar1</span>
- <span class="ui-li-text-sub">Subtext
- <img src="00_winset_icon_favorite_on.png">
- <img src="00_winset_icon_favorite_on.png">
- <img src="00_winset_icon_favorite_on.png">
- </span>
- <span class="ui-li-text-sub2">Subtext2</span>
- <div data-role="button" data-inline="true">button</div>
- </li>
-
- <li class="ui-li-2line-colorbar2">
- <span class="ui-li-color-bar" style="background-color:rgba(72, 136, 42, 1);"></span>
- <span class="ui-li-text-main">2line-colorbar2<img src="00_winset_icon_favorite_on.png"></span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true">button</div>
- </li>
-
- <li class="ui-li-2line-colorbar2">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <span class="ui-li-text-main">2line-colorbar2<img src="00_winset_icon_favorite_on.png"></span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call"></div>
- </li>
-
- <li class="ui-li-2line-colorbar3">
- <span class="ui-li-color-bar" style="background-color:rgba(72, 136, 42, 1);"></span>
- <span class="ui-li-text-main">2line-colorbar3</span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
- <li class="ui-li-2line-bigicon8">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <span class="ui-li-text-main">2line-bigicon8</span>
- <span class="ui-li-text-sub">Subtext</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-sub">
- </li>
-
- <li class="ui-li-2line-thumb1">
- <span class="ui-li-text-main">2line-thumb1</span>
- <span class="ui-li-text-sub">Subtext</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
- <li class="ui-li-2line-thumb2">
- <span class="ui-li-text-main">2line-thumb2<img src="00_winset_icon_favorite_on.png"></span>
- <span class="ui-li-text-sub"><img src="00_winset_icon_favorite_on.png">Subtext</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
- <li class="ui-li-2line-sub-main-bigicon1">
- <span class="ui-li-text-sub">Subtext</span>
- <span class="ui-li-text-main">2line-sub-main-bigicon1</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
- <li class="ui-li-2line-bigicon-pgbar1">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <span class="ui-li-text-main">2line-bigicon-pgbar1</span>
- <span class="ui-li-text-sub">Subtext</span>
- <span class="ui-li-text-sub2">Subtext2</span>
- <div data-role="button" data-inline="true">Cancel</div>
- <div data-role="progressbar" id="progressbar"></div>
- </li>
-
- <li class="ui-li-2line-bigicon-pgbar2">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <span class="ui-li-text-main">2line-bigicon-pgbar2</span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true">button</div>
- </li>
-
- <li class="ui-li-2line-bigicon-pgbar2">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <span class="ui-li-text-main">2line-bigicon-pgbar2</span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call"></div>
- </li>
-
- <li class="ui-li-2line-bigicon-pgbar3">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <span class="ui-li-text-main">2line-bigicon-pgbar3</span>
- <span class="ui-li-text-sub">Subtext</span>
- <span class="ui-li-text-sub2">Subtext2</span>
- <div data-role="progressing" data-style="pending" id="pending"></div>
- </li>
-
- <li class="ui-li-2line-icon-bigicon-btn">
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <span class="ui-li-text-main">2line-icon-bigicon-btn</span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </li>
-
- <li class="ui-li-2line-thumb3">
- <span class="ui-li-text-main">2line-thumb3<img src="00_winset_icon_favorite_on.png"></span>
- <span class="ui-li-text-sub">Subtext</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
- </ul>
- </div>
-</div>
-
+++ /dev/null
-<div data-role="page" id="genlist-radio" data-add-back-btn="true" data-fit-page-to-window="true">
- <div data-role="header" data-position="fixed">
- <h1>Radio Button lists</h1>
- </div>
- <form>
- <div class="content" data-role="content" data-scroll="y">
- <ul data-role="listview">
- <li class="ui-li-1line-radio1">
- <span class="ui-li-text-main">Radio Item 1</span>
- <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked"/>
- </li>
- <li class="ui-li-1line-radio1">
- <span class="ui-li-text-main">Radio Item 2</span>
- <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"/>
- </li>
- <li class="ui-li-1line-radio1">
- <span class="ui-li-text-main">Radio Item 3</span>
- <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3"/>
- </li>
- <li class="ui-li-1line-radio3">
- <span class="ui-li-text-main">Radio Item 4</span>
- <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4"/>
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </li>
- <li class="ui-li-1line-radio4">
- <span class="ui-li-text-main">Radio Item 5</span>
- <input type="radio" name="radio-choice-1" id="radio-choice-5" value="choice-5"/>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
- <li class="ui-li-1line-radio1">
- <span class="ui-li-text-main">Radio Item 6</span>
- <input type="radio" name="radio-choice-1" id="radio-choice-6" value="choice-6"/>
- </li>
- <li class="ui-li-1line-radio1">
- <span class="ui-li-text-main">Radio Item 7</span>
- <input type="radio" name="radio-choice-1" id="radio-choice-7" value="choice-7"/>
- </li>
- <li class="ui-li-1line-radio1">
- <span class="ui-li-text-main">Radio Item 8</span>
- <input type="radio" name="radio-choice-1" id="radio-choice-8" value="choice-8"/>
- </li>
- <li class="ui-li-1line-radio3">
- <span class="ui-li-text-main">Radio Item 9</span>
- <input type="radio" name="radio-choice-1" id="radio-choice-9" value="choice-9"/>
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </li>
- <li class="ui-li-1line-radio4">
- <span class="ui-li-text-main">Radio Item 10</span>
- <input type="radio" name="radio-choice-1" id="radio-choice-10" value="choice-10"/>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
- </ul>
- </div>
- </form>
-</div>
-
+++ /dev/null
-<div data-role="page" id="genlist-swipe" data-add-back-btn="true" data-fit-page-to-window="true">
- <div data-role="header" data-position="fixed">
- <h1>Swipe lists</h1>
- </div>
- <div class="content" data-role="content">
- <ul data-role="listview">
- <ul data-role="swipelist">
- <li class="ui-li-1line-leftsub1 ui-li-dialogue">
- <div data-role="button" data-inline="true">Twitter</div>
- <div data-role="button" data-inline="true">Twitter</div>
- <div data-role="button" data-inline="true">Facebook</div>
- <div data-role="button" data-inline="true">Facebook</div>
- <div data-role="swipelist-item-cover">
- <div style="display: inline-block;" class="ui-li-text-sub-left">subtext</div>
- <div style="display: inline-block;" class="ui-li-text-main-right">1line-leftsub1</div>
- </div>
- </li>
- <li class="ui-li-1line ui-li-dialogue">
- <div data-role="button" data-inline="true">Twitter</div>
- <div data-role="button" data-inline="true">Twitter</div>
- <div data-role="button" data-inline="true">Facebook</div>
- <div data-role="button" data-inline="true">Facebook</div>
- <div data-role="swipelist-item-cover">
- <div class="ui-li-text-main">1line</div>
- </div>
- </li>
- <li class="ui-li-1line-leftsub1 ui-li-dialogue">
- <div data-role="button" data-inline="true">Twitter</div>
- <div data-role="button" data-inline="true">Twitter</div>
- <div data-role="button" data-inline="true">Facebook</div>
- <div data-role="button" data-inline="true">Facebook</div>
- <div data-role="swipelist-item-cover">
- <div style="display: inline-block;" class="ui-li-text-sub-left">subtext</div>
- <div style="display: inline-block;" class="ui-li-text-main-right">1line-leftsub1</div>
- </div>
- </li>
- <li class="ui-li-1line ui-li-dialogue">
- <div data-role="button" data-inline="true">Twitter</div>
- <div data-role="button" data-inline="true">Twitter</div>
- <div data-role="button" data-inline="true">Facebook</div>
- <div data-role="button" data-inline="true">Facebook</div>
- <div data-role="swipelist-item-cover">
- <div class="ui-li-text-main">1line</div>
- </div>
- </li>
- <li class="ui-li-1line-leftsub1 ui-li-dialogue">
- <div data-role="button" data-inline="true">Twitter</div>
- <div data-role="button" data-inline="true">Twitter</div>
- <div data-role="button" data-inline="true">Facebook</div>
- <div data-role="button" data-inline="true">Facebook</div>
- <div data-role="swipelist-item-cover">
- <div style="display: inline-block;" class="ui-li-text-sub-left">subtext</div>
- <div style="display: inline-block;" class="ui-li-text-main-right">1line-leftsub1</div>
- </div>
- </li>
- <li class="ui-li-1line ui-li-dialogue">
- <div data-role="button" data-inline="true">Twitter</div>
- <div data-role="button" data-inline="true">Twitter</div>
- <div data-role="button" data-inline="true">Facebook</div>
- <div data-role="button" data-inline="true">Facebook</div>
- <div data-role="swipelist-item-cover">
- <div class="ui-li-text-main">1line</div>
- </div>
- </li>
- <li class="ui-li-1line-leftsub1 ui-li-dialogue">
- <div data-role="button" data-inline="true">Twitter</div>
- <div data-role="button" data-inline="true">Twitter</div>
- <div data-role="button" data-inline="true">Facebook</div>
- <div data-role="button" data-inline="true">Facebook</div>
- <div data-role="swipelist-item-cover">
- <div style="display: inline-block;" class="ui-li-text-sub-left">subtext</div>
- <div style="display: inline-block;" class="ui-li-text-main-right">1line-leftsub1</div>
- </div>
- </li>
- <li class="ui-li-1line ui-li-dialogue">
- <div data-role="button" data-inline="true">Twitter</div>
- <div data-role="button" data-inline="true">Twitter</div>
- <div data-role="button" data-inline="true">Facebook</div>
- <div data-role="button" data-inline="true">Facebook</div>
- <div data-role="swipelist-item-cover">
- <div class="ui-li-text-main">1line</div>
- </div>
- </li>
- <li class="ui-li-1line-leftsub1 ui-li-dialogue">
- <div data-role="button" data-inline="true">Twitter</div>
- <div data-role="button" data-inline="true">Twitter</div>
- <div data-role="button" data-inline="true">Facebook</div>
- <div data-role="button" data-inline="true">Facebook</div>
- <div data-role="swipelist-item-cover">
- <div style="display: inline-block;" class="ui-li-text-sub-left">subtext</div>
- <div style="display: inline-block;" class="ui-li-text-main-right">1line-leftsub1</div>
- </div>
- </li>
- <li class="ui-li-1line ui-li-dialogue">
- <div data-role="button" data-inline="true">Twitter</div>
- <div data-role="button" data-inline="true">Twitter</div>
- <div data-role="button" data-inline="true">Facebook</div>
- <div data-role="button" data-inline="true">Facebook</div>
- <div data-role="swipelist-item-cover">
- <div class="ui-li-text-main">1line</div>
- </div>
- </li>
- </ul>
- </ul>
- </div>
-</div>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
- <body>
-
-
-<div data-role="page" id="list" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>List</h1>
- </div>
- <div data-role="content">
- <ul data-role="listview">
- <li data-role="list-divider">Item styles</li>
- <li><a href="list-normal.html">Normal lists</a></li>
- <li><a href="list-bubble.html">bubble</a></li>
- <li><a href="list-expandable.html">expandable list</a></li>
- <li><a href="list-radio.html">Radio Button list</a></li>
- <li><a href="list-dialogue.html">Dialogue list</a></li>
- <li><a href="list-email.html">Email list</a></li>
- <li><a href="list-swipe.html">Swipe list</a></li>
- <li><a href="list-extendable.html">Extendable list</a></li>
- <li><a href="virtuallist-normal.html">Virtual List Normal Style 1line</a></li>
- <li><a href="virtuallist-normal_3_1_4.html">Virtual List Normal Style 1line-btn1</a></li>
- <li><a href="virtuallist-normal_3_1_6.html">Virtual List Normal Style 1line-toggle</a></li>
- <li><a href="virtuallist-normal_3_1_14.html">Virtual List Normal Style 1line-bigicon5</a></li>
- <li><a href="virtuallist-normal_3_2_7.html">Virtual List Normal Style 2line-star1</a></li>
- <li data-role="list-divider">(empty)</li>
- <li data-role="list-divider">Samples</li>
- </ul>
- </div>
-</div>
-
-
-
-<div data-role="page" id="3" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1></h1>
- </div>
- <div data-role="content">
- <ul-data-role="listview">
- </ul>
- </div>
-</div>
-
-
-</body>
-</html>
+++ /dev/null
-/*\r
- * jQuery Mobile Framework : Dummy data for Virtuallist demo\r
- * Copyright (c) Lee, Wongi (wongi11.lee@samsung.com)\r
- * Dual licensed under the MIT or GPL Version 2 licenses.\r
- * http://jquery.org/license\r
- */\r
-\r
-/* Sample Data in JSON : NBA Player list more than 1,000. */\r
-var JSON_DATA = [\r
-{NAME:"Abdelnaby, Alaa", ACTIVE:"1990 - 1994", FROM:"College - Duke", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Abdul-Aziz, Zaid", ACTIVE:"1968 - 1977", FROM:"College - Iowa State", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Abdul-Jabbar, Kareem", ACTIVE:"1969 - 1988", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Abdul-Rauf, Mahmoud", ACTIVE:"1990 - 2000", FROM:"College - Louisiana State", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Abdul-Wahad, Tariq", ACTIVE:"1997 - 2002", FROM:"College - San Jose State", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Abdur-Rahim, Shareef", ACTIVE:"2007 - 2007", FROM:"College - California", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Abernethy, Tom", ACTIVE:"1976 - 1980", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Able, Forest Edward (Frosty)", ACTIVE:"1956 - 1956", FROM:"College - Western Kentucky; Louisville", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Abramovic, John Jr. (Brooms)", ACTIVE:"1946 - 1947", FROM:"College - Salem (NC)", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Acker, Alex", ACTIVE:"2005 - 2008", FROM:"College - Pepperdine", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Ackerman, Donald D. (Buddy)", ACTIVE:"1953 - 1953", FROM:"College - Long Island University", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Acres, Mark", ACTIVE:"1987 - 1992", FROM:"College - Oral Roberts", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Acton, Charles R. (Bud)", ACTIVE:"1967 - 1967", FROM:"College - Alma; Hillsdale", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Adams, Alvan", ACTIVE:"1975 - 1987", FROM:"College - Oklahoma", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Adams, Donald L. (Don)", ACTIVE:"1970 - 1976", FROM:"College - Northwestern", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Adams, Hassan", ACTIVE:"2006 - 2008", FROM:"College - Arizona", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Adams, Michael", ACTIVE:"1985 - 1995", FROM:"College - Boston College", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Addison, Rafael", ACTIVE:"1986 - 1996", FROM:"College - Syracuse", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Adelman, Rick", ACTIVE:"1968 - 1974", FROM:"College - Loyola Marymount", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Adrien, Jeff", ACTIVE:"ACTIVE", FROM:"College - Connecticut", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Afflalo, Arron", ACTIVE:"ACTIVE", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Ager, Maurice", ACTIVE:"2007 - 2010", FROM:"College - Michigan State", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Aguirre, Mark", ACTIVE:"1981 - 1993", FROM:"College - DePaul", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Ahearn, Blake", ACTIVE:"2007 - 2008", FROM:"College - Missouri State", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Ainge, Danny", ACTIVE:"1981 - 1994", FROM:"College - Brigham Young", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Ajinca, Alexis", ACTIVE:"ACTIVE", FROM:"From - Saint Etienne, France", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Akin, Henry T.", ACTIVE:"1966 - 1967", FROM:"College - William Carey; Morehead State", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Alabi, Solomon", ACTIVE:"ACTIVE", FROM:"College - Florida State", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Alarie, Mark", ACTIVE:"1986 - 1990", FROM:"College - Duke", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Alcorn, Gary R.", ACTIVE:"1959 - 1960", FROM:"College - Fresno City Coll. CA (J.C.); Fresno State", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Aldrich, Cole", ACTIVE:"ACTIVE", FROM:"College - Kansas", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Aldridge, LaMarcus", ACTIVE:"ACTIVE", FROM:"College - Texas", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Aleksinas, Chuck", ACTIVE:"1984 - 1984", FROM:"College - Kentucky; Connecticut", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Alexander, Cory", ACTIVE:"1995 - 2004", FROM:"College - Virginia", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Alexander, Courtney", ACTIVE:"2000 - 2002", FROM:"College - Fresno State", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Alexander, Gary", ACTIVE:"1993 - 1993", FROM:"College - South Florida", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Alexander, Joe", ACTIVE:"2008 - 2009", FROM:"College - West Virginia", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Alexander, Victor", ACTIVE:"1991 - 2001", FROM:"College - Iowa State", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Alford, Steve", ACTIVE:"1987 - 1990", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Allen, Jerome", ACTIVE:"1995 - 1996", FROM:"College - Pennsylvania", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Allen, Lucius", ACTIVE:"1969 - 1978", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Allen, Malik", ACTIVE:"ACTIVE", FROM:"College - Villanova", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Allen, Randy", ACTIVE:"1988 - 1989", FROM:"College - Florida State", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Allen, Ray", ACTIVE:"ACTIVE", FROM:"College - Connecticut", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Allen, Robert J. (Bob)", ACTIVE:"1968 - 1968", FROM:"College - Marshall", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Allen, Tony", ACTIVE:"ACTIVE", FROM:"College - Oklahoma State", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Allison, Odis Jr.", ACTIVE:"1971 - 1971", FROM:"College - Laney Coll. CA (J.C.); Nevada-Las Vegas", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Allred, Lance", ACTIVE:"2007 - 2007", FROM:"College - Weber State", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Allums, Darrell", ACTIVE:"1980 - 1980", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Almond, Morris", ACTIVE:"2007 - 2008", FROM:"College - Rice", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Babbitt, Luke", ACTIVE:"ACTIVE", FROM:"College - Nevada-Reno", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Babic, Milos", ACTIVE:"1990 - 1991", FROM:"College - Tennessee Tech", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Bach, John William (Johnny)", ACTIVE:"1948 - 1948", FROM:"College - Fordham; Rochester; Brown", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Baechtold, James E. (Jim)", ACTIVE:"1952 - 1956", FROM:"College - Eastern Kentucky", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Bagaric, Dalibor", ACTIVE:"2000 - 2002", FROM:"From - Croatia", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Bagley, John", ACTIVE:"1982 - 1993", FROM:"College - Boston College", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Bailey, Augustus (Gus)", ACTIVE:"1974 - 1979", FROM:"College - Texas-El Paso", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Bailey, Carl", ACTIVE:"1981 - 1981", FROM:"College - Tuskegee", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Bailey, James", ACTIVE:"1979 - 1987", FROM:"College - Rutgers", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Bailey, Thurl", ACTIVE:"1983 - 1998", FROM:"College - North Carolina State", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Bailey, Toby", ACTIVE:"1998 - 1999", FROM:"College - UCLA ''98", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Baker, Mark", ACTIVE:"1998 - 1998", FROM:"College - Ohio State", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Baker, Maurice", ACTIVE:"2004 - 2004", FROM:"College - Oklahoma State '02", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Baker, Norman Henry (Norm)", ACTIVE:"1946 - 1946", FROM:"College - No College", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Baker, Vin", ACTIVE:"1993 - 2005", FROM:"College - Hartford", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Balkman, Renaldo", ACTIVE:"ACTIVE", FROM:"College - South Carolina", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Ball, Cedric", ACTIVE:"1990 - 1990", FROM:"College - North Carolina-Charlotte", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Ballard, Greg", ACTIVE:"1977 - 1988", FROM:"College - Shasta Coll. CA (J.C.); Oregon", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Baltimore, Herschel David (Herk)", ACTIVE:"1946 - 1946", FROM:"College - Penn State", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Banks, Gene", ACTIVE:"1981 - 1986", FROM:"College - Duke", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Banks, Marcus", ACTIVE:"ACTIVE", FROM:"College - Nevada-Las Vegas", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Bannister, Ken", ACTIVE:"1984 - 1990", FROM:"College - Trinidad State JC CO; Indiana State; Saint Augustine College", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Bantom, Mike", ACTIVE:"1973 - 1981", FROM:"College - St. Joseph's (PA)", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Barber, John", ACTIVE:"1956 - 1956", FROM:"College - Los Angeles State", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Barbosa, Leandro", ACTIVE:"ACTIVE", FROM:"From - Sau Paulo, Brazil", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Bardo, Stephen", ACTIVE:"1991 - 1995", FROM:"College - Illinois", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Barea, Jose", ACTIVE:"ACTIVE", FROM:"College - Northeastern", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Bargnani, Andrea", ACTIVE:"ACTIVE", FROM:"From - Rome, Italy", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Barker, Clifford E. (Cliff)", ACTIVE:"1949 - 1951", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Barker, Thomas Kevin (Tom)", ACTIVE:"1976 - 1978", FROM:"College - Minnesota; Coll. of Southern Idaho (J.C.); Hawaii", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Barkley, Charles", ACTIVE:"1984 - 1999", FROM:"College - Auburn", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Barkley, Erick", ACTIVE:"2000 - 2001", FROM:"College - St. John''s '02", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Barksdale, Don Angelo", ACTIVE:"1951 - 1954", FROM:"College - Coll. of Marin CA (J.C.); UCLA", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Barnes, Harry J.", ACTIVE:"1968 - 1968", FROM:"College - Northeastern", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Barnes, Marvin Jerome", ACTIVE:"1976 - 1979", FROM:"College - Providence", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Barnes, Matt", ACTIVE:"ACTIVE", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Barnes, V. James (Jim, Bad News)", ACTIVE:"1964 - 1970", FROM:"College - Cameron; Texas-El Paso", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Barnett, Dick", ACTIVE:"1959 - 1973", FROM:"College - Tennessee State", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Barnett, James Franklin (Jim)", ACTIVE:"1966 - 1976", FROM:"College - Oregon", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Barnhill, John Anthony (Rabbit)", ACTIVE:"1962 - 1968", FROM:"College - Tennessee State", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Barnhill, Norton", ACTIVE:"1976 - 1976", FROM:"College - Washington State", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Barnhorst, Leo A. (Barney)", ACTIVE:"1949 - 1953", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Barr, John E.", ACTIVE:"1946 - 1946", FROM:"College - Penn State", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Barr, Michael J. (Mike)", ACTIVE:"1976 - 1976", FROM:"College - Duquesne", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Barr, Thomas L. (Moe)", ACTIVE:"1970 - 1970", FROM:"College - Duquesne", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Barrett, Andre", ACTIVE:"2007 - 2007", FROM:"College - Seton Hall", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Barrett, Ernie Drew", ACTIVE:"1953 - 1955", FROM:"College - Kansas State", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Barron, Earl", ACTIVE:"ACTIVE", FROM:"College - Memphis", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Barros, Dana", ACTIVE:"1989 - 2003", FROM:"College - Boston College ''89", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Barry, Brent", ACTIVE:"2007 - 2008", FROM:"College - Oregon State", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Cabarkapa, Zarko", ACTIVE:"2003 - 2005", FROM:"From - Serbia & Montenegro", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Cable, Byrum William (Barney)", ACTIVE:"1958 - 1963", FROM:"College - Bradley", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Caffey, Jason", ACTIVE:"1995 - 2002", FROM:"College - Alabama ''95", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Cage, Michael", ACTIVE:"1984 - 1999", FROM:"College - San Diego State", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Calabrese, Gerald A. (Gerry)", ACTIVE:"1950 - 1951", FROM:"College - St. John's (N.Y.)", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Calderon, Jose", ACTIVE:"ACTIVE", FROM:"From - Villanueva de la Serena, Spain", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Caldwell, Adrian", ACTIVE:"1989 - 1997", FROM:"College - Navarro Coll. TX (J.C.); Southern Methodist; Lamar", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Caldwell, James W. Jr. (Jim)", ACTIVE:"1967 - 1967", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Caldwell, Joe (Pogo)", ACTIVE:"1964 - 1969", FROM:"College - Arizona State", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Calhoun, David L. (Corky)", ACTIVE:"1972 - 1979", FROM:"College - Pennsylvania", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Calhoun, William C. (Bill)", ACTIVE:"1948 - 1954", FROM:"College - San Francisco City Coll. CA (J.C.)", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Calip, Demetrius", ACTIVE:"1991 - 1991", FROM:"College - Michigan", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Callahan, Thomas Francis (Tom)", ACTIVE:"1946 - 1946", FROM:"College - Notre Dame; Rockhurst", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Calloway, Rick", ACTIVE:"1990 - 1990", FROM:"College - Indiana; Kansas", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Calverley, Ernest A. (Ernie)", ACTIVE:"1946 - 1948", FROM:"College - Rhode Island", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Calvin, Mack", ACTIVE:"1976 - 1980", FROM:"College - Long Beach City Coll. CA (J.C.); USC", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Cambridge, Dexter", ACTIVE:"1992 - 1992", FROM:"College - Lon Morris Coll. TX (J.C.); Texas", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Camby, Marcus", ACTIVE:"ACTIVE", FROM:"College - Massachusetts", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Campbell, Elden", ACTIVE:"1990 - 2004", FROM:"College - Clemson", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Campbell, Tony", ACTIVE:"1984 - 1994", FROM:"College - Ohio State", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Cannon, Lawrence T. (Larry)", ACTIVE:"1973 - 1973", FROM:"College - La Salle", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Caracter, Derrick", ACTIVE:"ACTIVE", FROM:"College - Texas-El Paso", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Cardinal, Brian", ACTIVE:"ACTIVE", FROM:"College - Purdue", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Carl, Howard Hershey (Howie)", ACTIVE:"1961 - 1961", FROM:"College - Illinois; DePaul", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Carlisle, Chester G. (Chet)", ACTIVE:"1946 - 1946", FROM:"College - California", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Carlisle, Geno", ACTIVE:"2004 - 2004", FROM:"College - California '99", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Carlisle, Rick", ACTIVE:"1984 - 1989", FROM:"College - Maine; Virginia", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Carlson, Alvin Harold", ACTIVE:"1975 - 1975", FROM:"College - USC; Oregon", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Carlson, Don Vernon (Swede)", ACTIVE:"1946 - 1950", FROM:"College - Minnesota", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Carney, Robert Lee (Bob)", ACTIVE:"1954 - 1954", FROM:"College - Bradley", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Carney, Rodney", ACTIVE:"2007 - 2010", FROM:"College - Memphis", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Carpenter, Robert H. (Bob)", ACTIVE:"1949 - 1950", FROM:"College - Texas A&M-Commerce", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Carr, Antoine", ACTIVE:"1984 - 1999", FROM:"College - Wichita State", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Carr, Austin George", ACTIVE:"1971 - 1980", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Carr, Chris", ACTIVE:"1995 - 2000", FROM:"College - Southern Illinois", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Carr, Cory", ACTIVE:"1998 - 1998", FROM:"College - Texas Tech", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Carr, Kenny", ACTIVE:"1977 - 1986", FROM:"College - North Carolina State", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Carr, M.L.", ACTIVE:"1976 - 1984", FROM:"College - Guilford", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Carrington, Robert Frederick (Bob)", ACTIVE:"1977 - 1979", FROM:"College - Boston College", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Carroll, DeMarre", ACTIVE:"2009 - 2010", FROM:"College - Missouri", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Carroll, Joe Barry", ACTIVE:"1980 - 1990", FROM:"College - Purdue", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Carroll, Matt", ACTIVE:"ACTIVE", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Carruth, Jimmy", ACTIVE:"1996 - 1996", FROM:"College - Virginia Tech", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Carter, Anthony", ACTIVE:"ACTIVE", FROM:"College - Hawaii", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Carter, Butch", ACTIVE:"1980 - 1985", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Carter, Frederick James (Fred, Mad Dog)", ACTIVE:"1969 - 1976", FROM:"College - Mount St. Mary's", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Carter, George", ACTIVE:"1967 - 1967", FROM:"College - St. Bonaventure", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Carter, Howard", ACTIVE:"1983 - 1984", FROM:"College - Louisiana State", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Carter, John D. (Jake)", ACTIVE:"1949 - 1949", FROM:"College - Texas A&M-Commerce", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Carter, Maurice", ACTIVE:"2003 - 2003", FROM:"College - Louisiana State ''99", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"D'Antoni, Michael Andrew (Mike)", ACTIVE:"1973 - 1976", FROM:"College - Marshall", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Dahler, Edward Jr. (Ed)", ACTIVE:"1951 - 1951", FROM:"College - Duquesne", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Dailey, Quintin", ACTIVE:"1982 - 1991", FROM:"College - San Francisco", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Dalembert, Samuel", ACTIVE:"ACTIVE", FROM:"College - Seton Hall", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Dallmar, Howard (Howie)", ACTIVE:"1946 - 1948", FROM:"College - Stanford; Pennsylvania", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Dampier, Erick", ACTIVE:"ACTIVE", FROM:"College - Mississippi State", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Dampier, Louie (Lou)", ACTIVE:"1976 - 1978", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Dandridge, Robert L. Jr. (Bob)", ACTIVE:"1969 - 1981", FROM:"College - Norfolk State", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Daniels, Antonio", ACTIVE:"ACTIVE", FROM:"College - Bowling Green", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Daniels, Erik", ACTIVE:"2004 - 2004", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Daniels, Lloyd", ACTIVE:"1992 - 1997", FROM:"College - Mount San Antonio Coll. CA (J.C.)", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Daniels, Marquis", ACTIVE:"ACTIVE", FROM:"College - Auburn", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Daniels, Mel", ACTIVE:"1976 - 1976", FROM:"College - Burlington Co. Coll. NJ (J.C.); New Mexico", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Danilovic, Sasha", ACTIVE:"1995 - 1996", FROM:"College - Serbia", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Dantley, Adrian", ACTIVE:"1976 - 1990", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Darcey, Henry J. (Pete)", ACTIVE:"1952 - 1952", FROM:"College - Oklahoma State", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Darden, James W. (Jimmy)", ACTIVE:"1949 - 1949", FROM:"College - Wyoming; Denver", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Dare, Yinka", ACTIVE:"1994 - 1997", FROM:"College - George Washington", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Dark, Jesse L.", ACTIVE:"1974 - 1974", FROM:"College - Virginia Commonwealth", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Darrow, James K. (Jimmy)", ACTIVE:"1961 - 1961", FROM:"College - Bowling Green State", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Daugherty, Brad", ACTIVE:"1986 - 1993", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"David, Kornel", ACTIVE:"1998 - 2000", FROM:"College - Budapest AEH", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Davidson, Jermareo", ACTIVE:"2007 - 2008", FROM:"College - Alabama", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Davies, Robert Edris (Bob, Harrisburg Houdini)", ACTIVE:"1948 - 1954", FROM:"College - Franklin & Marshall; Seton Hall", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Davis, Antonio", ACTIVE:"1993 - 2005", FROM:"College - Texas-El Paso", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Davis, Aubrey D.", ACTIVE:"1946 - 1946", FROM:"College - Oklahoma Baptist", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Davis, Baron", ACTIVE:"ACTIVE", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Davis, Ben", ACTIVE:"1996 - 1999", FROM:"College - Arizona ''96", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Davis, Brad", ACTIVE:"1977 - 1991", FROM:"College - Maryland", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Davis, Brian", ACTIVE:"1993 - 1993", FROM:"College - Duke", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Davis, Charles Lawrence (Charlie)", ACTIVE:"1971 - 1973", FROM:"College - Wake Forest", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Davis, Charlie E.", ACTIVE:"1981 - 1989", FROM:"College - Vanderbilt", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Davis, Dale", ACTIVE:"1991 - 2006", FROM:"College - Clemson", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Davis, Damon William (Monti)", ACTIVE:"1980 - 1980", FROM:"College - Tennessee State", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Davis, Dwight E. (Double D)", ACTIVE:"1972 - 1976", FROM:"College - Houston", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Davis, Ed", ACTIVE:"ACTIVE", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Davis, Edward J. (Mickey)", ACTIVE:"1972 - 1976", FROM:"College - Duquesne", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Davis, Emanual", ACTIVE:"1996 - 2002", FROM:"College - Delaware State ''91", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Davis, Glen", ACTIVE:"ACTIVE", FROM:"College - Louisiana State", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Davis, Harry A.", ACTIVE:"1978 - 1979", FROM:"College - Florida State", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Davis, Hubert", ACTIVE:"1992 - 2003", FROM:"College - North Carolina ''92", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Davis, James R. (Red)", ACTIVE:"1955 - 1955", FROM:"College - St. John's (N.Y.)", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Davis, James W. (Jim)", ACTIVE:"1967 - 1974", FROM:"College - Colorado", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Davis, Johnny", ACTIVE:"1976 - 1985", FROM:"College - Dayton", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Davis, Josh", ACTIVE:"2003 - 2005", FROM:"College - Wyoming", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Davis, Mark", ACTIVE:"1988 - 1988", FROM:"College - Old Dominion", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Davis, Mark", ACTIVE:"1995 - 1999", FROM:"College - Texas Tech", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Davis, Melvyn Jerome (Mel, Killer)", ACTIVE:"1973 - 1976", FROM:"College - St. John's (N.Y.)", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Davis, Michael", ACTIVE:"1982 - 1982", FROM:"College - Mercer Co. CC NJ; Maryland", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Davis, Michael A. (Mike, Crusher)", ACTIVE:"1969 - 1972", FROM:"College - Virginia Union", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Eackles, Ledell", ACTIVE:"1988 - 1997", FROM:"College - San Jacinto Coll. TX (J.C.); New Orleans", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Eakins, James Scott (Jim, Jimbo)", ACTIVE:"1976 - 1977", FROM:"College - Brigham Young", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Earl, Acie", ACTIVE:"1993 - 1996", FROM:"College - Iowa", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Earle, Edwin (Ed)", ACTIVE:"1953 - 1953", FROM:"College - Loyola (Chicago)", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Eaton, Mark", ACTIVE:"1982 - 1992", FROM:"College - Cypress Coll. CA (J.C.); UCLA", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Eaves, Jerry", ACTIVE:"1982 - 1986", FROM:"College - Louisville", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Ebanks, Devin", ACTIVE:"ACTIVE", FROM:"College - West Virginia", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Ebben, William Edward (Bill)", ACTIVE:"1957 - 1957", FROM:"College - Detroit", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Eberhard, Allen Dean (Al)", ACTIVE:"1974 - 1977", FROM:"College - Missouri", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Ebi, Ndudi", ACTIVE:"2003 - 2004", FROM:"High School - Westbury Christian HS (TX)", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Eddie, Patrick", ACTIVE:"1991 - 1991", FROM:"College - Arkansas State; Mississippi", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Eddleman, Thomas Dwight (Dike)", ACTIVE:"1949 - 1952", FROM:"College - Illinois", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Edelin, Kenton Scott (Kent)", ACTIVE:"1984 - 1984", FROM:"College - Virginia", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Edmonson, Keith", ACTIVE:"1982 - 1983", FROM:"College - Purdue", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Edney, Tyus", ACTIVE:"1995 - 2000", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Edwards, Bill", ACTIVE:"1993 - 1993", FROM:"College - Wright State", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Edwards, Blue", ACTIVE:"1989 - 1998", FROM:"College - Louisburg; East Carolina", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Edwards, Corsley", ACTIVE:"2004 - 2004", FROM:"College - Central Connecticut State '02", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Edwards, Doug", ACTIVE:"1993 - 1995", FROM:"College - Florida State", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Edwards, Franklin", ACTIVE:"1981 - 1987", FROM:"College - Cleveland State", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Edwards, James", ACTIVE:"1977 - 1995", FROM:"College - Washington", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Edwards, Jay", ACTIVE:"1989 - 1989", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Edwards, John", ACTIVE:"2004 - 2005", FROM:"College - Kent State", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Edwards, Kevin", ACTIVE:"1988 - 2000", FROM:"College - Lakeland CC OH; DePaul", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Egan, John Francis (Johnny)", ACTIVE:"1961 - 1971", FROM:"College - Providence", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Eggleston, Lonnie J.", ACTIVE:"1948 - 1948", FROM:"College - Oklahoma State", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Ehlers, Edwin S. (Eddie, Bulbs)", ACTIVE:"1947 - 1948", FROM:"College - Purdue", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Ehlo, Craig", ACTIVE:"1983 - 1996", FROM:"College - Odessa Coll. TX (J.C.); Washington State", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Eichhorst, Richard A. (Dick)", ACTIVE:"1961 - 1961", FROM:"College - Southeast Missouri State", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Eisley, Howard", ACTIVE:"1994 - 2005", FROM:"College - Boston College", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Ekezie, Obinna", ACTIVE:"1999 - 2004", FROM:"College - Maryland", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"El-Amin, Khalid", ACTIVE:"2000 - 2000", FROM:"College - Connecticut ''01", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Eliason, Donald Carlton (Don)", ACTIVE:"1946 - 1946", FROM:"College - Hamline", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Elie, Mario", ACTIVE:"1990 - 2000", FROM:"College - American International", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Ellefson, E. Ray (Ray)", ACTIVE:"1948 - 1950", FROM:"College - Oklahoma State; Colorado; West Texas A&M", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Ellington, Wayne", ACTIVE:"ACTIVE", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Elliott, Robert Alan (Bob)", ACTIVE:"1978 - 1980", FROM:"College - Arizona", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Elliott, Sean", ACTIVE:"1989 - 2000", FROM:"College - Arizona", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Ellis, Alexander (Boo)", ACTIVE:"1958 - 1959", FROM:"College - Niagara", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Ellis, Dale", ACTIVE:"1983 - 1999", FROM:"College - Tennessee", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Ellis, Harold", ACTIVE:"1993 - 1997", FROM:"College - Morehouse", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Ellis, Joe", ACTIVE:"1966 - 1973", FROM:"College - San Francisco", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Ellis, LaPhonso", ACTIVE:"1992 - 2002", FROM:"College - Notre Dame ''92", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Ellis, LeRon", ACTIVE:"1991 - 1995", FROM:"College - Kentucky; Syracuse", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Ellis, Leroy", ACTIVE:"1962 - 1975", FROM:"College - St. John's (N.Y.)", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Ellis, Maurice H. (Bo)", ACTIVE:"1977 - 1979", FROM:"College - Marquette", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Ellis, Monta", ACTIVE:"ACTIVE", FROM:"High School - Lanier HS (Jackson, MS)", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Ellison, Pervis", ACTIVE:"1989 - 2000", FROM:"College - Louisville", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Elmore, Len", ACTIVE:"1976 - 1983", FROM:"College - Maryland", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Elson, Francisco", ACTIVE:"ACTIVE", FROM:"College - California", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Fabel, Joseph (Joe)", ACTIVE:"1946 - 1946", FROM:"College - Pittsburgh", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Fairchild, John Russell", ACTIVE:"1965 - 1965", FROM:"College - Palomar Coll. CA (J.C.); Brigham Young", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Farbman, Philip M. (Phil)", ACTIVE:"1948 - 1948", FROM:"College - CCNY; Brooklyn College", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Farley, Richard L. (Dick)", ACTIVE:"1954 - 1958", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Farmar, Jordan", ACTIVE:"ACTIVE", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Farmer, Desmon", ACTIVE:"2006 - 2008", FROM:"College - USC", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Farmer, Don Michael (Mike)", ACTIVE:"1958 - 1965", FROM:"College - San Francisco", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Farmer, Jim", ACTIVE:"1987 - 1993", FROM:"College - Alabama", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Farmer, Tony", ACTIVE:"1997 - 1999", FROM:"College - Nebraska", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Faught, Robert Edward (Bob)", ACTIVE:"1946 - 1946", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Favors, Derrick", ACTIVE:"ACTIVE", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Fazekas, Nick", ACTIVE:"2007 - 2007", FROM:"College - Nevada-Reno", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Fedor, Samuel David (Dave)", ACTIVE:"1962 - 1962", FROM:"College - Florida State", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Feerick, Robert Joseph (Bob)", ACTIVE:"1946 - 1949", FROM:"College - Santa Clara", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Feher, Raymond G. (Butch)", ACTIVE:"1976 - 1976", FROM:"College - Vanderbilt", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Feick, Jamie", ACTIVE:"1996 - 2000", FROM:"College - Michigan State ''96", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Feiereisel, Ronald E. (Ron)", ACTIVE:"1955 - 1955", FROM:"College - DePaul", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Feigenbaum, George", ACTIVE:"1949 - 1952", FROM:"College - Long Island University; Kentucky", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Feitl, Dave", ACTIVE:"1986 - 1991", FROM:"College - Texas-El Paso", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Felix, Noel", ACTIVE:"2005 - 2005", FROM:"College - Fresno State", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Felix, Ray", ACTIVE:"1953 - 1961", FROM:"College - Long Island University", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Felton, Raymond", ACTIVE:"ACTIVE", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Fendley, John Phillip (Jake)", ACTIVE:"1951 - 1952", FROM:"College - Northwestern", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Fenley, William Warren (Bill)", ACTIVE:"1946 - 1946", FROM:"College - Manhattan", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Ferguson, Desmond", ACTIVE:"2003 - 2003", FROM:"College - Detroit", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Fernandez, Rudy", ACTIVE:"ACTIVE", FROM:"From - Palma de Mallorca, Spain", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Fernsten, Eric", ACTIVE:"1975 - 1983", FROM:"College - San Francisco", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Ferrari, Albert R. (Al)", ACTIVE:"1955 - 1962", FROM:"College - Michigan State", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Ferreira, Rolando", ACTIVE:"1988 - 1988", FROM:"College - Houston", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Ferrell, Duane", ACTIVE:"1988 - 1998", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Ferrin, C. Arnold Jr. (Arnie)", ACTIVE:"1948 - 1950", FROM:"College - Utah", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Ferry, Danny", ACTIVE:"1990 - 2002", FROM:"College - Duke ''89", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Ferry, Robert Dean (Bob)", ACTIVE:"1959 - 1968", FROM:"College - St. Louis", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Fesenko, Kyrylo", ACTIVE:"ACTIVE", FROM:"From - Dnepropetrovsk, Ukraine", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Fields, Kenny", ACTIVE:"1984 - 1987", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Fields, Landry", ACTIVE:"ACTIVE", FROM:"College - Stanford", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Filipek, Ronald Stanley (Ron)", ACTIVE:"1967 - 1967", FROM:"College - Tennessee Tech", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Fillmore, Gregory Paul (Greg)", ACTIVE:"1970 - 1971", FROM:"College - Iowa Central CC; Cheyney", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Finkel, Henry J. (Hank)", ACTIVE:"1966 - 1974", FROM:"College - St. Peter's; Dayton", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Finley, Michael", ACTIVE:"2007 - 2009", FROM:"College - Wisconsin", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Finn, Daniel Lawrence Jr. (Danny)", ACTIVE:"1952 - 1954", FROM:"College - St. John's (N.Y.)", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Fish, Matt", ACTIVE:"1994 - 1996", FROM:"College - Wilmington", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Fisher, Derek", ACTIVE:"ACTIVE", FROM:"College - Arkansas-Little Rock", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Fitch, Gerald", ACTIVE:"2005 - 2005", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Fitzgerald, Richard (Dick)", ACTIVE:"1946 - 1947", FROM:"College - Seton Hall", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Fitzgerald, Robert (Bob)", ACTIVE:"1946 - 1948", FROM:"College - Fordham", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Fizer, Marcus", ACTIVE:"2000 - 2005", FROM:"College - Iowa State", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Fleishman, Jerome (Jerry)", ACTIVE:"1946 - 1952", FROM:"College - N.Y.U.; Long Island University", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Fleming, Albert Jr. (Al)", ACTIVE:"1977 - 1977", FROM:"College - Arizona", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Fleming, Edward R. (Ed)", ACTIVE:"1955 - 1959", FROM:"College - Niagara", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Gabor, William A. (Billy, The Human Projectile)", ACTIVE:"1949 - 1954", FROM:"College - Syracuse", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Gadzuric, Dan", ACTIVE:"ACTIVE", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Gai, Deng", ACTIVE:"2005 - 2005", FROM:"College - Fairfield", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Gainer, Elmer R.", ACTIVE:"1947 - 1949", FROM:"College - DePaul", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Gaines, Corey", ACTIVE:"1988 - 1994", FROM:"College - UCLA; Loyola Marymount", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Gaines, Reece", ACTIVE:"2003 - 2005", FROM:"College - Louisville", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Gaines, Sundiata", ACTIVE:"ACTIVE", FROM:"College - Georgia", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Gale, Mike", ACTIVE:"1976 - 1981", FROM:"College - Elizabeth City State", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Gallagher, Chad", ACTIVE:"1993 - 1993", FROM:"College - Creighton", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Gallatin, Harry", ACTIVE:"1948 - 1957", FROM:"College - Northeast Missouri State", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Gallinari, Danilo", ACTIVE:"ACTIVE", FROM:"From - Milan, Italy", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Gambee, Dave", ACTIVE:"1958 - 1969", FROM:"College - Oregon State", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Gamble, Kevin", ACTIVE:"1987 - 1996", FROM:"College - Lincoln Trail IL (J.C.); Iowa", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Gantt, Robert M. Jr. (Bob)", ACTIVE:"1946 - 1946", FROM:"College - Duke", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Garbajosa, Jorge", ACTIVE:"2007 - 2007", FROM:"From - Spain", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Garces, Ruben", ACTIVE:"2000 - 2000", FROM:"College - Providence", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Garcia, Alex", ACTIVE:"2003 - 2004", FROM:"From - Brazil", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Garcia, Francisco", ACTIVE:"ACTIVE", FROM:"College - Louisville", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Gardner, Earl Baker (Red)", ACTIVE:"1948 - 1948", FROM:"College - Wabash; DePauw", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Gardner, Thomas", ACTIVE:"2007 - 2008", FROM:"College - Missouri", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Gardner, Vern B.", ACTIVE:"1949 - 1951", FROM:"College - Wyoming; Utah", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Garfinkel, Jack (Dutch)", ACTIVE:"1946 - 1948", FROM:"College - St. John's (N.Y.)", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Garland, Gary J.", ACTIVE:"1979 - 1979", FROM:"College - DePaul", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Garland, Winston", ACTIVE:"1987 - 1994", FROM:"College - Southeastern CC IA; Southwest Missouri State", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Garmaker, Richard Eugene (Dick)", ACTIVE:"1955 - 1960", FROM:"College - Hibbing CC MN; Minnesota", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Garner, Chris", ACTIVE:"1997 - 2000", FROM:"College - Memphis", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Garnett, Bill", ACTIVE:"1982 - 1985", FROM:"College - Wyoming", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Garnett, Kevin", ACTIVE:"ACTIVE", FROM:"High School - Farragut Academy HS (IL)", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Garnett, Marlon", ACTIVE:"1998 - 1998", FROM:"College - Santa Clara", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Garrett, Calvin", ACTIVE:"1980 - 1983", FROM:"College - Austin Peay State; Oral Roberts", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Garrett, Dean", ACTIVE:"1996 - 2001", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Garrett, Eldo (Dick)", ACTIVE:"1969 - 1973", FROM:"College - Southern Illinois", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Garrett, Rowland G.", ACTIVE:"1972 - 1976", FROM:"College - Florida State", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Garrick, Tom", ACTIVE:"1988 - 1991", FROM:"College - Rhode Island", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Garris, John", ACTIVE:"1983 - 1983", FROM:"College - Michigan; Boston College", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Garris, Kiwane", ACTIVE:"1997 - 1999", FROM:"College - Illinois", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Garrity, Pat", ACTIVE:"2007 - 2007", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Garvin, James D. (Jim)", ACTIVE:"1973 - 1973", FROM:"College - Boston U.", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Gasol, Marc", ACTIVE:"ACTIVE", FROM:"From - Barcelona, Spain", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Gasol, Pau", ACTIVE:"ACTIVE", FROM:"From - Barcelona, Spain", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Gates, Ben Frank (Frank, Needle)", ACTIVE:"1949 - 1949", FROM:"College - Sam Houston State", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Gatling, Chris", ACTIVE:"1991 - 2001", FROM:"College - Pittsburgh; Old Dominion", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Gattison, Kenny", ACTIVE:"1986 - 1995", FROM:"College - Old Dominion", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Gay, Rudy", ACTIVE:"ACTIVE", FROM:"College - Connecticut", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Gayda, Edward C. (Ed)", ACTIVE:"1950 - 1950", FROM:"College - Washington State", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Gaze, Andrew", ACTIVE:"1993 - 1998", FROM:"College - Seton Hall", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Geary, Reggie", ACTIVE:"1996 - 1997", FROM:"College - Arizona", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Gee, Alonzo", ACTIVE:"ACTIVE", FROM:"College - Alabama", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Geiger, Matt", ACTIVE:"1992 - 2001", FROM:"College - Auburn; Georgia Tech", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Gelabale, Mickael", ACTIVE:"2007 - 2007", FROM:"From - France", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Hackett, Rudolph (Rudy)", ACTIVE:"1976 - 1976", FROM:"College - Syracuse", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Haddadi, Hamed", ACTIVE:"ACTIVE", FROM:"From - Ahvaz, Iran", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Haffner, Scott", ACTIVE:"1989 - 1990", FROM:"College - Illinois; Evansville", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Hagan, Cliff", ACTIVE:"1956 - 1965", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Hagan, Glenn Kassabin", ACTIVE:"1981 - 1981", FROM:"College - St. Bonaventure", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Hahn, Robert B. (Bob)", ACTIVE:"1949 - 1949", FROM:"College - North Carolina State", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Hairston, Alan Leroy (Al)", ACTIVE:"1968 - 1969", FROM:"College - St. Clair Co. CC MI; Bowling Green State", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Hairston, Happy", ACTIVE:"1964 - 1974", FROM:"College - N.Y.U.", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Hairston, Lindsay (Spider)", ACTIVE:"1975 - 1975", FROM:"College - Michigan State", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Hairston, Malik", ACTIVE:"2008 - 2009", FROM:"College - Oregon", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Haislip, Marcus", ACTIVE:"2002 - 2009", FROM:"College - Tennessee", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Halbert, Charles P. (Chuck)", ACTIVE:"1946 - 1950", FROM:"College - West Texas A&M", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Halbrook, Harvey Wade (Swede)", ACTIVE:"1960 - 1961", FROM:"College - Oregon State", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Hale, William Bruce (Bruce)", ACTIVE:"1948 - 1950", FROM:"College - Santa Clara", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Haley, Jack", ACTIVE:"1988 - 1997", FROM:"College - Golden West Coll. CA (J.C.); UCLA", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Halimon, Shaler Jr.", ACTIVE:"1968 - 1971", FROM:"College - Imperial Valley Coll. CA (J.C.); Utah State", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Hall, Mike", ACTIVE:"2006 - 2006", FROM:"College - George Washington", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Halliburton, Jeffrey (Jeff)", ACTIVE:"1971 - 1972", FROM:"College - San Jacinto Coll. TX (J.C.); Drake", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Ham, Darvin", ACTIVE:"1996 - 2004", FROM:"College - Texas Tech", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Hamer, Steve", ACTIVE:"1996 - 1996", FROM:"College - Tennessee", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Hamilton, Dale B.", ACTIVE:"1949 - 1949", FROM:"College - Franklin (Ind.)", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Hamilton, Dennis Eugene", ACTIVE:"1967 - 1968", FROM:"College - Arizona State", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Hamilton, Ralph Albert (Ham)", ACTIVE:"1948 - 1948", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Hamilton, Richard", ACTIVE:"ACTIVE", FROM:"College - Connecticut", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Hamilton, Roy Lee", ACTIVE:"1979 - 1980", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Hamilton, Steve Absher", ACTIVE:"1958 - 1959", FROM:"College - Purdue; Morehead State", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Hamilton, Tang", ACTIVE:"2001 - 2001", FROM:"College - Mississippi State ''01", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Hamilton, Thomas", ACTIVE:"1995 - 1999", FROM:"College - No College", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Hamilton, Zendon", ACTIVE:"2000 - 2005", FROM:"College - St. John's", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Hammink, Geert", ACTIVE:"1993 - 1995", FROM:"College - Louisiana State", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Hammonds, Tom", ACTIVE:"1989 - 2000", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Hancock, Darrin", ACTIVE:"1994 - 1996", FROM:"College - Garden City CC KS; Kansas", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Handlogten, Ben", ACTIVE:"2003 - 2004", FROM:"College - Western Michigan", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Hankins, Cecil O.", ACTIVE:"1946 - 1947", FROM:"College - Oklahoma State", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Hankinson, Phil", ACTIVE:"1973 - 1974", FROM:"College - Pennsylvania", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Hannum, Alexander Murray (Alex)", ACTIVE:"1949 - 1956", FROM:"College - USC", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Hanrahan, Donald (Don)", ACTIVE:"1952 - 1952", FROM:"College - Loyola (Chicago)", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Hans, Rollen F. (Rolly)", ACTIVE:"1953 - 1954", FROM:"College - Los Angeles City Coll. CA (J.C.); Long Island University", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Hansbrough, Tyler", ACTIVE:"ACTIVE", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Hansen, Bob", ACTIVE:"1983 - 1991", FROM:"College - Iowa", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Hansen, Glenn R.", ACTIVE:"1975 - 1977", FROM:"College - Utah State; Louisiana State", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Hansen, Lars", ACTIVE:"1978 - 1978", FROM:"College - Washington", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Hansen, Travis", ACTIVE:"2003 - 2003", FROM:"College - Brigham Young", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Hanson, Reggie", ACTIVE:"1997 - 1997", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Hanzlik, Bill", ACTIVE:"1980 - 1989", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Harangody, Luke", ACTIVE:"ACTIVE", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Hardaway, Anfernee", ACTIVE:"2007 - 2007", FROM:"College - Memphis", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Hardaway, Tim", ACTIVE:"1989 - 2002", FROM:"College - Texas-El Paso ''89", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Harden, James", ACTIVE:"ACTIVE", FROM:"College - Arizona State", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Harding, Reginald (Reggie)", ACTIVE:"1963 - 1967", FROM:"College - No College", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Iavaroni, Marc", ACTIVE:"1982 - 1988", FROM:"College - Virginia", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Ibaka, Serge", ACTIVE:"ACTIVE", FROM:"From - Brazzaville, Republic of Congo", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Iguodala, Andre", ACTIVE:"ACTIVE", FROM:"College - Arizona", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Ilgauskas, Zydrunas", ACTIVE:"ACTIVE", FROM:"From - Kaunas, Lithuania", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Ilic, Mile", ACTIVE:"2006 - 2006", FROM:"From - Serbia & Montenegro", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Ilunga-Mbenga, Didier", ACTIVE:"ACTIVE", FROM:"From - Kinshasa, DRC", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Ilyasova, Ersan", ACTIVE:"ACTIVE", FROM:"From - Eskisehir, Turkey", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Imhoff, Darrall Tucker (Big D)", ACTIVE:"1960 - 1971", FROM:"College - California", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Ingelsby, Tom", ACTIVE:"1973 - 1973", FROM:"College - Villanova", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Ingram, Joel McCoy (McCoy)", ACTIVE:"1957 - 1957", FROM:"College - Jackson State", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Irvin, Byron", ACTIVE:"1989 - 1992", FROM:"College - Arkansas; Missouri", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Issel, Dan", ACTIVE:"1976 - 1984", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Iuzzolino, Mike", ACTIVE:"1991 - 1992", FROM:"College - Penn State; St. Francis (PA)", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Iverson, Allen", ACTIVE:"2007 - 2009", FROM:"College - Georgetown", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Ivey, Royal", ACTIVE:"ACTIVE", FROM:"College - Texas", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Jack, Jarrett", ACTIVE:"ACTIVE", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Jackson, Alvin (Al)", ACTIVE:"1967 - 1967", FROM:"College - Wilberforce", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Jackson, Anthony Eugene (Tony)", ACTIVE:"1980 - 1980", FROM:"College - Florida State", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Jackson, Bobby", ACTIVE:"2007 - 2008", FROM:"College - Minnesota", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Jackson, Cedric", ACTIVE:"2009 - 2009", FROM:"College - Cleveland State", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Jackson, Darnell", ACTIVE:"ACTIVE", FROM:"College - Kansas", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Jackson, Gregory (Greg)", ACTIVE:"1974 - 1974", FROM:"College - Guilford", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Jackson, Jaren", ACTIVE:"1989 - 2001", FROM:"College - Georgetown", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Jackson, Jermaine", ACTIVE:"1999 - 2005", FROM:"College - Detroit", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Jackson, Jim", ACTIVE:"1992 - 2005", FROM:"College - Ohio State", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Jackson, Lucious B. (Luke)", ACTIVE:"1964 - 1971", FROM:"College - Quincy; Texas Southern; Texas-Pan American", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Jackson, Luke", ACTIVE:"2007 - 2007", FROM:"College - Oregon", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Jackson, Marc", ACTIVE:"2000 - 2006", FROM:"College - Temple", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Jackson, Mark", ACTIVE:"1987 - 2003", FROM:"College - St. John''s (N.Y.) '87", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Jackson, Michael", ACTIVE:"1987 - 1989", FROM:"College - Georgetown", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Jackson, Myron", ACTIVE:"1986 - 1986", FROM:"College - Arkansas-Little Rock", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Jackson, Philip D. (Phil, Action)", ACTIVE:"1967 - 1979", FROM:"College - North Dakota", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Jackson, Ralph A. III", ACTIVE:"1984 - 1984", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Jackson, Randell", ACTIVE:"1998 - 1999", FROM:"College - Florida State", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Jackson, Stanley", ACTIVE:"1993 - 1993", FROM:"College - Alabama-Birmingham", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Jackson, Stephen", ACTIVE:"ACTIVE", FROM:"High School - Oak Hill Academy (Mouth of Wilson, VA)", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Jackson, Tracy", ACTIVE:"1981 - 1983", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Jackson, Wardell", ACTIVE:"1974 - 1974", FROM:"College - Ohio State", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Jacobs, Winfred O. (Fred)", ACTIVE:"1946 - 1946", FROM:"College - Denver", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Jacobsen, Casey", ACTIVE:"2007 - 2007", FROM:"College - Stanford", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Jacobson, Sam", ACTIVE:"1998 - 2000", FROM:"College - Minnesota", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Jamerson, Dave", ACTIVE:"1990 - 1993", FROM:"College - Ohio U.", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"James, Aaron (A.J.)", ACTIVE:"1974 - 1978", FROM:"College - Grambling State", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"James, Damion", ACTIVE:"ACTIVE", FROM:"College - Texas", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"James, Harold Gene (Gene, Goose)", ACTIVE:"1948 - 1950", FROM:"College - Marshall", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"James, Henry", ACTIVE:"1990 - 1997", FROM:"College - South Plains Coll. TX (J.C.); St. Mary's (Tex.)", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"James, Jerome", ACTIVE:"2007 - 2008", FROM:"College - Florida A&M", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"James, LeBron", ACTIVE:"ACTIVE", FROM:"High School - St. Vincent-St. Mary HS (OH)", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"James, Mike", ACTIVE:"2007 - 2009", FROM:"College - Duquesne", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"James, Tim", ACTIVE:"1999 - 2001", FROM:"College - Miami (Fla.) ''99", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Jamison, Antawn", ACTIVE:"ACTIVE", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Jamison, Harold", ACTIVE:"1999 - 2001", FROM:"College - Clemson ''99", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Janisch, John Albert", ACTIVE:"1946 - 1947", FROM:"College - Valparaiso", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Janotta, Howard (Howie)", ACTIVE:"1949 - 1949", FROM:"College - Seton Hall", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Jaric, Marko", ACTIVE:"2007 - 2008", FROM:"From - Belgrade, Serbia", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Jaros, Anthony Joseph (Tony)", ACTIVE:"1946 - 1950", FROM:"College - Minnesota", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Jasikevicius, Sarunas", ACTIVE:"2005 - 2006", FROM:"College - Maryland", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Jawai, Nathan", ACTIVE:"2008 - 2009", FROM:"From - Australia", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Jeannette, Harry Edward (Buddy)", ACTIVE:"1947 - 1949", FROM:"College - Washington & Jefferson", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Jeelani, Abdul Qadir (formerly Gary Cole)", ACTIVE:"1979 - 1980", FROM:"College - Wis.-Parkside", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Jefferies, Chris", ACTIVE:"2002 - 2003", FROM:"College - Fresno State ''03", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Jeffers, Othyus", ACTIVE:"ACTIVE", FROM:"College - Robert Morris (Ill.)", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Jefferson, Al", ACTIVE:"ACTIVE", FROM:"High School - Prentiss HS (MS)", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Jefferson, Dontell", ACTIVE:"2008 - 2008", FROM:"College - Arkansas", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Jefferson, Richard", ACTIVE:"ACTIVE", FROM:"College - Arizona", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Kachan, Edwin John (Whitey)", ACTIVE:"1948 - 1948", FROM:"College - DePaul", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Kaftan, George A. (The Golden Greek)", ACTIVE:"1948 - 1952", FROM:"College - Holy Cross", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Kalafat, Edward L. (Ed)", ACTIVE:"1954 - 1956", FROM:"College - Minnesota", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Kaman, Chris", ACTIVE:"ACTIVE", FROM:"College - Central Michigan", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Kaplowitz, Ralph (Kappy)", ACTIVE:"1946 - 1947", FROM:"College - N.Y.U.", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Kapono, Jason", ACTIVE:"ACTIVE", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Kappen, Anthony George (Tony)", ACTIVE:"1946 - 1946", FROM:"College - No College", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Karl, Coby", ACTIVE:"2007 - 2009", FROM:"College - Boise State", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Karl, George Matthew", ACTIVE:"1976 - 1977", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Kasid, Edward (Ed)", ACTIVE:"1946 - 1946", FROM:"College - No College", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Kasun, Mario", ACTIVE:"2004 - 2005", FROM:"From - Croatia", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Katkaveck, Leo Frank", ACTIVE:"1948 - 1949", FROM:"College - North Carolina State", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Kauffman, Robert (Bob, Horse)", ACTIVE:"1968 - 1974", FROM:"College - Guilford", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Kautz, Wilbert (Wibs)", ACTIVE:"1946 - 1946", FROM:"College - Loyola (Chicago)", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Kea, Clarence Leroy", ACTIVE:"1980 - 1981", FROM:"College - Lamar", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Kearns, Michael Joseph", ACTIVE:"1954 - 1954", FROM:"College - Princeton", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Kearns, Thomas Francis Jr. (Tommy)", ACTIVE:"1958 - 1958", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Keefe, Adam", ACTIVE:"1992 - 2000", FROM:"College - Stanford", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Keeling, Harold A.", ACTIVE:"1985 - 1985", FROM:"College - Santa Clara", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Keller, Kenneth W. (Ken)", ACTIVE:"1946 - 1946", FROM:"College - Vermont; St. John's (N.Y.)", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Kelley, Rich", ACTIVE:"1975 - 1985", FROM:"College - Stanford", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Kellogg, Clark", ACTIVE:"1982 - 1986", FROM:"College - Ohio State", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Kelly, Gerard Allan (Jerry)", ACTIVE:"1946 - 1947", FROM:"College - Marshall", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Kelly, Thomas Edward (Tom)", ACTIVE:"1948 - 1948", FROM:"College - N.Y.U.", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Kelser, Greg", ACTIVE:"1979 - 1984", FROM:"College - Michigan State", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Kelso, Ben", ACTIVE:"1973 - 1973", FROM:"College - Central Michigan", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Kemp, Shawn", ACTIVE:"1989 - 2002", FROM:"High School - Concord HS (IN) ''87", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Kempton, Tim", ACTIVE:"1986 - 1997", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Kendrick, Frank Edward", ACTIVE:"1974 - 1974", FROM:"College - Purdue", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Kennedy, Eugene (Goo)", ACTIVE:"1976 - 1976", FROM:"College - Texas Christian", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Kennedy, Joseph A. (Joe)", ACTIVE:"1968 - 1969", FROM:"College - Duke", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Kennedy, William F. (Pickles)", ACTIVE:"1960 - 1960", FROM:"College - Temple", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Kenon, Larry", ACTIVE:"1976 - 1982", FROM:"College - Amarillo Coll. TX (J.C.); Memphis", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Kenville, William McGill (Billy, The Kid)", ACTIVE:"1953 - 1959", FROM:"College - St. Bonaventure", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Kerner, Jonathan", ACTIVE:"1998 - 1998", FROM:"College - East Carolina ''97", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Kerr, Johnny", ACTIVE:"1954 - 1965", FROM:"College - Illinois", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Kerr, Steve", ACTIVE:"1988 - 2002", FROM:"College - Arizona ''88", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Kerris, John E. (Jack)", ACTIVE:"1949 - 1952", FROM:"College - Loyola (Chicago)", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Kersey, Jerome", ACTIVE:"1984 - 2000", FROM:"College - Longwood", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Kessler, Alec", ACTIVE:"1990 - 1993", FROM:"College - Georgia", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Ketner, Lari", ACTIVE:"1999 - 2000", FROM:"College - Massachusetts", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Keys, Randolph", ACTIVE:"1988 - 1995", FROM:"College - Southern Mississippi", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Khryapa, Viktor", ACTIVE:"2007 - 2007", FROM:"From - Russia", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Kidd, Jason", ACTIVE:"ACTIVE", FROM:"College - California", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Kidd, Warren", ACTIVE:"1993 - 1993", FROM:"College - Middle Tennessee State", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Kiffin, Irvin A. Jr.", ACTIVE:"1979 - 1979", FROM:"College - Virginia Union; Oklahoma Baptist", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Kiley, John F. (Jack)", ACTIVE:"1951 - 1952", FROM:"College - Syracuse", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Killum, Earnest (Ernie)", ACTIVE:"1970 - 1970", FROM:"College - Stetson", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Kilpatrick, Carl", ACTIVE:"1979 - 1979", FROM:"College - Kilgore Coll. TX (J.C.); Louisiana-Monroe", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Kimball, Toby", ACTIVE:"1966 - 1974", FROM:"College - Connecticut", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Lacey, Sam", ACTIVE:"1970 - 1982", FROM:"College - New Mexico State", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"LaCour, Fred", ACTIVE:"1960 - 1962", FROM:"College - San Francisco", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Laettner, Christian", ACTIVE:"1992 - 2004", FROM:"College - Duke", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Lafayette, Oliver", ACTIVE:"2009 - 2009", FROM:"College - Houston", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"LaFrentz, Raef", ACTIVE:"2007 - 2007", FROM:"College - Kansas", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"LaGarde, Thomas Joseph (Tom)", ACTIVE:"1977 - 1984", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Laimbeer, Bill", ACTIVE:"1980 - 1993", FROM:"College - Owens CC OH; Notre Dame", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Lalich, Peter T. (Pete)", ACTIVE:"1946 - 1946", FROM:"College - Ohio U.", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Lamar, Dwight (Bo)", ACTIVE:"1976 - 1976", FROM:"College - Louisiana-Lafayette", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Lambert, John Edward", ACTIVE:"1975 - 1981", FROM:"College - USC", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Lamp, Jeff", ACTIVE:"1981 - 1988", FROM:"College - Virginia", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Lampe, Maciej", ACTIVE:"2003 - 2005", FROM:"From - Poland", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Lampley, Jimmy", ACTIVE:"1986 - 1986", FROM:"College - Vanderbilt; Arkansas-Little Rock", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Lampley, Sean", ACTIVE:"2002 - 2003", FROM:"College - California", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Landry, Carl", ACTIVE:"ACTIVE", FROM:"College - Purdue", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Landry, Marcus", ACTIVE:"2009 - 2009", FROM:"College - Wisconsin", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Landsberger, Mark", ACTIVE:"1977 - 1983", FROM:"College - Allan Hancock Coll. CA (J.C.); Minnesota; Arizona State", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Lane, Jerome", ACTIVE:"1988 - 1992", FROM:"College - Pittsburgh", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Lang, Andrew", ACTIVE:"1988 - 1999", FROM:"College - Arkansas", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Lang, Antonio", ACTIVE:"1994 - 1999", FROM:"College - Duke", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Lang, James", ACTIVE:"2006 - 2006", FROM:"High School - Central Park Christian HS (AL)", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Langdon, Trajan", ACTIVE:"1999 - 2001", FROM:"College - Duke", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Langford, Keith", ACTIVE:"2007 - 2007", FROM:"College - Kansas", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Langhi, Dan", ACTIVE:"2000 - 2003", FROM:"College - Vanderbilt ''00", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Lanier, Bob", ACTIVE:"1970 - 1983", FROM:"College - St. Bonaventure", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Lantz, Stuart Burrell (Stu)", ACTIVE:"1968 - 1975", FROM:"College - Nebraska", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Larese, York Bruno", ACTIVE:"1961 - 1961", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"LaRue, Rusty", ACTIVE:"1997 - 2003", FROM:"College - Wake Forest", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"LaRusso, Rudolph A. (Rudy)", ACTIVE:"1959 - 1968", FROM:"College - Dartmouth", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Laskowski, John", ACTIVE:"1975 - 1976", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Lasme, Stephane", ACTIVE:"2007 - 2007", FROM:"College - Massachusetts", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Lattin, David (Dave, Big Daddy)", ACTIVE:"1967 - 1968", FROM:"College - Texas-El Paso", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Lauderdale, Priest", ACTIVE:"1996 - 1997", FROM:"College - Central State (Ohio)", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Laurel, Richard", ACTIVE:"1977 - 1977", FROM:"College - Hofstra", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Lautenbach, Walter Henry (Walt)", ACTIVE:"1949 - 1949", FROM:"College - Wisconsin", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Lavelli, Anthony (Tony)", ACTIVE:"1949 - 1950", FROM:"College - Yale", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Lavoy, Robert William (Bob)", ACTIVE:"1950 - 1953", FROM:"College - Illinois; Western Kentucky", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Law, Acie", ACTIVE:"ACTIVE", FROM:"College - Texas A&M", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Lawal, Gani", ACTIVE:"ACTIVE", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Lawrence, Edmund (Ed)", ACTIVE:"1980 - 1980", FROM:"College - McNeese State", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Lawson, Jason", ACTIVE:"1997 - 1997", FROM:"College - Villanova ''97", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Lawson, Ty", ACTIVE:"ACTIVE", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Layton, Dennis (Mo)", ACTIVE:"1971 - 1977", FROM:"College - Phoenix Coll. AZ (J.C.); USC", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Leaks, Emanuel (Manny)", ACTIVE:"1972 - 1973", FROM:"College - Niagara", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Lear, Harold C. Jr. (Hal, King)", ACTIVE:"1956 - 1956", FROM:"College - Temple", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Leavell, Allen", ACTIVE:"1979 - 1988", FROM:"College - Oklahoma City", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Lebo, Jeff", ACTIVE:"1989 - 1989", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Leckner, Eric", ACTIVE:"1988 - 1996", FROM:"College - Wyoming", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Lee, Alfred (Butch)", ACTIVE:"1978 - 1979", FROM:"College - Marquette", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Lee, Clyde", ACTIVE:"1966 - 1975", FROM:"College - Vanderbilt", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Macaluso, Michael Emelius (Mike)", ACTIVE:"1973 - 1973", FROM:"College - Canisius", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Macauley, Ed", ACTIVE:"1949 - 1958", FROM:"College - St. Louis", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"MacCulloch, Todd", ACTIVE:"1999 - 2002", FROM:"College - Washington ''99", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"MacGilvray, Ronald (Ronnie)", ACTIVE:"1954 - 1954", FROM:"College - St. John's (N.Y.)", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Macijauskas, Arvydas", ACTIVE:"2005 - 2005", FROM:"From - Lithuania", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Mack, Oliver (Ollie)", ACTIVE:"1979 - 1981", FROM:"College - San Jacinto Coll. TX (J.C.); East Carolina", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Mack, Sam", ACTIVE:"1992 - 2001", FROM:"College - Iowa State; Arizona State; Tyler JC TX; Houston", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Mackey, Malcolm", ACTIVE:"1993 - 1993", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Macklin, Rudy", ACTIVE:"1981 - 1983", FROM:"College - Louisiana State", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Macknowski, John Andrew (Johnny, Whitey)", ACTIVE:"1949 - 1950", FROM:"College - Seton Hall", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"MacLean, Don", ACTIVE:"1992 - 2000", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Macon, Mark", ACTIVE:"1991 - 1998", FROM:"College - Temple", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Macy, Kyle", ACTIVE:"1980 - 1986", FROM:"College - Purdue; Kentucky", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Maddox, Jack C.", ACTIVE:"1948 - 1948", FROM:"College - West Texas A&M", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Maddox, Tito", ACTIVE:"2002 - 2002", FROM:"College - Fresno State ''04", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Madkins, Gerald", ACTIVE:"1993 - 1997", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Madsen, Mark", ACTIVE:"2007 - 2008", FROM:"College - Stanford", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Mager, Norman Clifford (Norm)", ACTIVE:"1950 - 1950", FROM:"College - St. John's (N.Y.); CCNY", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Maggette, Corey", ACTIVE:"ACTIVE", FROM:"College - Duke", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Magley, Dave", ACTIVE:"1982 - 1982", FROM:"College - Kansas", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Magloire, Jamaal", ACTIVE:"ACTIVE", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Mahinmi, Ian", ACTIVE:"ACTIVE", FROM:"From - Rouen, France", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Mahnken, John E. (Long John; Stretch)", ACTIVE:"1946 - 1952", FROM:"College - Georgetown", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Mahoney, Francis H. (Mo)", ACTIVE:"1952 - 1953", FROM:"College - Brown", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Mahorn, Rick", ACTIVE:"1980 - 1998", FROM:"College - Hampton", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Majerle, Dan", ACTIVE:"1988 - 2001", FROM:"College - Central Michigan", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Major, Renaldo", ACTIVE:"2006 - 2006", FROM:"College - Fresno State", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Malamed, Lionel", ACTIVE:"1948 - 1948", FROM:"College - CCNY", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Malone, Jeff", ACTIVE:"1983 - 1995", FROM:"College - Mississippi State", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Malone, Karl", ACTIVE:"1985 - 2003", FROM:"College - Louisiana Tech ''86", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Malone, Moses", ACTIVE:"1976 - 1994", FROM:"College - No College", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Maloney, Matt", ACTIVE:"1996 - 2002", FROM:"College - Pennsylvania", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Malovic, Stephen L.", ACTIVE:"1979 - 1979", FROM:"College - USC; San Diego State", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Manakas, Theodore (Ted)", ACTIVE:"1973 - 1973", FROM:"College - Princeton", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Mandic, John J.", ACTIVE:"1948 - 1949", FROM:"College - Oregon State", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Mangiapane, Francis E. (Frank)", ACTIVE:"1946 - 1946", FROM:"College - N.Y.U.", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Manning, Danny", ACTIVE:"1988 - 2002", FROM:"College - Kansas ''88", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Manning, Edward R. (Ed)", ACTIVE:"1967 - 1970", FROM:"College - Jackson State", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Manning, Rich", ACTIVE:"1995 - 1996", FROM:"College - Syracuse; Washington", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Mannion, Pace", ACTIVE:"1983 - 1988", FROM:"College - Utah", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Mantis, Nicholas (Nick)", ACTIVE:"1959 - 1962", FROM:"College - Northwestern", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Maravich, Pete", ACTIVE:"1970 - 1979", FROM:"College - Louisiana State", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Maravich, Peter (Press)", ACTIVE:"1946 - 1946", FROM:"College - Davis & Elkins", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Marble, Roy", ACTIVE:"1989 - 1993", FROM:"College - Iowa", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Marbury, Stephon", ACTIVE:"2007 - 2008", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Marciulionis, Sarunas", ACTIVE:"1989 - 1996", FROM:"College - Vilnius (Lithuania)", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Mariaschin, Saul George", ACTIVE:"1947 - 1947", FROM:"College - Bloomsburg; Syracuse; Harvard", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Marin, John Warren (Jack)", ACTIVE:"1966 - 1976", FROM:"College - Duke", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Marion, Shawn", ACTIVE:"ACTIVE", FROM:"College - UNLV", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Markota, Damir", ACTIVE:"2006 - 2006", FROM:"From - Croatia", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"N'diaye, Mamadou", ACTIVE:"2000 - 2004", FROM:"College - Auburn", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Naber, Robert E. (Bob)", ACTIVE:"1952 - 1952", FROM:"College - Louisville", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Nachamkin, Boris Alexander", ACTIVE:"1954 - 1954", FROM:"College - N.Y.U.", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Nachbar, Bostjan", ACTIVE:"2007 - 2007", FROM:"From - Slovenia", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Nagel, Gerald R. (Jerry)", ACTIVE:"1949 - 1949", FROM:"College - Loyola (Chicago)", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Nagy, Frederick Karl (Fritz)", ACTIVE:"1948 - 1948", FROM:"College - North Carolina; Akron", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Nailon, Lee", ACTIVE:"2000 - 2005", FROM:"College - Texas Christian", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Najera, Eduardo", ACTIVE:"ACTIVE", FROM:"College - Oklahoma", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Nance, Larry", ACTIVE:"1981 - 1993", FROM:"College - Clemson", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Napolitano, Paul Wally", ACTIVE:"1948 - 1948", FROM:"College - San Francisco", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Nash, Charles Francis (Cotton)", ACTIVE:"1964 - 1964", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Nash, Robert Lee Jr. (Bob)", ACTIVE:"1972 - 1978", FROM:"College - San Jacinto Coll. TX (J.C.); Hawaii", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Nash, Steve", ACTIVE:"ACTIVE", FROM:"College - Santa Clara", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Nater, Swen", ACTIVE:"1976 - 1983", FROM:"College - Cypress Coll. CA (J.C.); UCLA", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Nathan, Howard", ACTIVE:"1995 - 1995", FROM:"College - Louisiana-Monroe", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Natt, Calvin", ACTIVE:"1979 - 1989", FROM:"College - Louisiana-Monroe", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Natt, Kenny", ACTIVE:"1980 - 1984", FROM:"College - Louisiana-Monroe", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Naulls, Willie", ACTIVE:"1956 - 1965", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Navarro, Juan Carlos", ACTIVE:"2007 - 2007", FROM:"From - Spain", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Ndiaye, Hamady", ACTIVE:"ACTIVE", FROM:"College - Rutgers", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Ndiaye, Makhtar", ACTIVE:"1998 - 1998", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Ndong, Boniface", ACTIVE:"2005 - 2005", FROM:"-", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Neal, Craig", ACTIVE:"1988 - 1990", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Neal, Gary", ACTIVE:"ACTIVE", FROM:"College - Towson", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Neal, James Ellerbe (Jim)", ACTIVE:"1953 - 1954", FROM:"College - Wofford", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Neal, Lloyd", ACTIVE:"1972 - 1978", FROM:"College - Tennessee State", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Nealy, Ed", ACTIVE:"1982 - 1992", FROM:"College - Kansas State", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Negratti, Albert Edward (Al)", ACTIVE:"1946 - 1946", FROM:"College - Seton Hall", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Nelson, Barry G.", ACTIVE:"1971 - 1971", FROM:"College - Duquesne", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Nelson, DeMarcus", ACTIVE:"2008 - 2008", FROM:"College - Duke", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Nelson, Donald Arvid (Don, Nellie)", ACTIVE:"1962 - 1975", FROM:"College - Iowa", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Nelson, Jameer", ACTIVE:"ACTIVE", FROM:"College - Saint Joseph's", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Nelson, Louis (Louie, Sweets)", ACTIVE:"1973 - 1977", FROM:"College - Washington", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Nembhard, Ruben", ACTIVE:"1996 - 1996", FROM:"College - Weber State", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Nene", ACTIVE:"ACTIVE", FROM:"From - Sao Carlos, Brazil", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Nesby, Tyrone", ACTIVE:"1998 - 2001", FROM:"College - Vincennes IN (J.C.); Nevada-Las Vegas", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Nessley, Martin", ACTIVE:"1987 - 1987", FROM:"College - Duke", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Nesterovic, Rasho", ACTIVE:"2007 - 2009", FROM:"From - Ljubljana, Slovenia", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Neumann, Johnny", ACTIVE:"1976 - 1977", FROM:"College - Mississippi", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Neumann, Paul R.", ACTIVE:"1961 - 1966", FROM:"College - Stanford", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Nevitt, Chuck", ACTIVE:"1982 - 1993", FROM:"College - North Carolina State", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Newbern, Melvin", ACTIVE:"1992 - 1992", FROM:"College - Minnesota", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Newbill, Ivano", ACTIVE:"1994 - 1997", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Newble, Ira", ACTIVE:"2007 - 2007", FROM:"College - Miami (Ohio)", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Newlin, Mike", ACTIVE:"1971 - 1981", FROM:"College - Utah", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Newman, Johnny", ACTIVE:"1986 - 2001", FROM:"College - Richmond", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Newmark, David L. (Dave)", ACTIVE:"1968 - 1969", FROM:"College - Columbia", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Nichols, Demetris", ACTIVE:"2007 - 2008", FROM:"College - Syracuse", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Nichols, Jack Edward", ACTIVE:"1948 - 1957", FROM:"College - Washington; USC", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Nickerson, Gaylon", ACTIVE:"1996 - 1996", FROM:"College - Wichita State; Butler Co. CC PA; Kansas State; Northwestern O", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"O'Bannon, Charles", ACTIVE:"1997 - 1998", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"O'Bannon, Ed", ACTIVE:"1995 - 1996", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"O'Koren, Mike", ACTIVE:"1980 - 1987", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"O'Sullivan, Dan", ACTIVE:"1990 - 1995", FROM:"College - Fordham", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"O'Boyle, John W.", ACTIVE:"1952 - 1952", FROM:"College - Modesto JC CA; Colorado State", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"O'Brien, Ralph E. (Buckshot)", ACTIVE:"1951 - 1952", FROM:"College - Butler", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"O'Brien, Robert (Bob)", ACTIVE:"1947 - 1948", FROM:"College - Kansas; Pepperdine", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"O'Bryant, Patrick", ACTIVE:"2007 - 2009", FROM:"College - Bradley", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"O'Connell, Dermott F. (Dermie)", ACTIVE:"1948 - 1949", FROM:"College - Holy Cross", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"O'Donnell, Andrew J. (Andy)", ACTIVE:"1949 - 1949", FROM:"College - Loyola (Balt.)", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"O'Grady, Francis David (Buddy)", ACTIVE:"1946 - 1948", FROM:"College - Georgetown", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"O'Keefe, Richard T. (Dick)", ACTIVE:"1947 - 1950", FROM:"College - Santa Clara", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"O'Keefe, Thomas V. (Tommy)", ACTIVE:"1950 - 1950", FROM:"College - Notre Dame; Georgetown", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"O'Malley, V. Grady (Grady)", ACTIVE:"1969 - 1969", FROM:"College - Manhattan", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"O'Neal, Jermaine", ACTIVE:"ACTIVE", FROM:"High School - Eau Claire HS (SC)", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"O'Neal, Shaquille", ACTIVE:"2007 - 2010", FROM:"College - Louisiana State", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"O'Neill, Mike", ACTIVE:"1952 - 1952", FROM:"College - California", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"O'Shea, Kevin Christopher", ACTIVE:"1950 - 1952", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"O'Shields, Garland L. (Mule)", ACTIVE:"1946 - 1946", FROM:"College - Spartanburg Tech SC (J.C.); Tennessee", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Oakley, Charles", ACTIVE:"1985 - 2003", FROM:"College - Virginia Union ''85", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Oberto, Fabricio", ACTIVE:"2007 - 2010", FROM:"From - Las Varillas, Argentina", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Oden, Greg", ACTIVE:"ACTIVE", FROM:"College - Ohio State", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Odom, Lamar", ACTIVE:"ACTIVE", FROM:"College - Rhode Island", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Ogden, Carlos (Bud)", ACTIVE:"1969 - 1970", FROM:"College - Santa Clara", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Ogden, Ralph", ACTIVE:"1970 - 1970", FROM:"College - Santa Clara", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Ogg, Alan", ACTIVE:"1990 - 1992", FROM:"College - Alabama-Birmingham", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Ohl, Donald Jay (Don)", ACTIVE:"1960 - 1969", FROM:"College - Illinois", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Okafor, Emeka", ACTIVE:"ACTIVE", FROM:"College - Connecticut", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Okur, Mehmet", ACTIVE:"ACTIVE", FROM:"From - Yalova, Turkey", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Olajuwon, Hakeem", ACTIVE:"1984 - 2001", FROM:"College - Houston ''84", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Olberding, Mark", ACTIVE:"1976 - 1986", FROM:"College - Minnesota", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Oldham, Jawann", ACTIVE:"1980 - 1990", FROM:"College - Seattle", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Oldham, John O. (Johnny)", ACTIVE:"1949 - 1950", FROM:"College - Western Kentucky", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Oleynick, Frank (Magic)", ACTIVE:"1975 - 1976", FROM:"College - Seattle", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Olive, John", ACTIVE:"1978 - 1979", FROM:"College - Villanova", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Oliver, Brian", ACTIVE:"1990 - 1997", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Oliver, Dean", ACTIVE:"2001 - 2002", FROM:"College - Iowa ''01", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Oliver, Jimmy", ACTIVE:"1991 - 1998", FROM:"College - Purdue", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Ollie, Kevin", ACTIVE:"2007 - 2009", FROM:"College - Connecticut", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Ollrich, Gene W. (Moe)", ACTIVE:"1949 - 1949", FROM:"College - Drake", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Olowokandi, Michael", ACTIVE:"1998 - 2006", FROM:"College - U. of Pacific", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Olsen, Enoch Eli III (Bud)", ACTIVE:"1962 - 1968", FROM:"College - Louisville", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Orms, Barry D.", ACTIVE:"1968 - 1968", FROM:"College - St. Louis", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Orr, John M. (Johnny)", ACTIVE:"1949 - 1949", FROM:"College - Beloit; Illinois", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Orr, Louis", ACTIVE:"1980 - 1987", FROM:"College - Syracuse", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Ortiz, Jose", ACTIVE:"1988 - 1989", FROM:"College - Oregon State", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Osborne, Charles H. (Chuck)", ACTIVE:"1961 - 1961", FROM:"College - Western Kentucky", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Osterkorn, Walter Raymond (Wally)", ACTIVE:"1951 - 1954", FROM:"College - Illinois", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Ostertag, Greg", ACTIVE:"1995 - 2005", FROM:"College - Kansas", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Othick, Matt", ACTIVE:"1992 - 1992", FROM:"College - Arizona", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Pace, Joseph (Joe)", ACTIVE:"1976 - 1977", FROM:"College - Maryland East. Shore; Coppin State", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Pachulia, Zaza", ACTIVE:"ACTIVE", FROM:"From - Tbilisi, Georgia", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Pack, Robert", ACTIVE:"1991 - 2003", FROM:"College - USC", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Paddio, Gerald", ACTIVE:"1990 - 1993", FROM:"College - Seminole JC OK; Kilgore Coll. TX (J.C.); Nevada-Las Vegas", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Padgett, Scott", ACTIVE:"1999 - 2006", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Paine, Frederick Vincent Jr. (Fred)", ACTIVE:"1948 - 1948", FROM:"College - Westminster (PA)", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Palacio, Milt", ACTIVE:"1999 - 2005", FROM:"College - Colorado State", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Palazzi, Togo Anthony", ACTIVE:"1954 - 1959", FROM:"College - Holy Cross", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Palmer, James G. (Jim)", ACTIVE:"1958 - 1960", FROM:"College - Dayton", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Palmer, John S. (Bud)", ACTIVE:"1946 - 1948", FROM:"College - Princeton", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Palmer, Walter", ACTIVE:"1990 - 1992", FROM:"College - Dartmouth", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Panko, Andy", ACTIVE:"2000 - 2000", FROM:"College - Lebanon Valley", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Pargo, Jannero", ACTIVE:"ACTIVE", FROM:"College - Arkansas", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Parham, Estes Foster (Easy)", ACTIVE:"1948 - 1950", FROM:"College - Texas Wesleyan", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Parish, Robert", ACTIVE:"1976 - 1996", FROM:"College - Centenary", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Park, Medford R. (Med)", ACTIVE:"1955 - 1959", FROM:"College - Missouri", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Parker, Anthony", ACTIVE:"ACTIVE", FROM:"College - Bradley", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Parker, Robert S. Jr. (Sonny)", ACTIVE:"1976 - 1981", FROM:"College - Mineral Area Coll. MO (J.C.); Texas A&M", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Parker, Smush", ACTIVE:"2007 - 2007", FROM:"College - Fordham", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Parker, Tony", ACTIVE:"ACTIVE", FROM:"From - Paris, France", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Parkinson, Jack Gordon", ACTIVE:"1949 - 1949", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Parks, Cherokee", ACTIVE:"1995 - 2003", FROM:"College - Duke ''95", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Parr, Jack", ACTIVE:"1958 - 1958", FROM:"College - Kansas State", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Parrack, Doyle Kenneth", ACTIVE:"1946 - 1946", FROM:"College - Oklahoma State", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Parsley, Charles H. (Charlie)", ACTIVE:"1949 - 1949", FROM:"College - Western Kentucky", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Paspalj, Zarko", ACTIVE:"1989 - 1989", FROM:"College - No College", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Passaglia, Martin Harold (Marty)", ACTIVE:"1946 - 1948", FROM:"College - Santa Clara", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Pastushok, George A.", ACTIVE:"1946 - 1946", FROM:"College - Manhattan; St. John's (N.Y.)", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Patrick, Myles", ACTIVE:"1980 - 1980", FROM:"College - Auburn", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Patrick, Stanley A. (Stan)", ACTIVE:"1949 - 1949", FROM:"College - Santa Clara; Illinois", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Patterson, Andrae", ACTIVE:"1998 - 1999", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Patterson, George", ACTIVE:"1967 - 1967", FROM:"College - Toledo", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Patterson, Patrick", ACTIVE:"ACTIVE", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Patterson, Ruben", ACTIVE:"2007 - 2007", FROM:"College - Cincinnati", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Patterson, Steven J. (Steve)", ACTIVE:"1971 - 1975", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Patterson, Tommie J. (Tommy)", ACTIVE:"1972 - 1973", FROM:"College - Ouachita Baptist", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Patterson, Worthington R. (Worthy)", ACTIVE:"1957 - 1957", FROM:"College - Connecticut", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Paul, Chris", ACTIVE:"ACTIVE", FROM:"College - Wake Forest", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Paulk, Charles (Charlie)", ACTIVE:"1968 - 1971", FROM:"College - Tulsa; Northeastern State (Okla.)", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Paulson, Gerald Arthur (Jerry)", ACTIVE:"1957 - 1957", FROM:"College - Manhattan", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Paultz, Billy", ACTIVE:"1976 - 1984", FROM:"College - Cameron; St. John's (N.Y.)", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Pavlovic, Aleksandar", ACTIVE:"ACTIVE", FROM:"From - Bar, Montenegro", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Paxson, James Edward Sr. (Jim)", ACTIVE:"1956 - 1957", FROM:"College - Dayton", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Paxson, Jim", ACTIVE:"1979 - 1989", FROM:"College - Dayton", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Paxson, John", ACTIVE:"1983 - 1993", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Payak, John Jr. (Johnny)", ACTIVE:"1949 - 1952", FROM:"College - Bowling Green State", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Payne, Kenny", ACTIVE:"1989 - 1992", FROM:"College - Louisville", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Payne, Tom", ACTIVE:"1971 - 1971", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Payton, Gary", ACTIVE:"1990 - 2006", FROM:"College - Oregon State", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Payton, Melvin E. (Mel)", ACTIVE:"1951 - 1952", FROM:"College - Tulane", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Quick, Robert L. (Bob)", ACTIVE:"1968 - 1971", FROM:"College - Xavier (Ohio)", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Quinn, Chris", ACTIVE:"ACTIVE", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Quinnett, Brian", ACTIVE:"1989 - 1991", FROM:"College - Washington State", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Rackley, Luther Jr. (Luke)", ACTIVE:"1969 - 1973", FROM:"College - Xavier (Ohio)", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Rader, Howard (Howie)", ACTIVE:"1948 - 1948", FROM:"College - Long Island University", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Radford, Mark", ACTIVE:"1981 - 1982", FROM:"College - Oregon State", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Radford, Wayne", ACTIVE:"1978 - 1978", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Radja, Dino", ACTIVE:"1993 - 1996", FROM:"College - Croatia", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Radmanovic, Vladimir", ACTIVE:"ACTIVE", FROM:"From - Belgrade, Serbia", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Radojevic, Aleksandar", ACTIVE:"1999 - 2004", FROM:"From - Serbia-Montenegro", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Radovich, Frank Raymond", ACTIVE:"1961 - 1961", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Radovich, George Lewis (Moe)", ACTIVE:"1952 - 1952", FROM:"College - Wyoming", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Radziszewski, Raymond A. (Ray)", ACTIVE:"1957 - 1957", FROM:"College - St. Joseph's (PA)", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Ragelis, Raymond Ernest (Ray)", ACTIVE:"1951 - 1951", FROM:"College - Northwestern", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Raiken, Sherwin H.", ACTIVE:"1952 - 1952", FROM:"College - Villanova", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Rains, Ed", ACTIVE:"1981 - 1982", FROM:"College - South Alabama", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Rakocevic, Igor", ACTIVE:"2002 - 2002", FROM:"College - No College", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Rambis, Kurt", ACTIVE:"1981 - 1994", FROM:"College - Santa Clara", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Ramos, Peter", ACTIVE:"2004 - 2004", FROM:"From - Puerto Rico", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Ramsey, Calvin (Cal)", ACTIVE:"1959 - 1960", FROM:"College - N.Y.U.", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Ramsey, Frank", ACTIVE:"1954 - 1963", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Ramsey, Raymond Leroy (Ray)", ACTIVE:"1948 - 1948", FROM:"College - Bradley", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Randall, Mark", ACTIVE:"1991 - 1994", FROM:"College - Kansas", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Randolph, Anthony", ACTIVE:"ACTIVE", FROM:"College - Louisiana State", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Randolph, Shavlik", ACTIVE:"2007 - 2009", FROM:"College - Duke", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Randolph, Zach", ACTIVE:"ACTIVE", FROM:"College - Michigan State", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Rank, Wallace Aliifua (Wally)", ACTIVE:"1980 - 1980", FROM:"College - San Jose State", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Ransey, Kelvin", ACTIVE:"1980 - 1985", FROM:"College - Ohio State", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Ranzino, Samuel Salvadore (Sam)", ACTIVE:"1951 - 1951", FROM:"College - North Carolina State", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Rasmussen, Blair", ACTIVE:"1985 - 1992", FROM:"College - Oregon", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Ratkovicz, George", ACTIVE:"1949 - 1954", FROM:"College - No College", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Ratleff, Ed", ACTIVE:"1973 - 1977", FROM:"College - Long Beach State", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Ratliff, Michael D. (Mike)", ACTIVE:"1972 - 1973", FROM:"College - Wis.-Eau Claire", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Ratliff, Theo", ACTIVE:"ACTIVE", FROM:"College - Wyoming", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Rautins, Andy", ACTIVE:"ACTIVE", FROM:"College - Syracuse", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Rautins, Leo", ACTIVE:"1983 - 1984", FROM:"College - Minnesota; Syracuse", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Ray, Allan", ACTIVE:"2006 - 2006", FROM:"College - Villanova", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Ray, Clifford", ACTIVE:"1971 - 1980", FROM:"College - Oklahoma", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Ray, Donald L. (Don, Duck)", ACTIVE:"1949 - 1949", FROM:"College - Western Kentucky", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Ray, James E. (Jim)", ACTIVE:"1956 - 1959", FROM:"College - Toledo", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Ray, James Earl", ACTIVE:"1980 - 1982", FROM:"College - Jacksonville", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Raymond, Craig Milford", ACTIVE:"1968 - 1968", FROM:"College - Brigham Young", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Rea, Connie Mack", ACTIVE:"1953 - 1953", FROM:"College - Centenary; Vanderbilt", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Reaves, Joe L.", ACTIVE:"1973 - 1973", FROM:"College - Bethel College (Tenn.)", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Rebraca, Zeljko", ACTIVE:"2001 - 2005", FROM:"From - Serbia & Montenegro", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Recasner, Eldridge", ACTIVE:"1994 - 2001", FROM:"College - Washington", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Redd, Michael", ACTIVE:"ACTIVE", FROM:"College - Ohio State", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Reddout, Franklin P. (Frank)", ACTIVE:"1953 - 1953", FROM:"College - Syracuse", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Redick, J.J.", ACTIVE:"ACTIVE", FROM:"College - Duke", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Redmond, Marlon Bernard", ACTIVE:"1978 - 1979", FROM:"College - San Francisco", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Reed, Hubert F. (Hub)", ACTIVE:"1958 - 1964", FROM:"College - Oklahoma City", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Reed, Justin", ACTIVE:"2004 - 2006", FROM:"College - Mississippi", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Reed, Ronald Lee (Ron)", ACTIVE:"1965 - 1966", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Sabonis, Arvydas", ACTIVE:"1995 - 2002", FROM:"From - Lithuania", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Sadowski, Edward Frank (Ed, Big Ed)", ACTIVE:"1946 - 1949", FROM:"College - Seton Hall", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Sailors, Kenneth L. (Kenny)", ACTIVE:"1946 - 1950", FROM:"College - Wyoming", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Salley, John", ACTIVE:"1986 - 1999", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Salmons, John", ACTIVE:"ACTIVE", FROM:"College - Miami (Fla.)", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Salvadori, Kevin", ACTIVE:"1996 - 1997", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Samake, Soumaila", ACTIVE:"2000 - 2002", FROM:"From - Republic of Mali", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Samb, Cheikh", ACTIVE:"2007 - 2008", FROM:"From - Senegal", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Sampson, Jamal", ACTIVE:"2002 - 2006", FROM:"College - California", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Sampson, Ralph", ACTIVE:"1983 - 1991", FROM:"College - Virginia", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Samuels, Samardo", ACTIVE:"ACTIVE", FROM:"College - Louisville", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Sanchez, Pepe", ACTIVE:"2000 - 2002", FROM:"College - Temple ''00", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Sanders, Frankie J. (Frankie J.)", ACTIVE:"1978 - 1980", FROM:"College - Southern University", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Sanders, Jeff", ACTIVE:"1989 - 1992", FROM:"College - Georgia Southern", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Sanders, Larry", ACTIVE:"ACTIVE", FROM:"College - Virginia Commonwealth", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Sanders, Melvin", ACTIVE:"2005 - 2005", FROM:"College - Oklahoma State", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Sanders, Mike", ACTIVE:"1982 - 1992", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Sanders, Thomas Ernest (Satch)", ACTIVE:"1960 - 1972", FROM:"College - N.Y.U.", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Santiago, Daniel", ACTIVE:"2000 - 2004", FROM:"College - St. Vincent", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Santini, Robert (Bob)", ACTIVE:"1955 - 1955", FROM:"College - Iona", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Sappleton, Wayne B.", ACTIVE:"1984 - 1984", FROM:"College - Loyola (Chicago)", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Sasser, Jason", ACTIVE:"1996 - 1998", FROM:"College - Texas Tech ''96", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Sasser, Jeryl", ACTIVE:"2001 - 2002", FROM:"College - Southern Methodist ''01", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Satterfield, Kenny", ACTIVE:"2001 - 2002", FROM:"College - Cincinnati ''03", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Saul, Frank Benjamin Jr. (Pep)", ACTIVE:"1949 - 1954", FROM:"College - Seton Hall", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Sauldsberry, Woodrow Jr. (Woody)", ACTIVE:"1957 - 1965", FROM:"College - Texas Southern", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Saunders, James Frederick (Fred)", ACTIVE:"1974 - 1977", FROM:"College - Syracuse", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Savage, Donald Joseph (Don)", ACTIVE:"1951 - 1956", FROM:"College - Le Moyne", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Savovic, Predrag", ACTIVE:"2002 - 2002", FROM:"College - Hawaii ''02", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Sawyer, Alan Leigh", ACTIVE:"1950 - 1950", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Scalabrine, Brian", ACTIVE:"ACTIVE", FROM:"College - USC", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Scales, Alex", ACTIVE:"2005 - 2005", FROM:"College - Oregon", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Scales, DeWayne", ACTIVE:"1980 - 1983", FROM:"College - Louisiana State", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Schade, Frank", ACTIVE:"1972 - 1972", FROM:"College - Wis.-Eau Claire; Texas-El Paso", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Schadler, Bernard R. (Ben)", ACTIVE:"1947 - 1947", FROM:"College - Northwestern", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Schaefer, Herman H. (Herm)", ACTIVE:"1948 - 1949", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Schafer, Robert Thomas (Bob)", ACTIVE:"1955 - 1955", FROM:"College - Villanova", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Scharnus, Benedict Michael (Ben, Whitey)", ACTIVE:"1946 - 1948", FROM:"College - Seton Hall", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Schatzman, Marvin J. (Marv)", ACTIVE:"1949 - 1949", FROM:"College - St. Louis", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Schaus, Frederick Appleton (Fred)", ACTIVE:"1949 - 1953", FROM:"College - West Virginia", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Schayes, Danny", ACTIVE:"1981 - 1998", FROM:"College - Syracuse", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Schayes, Dolph", ACTIVE:"1949 - 1963", FROM:"College - N.Y.U.", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Schectman, Oscar B. (Ossie)", ACTIVE:"1946 - 1946", FROM:"College - Long Island University", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Scheffler, Steve", ACTIVE:"1990 - 1996", FROM:"College - Purdue", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Scheffler, Thomas Mark (Tom)", ACTIVE:"1984 - 1984", FROM:"College - Purdue", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Schellhase, David Gene Jr. (Dave)", ACTIVE:"1966 - 1967", FROM:"College - Purdue", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Schenscher, Luke", ACTIVE:"2005 - 2006", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Scherer, Herbert Frederick (Herb)", ACTIVE:"1950 - 1951", FROM:"College - Long Island University", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Schintzius, Dwayne", ACTIVE:"1990 - 1998", FROM:"College - Florida", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Schlueter, Dale Wayne", ACTIVE:"1968 - 1977", FROM:"College - Colorado State", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Tabak, Zan", ACTIVE:"1994 - 2000", FROM:"College - No College", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Tabuse, Yuta", ACTIVE:"2004 - 2004", FROM:"College - BYU-Hawaii", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Taft, Chris", ACTIVE:"2005 - 2005", FROM:"College - Pittsburgh", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Tannenbaum, Sidney (Sid)", ACTIVE:"1947 - 1948", FROM:"College - N.Y.U.", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Tarlac, Dragan", ACTIVE:"2000 - 2000", FROM:"College - Olympiakos (Greece)", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Tarpley, Roy", ACTIVE:"1986 - 1994", FROM:"College - Michigan", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Tatum, William Earl (Earl)", ACTIVE:"1976 - 1979", FROM:"College - Marquette", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Taylor, Anthony", ACTIVE:"1988 - 1988", FROM:"College - Oregon", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Taylor, Brian Dw.", ACTIVE:"1976 - 1981", FROM:"College - Princeton", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Taylor, Donell", ACTIVE:"2005 - 2006", FROM:"College - Alabama-Birmingham", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Taylor, Fredrick Ollie (Fred)", ACTIVE:"1970 - 1971", FROM:"College - Texas-Pan American", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Taylor, Jay", ACTIVE:"1989 - 1989", FROM:"College - Eastern Illinois", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Taylor, Jeff", ACTIVE:"1982 - 1986", FROM:"College - Texas Tech", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Taylor, Jermaine", ACTIVE:"2009 - 2010", FROM:"College - Central Florida", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Taylor, Johnny", ACTIVE:"1997 - 1999", FROM:"College - Knoxville; Indian Hills CC IA; Tennessee-Chattanooga", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Taylor, Leonard", ACTIVE:"1989 - 1989", FROM:"College - California", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Taylor, Maurice", ACTIVE:"1997 - 2006", FROM:"College - Michigan", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Taylor, Mike", ACTIVE:"2008 - 2008", FROM:"College - Iowa State", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Taylor, Roland Morris (Fatty)", ACTIVE:"1976 - 1976", FROM:"College - Edison CC FL; La Salle", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Taylor, Vince", ACTIVE:"1982 - 1982", FROM:"College - Duke", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Teagle, Terry", ACTIVE:"1982 - 1992", FROM:"College - Baylor", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Teague, Jeff", ACTIVE:"ACTIVE", FROM:"College - Wake Forest", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Telfair, Sebastian", ACTIVE:"ACTIVE", FROM:"High School - Abraham Lincoln HS (Brooklyn, NY)", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Temple, Garrett", ACTIVE:"ACTIVE", FROM:"College - Louisiana State", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Terrell, Ira Edmondson", ACTIVE:"1976 - 1978", FROM:"College - Southern Methodist", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Terry, Allen Charles (Chuck)", ACTIVE:"1972 - 1976", FROM:"College - Long Beach State", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Terry, Carlos", ACTIVE:"1980 - 1982", FROM:"College - Winston-Salem State", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Terry, Claude Lewis", ACTIVE:"1976 - 1977", FROM:"College - Stanford", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Terry, Jason", ACTIVE:"ACTIVE", FROM:"College - Arizona", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Thabeet, Hasheem", ACTIVE:"ACTIVE", FROM:"College - Connecticut", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Thacker, Thomas Porter (Tom, Tack)", ACTIVE:"1963 - 1967", FROM:"College - Cincinnati", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Theus, Reggie", ACTIVE:"1978 - 1990", FROM:"College - Nevada-Las Vegas", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Thibeaux, Peter C.", ACTIVE:"1984 - 1985", FROM:"College - St. Mary's (CA)", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Thieben, William Bernard (Bill)", ACTIVE:"1956 - 1957", FROM:"College - Hofstra", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Thigpen, Justus", ACTIVE:"1972 - 1973", FROM:"College - Charles Stewart Mott CC MI; Weber State", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Thirdkill, David", ACTIVE:"1982 - 1986", FROM:"College - Coll. of Southern Idaho (J.C.); Bradley", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Thomas, Billy", ACTIVE:"2007 - 2007", FROM:"College - Kansas", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Thomas, Carl", ACTIVE:"1991 - 1997", FROM:"College - Eastern Michigan", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Thomas, Charles", ACTIVE:"1991 - 1991", FROM:"College - Eastern Michigan", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Thomas, Etan", ACTIVE:"ACTIVE", FROM:"College - Syracuse", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Thomas, Irving", ACTIVE:"1990 - 1990", FROM:"College - Kentucky; Florida State", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Thomas, Isiah", ACTIVE:"1981 - 1993", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Thomas, Jamel", ACTIVE:"1999 - 2000", FROM:"College - Providence", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Thomas, Jamel", ACTIVE:"1999 - 2000", FROM:"College - Providence", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Thomas, James", ACTIVE:"2004 - 2005", FROM:"College - Texas", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Thomas, Jim", ACTIVE:"1983 - 1990", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Thomas, John", ACTIVE:"1997 - 2005", FROM:"College - Minnesota", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Thomas, Joseph Randle (Joe)", ACTIVE:"1970 - 1970", FROM:"College - Marquette", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Thomas, Kenny", ACTIVE:"2007 - 2009", FROM:"College - New Mexico", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Thomas, Kurt", ACTIVE:"ACTIVE", FROM:"College - Texas Christian", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Udoh, Ekpe", ACTIVE:"ACTIVE", FROM:"College - Baylor", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Udoka, Ime", ACTIVE:"2007 - 2010", FROM:"College - Portland State", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Udrih, Beno", ACTIVE:"ACTIVE", FROM:"From - Sempeter, Slovenia", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Ukic, Roko", ACTIVE:"2008 - 2009", FROM:"From - Split, Croatia", TEAM_LOGO:"./images/nba_jazz.jpg"}, \r
-{NAME:"Unseld, Wes", ACTIVE:"1968 - 1980", FROM:"College - Louisville", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Uplinger, Harold F. (Hal)", ACTIVE:"1953 - 1953", FROM:"College - Long Island University", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Upshaw, Kelvin", ACTIVE:"1988 - 1990", FROM:"College - Northeastern State (Okla.); Utah", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Uzoh, Ben", ACTIVE:"ACTIVE", FROM:"College - Tulsa", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Valentine, Darnell", ACTIVE:"1981 - 1990", FROM:"College - Kansas", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Valentine, Ronnie L. (Ron)", ACTIVE:"1980 - 1980", FROM:"College - Old Dominion", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Vallely, John Stephen", ACTIVE:"1970 - 1971", FROM:"College - Orange Coast Coll. CA (J.C.); UCLA", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Van Arsdale, Dick", ACTIVE:"1965 - 1976", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Van Arsdale, Thomas Arthur (Tom)", ACTIVE:"1965 - 1976", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Van Breda Kolff, Jan", ACTIVE:"1976 - 1982", FROM:"College - Vanderbilt", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Van Breda Kolff, Willem H. (Butch)", ACTIVE:"1946 - 1949", FROM:"College - Princeton; N.Y.U.", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Van Exel, Nick", ACTIVE:"1993 - 2005", FROM:"College - Cincinnati", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Van Horn, Keith", ACTIVE:"1997 - 2005", FROM:"College - Utah", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Van Lier, Norm", ACTIVE:"1969 - 1978", FROM:"College - St. Francis (PA)", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Vance, Ellis Eugene (Gene)", ACTIVE:"1947 - 1951", FROM:"College - Illinois", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Vander Velden, Logan", ACTIVE:"1995 - 1995", FROM:"College - Wis.-Green Bay", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Vandeweghe, Ernest Maurice Jr. (Ernie, Doc)", ACTIVE:"1949 - 1955", FROM:"College - Colgate", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Vandeweghe, Kiki", ACTIVE:"1980 - 1992", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Vanos, Nick", ACTIVE:"1985 - 1986", FROM:"College - Santa Clara", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Vanterpool, David", ACTIVE:"2000 - 2000", FROM:"College - St. Bonaventure", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Varda, Ratko", ACTIVE:"2001 - 2001", FROM:"From - Serbia & Montenegro", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Varejao, Anderson", ACTIVE:"ACTIVE", FROM:"From - Santa Teresa, Brazil", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Vasquez, Greivis", ACTIVE:"ACTIVE", FROM:"College - Maryland", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Vaughn, Charles (Chico)", ACTIVE:"1962 - 1966", FROM:"College - Southern Illinois", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Vaughn, David", ACTIVE:"1995 - 1998", FROM:"College - Memphis", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Vaughn, Jacque", ACTIVE:"2007 - 2008", FROM:"College - Kansas", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Vaughn, Virgil V.", ACTIVE:"1946 - 1946", FROM:"College - Kentucky Wesleyan", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Vaught, Loy", ACTIVE:"1990 - 2000", FROM:"College - Michigan", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Verga, Robert Bruce (Bob)", ACTIVE:"1973 - 1973", FROM:"College - Duke", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Verhoeven, Peter", ACTIVE:"1981 - 1986", FROM:"College - Fresno State", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Vetra, Gundars", ACTIVE:"1992 - 1992", FROM:"College - No College", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Vianna, Joao", ACTIVE:"1991 - 1991", FROM:"College - Travajara (Brazil)", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Villanueva, Charlie", ACTIVE:"ACTIVE", FROM:"College - Connecticut", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Vincent, Jay", ACTIVE:"1981 - 1989", FROM:"College - Michigan State", TEAM_LOGO:"./images/nba_kings.jpg"}, \r
-{NAME:"Vincent, Sam", ACTIVE:"1985 - 1991", FROM:"College - Michigan State", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Vinicius, Marcus", ACTIVE:"2007 - 2007", FROM:"From - Brazil", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Vinson, Fred", ACTIVE:"1994 - 1999", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Voce, Gary", ACTIVE:"1989 - 1989", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Volker, Floyd W.", ACTIVE:"1949 - 1949", FROM:"College - Wyoming", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Volkov, Alexander", ACTIVE:"1989 - 1991", FROM:"College - Kiev Institute (Ukraine)", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Von Nieda, Stanley L. Jr. (Whitey)", ACTIVE:"1949 - 1949", FROM:"College - Penn State", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Voskuhl, Jake", ACTIVE:"2007 - 2008", FROM:"College - Connecticut", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Vranes, Danny", ACTIVE:"1981 - 1987", FROM:"College - Utah", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Vranes, Slavko", ACTIVE:"2003 - 2003", FROM:"From - Serbia & Montenegro", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Vrankovic, Stojko", ACTIVE:"1990 - 1998", FROM:"College - Croatia", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Vroman, Brett Grant", ACTIVE:"1980 - 1980", FROM:"College - UCLA; Nevada-Las Vegas", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Vroman, Jackson", ACTIVE:"2004 - 2005", FROM:"College - Iowa State", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Vujacic, Sasha", ACTIVE:"ACTIVE", FROM:"From - Maribor, Slovenia", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Wade, Dwyane", ACTIVE:"ACTIVE", FROM:"College - Marquette", TEAM_LOGO:"./images/nba_knics.jpg"}, \r
-{NAME:"Wade, Mark", ACTIVE:"1987 - 1989", FROM:"College - El Camino Coll. CA (J.C.); Oklahoma; Nevada-Las Vegas", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Wafer, Von", ACTIVE:"ACTIVE", FROM:"College - Florida State", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Wager, Clinton B. (Clint)", ACTIVE:"1949 - 1949", FROM:"College - St. Mary's (Minn.)", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Wagner, Dajuan", ACTIVE:"2002 - 2006", FROM:"College - Memphis", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Wagner, Daniel Earnest (Danny)", ACTIVE:"1949 - 1949", FROM:"College - Schreiner Coll.; Texas", TEAM_LOGO:"./images/nba_bulls.jpg"}, \r
-{NAME:"Wagner, Milt", ACTIVE:"1987 - 1990", FROM:"College - Louisville", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Waiters, Granville", ACTIVE:"1983 - 1987", FROM:"College - Ohio State", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Wakefield, Andre", ACTIVE:"1978 - 1979", FROM:"College - Coll. of Southern Idaho (J.C.); Loyola (Chicago)", TEAM_LOGO:"./images/nba_clippers.jpg"}, \r
-{NAME:"Walk, Neal", ACTIVE:"1969 - 1976", FROM:"College - Florida", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Walker, Andrew Martin (Andy)", ACTIVE:"1976 - 1976", FROM:"College - Niagara", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Walker, Antoine", ACTIVE:"2007 - 2007", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Walker, Bill", ACTIVE:"ACTIVE", FROM:"College - Kansas State", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Walker, Brady W.", ACTIVE:"1948 - 1951", FROM:"College - Brigham Young", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Walker, Chet", ACTIVE:"1962 - 1974", FROM:"College - Bradley", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Walker, Darrell", ACTIVE:"1983 - 1992", FROM:"College - Westark CC; Arkansas", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Walker, Foots", ACTIVE:"1974 - 1983", FROM:"College - Vincennes IN (J.C.); West Georgia", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Walker, Horace", ACTIVE:"1961 - 1961", FROM:"College - Michigan State", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Walker, James (Jimmy)", ACTIVE:"1967 - 1975", FROM:"College - Providence", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Walker, Kenny", ACTIVE:"1986 - 1994", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Walker, Phillip B. (Phil)", ACTIVE:"1977 - 1977", FROM:"College - Millersville", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Walker, Samaki", ACTIVE:"1996 - 2005", FROM:"College - Louisville", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Walker, Wally", ACTIVE:"1976 - 1983", FROM:"College - Virginia", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Wall, John", ACTIVE:"ACTIVE", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Wallace, Ben", ACTIVE:"ACTIVE", FROM:"College - Virginia Union", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Wallace, Gerald", ACTIVE:"ACTIVE", FROM:"College - Alabama", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Wallace, John", ACTIVE:"1996 - 2003", FROM:"College - Syracuse ''96", TEAM_LOGO:"./images/nba_spurs.jpg"}, \r
-{NAME:"Wallace, Michael John (Red)", ACTIVE:"1946 - 1946", FROM:"College - Scranton", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Wallace, Rasheed", ACTIVE:"2007 - 2009", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Waller, Dwight", ACTIVE:"1968 - 1968", FROM:"College - Tennessee State", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Waller, Jamie", ACTIVE:"1987 - 1987", FROM:"College - Virginia Union", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Walsh, James Patrick (Jim)", ACTIVE:"1957 - 1957", FROM:"College - Stanford", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Walsh, Matt", ACTIVE:"2005 - 2005", FROM:"College - Florida", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Walters, Rex", ACTIVE:"1993 - 1999", FROM:"College - De Anza Coll. CA (J.C.); Northwestern; Kansas", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Walther, Paul P. (Lefty)", ACTIVE:"1949 - 1954", FROM:"College - Tennessee", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Walthour, Isaac (Rabbit)", ACTIVE:"1953 - 1953", FROM:"College - No College", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Walton, Bill", ACTIVE:"1974 - 1986", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_heats.jpg"}, \r
-{NAME:"Walton, Lloyd", ACTIVE:"1976 - 1980", FROM:"College - Moberly Area CC; Marquette", TEAM_LOGO:"./images/nba_celtics.jpg"}, \r
-{NAME:"Walton, Luke", ACTIVE:"ACTIVE", FROM:"College - Arizona", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Wang Zhizhi", ACTIVE:"2000 - 2004", FROM:"From - China", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Wanzer, Robert Francis (Bobby)", ACTIVE:"1948 - 1956", FROM:"College - Colgate; Seton Hall", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Warbington, Perry", ACTIVE:"1974 - 1974", FROM:"College - Lake City CC FL; Georgia Southern", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Ward, Charlie", ACTIVE:"1994 - 2004", FROM:"College - Florida State", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Ward, Gerald W. (Gerry)", ACTIVE:"1963 - 1966", FROM:"College - Boston College", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Ward, Henry Lorette", ACTIVE:"1976 - 1976", FROM:"College - Jackson State", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, \r
-{NAME:"Ware, James Edward (Jim)", ACTIVE:"1966 - 1967", FROM:"College - Oklahoma City", TEAM_LOGO:"./images/nba_magics.jpg"}, \r
-{NAME:"Warley, Benjamin Vallintina (Ben)", ACTIVE:"1962 - 1966", FROM:"College - Tennessee State", TEAM_LOGO:"./images/nba_rockets.jpg"}, \r
-{NAME:"Warlick, Robert Lee (Bob)", ACTIVE:"1965 - 1968", FROM:"College - Pueblo CC CO; Pepperdine; Denver", TEAM_LOGO:"./images/nba_nets.jpg"}, \r
-{NAME:"Warner, Cornell", ACTIVE:"1970 - 1976", FROM:"College - Jackson State", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Warren, John II (Johnny)", ACTIVE:"1969 - 1973", FROM:"College - St. John's (N.Y.)", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Yarbrough, Vincent", ACTIVE:"2002 - 2002", FROM:"College - Tennessee ''02", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Yardley, George", ACTIVE:"1953 - 1959", FROM:"College - Stanford", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Yates, Barry", ACTIVE:"1971 - 1971", FROM:"College - Nebraska; Maryland", TEAM_LOGO:"./images/nba_pistons.jpg"}, \r
-{NAME:"Yates, Wayne E.", ACTIVE:"1961 - 1961", FROM:"College - Memphis", TEAM_LOGO:"./images/nba_76ers.jpg"}, \r
-{NAME:"Yelverton, Charles W. (Charlie)", ACTIVE:"1971 - 1971", FROM:"College - Fordham", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Yonakor, Richard Robert (Rich)", ACTIVE:"1981 - 1981", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, \r
-{NAME:"Young, Danny", ACTIVE:"1984 - 1994", FROM:"College - Wake Forest", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Young, Korleone", ACTIVE:"1998 - 1998", FROM:"College - No College", TEAM_LOGO:"./images/nba_griz.jpg"}, \r
-{NAME:"Young, Michael", ACTIVE:"1984 - 1989", FROM:"College - Houston", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Young, Nick", ACTIVE:"ACTIVE", FROM:"College - USC", TEAM_LOGO:"./images/nba_bobcats.jpg"}, \r
-{NAME:"Young, Perry", ACTIVE:"1986 - 1986", FROM:"College - Virginia Tech", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Young, Sam", ACTIVE:"ACTIVE", FROM:"College - Pittsburgh", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Young, Thaddeus", ACTIVE:"ACTIVE", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Young, Tim", ACTIVE:"1999 - 1999", FROM:"College - Stanford", TEAM_LOGO:"./images/nba_lakers.jpg"}, \r
-{NAME:"Yue, Sun", ACTIVE:"2008 - 2008", FROM:"From - China", TEAM_LOGO:"./images/nba_wizards.jpg"}, \r
-{NAME:"Zaslofsky, Max (Slats)", ACTIVE:"1946 - 1955", FROM:"College - Chicago; St. John's (N.Y.)", TEAM_LOGO:"./images/nba_mavericks.jpg"}, \r
-{NAME:"Zawoluk, Robert Michael (Zeke)", ACTIVE:"1952 - 1954", FROM:"College - St. John's (N.Y.)", TEAM_LOGO:"./images/nba_bucks.jpg"}, \r
-{NAME:"Zeller, David A. (Dave)", ACTIVE:"1961 - 1961", FROM:"College - Miami (Ohio)", TEAM_LOGO:"./images/nba_trail.jpg"}, \r
-{NAME:"Zeller, Gary Lynn", ACTIVE:"1970 - 1971", FROM:"College - Drake", TEAM_LOGO:"./images/nba_raptors.jpg"}, \r
-{NAME:"Zeller, Harry Raymond (Hank)", ACTIVE:"1946 - 1946", FROM:"College - Pittsburgh; Washington & Jefferson", TEAM_LOGO:"./images/nba_warriors.jpg"}, \r
-{NAME:"Zeno, Anthony Michael (Tony)", ACTIVE:"1979 - 1979", FROM:"College - Arizona State", TEAM_LOGO:"./images/nba_pacers.jpg"}, \r
-{NAME:"Zevenbergen, Phil", ACTIVE:"1987 - 1987", FROM:"College - Seattle Pacific; Edmonds CC WA; Washington", TEAM_LOGO:"./images/nba_honets.jpg"}, \r
-{NAME:"Zidek, George", ACTIVE:"1995 - 1997", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_sonics.jpg"}, \r
-{NAME:"Zimmerman, Derrick", ACTIVE:"2005 - 2005", FROM:"College - Mississippi State", TEAM_LOGO:"./images/nba_nuggets.jpg"}, \r
-{NAME:"Zoet, Jim", ACTIVE:"1982 - 1982", FROM:"College - Kent State", TEAM_LOGO:"./images/nba_suns.jpg"}, \r
-{NAME:"Zopf, William Charles Jr. (Bill, Zip)", ACTIVE:"1970 - 1970", FROM:"College - Duquesne", TEAM_LOGO:"./images/nba_hawks.jpg"}, \r
-{NAME:"Zunic, Matthew (Matt, Mad Matt)", ACTIVE:"1948 - 1948", FROM:"College - George Washington", TEAM_LOGO:"./images/nba_clippers.jpg"}\r
-];
\ No newline at end of file
+++ /dev/null
- <div data-role="page" id="virtuallist-normal_1line" class="virtuallist_demo_page" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Virtual List - Normal Style 1line</h1>
- </div>
- <div data-role="content">
- <script id="tmp-1line" type="text/x-jquery-tmpl">
- <li class="ui-li-1line"><span class="ui-li-text-main">${NAME}</span></li>
- </script>
-
- <ul id="virtuallist-normal_1line_ul" data-role="virtuallistview" data-template="tmp-1line" data-dbtable="JSON_DATA">
- </ul>
- </div>
- </div>
+++ /dev/null
-
-<div data-role="page" id="virtuallist-normal_1line-bigicon5" class="virtuallist_demo_page"
- data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Virtual List - Normal Style 1line-bigicon5</h1>
- </div>
- <div data-role="content">
- <script id="tmp-1line-bigicon5" type="text/x-jquery-tmpl">
- <li class="ui-li-1line-bigicon5">
- <span class="ui-li-text-main">${NAME}</span>
- <img src=${TEAM_LOGO} class="ui-li-bigicon">
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </li>
- </script>
- <ul id="virtuallist-normal_1line-bigicon5_ul" data-role="virtuallistview" data-template="tmp-1line-bigicon5" data-dbtable="JSON_DATA">
- </ul>
- </div>
-</div>
+++ /dev/null
- <div data-role="page" id="virtuallist-normal_1line-btn1" class="virtuallist_demo_page" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Virtual List - Normal Style 1line-btn1</h1>
- </div>
- <div data-role="content">
- <script id="tmp-1line-btn1" type="text/x-jquery-tmpl">
- <li class="ui-li-1line-btn1">
- <span class="ui-li-text-main">${NAME}</span>
- <div data-role="button" data-inline="true">${ACTIVE}</div>
- </li>
- </script>
- <ul id="virtuallist-normal_1line-btn1_ul" data-role="virtuallistview" data-template="tmp-1line-btn1" data-dbtable="JSON_DATA">
- </ul>
- </div>
- </div>
+++ /dev/null
-
-<div data-role="page" id="virtuallist-normal_1line-toggle" class="virtuallist_demo_page" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Virtual List - Normal Style 1line-toggle</h1>
- </div>
- <div data-role="content">
- <script id="tmp-1line-toggle" type="text/x-jquery-tmpl">
- <li class="ui-li-1line-toggle">
- <span class="ui-li-text-main">${NAME}</span>
- <div data-role="toggleswitch"/></div>
- </li>
- </script>
- <ul id="virtuallist-normal_1line-toggle_ul" data-role="virtuallistview" data-template="tmp-1line-toggle" data-dbtable="JSON_DATA">
- </ul>
- </div>
-</div>
+++ /dev/null
-
-<div data-role="page" id="virtuallist-normal_2line-star1" class="virtuallist_demo_page"
- data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Virtual List - Normal Style 2line-star1</h1>
- </div>
- <div data-role="content">
- <script id="tmp-2line-star1" type="text/x-jquery-tmpl">
- <li class="ui-li-2line-star1">
- <span class="ui-li-text-main">${NAME}</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-sub">
- <span class="ui-li-text-sub">${ACTIVE}</span>
- <span class="ui-li-text-sub2">${FROM}</span>
- </li>
-
- </script>
-
- <ul id="virtuallist-normal_2line-star1_ul" data-role="virtuallistview" data-template="tmp-2line-star1" data-dbtable="JSON_DATA">
- </ul>
- </div>
-</div>
+++ /dev/null
-<!DOCTYPE html>
- <div data-role="page" data-add-back-btn="true" id="listviewcontrols-demo" data-add-back-btn="true">
- <div data-role="header">
- <h1>Listview controls</h1>
- <fieldset data-role="controlgroup">
- <div data-role="fieldcontain">
- <label for="listviewcontrols-demo-toggler">listviewcontrols mode:</label>
- <select id="listviewcontrols-demo-toggler" data-role="slider">
- <option value="edit">edit</option>
- <option value="view">view</option>
- </select>
- </div>
- </fieldset>
- </div>
- <div class="content" data-role="content" data-scroll="y">
- <form id="listviewcontrols-demo-control-panel"
- style="padding-bottom: 14px;"
- data-listviewcontrols-show-in="edit">
- <p>These are the controls which can operate over all of
- the items in the listview. Note that if you filter the
- list, these controls will only affect the currently-visible
- items. Also note that we're using autodividers here too :)</p>
-
- <fieldset data-role="controlgroup">
- <input type="checkbox" id="listviewcontrols-demo-checkbox-uber" />
- <label for="listviewcontrols-demo-checkbox-uber">Select all</label>
- </fieldset>
- </form>
-
- <ul data-role="listview"
- data-listviewcontrols="#listviewcontrols-demo-control-panel"
- data-listviewcontrols-options='{"mode":"edit"}'
- id="listviewcontrols-demo-listview"
- data-filter="true"
- data-autodividers="alpha"
- data-autodividers-selector="span">
- <li>
- <fieldset data-role="controlgroup" data-listviewcontrols-show-in="edit">
- <input type="checkbox" id="listviewcontrols-demo-checkbox-1" />
- <label for="listviewcontrols-demo-checkbox-1">Greg</label>
- </fieldset>
- <span data-listviewcontrols-show-in="view">Greg</span>
- </li>
- <li>
- <fieldset data-role="controlgroup" data-listviewcontrols-show-in="edit">
- <input type="checkbox" id="listviewcontrols-demo-checkbox-2" />
- <label for="listviewcontrols-demo-checkbox-2">Greta</label>
- </fieldset>
- <span data-listviewcontrols-show-in="view">Greta</span>
- </li>
- <li>
- <fieldset data-role="controlgroup" data-listviewcontrols-show-in="edit">
- <input type="checkbox" id="listviewcontrols-demo-checkbox-3" />
- <label for="listviewcontrols-demo-checkbox-3">Pete</label>
- </fieldset>
- <span data-listviewcontrols-show-in="view">Pete</span>
- </li>
- <li>
- <fieldset data-role="controlgroup" data-listviewcontrols-show-in="edit">
- <input type="checkbox" id="listviewcontrols-demo-checkbox-4" />
- <label for="listviewcontrols-demo-checkbox-4">Phil</label>
- </fieldset>
- <span data-listviewcontrols-show-in="view">Phil</span>
- </li>
- <li>
- <fieldset data-role="controlgroup" data-listviewcontrols-show-in="edit">
- <input type="checkbox" id="listviewcontrols-demo-checkbox-5" />
- <label for="listviewcontrols-demo-checkbox-5">Sue</label>
- </fieldset>
- <span data-listviewcontrols-show-in="view">Sue</span>
- </li>
- </ul>
- </div>
- <div data-role="footer">
- <h4>Web UI Framework - Widgets gallery</h4>
- </div>
- </div>
-<!-- /page -->
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
- <meta name="viewport" content="width=720, initial-scale=1">
- <title>jQM Test Example</title>
-
- <script src="../../../src/jqm/js/jquery.js"></script>
- <script src="../../../src/jqm/js/"></script>
- <script src="../../../src/jqm/theme.js"></script>
- <link rel="stylesheet" href="../../../build/tizen-web-ui-fw/0.1/themes/nbeat-black/tizen-web-ui-fw-theme.css" />
- </head>
-<body>
-
-<div data-role="page" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>ControlBar</h1>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#normalstyle">Normal</a></li>
- <li><a href="#expendedstyle">Expended</a></li>
-
- </ul>
- </div><!--/content-primary -->
- </div>
-</div>
-
-<div data-role="page" id="normalstyle" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Title Area</h1>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#normal1btn">Title 1 button</a></li>
- <li><a href="#normal2btn">Title 2 button</a></li>
- <li><a href="#normal3btn">Title 3 button</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- </ul>
- </div><!--/content-primary -->
- </div>
-</div>
-
-<div data-role="page" id="normal1btn">
- <div data-role="header" data-position="fixed">
- <a>Text1</a>
- <h1>Title Area</h1>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#normal1btn">Title 1 button</a></li>
- <li><a href="#normal2btn">Title 2 button</a></li>
- <li><a href="#normal3btn">Title 3 button</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <div data-role="button" data-inline="true">Text Button TesT</div>
- </ul>
- </div><!--/content-primary -->
- </div>
-</div>
-
-<div data-role="page" id="normal2btn">
- <div data-role="header" data-position="fixed">
- <a>Text1</a>
- <h1>Title Area</h1>
- <a>Text2</a>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#normal1btn">Title 1 button</a></li>
- <li><a href="#normal2btn">Title 2 button</a></li>
- <li><a href="#normal3btn">Title 3 button</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <div data-role="button" data-inline="true">Text Button TesT</div>
- </ul>
- </div><!--/content-primary -->
- </div>
-</div>
-
-<div data-role="page" id="normal3btn" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <a>Text1</a>
- <h1>Title Area</h1>
- <a>Text2</a>
- <a>Text3</a>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#normal1btn">Title 1 button</a></li>
- <li><a href="#normal2btn">Title 2 button</a></li>
- <li><a href="#normal3btn">Title 3 button</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <div data-role="button" data-inline="true">Text Button TesT</div>
- </ul>
- </div><!--/content-primary -->
- </div>
-</div>
-
-<div data-role="page" id="expendedstyle" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Title Extend</h1>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#expendedstyle2btn">2 Button</a></li>
- <li><a href="#expendedstyle3btn">3 Button</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <div data-role="button" data-inline="true">Text Button TesT</div>
- </ul>
- </div><!--/content-primary -->
- </div>
-</div>
-
-<div data-role="page" id="expendedstyle2btn">
- <div data-role="header" data-position="fixed">
- <a>Text</a>
- <h1>Title Extend 2 Button </h1>
- <a>Text</a>
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment1" value="on" checked="checked" />
- <label for="segment1">All</label>
- <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment2" value="off" />
- <label for="segment2">Call</label>
- </fieldset>
- </div>
-<!-- <div data-role="button" data-inline="true">Text</div>-->
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#expendedstyle2btn">2 Button</a></li>
- <li><a href="#expendedstyle3btn">3 Button</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <div data-role="button" data-inline="true">Text Button TesT</div>
- </ul>
- </div><!--/content-primary -->
- </div>
-</div>
-
-<div data-role="page" id="expendedstyle3btn">
- <div data-role="header" data-position="fixed">
- <a>Text</a>
- <h1>Title Extend 3 Button </h1>
- <a>Text</a>
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment71" value="on" checked="checked" />
- <label for="segment71">All</label>
- <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment72" value="off" />
- <label for="segment72">Call</label>
- <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment73" value="off" />
- <label for="segment73">Message</label>
- </fieldset>
- </div>
-<!-- <div data-role="button" data-inline="true">Text</div>-->
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="#expendedstyle2btn">2 Button</a></li>
- <li><a href="#expendedstyle3btn">3 Button</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <li><a href="#">Test</a></li>
- <div data-role="button" data-inline="true">Text Button TesT</div>
- </ul>
- </div><!--/content-primary -->
- </div>
-</div>
\ No newline at end of file
+++ /dev/null
-/**
- * Pagecontrol sample code
- * by Youmin Ha <youmin.ha@samsung.com>
- */
-
-(function($) {
-
-// Example: Set value change callback
-$('#pagecontrol').live('pageshow', function() {
- var i = 1;
- for(i=1; i<=10; i++) {
- $('#p'+i).bind("change", function(event, value) {
- var log = 'Changed value to ' + value;
- $("#txt").html(log);
- });
- }
-});
-
-
-// Example: Set value by random
-$('#pagecontrol_btn_randomset').live('vclick',
- function() {
- var i;
- for(i=1; i<=10; i++) {
- $('#p'+i).trigger('change',
- Math.floor(Math.random() * i + 1));
- }
-});
-
-})($);
-
+++ /dev/null
-<div data-role="page" id="pagecontrol" data-add-back-btn="true" data-fit-page-to-window="true">
- <div data-role="header">
- <h1>Pagecontrol (page indicator)</h1>
- </div>
- <div class="content" data-role="content">
- <div id="p10" data-role="pagecontrol" data-max="10" data-initVal="10"></div>
- <div id="p9" data-role="pagecontrol" data-max="9" data-initVal="9"></div>
- <div id="p8" data-role="pagecontrol" data-max="8" data-initVal="8"></div>
- <div id="p7" data-role="pagecontrol" data-max="7" data-initVal="7"></div>
- <div id="p6" data-role="pagecontrol" data-max="6" data-initVal="6"></div>
- <div id="p5" data-role="pagecontrol" data-max="5" data-initVal="5"></div>
- <div id="p4" data-role="pagecontrol" data-max="4" data-initVal="4"></div>
- <div id="p3" data-role="pagecontrol" data-max="3" data-initVal="3"></div>
- <div id="p2" data-role="pagecontrol" data-max="2" data-initVal="2"></div>
- <div id="p1" data-role="pagecontrol" data-max="1"></div>
-
- <div id="txt">here</div>
- <a href="#" id="pagecontrol_btn_randomset" data-role="button" data-inline="true">Set each values randomly</a>
- </div>
-</div>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="themes/default/" />
- <script src="js/jquery.js"></script>
- <script src="js/"></script>
- <script src="theme.js"></script>
- <script src="js/jquery.mobile.forms.checkboxradio.extension.js"></script>
- </head>
-<body>
-
-<div data-role="page" data-add-back-btn="true">
-
-<div class="content" data-role="content">
- <div class="center_info">
- <div class="popup-text"> <p>
- Pop-up dialog box, a child
- window that blocks user inter-
- act to the parent windows
- </p></div>
- </div>
-</div>
-
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="themes/default/" />
- <script src="js/jquery.js"></script>
- <script src="js/"></script>
- <script src="theme.js"></script>
- <script src="js/jquery.mobile.forms.checkboxradio.extension.js"></script>
- </head>
-<body>
-
-<div data-role="page" id="popupwindow-demo" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Popup window</h1>
- </div>
- <div class="content" data-role="content">
- <ul data-role="listview" data-icon="1line-textonly">
- <li><a href="#center_info" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center info popup</a></li>
- <li><a href="#center_title" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center title popup</a></li>
- <li><a href="#center_basic_1btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center basic 1 button popup</a></li>
- <li><a href="#center_basic_2btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center basic 2 button popup</a></li>
- <li><a href="#center_basic_3btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center basic 3 button popup</a></li>
- <li><a href="#center_title_1btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center title 1 button popup</a></li>
- <li><a href="#center_title_2btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center title 2 button popup</a></li>
- <li><a href="#center_title_3btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center title 3 button popup</a></li>
- <li><a href="#center_button_vertical" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center_button vertical</a></li>
- <li><a href="#center_checkbox" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center_checkbox</a></li>
- <li><a href="#center_liststyle_1btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center_list style 1 button popup</a></li>
- <li><a href="#center_liststyle_2btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center_list style 2 button popup</a></li>
- <li><a href="#center_liststyle_3btn" data-inline="true" data-rel="popupwindow" aria-haspopup="true">Center_list style 3 button popup</a></li>
- </ul>
-
- <!-- text only -->
- <div id="center_info" data-role="popupwindow" data-style="center_info">
- <div data-role="text"> <p>
- Pop-up dialog box, a child
- window that blocks user inter-
- act to the parent windows
- </p></div>
- </div>
-
- <!-- popup title-text -->
- <div id="center_title" data-role="popupwindow" data-style="center_title">
- <p data-role="title">
- Popup title
- </p>
- <p data-role="text">
- Pop-up dialog box, a child
- window that blocks user interact
- to the parent windows
- </p>
- </div>
-
- <!-- popup basic+text+1button -->
- <div id="center_basic_1btn" data-role="popupwindow" data-style="center_basic_1btn">
- <p data-role="text">
- Pop-up dialog box, a child
- window that blocks user interact
- to the parent windows
- </p>
- <div data-role="button-bg">
- <input type="button" value="Text Button" />
- </div>
- </div>
-
- <!-- popup basic+text+2button -->
- <div id="center_basic_2btn" data-role="popupwindow" data-style="center_basic_2btn">
- <p data-role="text">
- Pop-up dialog box, a child
- window that blocks user interact
- to the parent windows
- </p>
- <div data-role="button-bg">
- <input type="button" value="Text Button" />
- <input type="button" value="Text Button" />
- </div>
- </div>
-
- <!-- popup basic+text+3button -->
- <div id="center_basic_3btn" data-role="popupwindow" data-style="center_basic_3btn">
- <p data-role="text">
- Pop-up dialog box, a child
- window that blocks user interact
- to the parent windows
- </p>
- <div data-role="button-bg">
- <input type="button" value="Button1" />
- <input type="button" value="Button2" />
- <input type="button" value="Button3" />
- </div>
- </div>
-
- <!-- popup title+text+1button -->
- <div id="center_title_1btn" data-role="popupwindow" data-style="center_title_1btn">
- <p data-role="title">
- Popup title
- </p>
- <p data-role="text">
- Pop-up dialog box, a child
- window that blocks user interact
- to the parent windows
- </p>
- <div data-role="button-bg">
- <input type="button" value="Text Button" />
- </div>
- </div>
-
- <!-- popup title+text+2button -->
- <div id="center_title_2btn" data-role="popupwindow" data-style="center_title_2btn">
- <p data-role="title">
- Popup title
- </p>
- <p data-role="text">
- Pop-up dialog box, a child
- window that blocks user interact
- to the parent windows
- </p>
- <div data-role="button-bg">
- <input type="button" value="Text Button" />
- <input type="button" value="Text Button" />
- </div>
- </div>
-
- <!-- popup title+text+3button -->
- <div id="center_title_3btn" data-role="popupwindow" data-style="center_title_3btn">
- <p data-role="title">
- Popup title
- </p>
- <p data-role="text">
- Pop-up dialog box, a child
- window that blocks user interact
- to the parent windows
- </p>
- <div data-role="button-bg">
- <input type="button" value="Button1" />
- <input type="button" value="Button2" />
- <input type="button" value="Button3" />
- </div>
- </div>
-
- <!-- popup center_button_vertical -->
- <div id="center_button_vertical" data-role="popupwindow" data-style="center_button_vertical">
- <p data-role="text">
- File 01.jpg
- already in use
- </p>
- <div data-role="button-bg">
- <input type="button" value="Replace" />
- <input type="button" value="Rename" />
- <input type="button" value="Cancel" />
- </div>
- </div>
-
- <!-- popup checkbox -->
- <div id="center_checkbox" data-role="popupwindow" data-style="center_checkbox">
- <p data-role="text">
- Use packet data must
- be enabled to access
- data service.
- Change settings?
- </p>
- <div data-role="check-bg">
- <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
- <label for="checkbox-1">Don't ask again</label>
- </div>
- <div data-role="button-bg">
- <input type="button" value="Text" />
- <input type="button" value="Text" />
- </div>
- </div>
-
- <!-- popup liststyle 1 button -->
- <div id="center_liststyle_1btn" data-role="popupwindow" data-style="center_liststyle_1btn">
- <p data-role="title">
- Popup title
- </p>
- <div data-role="scroller-bg">
- <ul data-role="listview" data-icon="1line-textonly" data-scroll="y">
- <li><a href="#">List item 1</a></li>
- <li><a href="#">List item 2</a></li>
- <li><a href="#">List item 3</a></li>
- <li><a href="#">List item 4</a></li>
- <li><a href="#">List item 5</a></li>
- <li><a href="#">List item 6</a></li>
- <li><a href="#">List item 7</a></li>
- <li><a href="#">List item 8</a></li>
- <li><a href="#">List item 9</a></li>
- </ul>
- </div>
- <div data-role="button-bg">
- <input type="button" value="Text Button" />
- </div>
- </div>
-
- <!-- popup liststyle 2 button -->
- <div id="center_liststyle_2btn" data-role="popupwindow" data-style="center_liststyle_2btn">
- <p data-role="title">
- Popup title
- </p>
- <div data-role="scroller-bg">
- <ul data-role="listview" data-icon="1line-textonly" data-scroll="y">
- <li><a href="#">List item 1</a></li>
- <li><a href="#">List item 2</a></li>
- <li><a href="#">List item 3</a></li>
- <li><a href="#">List item 4</a></li>
- <li><a href="#">List item 5</a></li>
- <li><a href="#">List item 6</a></li>
- <li><a href="#">List item 7</a></li>
- <li><a href="#">List item 8</a></li>
- <li><a href="#">List item 9</a></li>
- </ul>
- </div>
- <div data-role="button-bg">
- <input type="button" value="Text Button" />
- <input type="button" value="Text Button" />
- </div>
- </div>
-
- <!-- popup liststyle 3 button -->
- <div id="center_liststyle_3btn" data-role="popupwindow" data-style="center_liststyle_3btn">
- <p data-role="title">
- Popup title
- </p>
- <div data-role="scroller-bg">
- <ul data-role="listview" data-icon="1line-textonly" data-scroll="y">
- <li><a href="#">List item 1</a></li>
- <li><a href="#">List item 2</a></li>
- <li><a href="#">List item 3</a></li>
- <li><a href="#">List item 4</a></li>
- <li><a href="#">List item 5</a></li>
- <li><a href="#">List item 6</a></li>
- <li><a href="#">List item 7</a></li>
- <li><a href="#">List item 8</a></li>
- <li><a href="#">List item 9</a></li>
- </ul>
- </div>
- <div data-role="button-bg">
- <input type="button" value="Button" />
- <input type="button" value="Button" />
- <input type="button" value="Button" />
- </div>
- </div>
-
- </div> <!-- /content -->
-
-</div> <!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-$("#popupwindow-demo").bind("pageshow", function() {
- $('#popupwindow-demo-transition-' + $("#popupContent2").popupwindow("option", "transition"))
- .attr("checked", "true")
- .checkboxradio("refresh");
-
- $(this).find('#progressbar').progressbar('start');
-});
-
-$('input[name=popupwindow-demo-transition-choice]').bind("change", function(e) {
- $("#popupContent2").popupwindow("option", "transition", $(this).attr("id").split("-").pop());
-});
-
-
+++ /dev/null
-<div data-role="page" id="progressbar-demo" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Progress bar</h1>
- </div>
- <div data-role="content">
- <ul data-role="listview">
- <li data-role="list-divider">Progress Bar</li>
- <li>When you click progress bar, it starts updating values...</li>
- <li id="progressbarTest" ><div data-role="progressbar" id="progressbar"></div></li>
-
- <li data-role="list-divider">Progress Pending</li>
- <li id="pendingTest" ><div data-role="progressing" data-style="pending" id="pending"></div></li>
-
- <li data-role="list-divider">Progress ~ing</li>
- <li id="progressingTest" ><div data-role="progressing" data-style="circle" id="progressing"></div></li>
- </ul>
- </div> <!-- /content -->
-</div> <!-- /page -->
-
-
+++ /dev/null
- $('#progressbar-demo').live('pageshow', function (e) {
-
- // set progressbar value...
- $('#progressbar').progressbar("option", "value", 37);
-
- // how to update progressbar..
- $('#progressbarTest').bind('vclick', function (e) {
-
- // request animation frame
- window.requestAnimFrame = (function(){
- return window.requestAnimationFrame ||
- window.webkitRequestAnimationFrame ||
- window.mozRequestAnimationFrame ||
- window.oRequestAnimationFrame ||
- window.msRequestAnimationFrame ||
- function(animloop){
- return window.setTimeout(animloop, 1000 / 60);
- };
- })();
- window.cancelRequestAnimFrame = ( function() {
- return window.cancelAnimationFrame ||
- window.webkitCancelRequestAnimationFrame ||
- window.mozCancelRequestAnimationFrame ||
- window.oCancelRequestAnimationFrame ||
- window.msCancelRequestAnimationFrame ||
- clearTimeout
- })();
-
- // to store the request
- var request;
- // progress value
- var i = 0;
-
- // start and run the animloop
- (function animloop(){
- $('#progressbar').progressbar("option", "value", i++);
- request = requestAnimFrame(animloop);
- if ( i > 100 )
- cancelRequestAnimFrame(request);
- })();
- });
- $(this).find('#pending').progress({ running: true });
- $(this).find('#progressing').progress({ running: true });
-
- $('#pendingTest').bind('vclick', function (e) {
- var running = $('#pending').progress( "option", "running" );
- // start/stop progressing animation
- $('#pending').progress( "option", "running", !running );
- });
-
- $('#progressingTest').bind('vclick', function (e) {
- var running = $('#progressing').progress( "option", "running" );
- // start/stop progressing animation
- $('#progressing').progress( "option", "running", !running );
- });
- });
-
- $('#progressbar-demo').bind('pagehide', function (e) {
- $(this).find('#pending').progress( "option", "running", false );
- $(this).find('#progressing').progress( "option", "running", false );
- });
-
-
+++ /dev/null
-<div id="radio-demo" data-role="page" data-add-back-btn="true">
-
- <div data-role="header" data-position="fixed">
- <h1>Radio</h1>
-
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice" id="radio-choice-1" value="choice-1" checked="checked" />
- <label for="radio-choice-1">Cat</label>
-
- <input type="radio" name="radio-choice" id="radio-choice-2" value="choice-2" />
- <label for="radio-choice-2">Dog</label>
-
- <input type="radio" name="radio-choice" id="radio-choice-3" value="choice-3" />
- <label for="radio-choice-3">Hamster</label>
-
- <input type="radio" name="radio-choice" id="radio-choice-4" value="choice-4" />
- <label for="radio-choice-4">Lizard</label>
- </fieldset>
- <p> Trigged When user clicks a radio button :
- <span class="triggered-radio">
- <em>(This is updated when user clicks a radio button )</em>
- </span>
- </p>
-
- <input type="radio" name="radio-2" id="radio-2" checked="checked" disabled="disabled" />
- <label for="radio-2">Checked, Disabled</label>
- <input type="radio" name="radio-3" id="radio-3" disabled="disabled"/>
- <label for="radio-3">Disabled</label>
- <input type="radio" name="radio-4" id="radio-4"/>
-
- </div><!--/content-primary -->
- </div>
-</div> <!-- page -->
+++ /dev/null
-$( "#radio-demo" ).live("pagecreate", function () {
- $("input[type='radio']").bind( "change", function(event, ui) {
- if( this.checked )
- $( ".triggered-radio" ).text( this.id + " is selected..." );
- });
-
-});
-
-
+++ /dev/null
-<!DOCTYPE html>
-<div data-role="page" data-add-back-btn="true" data-fit-page-to-window="true">
- <div data-role="header" data-position ="fixed" >
- <h1>Searchbar</h1>
- <div id="myoptionheader2" data-role="optionheader">
- <div class="ui-grid-b ">
- <div class="ui-block-a"><a data-role="button">Previous</a></div>
- <div class="ui-block-b"><a data-role="button">Cancel</a></div>
- <div class="ui-block-c"><a data-role="button">Save</a></div>
- </div>
-
- </div>
- <input type="tizen-search" name="search" id="search1" value="" />
- </div><!-- /header -->
-
- <div data-role="content">
-
- <p>1 test</p>
- <p>2 test</p>
- <p>3 test</p>
- <p>4 test</p>
- <p>5 test</p>
- <p>6 test</p>
- <p>7 test</p>
- <p>8 test</p>
- <p>9 test</p>
- <p>10 test</p>
- <p>11 test</p>
- <p>12 test</p>
-
- </div>
-</div><!-- /page -->
-
+++ /dev/null
-<div data-role="page">
-
- <div data-role="header" data-position="fixed">
- <h1>Segment Control</h1>
- </div><!-- /header -->
-
- <div data-role="content">
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>segment toolbar segonly style with 2 buttons:</legend>
- <input type="radio" name="radio-view-7" data-icon="segment-titlestyle-segonly" id="segment61" value="on" checked="checked" />
- <label for="segment61">Listtest length</label>
- <input type="radio" name="radio-view-7" data-icon="segment-titlestyle-segonly" id="segment62" value="off" />
- <label for="segment62">Grid</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>segment toolbar segonly style with 3 buttons:</legend>
- <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment71" value="on" checked="checked" />
- <label for="segment71">List</label>
- <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment72" value="off" />
- <label for="segment72">Grid</label>
- <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment73" value="off" />
- <label for="segment73">Grid</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>segment toolbar segonly style with 4 buttons:</legend>
- <input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment861" value="on" checked="checked" />
- <label for="segment861">List</label>
- <input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment862" value="off" />
- <label for="segment862">Grid</label>
- <input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment863" value="off" />
- <label for="segment863">Grid</label>
- <input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment864" value="off" />
- <label for="segment864">Grid</label>
- </fieldset>
- </div>
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <input type="radio" name="radio-view-1" data-icon="segment-titlestyle-segonly" id="segment1" value="on" checked="checked" />
- <label for="segment1">List</label>
- <input type="radio" name="radio-view-1" data-icon="segment-titlestyle-segonly" id="segment2" value="off" />
- <label for="segment2">Grid</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <input type="radio" name="radio-view-2" data-icon="segment-titlestyle-segonly" id="segment3" value="on" checked="checked" />
- <label for="segment3">List</label>
- <input type="radio" name="radio-view-2" data-icon="segment-titlestyle-segonly" id="segment4" value="off" />
- <label for="segment4">Grid</label>
- <input type="radio" name="radio-view-2" data-icon="segment-titlestyle-segonly" id="segment5" value="off" />
- <label for="segment5">Grid</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment6" value="on" checked="checked" />
- <label for="segment6">List</label>
- <input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment7" value="off" />
- <label for="segment7">Grid</label>
- <input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment8" value="off" />
- <label for="segment8">Grid</label>
- <input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment9" value="off" />
- <label for="segment9">Grid</label>
- </fieldset>
- </div>
-
- <div id=test> </div>
-
- </div><!-- /content -->
-</div><!-- /page -->
+++ /dev/null
-<html>\r
- <body>\r
- <div data-role="page"data-add-back-btn="true" data-fit-page-to-window="true">\r
- <div data-role="notification" id="smallpopup_selectioninfo" data-type="popup" data-param="write on parameter here"></div>\r
- <div data-role="header" data-position="fixed">\r
- <h1>Selection Info</h1>\r
- </div>\r
-\r
- <div data-role="content">\r
- <h2>Selectioninfo Test </h2>\r
- <fieldset id="dayselector1" data-role="dayselector" data-type="horizontal">\r
- <legend>Choose some days</legend>\r
- </fieldset>\r
- \r
- <div><a id="day-selector-check-all" data-role="button" data-inline="true">Check all</a></div>\r
- \r
- <hr/>\r
-\r
-\r
- <p id="selectioninfo-demo" align="center">Click Here to Show Small Popup</p>\r
-\r
- </div> <!-- /page -->\r
-\r
- </body>\r
-</html>\r
+++ /dev/null
-<!DOCTYPE html>
-<div data-role="page" data-add-back-btn="true">
- <div data-role="notification" id="notification" data-type="popup" data-text1="Will disappear after 3 seconds" data-param="write on parameter here" data-interval="3000"></div>
- <div data-role="header" data-position="fixed">
- <h1>Notification</h1>
- </div>
- <div data-role="content">
- <p id="notification-demo" align="center">Click Here to Show Small Popup</p>
- </div><!-- /content -->
-</div> <!-- /page -->
+++ /dev/null
-<!DOCTYPE html>
-<div data-role="page" data-add-back-btn="true">
- <div data-role="notification" id="notification" data-type="popup" data-text1="Notification Demo" data-param="write on parameter here"></div>
- <div data-role="header" data-position="fixed">
- <h1>Notification</h1>
- </div>
- <div data-role="content">
- <p id="notification-demo" align="center">Click Here to Show Small Popup</p>
- </div><!-- /content -->
-</div> <!-- /page -->
+++ /dev/null
-<html>
-<head>
-
-</head>
-<body>
-<div data-role="page" id="switch-demo" data-add-back-btn="true">
- <div data-role="header">
- <h1>Switch</h1>
- </div>
- <div class="content" data-role="content">
- <div id="switch-1" data-role="toggleswitch" data-checked="false"></div>
- <p/>
- <div id="switch-2" data-role="toggleswitch"></div>
- <p>Coordinated switches:</p>
- <div id="switch-1-coord" data-role="toggleswitch"></div>
- <div id="switch-2-coord" data-role="toggleswitch"></div>
- </div> <!-- /content -->
- <div data-role="footer">
- <h4>Web UI Framework - Widgets gallery</h4>
- </div>
-</div> <!-- page -->
-</body>
-</html>
+++ /dev/null
-var coordSwitchesAreInit = false;
-$("#switch-demo").live("pageshow", function(e) {
- if ( coordSwitchesAreInit ) return;
-
- $("#switch-1-coord").bind("changed", function(e) {
- $("#switch-2-coord").toggleswitch("option", "checked", $("#switch-1-coord").toggleswitch("option", "checked"));
- });
- $("#switch-2-coord").bind("changed", function(e) {
- $("#switch-1-coord").toggleswitch("option", "checked", $("#switch-2-coord").toggleswitch("option", "checked"));
- });
-
- coordSwitchesAreInit = true;
-});
+++ /dev/null
-<!DOCTYPE html>
-<div data-role="page" data-add-back-btn="true">
- <div data-role="notification" id="notification" data-type="ticker" data-text1="Ticker" data-text2="Will disappear after 3 seconds" data-param="write on parameter here" data-interval="3000"></div>
- <div data-role="header" data-position="fixed">
- <h1>Notification</h1>
- </div>
- <div data-role="content">
- <p id= "notification-demo" align="center">Click Here to Show TickerNoti</p>
- </div><!-- /content -->
-</div> <!-- /page -->
+++ /dev/null
-<!DOCTYPE html>
-<div data-role="page" data-add-back-btn="true">
- <div data-role="notification" id="notification" data-type="ticker" data-text1="Dennis" data-text2="Hello World" data-param="write on parameter here"></div>
- <div data-role="header" data-position="fixed">
- <h1>Notification</h1>
- </div>
- <div data-role="content">
- <p id="notification-demo" align="center">Click Here to Show TickerNoti</p>
- </div><!-- /content -->
-</div> <!-- /page -->
+++ /dev/null
-/*!
- * jQuery Mobile v1.0rc1
- * http://jquerymobile.com/
- *
- * Copyright 2010, jQuery Project
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- */
-/*!
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
-*/
-
-/* Swatches */
-
-/* A
------------------------------------------------------------------------------------------------------------*/
-
-.ui-bar-a {
- border: 1px solid #2A2A2A /*{a-bar-border}*/;
- background: #111111 /*{a-bar-background-color}*/;
- color: #ffffff /*{a-bar-color}*/;
- font-weight: bold;
- text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c /*{a-bar-background-start}*/), to(#111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
-}
-.ui-bar-a,
-.ui-bar-a input,
-.ui-bar-a select,
-.ui-bar-a textarea,
-.ui-bar-a button {
- font-family: Helvetica, Arial, sans-serif /*{a-bar-font}*/;
-}
-.ui-bar-a .ui-link-inherit {
- color: #fff /*{a-bar-color}*/;
-}
-.ui-bar-a .ui-link {
- color: #7cc4e7 /*{global-link-color}*/;
- font-weight: bold;
-}
-.ui-body-a {
- border: 1px solid #2A2A2A /*{a-body-border}*/;
- background: #222222 /*{a-body-background-color}*/;
- color: #fff /*{a-body-color}*/;
- text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #000 /*{a-body-shadow-color}*/;
- font-weight: normal;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#666 /*{a-body-background-start}*/), to(#222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);
-}
-.ui-body-a,
-.ui-body-a input,
-.ui-body-a select,
-.ui-body-a textarea,
-.ui-body-a button {
- font-family: Helvetica, Arial, sans-serif /*{a-body-font}*/;
-}
-.ui-body-a .ui-link-inherit {
- color: #fff /*{a-body-color}*/;
-}
-.ui-body-a .ui-link {
- color: #2489CE /*{global-link-color}*/;
- font-weight: bold;
-}
-.ui-br {
- border-bottom: rgb(130,130,130);
- border-bottom: rgba(130,130,130,.3);
- border-bottom-width: 1px;
- border-bottom-style: solid;
-}
-.ui-btn-up-a {
- border: 1px solid #222 /*{a-bup-border}*/;
- background: #333333 /*{a-bup-background-color}*/;
- font-weight: bold;
- color: #fff /*{a-bup-color}*/;
- text-shadow: 0 /*{a-bup-shadow-x}*/ -1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #000 /*{a-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#555 /*{a-bup-background-start}*/), to(#333 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/);
-}
-.ui-btn-up-a a.ui-link-inherit {
- color: #fff /*{a-bup-color}*/;
-}
-.ui-btn-hover-a {
- border: 1px solid #000 /*{a-bhover-border}*/;
- background: #444444 /*{a-bhover-background-color}*/;
- font-weight: bold;
- color: #fff /*{a-bhover-color}*/;
- text-shadow: 0 /*{a-bhover-shadow-x}*/ -1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #000 /*{a-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#666 /*{a-bhover-background-start}*/), to(#444 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/);
-}
-.ui-btn-hover-a a.ui-link-inherit {
- color: #fff /*{a-bhover-color}*/;
-}
-.ui-btn-down-a {
- border: 1px solid #000 /*{a-bdown-border}*/;
- background: #3d3d3d /*{a-bdown-background-color}*/;
- font-weight: bold;
- color: #fff /*{a-bdown-color}*/;
- text-shadow: 0 /*{a-bdown-shadow-x}*/ -1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #000 /*{a-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#333 /*{a-bdown-background-start}*/), to(#5a5a5a /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/);
-}
-.ui-btn-down-a a.ui-link-inherit {
- color: #fff /*{a-bdown-color}*/;
-}
-.ui-btn-up-a,
-.ui-btn-hover-a,
-.ui-btn-down-a {
- font-family: Helvetica, Arial, sans-serif /*{a-button-font}*/;
- text-decoration: none;
-}
-
-
-/* B
------------------------------------------------------------------------------------------------------------*/
-
-.ui-bar-b {
- border: 1px solid #456f9a /*{b-bar-border}*/;
- background: #5e87b0 /*{b-bar-background-color}*/;
- color: #fff /*{b-bar-color}*/;
- font-weight: bold;
- text-shadow: 0 /*{b-bar-shadow-x}*/ -1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #254f7a /*{b-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#81a8ce /*{b-bar-background-start}*/), to(#5e87b0 /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/);
-}
-.ui-bar-b,
-.ui-bar-b input,
-.ui-bar-b select,
-.ui-bar-b textarea,
-.ui-bar-b button {
- font-family: Helvetica, Arial, sans-serif /*{b-bar-font}*/;
-}
-.ui-bar-b .ui-link-inherit {
- color: #fff /*{b-bar-color}*/;
-}
-.ui-bar-b .ui-link {
- color: #7cc4e7 /*{global-link-color}*/;
- font-weight: bold;
-}
-
-.ui-body-b {
- border: 1px solid #C6C6C6 /*{b-body-border}*/;
- background: #cccccc /*{b-body-background-color}*/;
- color: #333333 /*{b-body-color}*/;
- text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/;
- font-weight: normal;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6 /*{b-body-background-start}*/), to(#ccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/);
-}
-.ui-body-b,
-.ui-body-b input,
-.ui-body-b select,
-.ui-body-b textarea,
-.ui-body-b button {
- font-family: Helvetica, Arial, sans-serif /*{b-body-font}*/;
-}
-.ui-body-b .ui-link-inherit {
- color: #333333 /*{b-body-color}*/;
-}
-.ui-body-b .ui-link {
- color: #2489CE /*{global-link-color}*/;
- font-weight: bold;
-}
-.ui-btn-up-b {
- border: 1px solid #145072 /*{b-bup-border}*/;
- background: #2567ab /*{b-bup-background-color}*/;
- font-weight: bold;
- color: #fff /*{b-bup-color}*/;
- text-shadow: 0 /*{b-bup-shadow-x}*/ -1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #145072 /*{b-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#5f9cc5 /*{b-bup-background-start}*/), to(#396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
-}
-.ui-btn-up-b a.ui-link-inherit {
- color: #fff /*{b-bup-color}*/;
-}
-.ui-btn-hover-b {
- border: 1px solid #00516e /*{b-bhover-border}*/;
- background: #4b88b6 /*{b-bhover-background-color}*/;
- font-weight: bold;
- color: #fff /*{b-bhover-color}*/;
- text-shadow: 0 /*{b-bhover-shadow-x}*/ -1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #014D68 /*{b-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#72b0d4 /*{b-bhover-background-start}*/), to(#4b88b6 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/);
-}
-.ui-btn-hover-b a.ui-link-inherit {
- color: #fff /*{b-bhover-color}*/;
-}
-.ui-btn-down-b {
- border: 1px solid #225377 /*{b-bdown-border}*/;
- background: #4e89c5 /*{b-bdown-background-color}*/;
- font-weight: bold;
- color: #fff /*{b-bdown-color}*/;
- text-shadow: 0 /*{b-bdown-shadow-x}*/ -1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #225377 /*{b-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#396b9e /*{b-bdown-background-start}*/), to(#4e89c5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/);
-}
-.ui-btn-down-b a.ui-link-inherit {
- color: #fff /*{b-bdown-color}*/;
-}
-.ui-btn-up-b,
-.ui-btn-hover-b,
-.ui-btn-down-b {
- font-family: Helvetica, Arial, sans-serif /*{b-button-font}*/;
- text-decoration: none;
-}
-
-
-/* C
------------------------------------------------------------------------------------------------------------*/
-
-.ui-bar-c {
- border: 1px solid #B3B3B3 /*{c-bar-border}*/;
- background: #e9eaeb /*{c-bar-background-color}*/;
- color: #3E3E3E /*{c-bar-color}*/;
- font-weight: bold;
- text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0 /*{c-bar-background-start}*/), to(#e9eaeb /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/);
-}
-
-.ui-bar-c .ui-link {
- color: #2489CE /*{global-link-color}*/;
- font-weight: bold;
-}
-
-.ui-bar-c,
-.ui-bar-c input,
-.ui-bar-c select,
-.ui-bar-c textarea,
-.ui-bar-c button {
- font-family: Helvetica, Arial, sans-serif /*{c-bar-font}*/;
-}
-.ui-body-c {
- border: 1px solid #B3B3B3 /*{c-body-border}*/;
- color: #333333 /*{c-body-color}*/;
- text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
- background: #f0f0f0 /*{c-body-background-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#eee /*{c-body-background-start}*/), to(#ddd /*{c-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/);
-}
-.ui-body-c,
-.ui-body-c input,
-.ui-body-c select,
-.ui-body-c textarea,
-.ui-body-c button {
- font-family: Helvetica, Arial, sans-serif /*{c-body-font}*/;
-}
-.ui-body-c .ui-link-inherit {
- color: #333333 /*{c-body-color}*/;
-}
-.ui-body-c .ui-link {
- color: #2489CE /*{global-link-color}*/;
- font-weight: bold;
-}
-
-.ui-btn-up-c {
- border: 1px solid #ccc /*{c-bup-border}*/;
- background: #eee /*{c-bup-background-color}*/;
- font-weight: bold;
- color: #444 /*{c-bup-color}*/;
- text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 1px /*{c-bup-shadow-radius}*/ #f6f6f6 /*{c-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd /*{c-bup-background-start}*/), to(#eee /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/);
-}
-.ui-btn-up-c a.ui-link-inherit {
- color: #2F3E46 /*{c-bup-color}*/;
-}
-
-.ui-btn-hover-c {
- border: 1px solid #bbb /*{c-bhover-border}*/;
- background: #dadada /*{c-bhover-background-color}*/;
- font-weight: bold;
- color: #101010 /*{c-bhover-color}*/;
- text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 1px /*{c-bhover-shadow-radius}*/ #fff /*{c-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed /*{c-bhover-background-start}*/), to(#dadada /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/);
-}
-.ui-btn-hover-c a.ui-link-inherit {
- color: #2F3E46 /*{c-bhover-color}*/;
-}
-.ui-btn-down-c {
- border: 1px solid #808080 /*{c-bdown-border}*/;
- background: #fdfdfd /*{c-bdown-background-color}*/;
- font-weight: bold;
- color: #111111 /*{c-bdown-color}*/;
- text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 1px /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#eee /*{c-bdown-background-start}*/), to(#fdfdfd /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/);
-}
-.ui-btn-down-c a.ui-link-inherit {
- color: #2F3E46 /*{c-bdown-color}*/;
-}
-.ui-btn-up-c,
-.ui-btn-hover-c,
-.ui-btn-down-c {
- font-family: Helvetica, Arial, sans-serif /*{c-button-font}*/;
- text-decoration: none;
-}
-
-
-/* D
------------------------------------------------------------------------------------------------------------*/
-
-.ui-bar-d {
- border: 1px solid #ccc /*{d-bar-border}*/;
- background: #bbb /*{d-bar-background-color}*/;
- color: #333 /*{d-bar-color}*/;
- text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd /*{d-bar-background-start}*/), to(#bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/);
-}
-.ui-bar-d,
-.ui-bar-d input,
-.ui-bar-d select,
-.ui-bar-d textarea,
-.ui-bar-d button {
- font-family: Helvetica, Arial, sans-serif /*{d-bar-font}*/;
-}
-.ui-bar-d .ui-link-inherit {
- color: #333 /*{d-bar-color}*/;
-}
-.ui-bar-d .ui-link {
- color: #2489CE /*{global-link-color}*/;
- font-weight: bold;
-}
-.ui-body-d {
- border: 1px solid #ccc /*{d-body-border}*/;
- color: #333333 /*{d-body-color}*/;
- text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #fff /*{d-body-shadow-color}*/;
- background: #ffffff /*{d-body-background-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/);
-}
-.ui-body-d,
-.ui-body-d input,
-.ui-body-d select,
-.ui-body-d textarea,
-.ui-body-d button {
- font-family: Helvetica, Arial, sans-serif /*{d-body-font}*/;
-}
-.ui-body-d .ui-link-inherit {
- color: #333333 /*{d-body-color}*/;
-}
-.ui-body-d .ui-link {
- color: #2489CE /*{global-link-color}*/;
- font-weight: bold;
-}
-.ui-btn-up-d {
- border: 1px solid #ccc /*{d-bup-border}*/;
- background: #fff /*{d-bup-background-color}*/;
- font-weight: bold;
- color: #444 /*{d-bup-color}*/;
- text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 1px /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/);
-}
-.ui-btn-up-d a.ui-link-inherit {
- color: #333 /*{d-bup-color}*/;
-}
-.ui-btn-hover-d {
- border: 1px solid #aaa /*{d-bhover-border}*/;
- background: #eeeeee /*{d-bhover-background-color}*/;
- font-weight: bold;
- color: #222 /*{d-bhover-color}*/;
- cursor: pointer;
- text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 1px /*{d-bhover-shadow-radius}*/ #fff /*{d-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eee /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/);
-}
-.ui-btn-hover-d a.ui-link-inherit {
- color: #222 /*{d-bhover-color}*/;
-}
-.ui-btn-down-d {
- border: 1px solid #aaaaaa /*{d-bdown-border}*/;
- background: #ffffff /*{d-bdown-background-color}*/;
- font-weight: bold;
- color: #111 /*{d-bdown-color}*/;
- text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 1px /*{d-bdown-shadow-radius}*/ #ffffff /*{d-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#eee /*{d-bdown-background-start}*/), to(#fff /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/);
-}
-.ui-btn-down-d a.ui-link-inherit {
- color: #111 /*{d-bdown-color}*/;
-}
-.ui-btn-up-d,
-.ui-btn-hover-d,
-.ui-btn-down-d {
- font-family: Helvetica, Arial, sans-serif /*{d-button-font}*/;
- text-decoration: none;
-}
-
-
-/* E
------------------------------------------------------------------------------------------------------------*/
-
-.ui-bar-e {
- border: 1px solid #F7C942 /*{e-bar-border}*/;
- background: #fadb4e /*{e-bar-background-color}*/;
- color: #333 /*{e-bar-color}*/;
- text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ #fff /*{e-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7 /*{e-bar-background-start}*/), to(#fadb4e /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/);
-}
-.ui-bar-e,
-.ui-bar-e input,
-.ui-bar-e select,
-.ui-bar-e textarea,
-.ui-bar-e button {
- font-family: Helvetica, Arial, sans-serif /*{e-bar-font}*/;
-}
-.ui-bar-e .ui-link-inherit {
- color: #333 /*{e-bar-color}*/;
-}
-.ui-bar-e .ui-link {
- color: #2489CE /*{global-link-color}*/;
- font-weight: bold;
-}
-.ui-body-e {
- border: 1px solid #F7C942 /*{e-body-border}*/;
- color: #333333 /*{e-body-color}*/;
- text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #fff /*{e-body-shadow-color}*/;
- background: #faeb9e /*{e-body-background-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fff /*{e-body-background-start}*/), to(#faeb9e /*{e-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/);
-}
-.ui-body-e,
-.ui-body-e input,
-.ui-body-e select,
-.ui-body-e textarea,
-.ui-body-e button {
- font-family: Helvetica, Arial, sans-serif /*{e-body-font}*/;
-}
-.ui-body-e .ui-link-inherit {
- color: #333333 /*{e-body-color}*/;
-}
-.ui-body-e .ui-link {
- color: #2489CE /*{global-link-color}*/;
- font-weight: bold;
-}
-.ui-btn-up-e {
- border: 1px solid #F7C942 /*{e-bup-border}*/;
- background: #fadb4e /*{e-bup-background-color}*/;
- font-weight: bold;
- color: #333 /*{e-bup-color}*/;
- text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #fff /*{e-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7 /*{e-bup-background-start}*/), to(#fadb4e /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/);
-}
-.ui-btn-up-e a.ui-link-inherit {
- color: #333 /*{e-bup-color}*/;
-}
-.ui-btn-hover-e {
- border: 1px solid #e79952 /*{e-bhover-border}*/;
- background: #fbe26f /*{e-bhover-background-color}*/;
- font-weight: bold;
- color: #111 /*{e-bhover-color}*/;
- text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 1px /*{e-bhover-shadow-radius}*/ #fff /*{e-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf0b5 /*{e-bhover-background-start}*/), to(#fbe26f /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/);
-}
-
-.ui-btn-hover-e a.ui-link-inherit {
- color: #333 /*{e-bhover-color}*/;
-}
-.ui-btn-down-e {
- border: 1px solid #F7C942 /*{e-bdown-border}*/;
- background: #fceda7 /*{e-bdown-background-color}*/;
- font-weight: bold;
- color: #111 /*{e-bdown-color}*/;
- text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 1px /*{e-bdown-shadow-radius}*/ #ffffff /*{e-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fadb4e /*{e-bdown-background-start}*/), to(#fceda7 /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/);
-}
-.ui-btn-down-e a.ui-link-inherit {
- color: #333 /*{e-bdown-color}*/;
-}
-.ui-btn-up-e,
-.ui-btn-hover-e,
-.ui-btn-down-e {
- font-family: Helvetica, Arial, sans-serif /*{e-button-font}*/;
- text-decoration: none;
-}
-
-/* Structure */
-
-/* links within "buttons"
------------------------------------------------------------------------------------------------------------*/
-
-a.ui-link-inherit {
- text-decoration: none !important;
-}
-
-/* links and their different states
------------------------------------------------------------------------------------------------------------*/
-
-.ui-link{
- color: #2489CE /*{global-link-color}*/
-}
-
-.ui-link:hover{
- color: #2489CE /*{global-link-hover}*/
-}
-
-.ui-link:active{
- color: #2489CE /*{global-link-active}*/
-}
-
-.ui-link:visited{
- color: #2489CE /*{global-link-visited}*/
-}
-
-/* Active class used as the "on" state across all themes
------------------------------------------------------------------------------------------------------------*/
-
-.ui-btn-active {
- border: 1px solid #155678 /*{global-active-border}*/;
- background: #4596ce /*{global-active-background-color}*/;
- font-weight: bold;
- color: #fff /*{global-active-color}*/;
- cursor: pointer;
- text-shadow: 0 /*{global-active-shadow-x}*/ -1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #145072 /*{global-active-shadow-color}*/;
- text-decoration: none;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#85bae4 /*{global-active-background-start}*/), to(#5393c5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(top, #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(top, #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/);
- outline: none;
- font-family: Helvetica, Arial, sans-serif /*{global-active-font}*/;
-}
-.ui-btn-active a.ui-link-inherit {
- color: #fff /*{global-active-color}*/;
-}
-
-
-/* button inner top highlight
------------------------------------------------------------------------------------------------------------*/
-
-.ui-btn-inner {
- border-top: 1px solid #fff;
- border-color: rgba(255,255,255,.3);
-}
-
-
-/* corner rounding classes
------------------------------------------------------------------------------------------------------------*/
-
-.ui-corner-tl {
- -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
- -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
- border-top-left-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-tr {
- -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
- -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
- border-top-right-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-bl {
- -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
- -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
- border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-br {
- -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
- -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
- border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-top {
- -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
- -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
- border-top-left-radius: .6em /*{global-radii-blocks}*/;
- -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
- -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
- border-top-right-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-bottom {
- -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
- -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
- border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
- -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
- -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
- border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
- }
-.ui-corner-right {
- -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
- -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
- border-top-right-radius: .6em /*{global-radii-blocks}*/;
- -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
- -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
- border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-left {
- -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
- -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
- border-top-left-radius: .6em /*{global-radii-blocks}*/;
- -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
- -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
- border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-all {
- -moz-border-radius: .6em /*{global-radii-blocks}*/;
- -webkit-border-radius: .6em /*{global-radii-blocks}*/;
- border-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-none {
- -moz-border-radius: 0;
- -webkit-border-radius: 0;
- border-radius: 0;
-}
-
-/* Interaction cues
------------------------------------------------------------------------------------------------------------*/
-.ui-disabled {
- opacity: .3;
-}
-.ui-disabled,
-.ui-disabled a {
- cursor: default;
-}
-
-/* Icons
------------------------------------------------------------------------------------------------------------*/
-
-.ui-icon,
-.ui-icon-searchfield:after {
- background: #666 /*{global-icon-color}*/;
- background: rgba(0,0,0,.4) /*{global-icon-disc}*/;
- background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
- background-repeat: no-repeat;
- -moz-border-radius: 9px;
- -webkit-border-radius: 9px;
- border-radius: 9px;
-}
-
-
-/* Alt icon color
------------------------------------------------------------------------------------------------------------*/
-
-.ui-icon-alt {
- background: #fff;
- background: rgba(255,255,255,.3);
- background-image: url(images/icons-18-black.png);
- background-repeat: no-repeat;
-}
-
-/* HD/"retina" sprite
------------------------------------------------------------------------------------------------------------*/
-
-@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
- only screen and (min--moz-device-pixel-ratio: 1.5),
- only screen and (min-resolution: 240dpi) {
-
- .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
- .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
- .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
- .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
- .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
- background-image: url(images/icons-36-white.png);
- -moz-background-size: 776px 18px;
- -o-background-size: 776px 18px;
- -webkit-background-size: 776px 18px;
- background-size: 776px 18px;
- }
- .ui-icon-alt {
- background-image: url(images/icons-36-black.png);
- }
-}
-
-/* plus minus */
-.ui-icon-plus {
- background-position: -0 50%;
-}
-.ui-icon-minus {
- background-position: -36px 50%;
-}
-
-/* delete/close */
-.ui-icon-delete {
- background-position: -72px 50%;
-}
-
-/* arrows */
-.ui-icon-arrow-r {
- background-position: -108px 50%;
-}
-.ui-icon-arrow-l {
- background-position: -144px 50%;
-}
-.ui-icon-arrow-u {
- background-position: -180px 50%;
-}
-.ui-icon-arrow-d {
- background-position: -216px 50%;
-}
-
-/* misc */
-.ui-icon-check {
- background-position: -252px 50%;
-}
-.ui-icon-gear {
- background-position: -288px 50%;
-}
-.ui-icon-refresh {
- background-position: -324px 50%;
-}
-.ui-icon-forward {
- background-position: -360px 50%;
-}
-.ui-icon-back {
- background-position: -396px 50%;
-}
-.ui-icon-grid {
- background-position: -432px 50%;
-}
-.ui-icon-star {
- background-position: -468px 50%;
-}
-.ui-icon-alert {
- background-position: -504px 50%;
-}
-.ui-icon-info {
- background-position: -540px 50%;
-}
-.ui-icon-home {
- background-position: -576px 50%;
-}
-.ui-icon-search,
-.ui-icon-searchfield:after {
- background-position: -612px 50%;
-}
-.ui-icon-checkbox-off {
- background-position: -684px 50%;
-}
-.ui-icon-checkbox-on {
- background-position: -648px 50%;
-}
-.ui-icon-radio-off {
- background-position: -756px 50%;
-}
-.ui-icon-radio-on {
- background-position: -720px 50%;
-}
-
-
-/* checks,radios */
-.ui-checkbox .ui-icon {
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
-}
-.ui-icon-checkbox-off,
-.ui-icon-radio-off {
- background-color: transparent;
-}
-.ui-checkbox-on .ui-icon,
-.ui-radio-on .ui-icon {
- background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
-}
-
-/* loading icon */
-.ui-icon-loading {
- background-image: url(images/ajax-loader.png);
- width: 40px;
- height: 40px;
- -moz-border-radius: 20px;
- -webkit-border-radius: 20px;
- border-radius: 20px;
- background-size: 35px 35px;
-}
-
-
-/* Button corner classes
------------------------------------------------------------------------------------------------------------*/
-
-.ui-btn-corner-tl {
- -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
- -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
- border-top-left-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-tr {
- -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
- -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
- border-top-right-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-bl {
- -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
- -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
- border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-br {
- -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
- -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
- border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-top {
- -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
- -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
- border-top-left-radius: 1em /*{global-radii-buttons}*/;
- -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
- -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
- border-top-right-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-bottom {
- -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
- -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
- border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
- -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
- -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
- border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-right {
- -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
- -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
- border-top-right-radius: 1em /*{global-radii-buttons}*/;
- -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
- -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
- border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-left {
- -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
- -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
- border-top-left-radius: 1em /*{global-radii-buttons}*/;
- -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
- -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
- border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-all {
- -moz-border-radius: 1em /*{global-radii-buttons}*/;
- -webkit-border-radius: 1em /*{global-radii-buttons}*/;
- border-radius: 1em /*{global-radii-buttons}*/;
-}
-
-/* radius clip workaround for cleaning up corner trapping */
-.ui-corner-tl,
-.ui-corner-tr,
-.ui-corner-bl,
-.ui-corner-br,
-.ui-corner-top,
-.ui-corner-bottom,
-.ui-corner-right,
-.ui-corner-left,
-.ui-corner-all,
-.ui-btn-corner-tl,
-.ui-btn-corner-tr,
-.ui-btn-corner-bl,
-.ui-btn-corner-br,
-.ui-btn-corner-top,
-.ui-btn-corner-bottom,
-.ui-btn-corner-right,
-.ui-btn-corner-left,
-.ui-btn-corner-all {
- -webkit-background-clip: padding-box;
- -moz-background-clip: padding;
- background-clip: padding-box;
-}
-
-/* Overlay / modal
------------------------------------------------------------------------------------------------------------*/
-
-.ui-overlay {
- background: #666;
- opacity: .5;
- filter: Alpha(Opacity=50);
- position: absolute;
- width: 100%;
- height: 100%;
-}
-.ui-overlay-shadow {
- -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
- -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
- box-shadow: 0px 0px 12px rgba(0,0,0,.6);
-}
-.ui-shadow {
- -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
- -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
- box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
-}
-.ui-bar-a .ui-shadow,
-.ui-bar-b .ui-shadow ,
-.ui-bar-c .ui-shadow {
- -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
- -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
- box-shadow: 0px 1px 0 rgba(255,255,255,.3);
-}
-.ui-shadow-inset {
- -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
- -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
- box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
-}
-.ui-icon-shadow {
- -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
- -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
- box-shadow: 0px 1px 0 rgba(255,255,255,.4);
-}
-
-/* Focus state - set here for specificity
------------------------------------------------------------------------------------------------------------*/
-
-.ui-focus {
- -moz-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
- -webkit-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
- box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
-}
-
-/* unset box shadow in browsers that don't do it right
------------------------------------------------------------------------------------------------------------*/
-
-.ui-mobile-nosupport-boxshadow * {
- -moz-box-shadow: none !important;
- -webkit-box-shadow: none !important;
- box-shadow: none !important;
-}
-
-/* ...and bring back focus */
-.ui-mobile-nosupport-boxshadow .ui-focus {
- outline-width: 2px;
-}/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
-*/
-
-/* some unsets - more probably needed */
-.ui-mobile, .ui-mobile body { height: 100%; }
-.ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
-.ui-mobile a img, .ui-mobile fieldset { border: 0; }
-
-/* responsive page widths */
-.ui-mobile-viewport { margin: 0; overflow-x: hidden; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
-
-/* "page" containers - full-screen views, one should always be in view post-pageload */
-.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; }
-.ui-mobile .ui-page-active { display: block; overflow: visible; }
-
-/* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
-.ui-page { outline: none; }
-
-/* native overflow scrolling */
-.ui-page.ui-mobile-touch-overflow,
-.ui-mobile-touch-overflow.ui-native-fixed .ui-content {
- overflow: auto;
- height: 100%;
- -webkit-overflow-scrolling: touch;
- -moz-overflow-scrolling: touch;
- -o-overflow-scrolling: touch;
- -ms-overflow-scrolling: touch;
- overflow-scrolling: touch;
-}
-.ui-page.ui-mobile-touch-overflow,
-.ui-page.ui-mobile-touch-overflow * {
- /* some level of transform keeps elements from blinking out of visibility on iOS */
- -webkit-transform: rotateY(0);
-}
-.ui-page.ui-mobile-pre-transition {
- display: block;
-}
-
-/* loading screen */
-.ui-loading .ui-mobile-viewport { overflow: hidden !important; }
-.ui-loading .ui-loader { display: block; }
-.ui-loading .ui-page { overflow: hidden; }
-.ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; }
-.ui-loader h1 { font-size: 15px; text-align: center; }
-.ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; }
-
-/*fouc*/
-.ui-mobile-rendering > * { visibility: hidden; }
-
-/*headers, content panels*/
-.ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
-.ui-bar { font-size: 16px; margin: 0; }
-.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; }
-
-.ui-header, .ui-footer { display: block; }
-.ui-page .ui-header, .ui-page .ui-footer { position: relative; }
-.ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em; }
-.ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; }
-.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 90px .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
-
-/*content area*/
-.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
-.ui-page-fullscreen .ui-content { padding:0; }
-
-/* native fixed headers and footers */
-.ui-mobile-touch-overflow.ui-page.ui-native-fixed,
-.ui-mobile-touch-overflow.ui-page.ui-native-fullscreen {
- overflow: visible;
-}
-.ui-mobile-touch-overflow.ui-native-fixed .ui-header,
-.ui-mobile-touch-overflow.ui-native-fixed .ui-footer {
- position: fixed;
- left: 0;
- right: 0;
- top: 0;
- z-index: 200;
-}
-.ui-mobile-touch-overflow.ui-page.ui-native-fixed .ui-footer {
- top: auto;
- bottom: 0;
-}
-.ui-mobile-touch-overflow.ui-native-fixed .ui-content {
- padding-top: 2.5em;
- padding-bottom: 3em;
- top: 0;
- bottom: 0;
- height: auto;
- position: absolute;
-}
-.ui-mobile-touch-overflow.ui-native-fullscreen .ui-content {
- padding-top: 0;
- padding-bottom: 0;
-}
-.ui-mobile-touch-overflow.ui-native-fullscreen .ui-header,
-.ui-mobile-touch-overflow.ui-native-fullscreen .ui-footer {
- opacity: .9;
-}
-.ui-native-bars-hidden {
- display: none;
-}
-
-/* icons sizing */
-.ui-icon { width: 18px; height: 18px; }
-
-/* fullscreen class on ui-content div */
-.ui-fullscreen { }
-.ui-fullscreen img { max-width: 100%; }
-
-/* non-js content hiding */
-.ui-nojs { position: absolute; left: -9999px; }
-/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-.spin {
- -webkit-transform: rotate(360deg);
- -webkit-animation-name: spin;
- -webkit-animation-duration: 1s;
- -webkit-animation-iteration-count: infinite;
- -webkit-animation-timing-function: linear;
-}
-@-webkit-keyframes spin {
- from {-webkit-transform: rotate(0deg);}
- to {-webkit-transform: rotate(360deg);}
-}
-
-/* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/
-Built by David Kaneda and maintained by Jonathan Stark.
-*/
-.in, .out {
- -webkit-animation-timing-function: ease-in-out;
- -webkit-animation-duration: 350ms;
-}
-
-
-.slide.out {
- -webkit-transform: translateX(-100%);
- -webkit-animation-name: slideouttoleft;
-}
-
-.slide.in {
- -webkit-transform: translateX(0);
- -webkit-animation-name: slideinfromright;
-}
-
-.slide.out.reverse {
- -webkit-transform: translateX(100%);
- -webkit-animation-name: slideouttoright;
-}
-
-.slide.in.reverse {
- -webkit-transform: translateX(0);
- -webkit-animation-name: slideinfromleft;
-}
-
-.slideup.out {
- -webkit-animation-name: dontmove;
- z-index: 0;
-}
-
-.slideup.in {
- -webkit-transform: translateY(0);
- -webkit-animation-name: slideinfrombottom;
- z-index: 10;
-}
-
-.slideup.in.reverse {
- z-index: 0;
- -webkit-animation-name: dontmove;
-}
-
-.slideup.out.reverse {
- -webkit-transform: translateY(100%);
- z-index: 10;
- -webkit-animation-name: slideouttobottom;
-}
-
-.slidedown.out {
- -webkit-animation-name: dontmove;
- z-index: 0;
-}
-
-.slidedown.in {
- -webkit-transform: translateY(0);
- -webkit-animation-name: slideinfromtop;
- z-index: 10;
-}
-
-.slidedown.in.reverse {
- z-index: 0;
- -webkit-animation-name: dontmove;
-}
-
-.slidedown.out.reverse {
- -webkit-transform: translateY(-100%);
- z-index: 10;
- -webkit-animation-name: slideouttotop;
-}
-
-@-webkit-keyframes slideinfromright {
- from { -webkit-transform: translateX(100%); }
- to { -webkit-transform: translateX(0); }
-}
-
-@-webkit-keyframes slideinfromleft {
- from { -webkit-transform: translateX(-100%); }
- to { -webkit-transform: translateX(0); }
-}
-
-@-webkit-keyframes slideouttoleft {
- from { -webkit-transform: translateX(0); }
- to { -webkit-transform: translateX(-100%); }
-}
-
-@-webkit-keyframes slideouttoright {
- from { -webkit-transform: translateX(0); }
- to { -webkit-transform: translateX(100%); }
-}
-
-@-webkit-keyframes slideinfromtop {
- from { -webkit-transform: translateY(-100%); }
- to { -webkit-transform: translateY(0); }
-}
-
-@-webkit-keyframes slideinfrombottom {
- from { -webkit-transform: translateY(100%); }
- to { -webkit-transform: translateY(0); }
-}
-
-@-webkit-keyframes slideouttobottom {
- from { -webkit-transform: translateY(0); }
- to { -webkit-transform: translateY(100%); }
-}
-
-@-webkit-keyframes slideouttotop {
- from { -webkit-transform: translateY(0); }
- to { -webkit-transform: translateY(-100%); }
-}
-@-webkit-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
-}
-
-@-webkit-keyframes fadeout {
- from { opacity: 1; }
- to { opacity: 0; }
-}
-
-.fade.out {
- z-index: 0;
- -webkit-animation-name: fadeout;
-}
-
-.fade.in {
- opacity: 1;
- z-index: 10;
- -webkit-animation-name: fadein;
-}
-
-/* The properties in this rule are only necessary for the 'flip' transition.
- * We need specify the perspective to create a projection matrix. This will add
- * some depth as the element flips. The depth number represents the distance of
- * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
- * value.
- */
-.viewport-flip {
- -webkit-perspective: 1000;
- position: absolute;
-}
-
-.ui-mobile-viewport-transitioning,
-.ui-mobile-viewport-transitioning .ui-page {
- width: 100%;
- height: 100%;
- overflow: hidden;
-}
-
-.flip {
- -webkit-animation-duration: .65s;
- -webkit-backface-visibility:hidden;
- -webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
-}
-
-.flip.out {
- -webkit-transform: rotateY(-180deg) scale(.8);
- -webkit-animation-name: flipouttoleft;
-}
-
-.flip.in {
- -webkit-transform: rotateY(0) scale(1);
- -webkit-animation-name: flipinfromleft;
-}
-
-/* Shake it all about */
-
-.flip.out.reverse {
- -webkit-transform: rotateY(180deg) scale(.8);
- -webkit-animation-name: flipouttoright;
-}
-
-.flip.in.reverse {
- -webkit-transform: rotateY(0) scale(1);
- -webkit-animation-name: flipinfromright;
-}
-
-@-webkit-keyframes flipinfromright {
- from { -webkit-transform: rotateY(-180deg) scale(.8); }
- to { -webkit-transform: rotateY(0) scale(1); }
-}
-
-@-webkit-keyframes flipinfromleft {
- from { -webkit-transform: rotateY(180deg) scale(.8); }
- to { -webkit-transform: rotateY(0) scale(1); }
-}
-
-@-webkit-keyframes flipouttoleft {
- from { -webkit-transform: rotateY(0) scale(1); }
- to { -webkit-transform: rotateY(-180deg) scale(.8); }
-}
-
-@-webkit-keyframes flipouttoright {
- from { -webkit-transform: rotateY(0) scale(1); }
- to { -webkit-transform: rotateY(180deg) scale(.8); }
-}
-
-
-/* Hackish, but reliable. */
-
-@-webkit-keyframes dontmove {
- from { opacity: 1; }
- to { opacity: 1; }
-}
-
-.pop {
- -webkit-transform-origin: 50% 50%;
-}
-
-.pop.in {
- -webkit-transform: scale(1);
- opacity: 1;
- -webkit-animation-name: popin;
- z-index: 10;
-}
-
-.pop.in.reverse {
- z-index: 0;
- -webkit-animation-name: dontmove;
-}
-
-.pop.out.reverse {
- -webkit-transform: scale(.2);
- opacity: 0;
- -webkit-animation-name: popout;
- z-index: 10;
-}
-
-@-webkit-keyframes popin {
- from {
- -webkit-transform: scale(.2);
- opacity: 0;
- }
- to {
- -webkit-transform: scale(1);
- opacity: 1;
- }
-}
-
-@-webkit-keyframes popout {
- from {
- -webkit-transform: scale(1);
- opacity: 1;
- }
- to {
- -webkit-transform: scale(.2);
- opacity: 0;
- }
-}/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-
-/* content configurations. */
-.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
-.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height:1px;}
-
-/* grid solo: 100 - single item fallback */
-.ui-grid-solo .ui-block-a { width: 100%; float: none; }
-
-/* grid a: 50/50 */
-.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; }
-.ui-grid-a .ui-block-a { clear: left; }
-
-/* grid b: 33/33/33 */
-.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; }
-.ui-grid-b .ui-block-a { clear: left; }
-
-/* grid c: 25/25/25/25 */
-.ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; }
-.ui-grid-c .ui-block-a { clear: left; }
-
-/* grid d: 20/20/20/20/20 */
-.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; }
-.ui-grid-d .ui-block-a { clear: left; }
-/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-/* fixed page header & footer configuration */
-.ui-header, .ui-footer, .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { position: absolute; overflow: hidden; width: 100%; border-left-width: 0; border-right-width: 0; }
-.ui-header-fixed, .ui-footer-fixed {
- z-index: 1000;
- -webkit-transform: translateZ(0); /* Force header/footer rendering to go through the same rendering pipeline as native page scrolling. */
-}
-.ui-footer-duplicate, .ui-page-fullscreen .ui-fixed-inline { display: none; }
-.ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { opacity: .9; }
-/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-.ui-navbar { overflow: hidden; }
-.ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;}
-.ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; }
-.ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; }
-.ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; }
-.ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; }
-.ui-navbar li .ui-btn { margin-right: -1px; }
-.ui-navbar li .ui-btn:last-child { margin-right: 0; }
-.ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn,
-.ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; }
-.ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; }
-.ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; }
-/*expanded page styles*/
-.ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; }
-.ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px; }
-.ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; }
-.ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; }
-.ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; }
-.ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; }
-.ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; }
-.ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; }
-/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-.ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 5px; padding: 0; }
-.ui-btn:focus, .ui-btn:active { outline: none; }
-.ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; }
-.ui-btn-inline { display: inline-block; }
-.ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; }
-.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; }
-.ui-btn-icon-notext { width: 24px; height: 24px; }
-.ui-btn-icon-notext .ui-btn-inner { padding: 2px 1px 2px 3px; }
-.ui-btn-icon-notext .ui-btn-text { position: absolute; left: -999px; }
-.ui-btn-icon-left .ui-btn-inner { padding-left: 33px; }
-.ui-header .ui-btn-icon-left .ui-btn-inner,
-.ui-footer .ui-btn-icon-left .ui-btn-inner,
-.ui-bar .ui-btn-icon-left .ui-btn-inner { padding-left: 27px; }
-.ui-btn-icon-right .ui-btn-inner { padding-right: 33px; }
-.ui-header .ui-btn-icon-right .ui-btn-inner,
-.ui-footer .ui-btn-icon-right .ui-btn-inner,
-.ui-bar .ui-btn-icon-right .ui-btn-inner { padding-right: 27px; }
-.ui-btn-icon-top .ui-btn-inner { padding-top: 33px; }
-.ui-header .ui-btn-icon-top .ui-btn-inner,
-.ui-footer .ui-btn-icon-top .ui-btn-inner,
-.ui-bar .ui-btn-icon-top .ui-btn-inner { padding-top: 27px; }
-.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 33px; }
-.ui-header .ui-btn-icon-bottom .ui-btn-inner,
-.ui-footer .ui-btn-icon-bottom .ui-btn-inner,
-.ui-bar .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 27px; }
-
-/*btn icon positioning*/
-.ui-btn-icon-notext .ui-icon { display: block; }
-.ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
-.ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%; margin-left: -9px; }
-.ui-btn-icon-left .ui-icon { left: 10px; }
-.ui-btn-icon-right .ui-icon { right: 10px; }
-.ui-btn-icon-top .ui-icon { top: 10px; }
-.ui-btn-icon-bottom .ui-icon { bottom: 10px; }
-.ui-header .ui-btn-icon-left .ui-icon,
-.ui-footer .ui-btn-icon-left .ui-icon,
-.ui-bar .ui-btn-icon-left .ui-icon { left: 4px; }
-.ui-header .ui-btn-icon-right .ui-icon,
-.ui-footer .ui-btn-icon-right .ui-icon,
-.ui-bar .ui-btn-icon-right .ui-icon { right: 4px; }
-.ui-header .ui-btn-icon-top .ui-icon,
-.ui-footer .ui-btn-icon-top .ui-icon,
-.ui-bar .ui-btn-icon-top .ui-icon { top: 4px; }
-.ui-header .ui-btn-icon-bottom .ui-icon,
-.ui-footer .ui-btn-icon-bottom .ui-icon,
-.ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4px; }
-
-/*hiding native button,inputs */
-.ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: .1; cursor: pointer; background: transparent; font-size: 1px; border: none; line-height: 999px; }
-/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-.ui-collapsible { margin: .5em 0; }
-.ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; }
-.ui-collapsible-heading a { text-align: left; margin: 0; }
-.ui-collapsible-heading a .ui-btn-inner { padding-left: 40px; }
-.ui-collapsible-heading a span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; }
-.ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; }
-.ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
-.ui-collapsible-heading-status { position:absolute; left:-9999px; }
-.ui-collapsible-content {
- display: block;
- margin: 0 -8px;
- padding: 10px 16px;
- border-top: none; /* Overrides ui-btn-up-* */
- background-image: none; /* Overrides ui-btn-up-* */
- font-weight: normal; /* Overrides ui-btn-up-* */
-}
-.ui-collapsible-content-collapsed { display: none; }
-
-.ui-collapsible-set { margin: .5em 0; }
-.ui-collapsible-set .ui-collapsible { margin: -1px 0 0; }
-/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-.ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0 1em; }
-.ui-bar .ui-controlgroup { margin: 0 .3em; }
-.ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; }
-.ui-controlgroup-controls { display: block; width: 95%;}
-.ui-controlgroup li { list-style: none; }
-.ui-controlgroup-vertical .ui-btn,
-.ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0; }
-.ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
-.ui-controlgroup-horizontal { padding: 0; }
-.ui-controlgroup-horizontal .ui-btn { display: inline-block; margin: 0 -5px 0 0; }
-.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { float: left; margin: 0 -1px 0 0; }
-.ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn,
-.ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
-.ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; }
-.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
-/* conflicts with listview..
-.ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; }
-.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { padding: 5px 6px 5px 5px; }
-*/
-
-@media all and (min-width: 450px){
- .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
- .ui-controlgroup-controls { width: 60%; display: inline-block; }
-} /*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-.ui-dialog { min-height: 480px; }
-.ui-dialog .ui-header, .ui-dialog .ui-content, .ui-dialog .ui-footer { margin: 15px; position: relative; }
-.ui-dialog .ui-header, .ui-dialog .ui-footer { z-index: 10; width: auto; }
-.ui-dialog .ui-content, .ui-dialog .ui-footer { margin-top: -15px; }/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-.ui-checkbox, .ui-radio { position:relative; margin: .2em 0 .5em; z-index: 1; }
-.ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; z-index: 2; }
-.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
-.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
-.ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
-.ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
-.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {left: 15px; }
-.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon {right: 15px; }
-/* input, label positioning */
-.ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px; margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-.ui-field-contain { padding: 1.5em 0; margin: 0; border-bottom-width: 1px; overflow: visible; }
-.ui-field-contain:first-child { border-top-width: 0; }
-@media all and (min-width: 450px){
- .ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
-} /*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-.ui-select { display: block; position: relative; }
-.ui-select select { position: absolute; left: -9999px; top: -9999px; }
-.ui-select .ui-btn { overflow: hidden; }
-.ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); z-index: 2; }
-@-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }}
-.ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; }
-
-.ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
-.ui-select .ui-btn-icon-right .ui-icon { right: 15px; }
-
-/* labels */
-label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
-
-/*listbox*/
-.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; }
-.ui-select .ui-btn-text { text-overflow: ellipsis; overflow: hidden;}
-
-.ui-selectmenu { position: absolute; padding: 0; z-index: 100 !important; width: 80%; max-width: 350px; padding: 6px; }
-.ui-selectmenu .ui-listview { margin: 0; }
-.ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
-.ui-selectmenu-hidden { top: -9999px; left: -9999px; }
-.ui-selectmenu-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; }
-.ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
-.ui-selectmenu-list .ui-li .ui-icon { display: block; }
-.ui-li.ui-selectmenu-placeholder { display: none; }
-.ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
-
-@media all and (min-width: 450px){
- label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
- .ui-select { width: 60%; display: inline-block; }
-}
-
-/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button. this shim's content in there */
-.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
-input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 95%; }
-input.ui-input-text { -webkit-appearance: none; }
-textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
-.ui-input-search { padding: 0 30px; width: 77%; background-image: none; position: relative; }
-.ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; }
-.ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
-.ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -14px; }
-.ui-input-search .ui-input-clear-hidden { display: none; }
-
-/* orientation adjustments - incomplete!*/
-@media all and (min-width: 450px){
- label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
- input.ui-input-text,
- textarea.ui-input-text,
- .ui-input-search { width: 60%; display: inline-block; }
- .ui-input-search { width: 50%; }
- .ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }
-}/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-.ui-listview { margin: 0; counter-reset: listnumbering; }
-.ui-content .ui-listview { margin: -15px; }
-.ui-content .ui-listview-inset { margin: 1em 0; }
-.ui-listview, .ui-li { list-style:none; padding:0; }
-.ui-li, .ui-li.ui-field-contain { display: block; margin:0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; }
-.ui-li .ui-btn-text { position: relative; z-index: 1; }
-.ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
-.ui-li-divider, .ui-li-static { padding: .5em 15px; font-size: 14px; font-weight: bold; }
-.ui-li-divider { counter-reset: listnumbering; }
-ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal;counter-increment: listnumbering; content: counter(listnumbering) ". "; }
-ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
-.ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
-.ui-li:last-child, .ui-li.ui-field-contain:last-child { border-bottom-width: 1px; }
-.ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
-.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px .7em 15px; display: block; }
-.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb { min-height: 60px; padding-left: 100px; }
-.ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; }
-.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-count { padding-right: 45px; }
-.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow { padding-right: 30px; }
-.ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow.ui-li-has-count { padding-right: 75px; }
-.ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
-.ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
-.ui-li-thumb, .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
-.ui-li-icon { max-height: 40px; max-width: 40px; left: 10px; top: .9em; }
-.ui-li-thumb, .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
-
-.ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
-@media all and (min-width: 480px){
- .ui-li-aside { width: 45%; }
-}
-.ui-li-divider { cursor: default; }
-.ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 95px; }
-.ui-li-has-count .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 38px; }
-.ui-li-divider .ui-li-count, .ui-li-static .ui-li-count { right: 10px; }
-.ui-li-has-alt .ui-li-count { right: 55px; }
-.ui-li-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; z-index: 2; }
-.ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -11px 0 0 0; border-bottom-width: 1px; z-index: -1;}
-.ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;}
-.ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; }
-
-.ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0px; }
-
-.ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px }
-.ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
-
-.ui-listview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; }
-.ui-li.ui-screen-hidden{display:none;}
-/* Odd iPad positioning issue. */
-@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
- .ui-li .ui-btn-text { overflow: visible; }
-}/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-label.ui-slider { display: block; }
-input.ui-slider-input { display: inline-block; width: 50px; }
-select.ui-slider-switch { display: none; }
-div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 66%; }
-a.ui-slider-handle { position: absolute; z-index: 10; top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; }
-a.ui-slider-handle .ui-btn-inner { padding-left: 0; padding-right: 0; }
-@media all and (min-width: 480px){
- label.ui-slider { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
- div.ui-slider { width: 45%; }
-}
-
-div.ui-slider-switch { height: 32px; overflow: hidden; margin-left: 0; }
-div.ui-slider-inneroffset { margin-left: 50%; position: absolute; top: 1px; height: 100%; width: 50%; }
-a.ui-slider-handle-snapping { -webkit-transition: left 100ms linear; }
-div.ui-slider-labelbg { position: absolute; top:0; margin: 0; border-width: 0; }
-div.ui-slider-switch div.ui-slider-labelbg-a { width: 60%; height: 100%; left: 0; }
-div.ui-slider-switch div.ui-slider-labelbg-b { width: 60%; height: 100%; right: 0; }
-.ui-slider-switch-a div.ui-slider-labelbg-a, .ui-slider-switch-b div.ui-slider-labelbg-b { z-index: -1; }
-.ui-slider-switch-a div.ui-slider-labelbg-b, .ui-slider-switch-b div.ui-slider-labelbg-a { z-index: 0; }
-
-div.ui-slider-switch a.ui-slider-handle { z-index: 20; width: 101%; height: 32px; margin-top: -18px; margin-left: -101%; }
-span.ui-slider-label { width: 100%; position: absolute;height: 32px; font-size: 16px; text-align: center; line-height: 2; background: none; border-color: transparent; }
-span.ui-slider-label-a { left: -100%; margin-right: -1px }
-span.ui-slider-label-b { right: -100%; margin-left: -1px }
+++ /dev/null
-/*!
- * jQuery Mobile v1.0rc1
- * http://jquerymobile.com/
- *
- * Copyright 2010, jQuery Project
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *//*!
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
-*/.ui-bar-a{border:1px solid #2a2a2a;background:#111;color:#fff;font-weight:bold;text-shadow:0 -1px 1px #000;background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#111));background-image:-webkit-linear-gradient(top,#3c3c3c,#111);background-image:-moz-linear-gradient(top,#3c3c3c,#111);background-image:-ms-linear-gradient(top,#3c3c3c,#111);background-image:-o-linear-gradient(top,#3c3c3c,#111);background-image:linear-gradient(top,#3c3c3c,#111)}.ui-bar-a,.ui-bar-a input,.ui-bar-a select,.ui-bar-a textarea,.ui-bar-a button{font-family:Helvetica,Arial,sans-serif}.ui-bar-a .ui-link-inherit{color:#fff}.ui-bar-a .ui-link{color:#7cc4e7;font-weight:bold}.ui-body-a{border:1px solid #2a2a2a;background:#222;color:#fff;text-shadow:0 1px 0 #000;font-weight:normal;background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#222));background-image:-webkit-linear-gradient(top,#666,#222);background-image:-moz-linear-gradient(top,#666,#222);background-image:-ms-linear-gradient(top,#666,#222);background-image:-o-linear-gradient(top,#666,#222);background-image:linear-gradient(top,#666,#222)}.ui-body-a,.ui-body-a input,.ui-body-a select,.ui-body-a textarea,.ui-body-a button{font-family:Helvetica,Arial,sans-serif}.ui-body-a .ui-link-inherit{color:#fff}.ui-body-a .ui-link{color:#2489ce;font-weight:bold}.ui-br{border-bottom:#828282;border-bottom:rgba(130,130,130,.3);border-bottom-width:1px;border-bottom-style:solid}.ui-btn-up-a{border:1px solid #222;background:#333;font-weight:bold;color:#fff;text-shadow:0 -1px 1px #000;background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));background-image:-webkit-linear-gradient(top,#555,#333);background-image:-moz-linear-gradient(top,#555,#333);background-image:-ms-linear-gradient(top,#555,#333);background-image:-o-linear-gradient(top,#555,#333);background-image:linear-gradient(top,#555,#333)}.ui-btn-up-a a.ui-link-inherit{color:#fff}.ui-btn-hover-a{border:1px solid #000;background:#444;font-weight:bold;color:#fff;text-shadow:0 -1px 1px #000;background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#444));background-image:-webkit-linear-gradient(top,#666,#444);background-image:-moz-linear-gradient(top,#666,#444);background-image:-ms-linear-gradient(top,#666,#444);background-image:-o-linear-gradient(top,#666,#444);background-image:linear-gradient(top,#666,#444)}.ui-btn-hover-a a.ui-link-inherit{color:#fff}.ui-btn-down-a{border:1px solid #000;background:#3d3d3d;font-weight:bold;color:#fff;text-shadow:0 -1px 1px #000;background-image:-webkit-gradient(linear,left top,left bottom,from(#333),to(#5a5a5a));background-image:-webkit-linear-gradient(top,#333,#5a5a5a);background-image:-moz-linear-gradient(top,#333,#5a5a5a);background-image:-ms-linear-gradient(top,#333,#5a5a5a);background-image:-o-linear-gradient(top,#333,#5a5a5a);background-image:linear-gradient(top,#333,#5a5a5a)}.ui-btn-down-a a.ui-link-inherit{color:#fff}.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a{font-family:Helvetica,Arial,sans-serif;text-decoration:none}.ui-bar-b{border:1px solid #456f9a;background:#5e87b0;color:#fff;font-weight:bold;text-shadow:0 -1px 1px #254f7a;background-image:-webkit-gradient(linear,left top,left bottom,from(#81a8ce),to(#5e87b0));background-image:-webkit-linear-gradient(top,#81a8ce,#5e87b0);background-image:-moz-linear-gradient(top,#81a8ce,#5e87b0);background-image:-ms-linear-gradient(top,#81a8ce,#5e87b0);background-image:-o-linear-gradient(top,#81a8ce,#5e87b0);background-image:linear-gradient(top,#81a8ce,#5e87b0)}.ui-bar-b,.ui-bar-b input,.ui-bar-b select,.ui-bar-b textarea,.ui-bar-b button{font-family:Helvetica,Arial,sans-serif}.ui-bar-b .ui-link-inherit{color:#fff}.ui-bar-b .ui-link{color:#7cc4e7;font-weight:bold}.ui-body-b{border:1px solid #c6c6c6;background:#ccc;color:#333;text-shadow:0 1px 0 #fff;font-weight:normal;background-image:-webkit-gradient(linear,left top,left bottom,from(#e6e6e6),to(#ccc));background-image:-webkit-linear-gradient(top,#e6e6e6,#ccc);background-image:-moz-linear-gradient(top,#e6e6e6,#ccc);background-image:-ms-linear-gradient(top,#e6e6e6,#ccc);background-image:-o-linear-gradient(top,#e6e6e6,#ccc);background-image:linear-gradient(top,#e6e6e6,#ccc)}.ui-body-b,.ui-body-b input,.ui-body-b select,.ui-body-b textarea,.ui-body-b button{font-family:Helvetica,Arial,sans-serif}.ui-body-b .ui-link-inherit{color:#333}.ui-body-b .ui-link{color:#2489ce;font-weight:bold}.ui-btn-up-b{border:1px solid #145072;background:#2567ab;font-weight:bold;color:#fff;text-shadow:0 -1px 1px #145072;background-image:-webkit-gradient(linear,left top,left bottom,from(#5f9cc5),to(#396b9e));background-image:-webkit-linear-gradient(top,#5f9cc5,#396b9e);background-image:-moz-linear-gradient(top,#5f9cc5,#396b9e);background-image:-ms-linear-gradient(top,#5f9cc5,#396b9e);background-image:-o-linear-gradient(top,#5f9cc5,#396b9e);background-image:linear-gradient(top,#5f9cc5,#396b9e)}.ui-btn-up-b a.ui-link-inherit{color:#fff}.ui-btn-hover-b{border:1px solid #00516e;background:#4b88b6;font-weight:bold;color:#fff;text-shadow:0 -1px 1px #014d68;background-image:-webkit-gradient(linear,left top,left bottom,from(#72b0d4),to(#4b88b6));background-image:-webkit-linear-gradient(top,#72b0d4,#4b88b6);background-image:-moz-linear-gradient(top,#72b0d4,#4b88b6);background-image:-ms-linear-gradient(top,#72b0d4,#4b88b6);background-image:-o-linear-gradient(top,#72b0d4,#4b88b6);background-image:linear-gradient(top,#72b0d4,#4b88b6)}.ui-btn-hover-b a.ui-link-inherit{color:#fff}.ui-btn-down-b{border:1px solid #225377;background:#4e89c5;font-weight:bold;color:#fff;text-shadow:0 -1px 1px #225377;background-image:-webkit-gradient(linear,left top,left bottom,from(#396b9e),to(#4e89c5));background-image:-webkit-linear-gradient(top,#396b9e,#4e89c5);background-image:-moz-linear-gradient(top,#396b9e,#4e89c5);background-image:-ms-linear-gradient(top,#396b9e,#4e89c5);background-image:-o-linear-gradient(top,#396b9e,#4e89c5);background-image:linear-gradient(top,#396b9e,#4e89c5)}.ui-btn-down-b a.ui-link-inherit{color:#fff}.ui-btn-up-b,.ui-btn-hover-b,.ui-btn-down-b{font-family:Helvetica,Arial,sans-serif;text-decoration:none}.ui-bar-c{border:1px solid #b3b3b3;background:#e9eaeb;color:#3e3e3e;font-weight:bold;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#f0f0f0),to(#e9eaeb));background-image:-webkit-linear-gradient(top,#f0f0f0,#e9eaeb);background-image:-moz-linear-gradient(top,#f0f0f0,#e9eaeb);background-image:-ms-linear-gradient(top,#f0f0f0,#e9eaeb);background-image:-o-linear-gradient(top,#f0f0f0,#e9eaeb);background-image:linear-gradient(top,#f0f0f0,#e9eaeb)}.ui-bar-c .ui-link{color:#2489ce;font-weight:bold}.ui-bar-c,.ui-bar-c input,.ui-bar-c select,.ui-bar-c textarea,.ui-bar-c button{font-family:Helvetica,Arial,sans-serif}.ui-body-c{border:1px solid #b3b3b3;color:#333;text-shadow:0 1px 0 #fff;background:#f0f0f0;background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ddd));background-image:-webkit-linear-gradient(top,#eee,#ddd);background-image:-moz-linear-gradient(top,#eee,#ddd);background-image:-ms-linear-gradient(top,#eee,#ddd);background-image:-o-linear-gradient(top,#eee,#ddd);background-image:linear-gradient(top,#eee,#ddd)}.ui-body-c,.ui-body-c input,.ui-body-c select,.ui-body-c textarea,.ui-body-c button{font-family:Helvetica,Arial,sans-serif}.ui-body-c .ui-link-inherit{color:#333}.ui-body-c .ui-link{color:#2489ce;font-weight:bold}.ui-btn-up-c{border:1px solid #ccc;background:#eee;font-weight:bold;color:#444;text-shadow:0 1px 1px #f6f6f6;background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);background-image:-moz-linear-gradient(top,#fdfdfd,#eee);background-image:-ms-linear-gradient(top,#fdfdfd,#eee);background-image:-o-linear-gradient(top,#fdfdfd,#eee);background-image:linear-gradient(top,#fdfdfd,#eee)}.ui-btn-up-c a.ui-link-inherit{color:#2f3e46}.ui-btn-hover-c{border:1px solid #bbb;background:#dadada;font-weight:bold;color:#101010;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#ededed),to(#dadada));background-image:-webkit-linear-gradient(top,#ededed,#dadada);background-image:-moz-linear-gradient(top,#ededed,#dadada);background-image:-ms-linear-gradient(top,#ededed,#dadada);background-image:-o-linear-gradient(top,#ededed,#dadada);background-image:linear-gradient(top,#ededed,#dadada)}.ui-btn-hover-c a.ui-link-inherit{color:#2f3e46}.ui-btn-down-c{border:1px solid #808080;background:#fdfdfd;font-weight:bold;color:#111;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#fdfdfd));background-image:-webkit-linear-gradient(top,#eee,#fdfdfd);background-image:-moz-linear-gradient(top,#eee,#fdfdfd);background-image:-ms-linear-gradient(top,#eee,#fdfdfd);background-image:-o-linear-gradient(top,#eee,#fdfdfd);background-image:linear-gradient(top,#eee,#fdfdfd)}.ui-btn-down-c a.ui-link-inherit{color:#2f3e46}.ui-btn-up-c,.ui-btn-hover-c,.ui-btn-down-c{font-family:Helvetica,Arial,sans-serif;text-decoration:none}.ui-bar-d{border:1px solid #ccc;background:#bbb;color:#333;text-shadow:0 1px 0 #eee;background-image:-webkit-gradient(linear,left top,left bottom,from(#ddd),to(#bbb));background-image:-webkit-linear-gradient(top,#ddd,#bbb);background-image:-moz-linear-gradient(top,#ddd,#bbb);background-image:-ms-linear-gradient(top,#ddd,#bbb);background-image:-o-linear-gradient(top,#ddd,#bbb);background-image:linear-gradient(top,#ddd,#bbb)}.ui-bar-d,.ui-bar-d input,.ui-bar-d select,.ui-bar-d textarea,.ui-bar-d button{font-family:Helvetica,Arial,sans-serif}.ui-bar-d .ui-link-inherit{color:#333}.ui-bar-d .ui-link{color:#2489ce;font-weight:bold}.ui-body-d{border:1px solid #ccc;color:#333;text-shadow:0 1px 0 #fff;background:#fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));background-image:-webkit-linear-gradient(top,#fff,#fff);background-image:-moz-linear-gradient(top,#fff,#fff);background-image:-ms-linear-gradient(top,#fff,#fff);background-image:-o-linear-gradient(top,#fff,#fff);background-image:linear-gradient(top,#fff,#fff)}.ui-body-d,.ui-body-d input,.ui-body-d select,.ui-body-d textarea,.ui-body-d button{font-family:Helvetica,Arial,sans-serif}.ui-body-d .ui-link-inherit{color:#333}.ui-body-d .ui-link{color:#2489ce;font-weight:bold}.ui-btn-up-d{border:1px solid #ccc;background:#fff;font-weight:bold;color:#444;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));background-image:-webkit-linear-gradient(top,#fff,#fff);background-image:-moz-linear-gradient(top,#fff,#fff);background-image:-ms-linear-gradient(top,#fff,#fff);background-image:-o-linear-gradient(top,#fff,#fff);background-image:linear-gradient(top,#fff,#fff)}.ui-btn-up-d a.ui-link-inherit{color:#333}.ui-btn-hover-d{border:1px solid #aaa;background:#eee;font-weight:bold;color:#222;cursor:pointer;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);background-image:-moz-linear-gradient(top,#fdfdfd,#eee);background-image:-ms-linear-gradient(top,#fdfdfd,#eee);background-image:-o-linear-gradient(top,#fdfdfd,#eee);background-image:linear-gradient(top,#fdfdfd,#eee)}.ui-btn-hover-d a.ui-link-inherit{color:#222}.ui-btn-down-d{border:1px solid #aaa;background:#fff;font-weight:bold;color:#111;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#fff));background-image:-webkit-linear-gradient(top,#eee,#fff);background-image:-moz-linear-gradient(top,#eee,#fff);background-image:-ms-linear-gradient(top,#eee,#fff);background-image:-o-linear-gradient(top,#eee,#fff);background-image:linear-gradient(top,#eee,#fff)}.ui-btn-down-d a.ui-link-inherit{color:#111}.ui-btn-up-d,.ui-btn-hover-d,.ui-btn-down-d{font-family:Helvetica,Arial,sans-serif;text-decoration:none}.ui-bar-e{border:1px solid #f7c942;background:#fadb4e;color:#333;text-shadow:0 1px 0 #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fceda7),to(#fadb4e));background-image:-webkit-linear-gradient(top,#fceda7,#fadb4e);background-image:-moz-linear-gradient(top,#fceda7,#fadb4e);background-image:-ms-linear-gradient(top,#fceda7,#fadb4e);background-image:-o-linear-gradient(top,#fceda7,#fadb4e);background-image:linear-gradient(top,#fceda7,#fadb4e)}.ui-bar-e,.ui-bar-e input,.ui-bar-e select,.ui-bar-e textarea,.ui-bar-e button{font-family:Helvetica,Arial,sans-serif}.ui-bar-e .ui-link-inherit{color:#333}.ui-bar-e .ui-link{color:#2489ce;font-weight:bold}.ui-body-e{border:1px solid #f7c942;color:#333;text-shadow:0 1px 0 #fff;background:#faeb9e;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#faeb9e));background-image:-webkit-linear-gradient(top,#fff,#faeb9e);background-image:-moz-linear-gradient(top,#fff,#faeb9e);background-image:-ms-linear-gradient(top,#fff,#faeb9e);background-image:-o-linear-gradient(top,#fff,#faeb9e);background-image:linear-gradient(top,#fff,#faeb9e)}.ui-body-e,.ui-body-e input,.ui-body-e select,.ui-body-e textarea,.ui-body-e button{font-family:Helvetica,Arial,sans-serif}.ui-body-e .ui-link-inherit{color:#333}.ui-body-e .ui-link{color:#2489ce;font-weight:bold}.ui-btn-up-e{border:1px solid #f7c942;background:#fadb4e;font-weight:bold;color:#333;text-shadow:0 1px 0 #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fceda7),to(#fadb4e));background-image:-webkit-linear-gradient(top,#fceda7,#fadb4e);background-image:-moz-linear-gradient(top,#fceda7,#fadb4e);background-image:-ms-linear-gradient(top,#fceda7,#fadb4e);background-image:-o-linear-gradient(top,#fceda7,#fadb4e);background-image:linear-gradient(top,#fceda7,#fadb4e)}.ui-btn-up-e a.ui-link-inherit{color:#333}.ui-btn-hover-e{border:1px solid #e79952;background:#fbe26f;font-weight:bold;color:#111;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf0b5),to(#fbe26f));background-image:-webkit-linear-gradient(top,#fcf0b5,#fbe26f);background-image:-moz-linear-gradient(top,#fcf0b5,#fbe26f);background-image:-ms-linear-gradient(top,#fcf0b5,#fbe26f);background-image:-o-linear-gradient(top,#fcf0b5,#fbe26f);background-image:linear-gradient(top,#fcf0b5,#fbe26f)}.ui-btn-hover-e a.ui-link-inherit{color:#333}.ui-btn-down-e{border:1px solid #f7c942;background:#fceda7;font-weight:bold;color:#111;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fadb4e),to(#fceda7));background-image:-webkit-linear-gradient(top,#fadb4e,#fceda7);background-image:-moz-linear-gradient(top,#fadb4e,#fceda7);background-image:-ms-linear-gradient(top,#fadb4e,#fceda7);background-image:-o-linear-gradient(top,#fadb4e,#fceda7);background-image:linear-gradient(top,#fadb4e,#fceda7)}.ui-btn-down-e a.ui-link-inherit{color:#333}.ui-btn-up-e,.ui-btn-hover-e,.ui-btn-down-e{font-family:Helvetica,Arial,sans-serif;text-decoration:none}a.ui-link-inherit{text-decoration:none!important}.ui-link{color:#2489ce}.ui-link:hover{color:#2489ce}.ui-link:active{color:#2489ce}.ui-link:visited{color:#2489ce}.ui-btn-active{border:1px solid #155678;background:#4596ce;font-weight:bold;color:#fff;cursor:pointer;text-shadow:0 -1px 1px #145072;text-decoration:none;background-image:-webkit-gradient(linear,left top,left bottom,from(#85bae4),to(#5393c5));background-image:-webkit-linear-gradient(top,#85bae4,#5393c5);background-image:-moz-linear-gradient(top,#85bae4,#5393c5);background-image:-ms-linear-gradient(top,#85bae4,#5393c5);background-image:-o-linear-gradient(top,#85bae4,#5393c5);background-image:linear-gradient(top,#85bae4,#5393c5);outline:0;font-family:Helvetica,Arial,sans-serif}.ui-btn-active a.ui-link-inherit{color:#fff}.ui-btn-inner{border-top:1px solid #fff;border-color:rgba(255,255,255,.3)}.ui-corner-tl{-moz-border-radius-topleft:.6em;-webkit-border-top-left-radius:.6em;border-top-left-radius:.6em}.ui-corner-tr{-moz-border-radius-topright:.6em;-webkit-border-top-right-radius:.6em;border-top-right-radius:.6em}.ui-corner-bl{-moz-border-radius-bottomleft:.6em;-webkit-border-bottom-left-radius:.6em;border-bottom-left-radius:.6em}.ui-corner-br{-moz-border-radius-bottomright:.6em;-webkit-border-bottom-right-radius:.6em;border-bottom-right-radius:.6em}.ui-corner-top{-moz-border-radius-topleft:.6em;-webkit-border-top-left-radius:.6em;border-top-left-radius:.6em;-moz-border-radius-topright:.6em;-webkit-border-top-right-radius:.6em;border-top-right-radius:.6em}.ui-corner-bottom{-moz-border-radius-bottomleft:.6em;-webkit-border-bottom-left-radius:.6em;border-bottom-left-radius:.6em;-moz-border-radius-bottomright:.6em;-webkit-border-bottom-right-radius:.6em;border-bottom-right-radius:.6em}.ui-corner-right{-moz-border-radius-topright:.6em;-webkit-border-top-right-radius:.6em;border-top-right-radius:.6em;-moz-border-radius-bottomright:.6em;-webkit-border-bottom-right-radius:.6em;border-bottom-right-radius:.6em}.ui-corner-left{-moz-border-radius-topleft:.6em;-webkit-border-top-left-radius:.6em;border-top-left-radius:.6em;-moz-border-radius-bottomleft:.6em;-webkit-border-bottom-left-radius:.6em;border-bottom-left-radius:.6em}.ui-corner-all{-moz-border-radius:.6em;-webkit-border-radius:.6em;border-radius:.6em}.ui-corner-none{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.ui-disabled{opacity:.3}.ui-disabled,.ui-disabled a{cursor:default}.ui-icon,.ui-icon-searchfield:after{background:#666;background:rgba(0,0,0,.4);background-image:url(images/icons-18-white.png);background-repeat:no-repeat;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px}.ui-icon-alt{background:#fff;background:rgba(255,255,255,.3);background-image:url(images/icons-18-black.png);background-repeat:no-repeat}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-resolution:240dpi){.ui-icon-plus,.ui-icon-minus,.ui-icon-delete,.ui-icon-arrow-r,.ui-icon-arrow-l,.ui-icon-arrow-u,.ui-icon-arrow-d,.ui-icon-check,.ui-icon-gear,.ui-icon-refresh,.ui-icon-forward,.ui-icon-back,.ui-icon-grid,.ui-icon-star,.ui-icon-alert,.ui-icon-info,.ui-icon-home,.ui-icon-search,.ui-icon-searchfield:after,.ui-icon-checkbox-off,.ui-icon-checkbox-on,.ui-icon-radio-off,.ui-icon-radio-on{background-image:url(images/icons-36-white.png);-moz-background-size:776px 18px;-o-background-size:776px 18px;-webkit-background-size:776px 18px;background-size:776px 18px}.ui-icon-alt{background-image:url(images/icons-36-black.png)}}.ui-icon-plus{background-position:-0 50%}.ui-icon-minus{background-position:-36px 50%}.ui-icon-delete{background-position:-72px 50%}.ui-icon-arrow-r{background-position:-108px 50%}.ui-icon-arrow-l{background-position:-144px 50%}.ui-icon-arrow-u{background-position:-180px 50%}.ui-icon-arrow-d{background-position:-216px 50%}.ui-icon-check{background-position:-252px 50%}.ui-icon-gear{background-position:-288px 50%}.ui-icon-refresh{background-position:-324px 50%}.ui-icon-forward{background-position:-360px 50%}.ui-icon-back{background-position:-396px 50%}.ui-icon-grid{background-position:-432px 50%}.ui-icon-star{background-position:-468px 50%}.ui-icon-alert{background-position:-504px 50%}.ui-icon-info{background-position:-540px 50%}.ui-icon-home{background-position:-576px 50%}.ui-icon-search,.ui-icon-searchfield:after{background-position:-612px 50%}.ui-icon-checkbox-off{background-position:-684px 50%}.ui-icon-checkbox-on{background-position:-648px 50%}.ui-icon-radio-off{background-position:-756px 50%}.ui-icon-radio-on{background-position:-720px 50%}.ui-checkbox .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.ui-icon-checkbox-off,.ui-icon-radio-off{background-color:transparent}.ui-checkbox-on .ui-icon,.ui-radio-on .ui-icon{background-color:#4596ce}.ui-icon-loading{background-image:url(images/ajax-loader.png);width:40px;height:40px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;background-size:35px 35px}.ui-btn-corner-tl{-moz-border-radius-topleft:1em;-webkit-border-top-left-radius:1em;border-top-left-radius:1em}.ui-btn-corner-tr{-moz-border-radius-topright:1em;-webkit-border-top-right-radius:1em;border-top-right-radius:1em}.ui-btn-corner-bl{-moz-border-radius-bottomleft:1em;-webkit-border-bottom-left-radius:1em;border-bottom-left-radius:1em}.ui-btn-corner-br{-moz-border-radius-bottomright:1em;-webkit-border-bottom-right-radius:1em;border-bottom-right-radius:1em}.ui-btn-corner-top{-moz-border-radius-topleft:1em;-webkit-border-top-left-radius:1em;border-top-left-radius:1em;-moz-border-radius-topright:1em;-webkit-border-top-right-radius:1em;border-top-right-radius:1em}.ui-btn-corner-bottom{-moz-border-radius-bottomleft:1em;-webkit-border-bottom-left-radius:1em;border-bottom-left-radius:1em;-moz-border-radius-bottomright:1em;-webkit-border-bottom-right-radius:1em;border-bottom-right-radius:1em}.ui-btn-corner-right{-moz-border-radius-topright:1em;-webkit-border-top-right-radius:1em;border-top-right-radius:1em;-moz-border-radius-bottomright:1em;-webkit-border-bottom-right-radius:1em;border-bottom-right-radius:1em}.ui-btn-corner-left{-moz-border-radius-topleft:1em;-webkit-border-top-left-radius:1em;border-top-left-radius:1em;-moz-border-radius-bottomleft:1em;-webkit-border-bottom-left-radius:1em;border-bottom-left-radius:1em}.ui-btn-corner-all{-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em}.ui-corner-tl,.ui-corner-tr,.ui-corner-bl,.ui-corner-br,.ui-corner-top,.ui-corner-bottom,.ui-corner-right,.ui-corner-left,.ui-corner-all,.ui-btn-corner-tl,.ui-btn-corner-tr,.ui-btn-corner-bl,.ui-btn-corner-br,.ui-btn-corner-top,.ui-btn-corner-bottom,.ui-btn-corner-right,.ui-btn-corner-left,.ui-btn-corner-all{-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.ui-overlay{background:#666;opacity:.5;filter:Alpha(Opacity=50);position:absolute;width:100%;height:100%}.ui-overlay-shadow{-moz-box-shadow:0 0 12px rgba(0,0,0,.6);-webkit-box-shadow:0 0 12px rgba(0,0,0,.6);box-shadow:0 0 12px rgba(0,0,0,.6)}.ui-shadow{-moz-box-shadow:0 1px 4px rgba(0,0,0,.3);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.3);box-shadow:0 1px 4px rgba(0,0,0,.3)}.ui-bar-a .ui-shadow,.ui-bar-b .ui-shadow,.ui-bar-c .ui-shadow{-moz-box-shadow:0 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 1px 0 rgba(255,255,255,.3)}.ui-shadow-inset{-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,.2);box-shadow:inset 0 1px 4px rgba(0,0,0,.2)}.ui-icon-shadow{-moz-box-shadow:0 1px 0 rgba(255,255,255,.4);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.4);box-shadow:0 1px 0 rgba(255,255,255,.4)}.ui-focus{-moz-box-shadow:0 0 12px #387bbe;-webkit-box-shadow:0 0 12px #387bbe;box-shadow:0 0 12px #387bbe}.ui-mobile-nosupport-boxshadow *{-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.ui-mobile-nosupport-boxshadow .ui-focus{outline-width:2px}.ui-mobile,.ui-mobile body{height:100%}.ui-mobile fieldset,.ui-page{padding:0;margin:0}.ui-mobile a img,.ui-mobile fieldset{border:0}.ui-mobile-viewport{margin:0;overflow-x:hidden;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ui-mobile [data-role=page],.ui-mobile [data-role=dialog],.ui-page{top:0;left:0;width:100%;min-height:100%;position:absolute;display:none;border:0}.ui-mobile .ui-page-active{display:block;overflow:visible}.ui-page{outline:0}.ui-page.ui-mobile-touch-overflow,.ui-mobile-touch-overflow.ui-native-fixed .ui-content{overflow:auto;height:100%;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch}.ui-page.ui-mobile-touch-overflow,.ui-page.ui-mobile-touch-overflow *{-webkit-transform:rotateY(0)}.ui-page.ui-mobile-pre-transition{display:block}.ui-loading .ui-mobile-viewport{overflow:hidden!important}.ui-loading .ui-loader{display:block}.ui-loading .ui-page{overflow:hidden}.ui-loader{display:none;position:absolute;opacity:.85;z-index:100;left:50%;width:200px;margin-left:-130px;margin-top:-35px;padding:10px 30px}.ui-loader h1{font-size:15px;text-align:center}.ui-loader .ui-icon{position:static;display:block;opacity:.9;margin:0 auto;width:35px;height:35px;background-color:transparent}.ui-mobile-rendering>*{visibility:hidden}.ui-bar,.ui-body{position:relative;padding:.4em 15px;overflow:hidden;display:block;clear:both}.ui-bar{font-size:16px;margin:0}.ui-bar h1,.ui-bar h2,.ui-bar h3,.ui-bar h4,.ui-bar h5,.ui-bar h6{margin:0;padding:0;font-size:16px;display:inline-block}.ui-header,.ui-footer{display:block}.ui-page .ui-header,.ui-page .ui-footer{position:relative}.ui-header .ui-btn-left{position:absolute;left:10px;top:.4em}.ui-header .ui-btn-right{position:absolute;right:10px;top:.4em}.ui-header .ui-title,.ui-footer .ui-title{min-height:1.1em;text-align:center;font-size:16px;display:block;margin:.6em 90px .8em;padding:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;outline:0!important}.ui-content{border-width:0;overflow:visible;overflow-x:hidden;padding:15px}.ui-page-fullscreen .ui-content{padding:0}.ui-mobile-touch-overflow.ui-page.ui-native-fixed,.ui-mobile-touch-overflow.ui-page.ui-native-fullscreen{overflow:visible}.ui-mobile-touch-overflow.ui-native-fixed .ui-header,.ui-mobile-touch-overflow.ui-native-fixed .ui-footer{position:fixed;left:0;right:0;top:0;z-index:200}.ui-mobile-touch-overflow.ui-page.ui-native-fixed .ui-footer{top:auto;bottom:0}.ui-mobile-touch-overflow.ui-native-fixed .ui-content{padding-top:2.5em;padding-bottom:3em;top:0;bottom:0;height:auto;position:absolute}.ui-mobile-touch-overflow.ui-native-fullscreen .ui-content{padding-top:0;padding-bottom:0}.ui-mobile-touch-overflow.ui-native-fullscreen .ui-header,.ui-mobile-touch-overflow.ui-native-fullscreen .ui-footer{opacity:.9}.ui-native-bars-hidden{display:none}.ui-icon{width:18px;height:18px}.ui-fullscreen img{max-width:100%}.ui-nojs{position:absolute;left:-9999px}.spin{-webkit-transform:rotate(360deg);-webkit-animation-name:spin;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.in,.out{-webkit-animation-timing-function:ease-in-out;-webkit-animation-duration:350ms}.slide.out{-webkit-transform:translateX(-100%);-webkit-animation-name:slideouttoleft}.slide.in{-webkit-transform:translateX(0);-webkit-animation-name:slideinfromright}.slide.out.reverse{-webkit-transform:translateX(100%);-webkit-animation-name:slideouttoright}.slide.in.reverse{-webkit-transform:translateX(0);-webkit-animation-name:slideinfromleft}.slideup.out{-webkit-animation-name:dontmove;z-index:0}.slideup.in{-webkit-transform:translateY(0);-webkit-animation-name:slideinfrombottom;z-index:10}.slideup.in.reverse{z-index:0;-webkit-animation-name:dontmove}.slideup.out.reverse{-webkit-transform:translateY(100%);z-index:10;-webkit-animation-name:slideouttobottom}.slidedown.out{-webkit-animation-name:dontmove;z-index:0}.slidedown.in{-webkit-transform:translateY(0);-webkit-animation-name:slideinfromtop;z-index:10}.slidedown.in.reverse{z-index:0;-webkit-animation-name:dontmove}.slidedown.out.reverse{-webkit-transform:translateY(-100%);z-index:10;-webkit-animation-name:slideouttotop}@-webkit-keyframes slideinfromright{from{-webkit-transform:translateX(100%)}to{-webkit-transform:translateX(0)}}@-webkit-keyframes slideinfromleft{from{-webkit-transform:translateX(-100%)}to{-webkit-transform:translateX(0)}}@-webkit-keyframes slideouttoleft{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(-100%)}}@-webkit-keyframes slideouttoright{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(100%)}}@-webkit-keyframes slideinfromtop{from{-webkit-transform:translateY(-100%)}to{-webkit-transform:translateY(0)}}@-webkit-keyframes slideinfrombottom{from{-webkit-transform:translateY(100%)}to{-webkit-transform:translateY(0)}}@-webkit-keyframes slideouttobottom{from{-webkit-transform:translateY(0)}to{-webkit-transform:translateY(100%)}}@-webkit-keyframes slideouttotop{from{-webkit-transform:translateY(0)}to{-webkit-transform:translateY(-100%)}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{from{opacity:1}to{opacity:0}}.fade.out{z-index:0;-webkit-animation-name:fadeout}.fade.in{opacity:1;z-index:10;-webkit-animation-name:fadein}.viewport-flip{-webkit-perspective:1000;position:absolute}.ui-mobile-viewport-transitioning,.ui-mobile-viewport-transitioning .ui-page{width:100%;height:100%;overflow:hidden}.flip{-webkit-animation-duration:.65s;-webkit-backface-visibility:hidden;-webkit-transform:translateX(0)}.flip.out{-webkit-transform:rotateY(-180deg) scale(.8);-webkit-animation-name:flipouttoleft}.flip.in{-webkit-transform:rotateY(0) scale(1);-webkit-animation-name:flipinfromleft}.flip.out.reverse{-webkit-transform:rotateY(180deg) scale(.8);-webkit-animation-name:flipouttoright}.flip.in.reverse{-webkit-transform:rotateY(0) scale(1);-webkit-animation-name:flipinfromright}@-webkit-keyframes flipinfromright{from{-webkit-transform:rotateY(-180deg) scale(.8)}to{-webkit-transform:rotateY(0) scale(1)}}@-webkit-keyframes flipinfromleft{from{-webkit-transform:rotateY(180deg) scale(.8)}to{-webkit-transform:rotateY(0) scale(1)}}@-webkit-keyframes flipouttoleft{from{-webkit-transform:rotateY(0) scale(1)}to{-webkit-transform:rotateY(-180deg) scale(.8)}}@-webkit-keyframes flipouttoright{from{-webkit-transform:rotateY(0) scale(1)}to{-webkit-transform:rotateY(180deg) scale(.8)}}@-webkit-keyframes dontmove{from{opacity:1}to{opacity:1}}.pop{-webkit-transform-origin:50% 50%}.pop.in{-webkit-transform:scale(1);opacity:1;-webkit-animation-name:popin;z-index:10}.pop.in.reverse{z-index:0;-webkit-animation-name:dontmove}.pop.out.reverse{-webkit-transform:scale(.2);opacity:0;-webkit-animation-name:popout;z-index:10}@-webkit-keyframes popin{from{-webkit-transform:scale(.2);opacity:0}to{-webkit-transform:scale(1);opacity:1}}@-webkit-keyframes popout{from{-webkit-transform:scale(1);opacity:1}to{-webkit-transform:scale(.2);opacity:0}}.ui-grid-a,.ui-grid-b,.ui-grid-c,.ui-grid-d{overflow:hidden}.ui-block-a,.ui-block-b,.ui-block-c,.ui-block-d,.ui-block-e{margin:0;padding:0;border:0;float:left;min-height:1px}.ui-grid-solo .ui-block-a{width:100%;float:none}.ui-grid-a .ui-block-a,.ui-grid-a .ui-block-b{width:50%}.ui-grid-a .ui-block-a{clear:left}.ui-grid-b .ui-block-a,.ui-grid-b .ui-block-b,.ui-grid-b .ui-block-c{width:33.333%}.ui-grid-b .ui-block-a{clear:left}.ui-grid-c .ui-block-a,.ui-grid-c .ui-block-b,.ui-grid-c .ui-block-c,.ui-grid-c .ui-block-d{width:25%}.ui-grid-c .ui-block-a{clear:left}.ui-grid-d .ui-block-a,.ui-grid-d .ui-block-b,.ui-grid-d .ui-block-c,.ui-grid-d .ui-block-d,.ui-grid-d .ui-block-e{width:20%}.ui-grid-d .ui-block-a{clear:left}.ui-header,.ui-footer,.ui-page-fullscreen .ui-header,.ui-page-fullscreen .ui-footer{position:absolute;overflow:hidden;width:100%;border-left-width:0;border-right-width:0}.ui-header-fixed,.ui-footer-fixed{z-index:1000;-webkit-transform:translateZ(0)}.ui-footer-duplicate,.ui-page-fullscreen .ui-fixed-inline{display:none}.ui-page-fullscreen .ui-header,.ui-page-fullscreen .ui-footer{opacity:.9}.ui-navbar{overflow:hidden}.ui-navbar ul,.ui-navbar-expanded ul{list-style:none;padding:0;margin:0;position:relative;display:block;border:0}.ui-navbar-collapsed ul{float:left;width:75%;margin-right:-2px}.ui-navbar-collapsed .ui-navbar-toggle{float:left;width:25%}.ui-navbar li.ui-navbar-truncate{position:absolute;left:-9999px;top:-9999px}.ui-navbar li .ui-btn,.ui-navbar .ui-navbar-toggle .ui-btn{display:block;font-size:12px;text-align:center;margin:0;border-right-width:0}.ui-navbar li .ui-btn{margin-right:-1px}.ui-navbar li .ui-btn:last-child{margin-right:0}.ui-header .ui-navbar li .ui-btn,.ui-header .ui-navbar .ui-navbar-toggle .ui-btn,.ui-footer .ui-navbar li .ui-btn,.ui-footer .ui-navbar .ui-navbar-toggle .ui-btn{border-top-width:0;border-bottom-width:0}.ui-navbar .ui-btn-inner{padding-left:2px;padding-right:2px}.ui-navbar-noicons li .ui-btn .ui-btn-inner,.ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner{padding-top:.8em;padding-bottom:.9em}.ui-navbar-expanded .ui-btn{margin:0;font-size:14px}.ui-navbar-expanded .ui-btn-inner{padding-left:5px;padding-right:5px}.ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner{padding:45px 5px 15px;text-align:center}.ui-navbar-expanded .ui-btn-icon-top .ui-icon{top:15px}.ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner{padding:15px 5px 45px;text-align:center}.ui-navbar-expanded .ui-btn-icon-bottom .ui-icon{bottom:15px}.ui-navbar-expanded li .ui-btn .ui-btn-inner{min-height:2.5em}.ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner{padding-top:1.8em;padding-bottom:1.9em}.ui-btn{display:block;text-align:center;cursor:pointer;position:relative;margin:.5em 5px;padding:0}.ui-btn:focus,.ui-btn:active{outline:0}.ui-header .ui-btn,.ui-footer .ui-btn,.ui-bar .ui-btn{display:inline-block;font-size:13px;margin:0}.ui-btn-inline{display:inline-block}.ui-btn-inner{padding:.6em 25px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative;zoom:1}.ui-header .ui-btn-inner,.ui-footer .ui-btn-inner,.ui-bar .ui-btn-inner{padding:.4em 8px .5em}.ui-btn-icon-notext{width:24px;height:24px}.ui-btn-icon-notext .ui-btn-inner{padding:2px 1px 2px 3px}.ui-btn-icon-notext .ui-btn-text{position:absolute;left:-999px}.ui-btn-icon-left .ui-btn-inner{padding-left:33px}.ui-header .ui-btn-icon-left .ui-btn-inner,.ui-footer .ui-btn-icon-left .ui-btn-inner,.ui-bar .ui-btn-icon-left .ui-btn-inner{padding-left:27px}.ui-btn-icon-right .ui-btn-inner{padding-right:33px}.ui-header .ui-btn-icon-right .ui-btn-inner,.ui-footer .ui-btn-icon-right .ui-btn-inner,.ui-bar .ui-btn-icon-right .ui-btn-inner{padding-right:27px}.ui-btn-icon-top .ui-btn-inner{padding-top:33px}.ui-header .ui-btn-icon-top .ui-btn-inner,.ui-footer .ui-btn-icon-top .ui-btn-inner,.ui-bar .ui-btn-icon-top .ui-btn-inner{padding-top:27px}.ui-btn-icon-bottom .ui-btn-inner{padding-bottom:33px}.ui-header .ui-btn-icon-bottom .ui-btn-inner,.ui-footer .ui-btn-icon-bottom .ui-btn-inner,.ui-bar .ui-btn-icon-bottom .ui-btn-inner{padding-bottom:27px}.ui-btn-icon-notext .ui-icon{display:block}.ui-btn-icon-left .ui-icon,.ui-btn-icon-right .ui-icon{position:absolute;top:50%;margin-top:-9px}.ui-btn-icon-top .ui-icon,.ui-btn-icon-bottom .ui-icon{position:absolute;left:50%;margin-left:-9px}.ui-btn-icon-left .ui-icon{left:10px}.ui-btn-icon-right .ui-icon{right:10px}.ui-btn-icon-top .ui-icon{top:10px}.ui-btn-icon-bottom .ui-icon{bottom:10px}.ui-header .ui-btn-icon-left .ui-icon,.ui-footer .ui-btn-icon-left .ui-icon,.ui-bar .ui-btn-icon-left .ui-icon{left:4px}.ui-header .ui-btn-icon-right .ui-icon,.ui-footer .ui-btn-icon-right .ui-icon,.ui-bar .ui-btn-icon-right .ui-icon{right:4px}.ui-header .ui-btn-icon-top .ui-icon,.ui-footer .ui-btn-icon-top .ui-icon,.ui-bar .ui-btn-icon-top .ui-icon{top:4px}.ui-header .ui-btn-icon-bottom .ui-icon,.ui-footer .ui-btn-icon-bottom .ui-icon,.ui-bar .ui-btn-icon-bottom .ui-icon{bottom:4px}.ui-btn-hidden{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:button;opacity:.1;cursor:pointer;background:transparent;font-size:1px;border:0;line-height:999px}.ui-collapsible{margin:.5em 0}.ui-collapsible-heading{font-size:16px;display:block;margin:0 -8px;padding:0;border-width:0 0 1px 0;position:relative}.ui-collapsible-heading a{text-align:left;margin:0}.ui-collapsible-heading a .ui-btn-inner{padding-left:40px}.ui-collapsible-heading a span.ui-btn{position:absolute;left:6px;top:50%;margin:-12px 0 0 0;width:20px;height:20px;padding:1px 0 1px 2px;text-indent:-9999px}.ui-collapsible-heading a span.ui-btn .ui-btn-inner{padding:10px 0}.ui-collapsible-heading a span.ui-btn .ui-icon{left:0;margin-top:-10px}.ui-collapsible-heading-status{position:absolute;left:-9999px}.ui-collapsible-content{display:block;margin:0 -8px;padding:10px 16px;border-top:0;background-image:none;font-weight:normal}.ui-collapsible-content-collapsed{display:none}.ui-collapsible-set{margin:.5em 0}.ui-collapsible-set .ui-collapsible{margin:-1px 0 0}.ui-controlgroup,fieldset.ui-controlgroup{padding:0;margin:.5em 0 1em}.ui-bar .ui-controlgroup{margin:0 .3em}.ui-controlgroup-label{font-size:16px;line-height:1.4;font-weight:normal;margin:0 0 .3em}.ui-controlgroup-controls{display:block;width:95%}.ui-controlgroup li{list-style:none}.ui-controlgroup-vertical .ui-btn,.ui-controlgroup-vertical .ui-checkbox,.ui-controlgroup-vertical .ui-radio{margin:0;border-bottom-width:0}.ui-controlgroup-vertical .ui-controlgroup-last{border-bottom-width:1px}.ui-controlgroup-horizontal{padding:0}.ui-controlgroup-horizontal .ui-btn{display:inline-block;margin:0 -5px 0 0}.ui-controlgroup-horizontal .ui-checkbox,.ui-controlgroup-horizontal .ui-radio{float:left;margin:0 -1px 0 0}.ui-controlgroup-horizontal .ui-checkbox .ui-btn,.ui-controlgroup-horizontal .ui-radio .ui-btn,.ui-controlgroup-horizontal .ui-checkbox:last-child,.ui-controlgroup-horizontal .ui-radio:last-child{margin-right:0}.ui-controlgroup-horizontal .ui-controlgroup-last{margin-right:0}.ui-controlgroup .ui-checkbox label,.ui-controlgroup .ui-radio label{font-size:16px}@media all and (min-width:450px){.ui-controlgroup-label{vertical-align:top;display:inline-block;width:20%;margin:0 2% 0 0}.ui-controlgroup-controls{width:60%;display:inline-block}}.ui-dialog{min-height:480px}.ui-dialog .ui-header,.ui-dialog .ui-content,.ui-dialog .ui-footer{margin:15px;position:relative}.ui-dialog .ui-header,.ui-dialog .ui-footer{z-index:10;width:auto}.ui-dialog .ui-content,.ui-dialog .ui-footer{margin-top:-15px}.ui-checkbox,.ui-radio{position:relative;margin:.2em 0 .5em;z-index:1}.ui-checkbox .ui-btn,.ui-radio .ui-btn{margin:0;text-align:left;z-index:2}.ui-checkbox .ui-btn-inner,.ui-radio .ui-btn-inner{white-space:normal}.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner{padding-left:45px}.ui-checkbox .ui-btn-icon-right .ui-btn-inner,.ui-radio .ui-btn-icon-right .ui-btn-inner{padding-right:45px}.ui-checkbox .ui-icon,.ui-radio .ui-icon{top:1.1em}.ui-checkbox .ui-btn-icon-left .ui-icon,.ui-radio .ui-btn-icon-left .ui-icon{left:15px}.ui-checkbox .ui-btn-icon-right .ui-icon,.ui-radio .ui-btn-icon-right .ui-icon{right:15px}.ui-checkbox input,.ui-radio input{position:absolute;left:20px;top:50%;width:10px;height:10px;margin:-5px 0 0 0;outline:0!important;z-index:1}.ui-field-contain{padding:1.5em 0;margin:0;border-bottom-width:1px;overflow:visible}.ui-field-contain:first-child{border-top-width:0}@media all and (min-width:450px){.ui-field-contain{border-width:0;padding:0;margin:1em 0}}.ui-select{display:block;position:relative}.ui-select select{position:absolute;left:-9999px;top:-9999px}.ui-select .ui-btn{overflow:hidden}.ui-select .ui-btn select{cursor:pointer;-webkit-appearance:button;left:0;top:0;width:100%;min-height:1.5em;min-height:100%;height:3em;max-height:100%;opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);z-index:2}@-moz-document url-prefix(){.ui-select .ui-btn select{opacity:.0001}}.ui-select .ui-btn select.ui-select-nativeonly{opacity:1;text-indent:0}.ui-select .ui-btn-icon-right .ui-btn-inner{padding-right:45px}.ui-select .ui-btn-icon-right .ui-icon{right:15px}label.ui-select{font-size:16px;line-height:1.4;font-weight:normal;margin:0 0 .3em;display:block}.ui-select .ui-btn-text,.ui-selectmenu .ui-btn-text{display:block;min-height:1em}.ui-select .ui-btn-text{text-overflow:ellipsis;overflow:hidden}.ui-selectmenu{position:absolute;padding:0;z-index:100!important;width:80%;max-width:350px;padding:6px}.ui-selectmenu .ui-listview{margin:0}.ui-selectmenu .ui-btn.ui-li-divider{cursor:default}.ui-selectmenu-hidden{top:-9999px;left:-9999px}.ui-selectmenu-screen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99}.ui-screen-hidden,.ui-selectmenu-list .ui-li .ui-icon{display:none}.ui-selectmenu-list .ui-li .ui-icon{display:block}.ui-li.ui-selectmenu-placeholder{display:none}.ui-selectmenu .ui-header .ui-title{margin:.6em 46px .8em}@media all and (min-width:450px){label.ui-select{vertical-align:top;display:inline-block;width:20%;margin:0 2% 0 0}.ui-select{width:60%;display:inline-block}}.ui-selectmenu .ui-header h1:after{content:'.';visibility:hidden}label.ui-input-text{font-size:16px;line-height:1.4;display:block;font-weight:normal;margin:0 0 .3em}input.ui-input-text,textarea.ui-input-text{background-image:none;padding:.4em;line-height:1.4;font-size:16px;display:block;width:95%}input.ui-input-text{-webkit-appearance:none}textarea.ui-input-text{height:50px;-webkit-transition:height 200ms linear;-moz-transition:height 200ms linear;-o-transition:height 200ms linear;transition:height 200ms linear}.ui-input-search{padding:0 30px;width:77%;background-image:none;position:relative}.ui-icon-searchfield:after{position:absolute;left:7px;top:50%;margin-top:-9px;content:"";width:18px;height:18px;opacity:.5}.ui-input-search input.ui-input-text{border:0;width:98%;padding:.4em 0;margin:0;display:block;background:transparent none;outline:0!important}.ui-input-search .ui-input-clear{position:absolute;right:0;top:50%;margin-top:-14px}.ui-input-search .ui-input-clear-hidden{display:none}@media all and (min-width:450px){label.ui-input-text{vertical-align:top;display:inline-block;width:20%;margin:0 2% 0 0}input.ui-input-text,textarea.ui-input-text,.ui-input-search{width:60%;display:inline-block}.ui-input-search{width:50%}.ui-input-search input.ui-input-text{width:98%}}.ui-listview{margin:0;counter-reset:listnumbering}.ui-content .ui-listview{margin:-15px}.ui-content .ui-listview-inset{margin:1em 0}.ui-listview,.ui-li{list-style:none;padding:0}.ui-li,.ui-li.ui-field-contain{display:block;margin:0;position:relative;overflow:visible;text-align:left;border-width:0;border-top-width:1px}.ui-li .ui-btn-text{position:relative;z-index:1}.ui-li .ui-btn-text a.ui-link-inherit{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ui-li-divider,.ui-li-static{padding:.5em 15px;font-size:14px;font-weight:bold}.ui-li-divider{counter-reset:listnumbering}ol.ui-listview .ui-link-inherit:before,ol.ui-listview .ui-li-static:before,.ui-li-dec{font-size:.8em;display:inline-block;padding-right:.3em;font-weight:normal;counter-increment:listnumbering;content:counter(listnumbering) ". "}ol.ui-listview .ui-li-jsnumbering:before{content:""!important}.ui-listview-inset .ui-li{border-right-width:1px;border-left-width:1px}.ui-li:last-child,.ui-li.ui-field-contain:last-child{border-bottom-width:1px}.ui-li>.ui-btn-inner{display:block;position:relative;padding:0}.ui-li .ui-btn-inner a.ui-link-inherit,.ui-li-static.ui-li{padding:.7em 15px .7em 15px;display:block}.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit,.ui-li-static.ui-li-has-thumb{min-height:60px;padding-left:100px}.ui-li-has-icon .ui-btn-inner a.ui-link-inherit,.ui-li-static.ui-li-has-icon{min-height:20px;padding-left:40px}.ui-li-has-count .ui-btn-inner a.ui-link-inherit,.ui-li-static.ui-li-has-count{padding-right:45px}.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit,.ui-li-static.ui-li-has-arrow{padding-right:30px}.ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit,.ui-li-static.ui-li-has-arrow.ui-li-has-count{padding-right:75px}.ui-li-heading{font-size:16px;font-weight:bold;display:block;margin:.6em 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ui-li-desc{font-size:12px;font-weight:normal;display:block;margin:-.5em 0 .6em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ui-li-thumb,.ui-li-icon{position:absolute;left:1px;top:0;max-height:80px;max-width:80px}.ui-li-icon{max-height:40px;max-width:40px;left:10px;top:.9em}.ui-li-thumb,.ui-li-icon,.ui-li-content{float:left;margin-right:10px}.ui-li-aside{float:right;width:50%;text-align:right;margin:.3em 0}@media all and (min-width:480px){.ui-li-aside{width:45%}}.ui-li-divider{cursor:default}.ui-li-has-alt .ui-btn-inner a.ui-link-inherit,.ui-li-static.ui-li-has-alt{padding-right:95px}.ui-li-has-count .ui-li-count{position:absolute;font-size:11px;font-weight:bold;padding:.2em .5em;top:50%;margin-top:-.9em;right:38px}.ui-li-divider .ui-li-count,.ui-li-static .ui-li-count{right:10px}.ui-li-has-alt .ui-li-count{right:55px}.ui-li-link-alt{position:absolute;width:40px;height:100%;border-width:0;border-left-width:1px;top:0;right:0;margin:0;padding:0;z-index:2}.ui-li-link-alt .ui-btn{overflow:hidden;position:absolute;right:8px;top:50%;margin:-11px 0 0 0;border-bottom-width:1px;z-index:-1}.ui-li-link-alt .ui-btn-inner{padding:0;height:100%;position:absolute;width:100%;top:0;left:0}.ui-li-link-alt .ui-btn .ui-icon{right:50%;margin-right:-9px}.ui-listview * .ui-btn-inner>.ui-btn>.ui-btn-inner{border-top:0}.ui-listview-filter{border-width:0;overflow:hidden;margin:-15px -15px 15px -15px}.ui-listview-filter .ui-input-search{margin:5px;width:auto;display:block}.ui-listview-filter-inset{margin:-15px -5px -15px -5px;background:transparent}.ui-li.ui-screen-hidden{display:none}@media only screen and (min-device-width:768px) and (max-device-width:1024px){.ui-li .ui-btn-text{overflow:visible}}label.ui-slider{display:block}input.ui-slider-input{display:inline-block;width:50px}select.ui-slider-switch{display:none}div.ui-slider{position:relative;display:inline-block;overflow:visible;height:15px;padding:0;margin:0 2% 0 20px;top:4px;width:66%}a.ui-slider-handle{position:absolute;z-index:10;top:50%;width:28px;height:28px;margin-top:-15px;margin-left:-15px}a.ui-slider-handle .ui-btn-inner{padding-left:0;padding-right:0}@media all and (min-width:480px){label.ui-slider{vertical-align:top;display:inline-block;width:20%;margin:0 2% 0 0}div.ui-slider{width:45%}}div.ui-slider-switch{height:32px;overflow:hidden;margin-left:0}div.ui-slider-inneroffset{margin-left:50%;position:absolute;top:1px;height:100%;width:50%}a.ui-slider-handle-snapping{-webkit-transition:left 100ms linear}div.ui-slider-labelbg{position:absolute;top:0;margin:0;border-width:0}div.ui-slider-switch div.ui-slider-labelbg-a{width:60%;height:100%;left:0}div.ui-slider-switch div.ui-slider-labelbg-b{width:60%;height:100%;right:0}.ui-slider-switch-a div.ui-slider-labelbg-a,.ui-slider-switch-b div.ui-slider-labelbg-b{z-index:-1}.ui-slider-switch-a div.ui-slider-labelbg-b,.ui-slider-switch-b div.ui-slider-labelbg-a{z-index:0}div.ui-slider-switch a.ui-slider-handle{z-index:20;width:101%;height:32px;margin-top:-18px;margin-left:-101%}span.ui-slider-label{width:100%;position:absolute;height:32px;font-size:16px;text-align:center;line-height:2;background:0;border-color:transparent}span.ui-slider-label-a{left:-100%;margin-right:-1px}span.ui-slider-label-b{right:-100%;margin-left:-1px}
\ No newline at end of file
+++ /dev/null
-// domready.js (https://github.com/ded/domready)
-// NB not minified, as it the minified version doesn't work
-// License: MIT license
-!function (context, doc) {
- var fns = [], ol, fn, f = false,
- testEl = doc.documentElement,
- hack = testEl.doScroll,
- domContentLoaded = 'DOMContentLoaded',
- addEventListener = 'addEventListener',
- onreadystatechange = 'onreadystatechange',
- loaded = /^loade|c/.test(doc.readyState);
-
- function flush(i) {
- loaded = 1;
- while (i = fns.shift()) { i() }
- }
- doc[addEventListener] && doc[addEventListener](domContentLoaded, fn = function () {
- doc.removeEventListener(domContentLoaded, fn, f);
- flush();
- }, f);
-
-
- hack && doc.attachEvent(onreadystatechange, (ol = function () {
- if (/^c/.test(doc.readyState)) {
- doc.detachEvent(onreadystatechange, ol);
- flush();
- }
- }));
-
- context['domReady'] = hack ?
- function (fn) {
- self != top ?
- loaded ? fn() : fns.push(fn) :
- function () {
- try {
- testEl.doScroll('left');
- } catch (e) {
- return setTimeout(function() { context['domReady'](fn) }, 50);
- }
- fn();
- }()
- } :
- function (fn) {
- loaded ? fn() : fns.push(fn);
- };
-
-}(this, document);
-
+++ /dev/null
-/*!
- * jLayout Border Layout - JavaScript Layout Algorithms v0.4
- *
- * Licensed under the new BSD License.
- * Copyright 2008-2009, Bram Stein
- * All rights reserved.
- */
-/*global jLayout */
-(function () {
- jLayout = typeof jLayout === 'undefined' ? {} : jLayout;
-
- jLayout.border = function (spec) {
- var my = {},
- that = {},
- east = spec.east,
- west = spec.west,
- north = spec.north,
- south = spec.south,
- center = spec.center;
-
- my.hgap = spec.hgap || 0;
- my.vgap = spec.vgap || 0;
-
- that.items = function () {
- var items = [];
- if (east) {
- items.push(east);
- }
-
- if (west) {
- items.push(west);
- }
-
- if (north) {
- items.push(north);
- }
-
- if (south) {
- items.push(south);
- }
-
- if (center) {
- items.push(center);
- }
- return items;
- };
-
- that.layout = function (container) {
- var size = container.bounds(),
- insets = container.insets(),
- top = insets.top,
- bottom = size.height - insets.bottom,
- left = insets.left,
- right = size.width - insets.right,
- tmp;
-
- if (north && north.isVisible()) {
- tmp = north.preferredSize();
- north.bounds({'x': left, 'y': top, 'width': right - left, 'height': tmp.height});
- north.doLayout();
-\r
- top += tmp.height + my.vgap;
- }
- if (south && south.isVisible()) {
- tmp = south.preferredSize();
- south.bounds({'x': left, 'y': bottom - tmp.height, 'width': right - left, 'height': tmp.height});
- south.doLayout();
-\r
- bottom -= tmp.height + my.vgap;
- }
- if (east && east.isVisible()) {
- tmp = east.preferredSize();
- east.bounds({'x': right - tmp.width, 'y': top, 'width': tmp.width, 'height': bottom - top});
- east.doLayout();
-\r
- right -= tmp.width + my.hgap;
- }
- if (west && west.isVisible()) {
- tmp = west.preferredSize();
- west.bounds({'x': left, 'y': top, 'width': tmp.width, 'height': bottom - top});
- west.doLayout();
-\r
- left += tmp.width + my.hgap;
- }
- if (center && center.isVisible()) {
- center.bounds({'x': left, 'y': top, 'width': right - left, 'height': bottom - top});
- center.doLayout();
- }\r
- return container;
- };
-
- function typeLayout(type) {
- return function (container) {
- var insets = container.insets(),
- width = 0,
- height = 0,
- type_size;
-
- if (east && east.isVisible()) {
- type_size = east[type + 'Size']();
- width += type_size.width + my.hgap;
- height = type_size.height;
- }
- if (west && west.isVisible()) {
- type_size = west[type + 'Size']();
- width += type_size.width + my.hgap;
- height = Math.max(type_size.height, height);
- }
- if (center && center.isVisible()) {
- type_size = center[type + 'Size']();
- width += type_size.width;
- height = Math.max(type_size.height, height);
- }
- if (north && north.isVisible()) {
- type_size = north[type + 'Size']();
- width = Math.max(type_size.width, width);
- height += type_size.height + my.vgap;
- }
- if (south && south.isVisible()) {
- type_size = south[type + 'Size']();
- width = Math.max(type_size.width, width);
- height += type_size.height + my.vgap;
- }
-
- return {
- 'width': width + insets.left + insets.right,
- 'height': height + insets.top + insets.bottom
- };
- };
- }
- that.preferred = typeLayout('preferred');
- that.minimum = typeLayout('minimum');
- that.maximum = typeLayout('maximum');
- return that;
- };
-})();
+++ /dev/null
-
-/*!
- * jLayout Flex Grid Layout - JavaScript Layout Algorithms v0.4
- * Based on: http://www.javaworld.com/javaworld/javatips/jw-javatip121.html
- *
- * Licensed under the new BSD License.
- * Copyright 2008-2009, Bram Stein
- * All rights reserved.
- */
-/*global jLayout */
-(function () {
- jLayout = typeof jLayout === 'undefined' ? {} : jLayout;
-
- // The flex grid has a dependency on the grid layout, so please make
- // sure you include the grid layout manager before the flex grid
- // layout manager.
- if (typeof jLayout.grid !== 'undefined') {
- jLayout.flexGrid = function (spec) {
- var my = {},
- that = this.grid(spec, my);
-
- function zeroArray(a, l) {
- var i = 0;
- for (; i < l; i += 1) {
- a[i] = 0;
- }
- return a;
- }
-
- function typeLayout(type) {
- return function (container) {
- var i = 0, r = 0, c = 0, nw = 0, nh = 0,
- w = zeroArray([], my.columns),
- h = zeroArray([], my.rows),
- type_size,
- insets = container.insets();
-
- for (i = 0; i < my.items.length; i += 1) {
- r = i / my.columns;
- c = i % my.columns;
- type_size = my.items[i][type + 'Size']();
- if (w[c] < type_size.width) {
- w[c] = type_size.width;
- }
- if (h[r] < type_size.height) {
- h[r] = type_size.height;
- }
- }
- for (i = 0; i < my.columns; i += 1) {
- nw += w[i];
- }
- for (i = 0; i < my.rows; i += 1) {
- nh += h[i];
- }
- return {
- width: insets.left + insets.right + nw + (my.columns - 1) * my.hgap,
- height: insets.top + insets.bottom + nh + (my.rows - 1) * my.vgap
- };
- };
- }
-
- that.preferred = typeLayout('preferred');
- that.minimum = typeLayout('minimum');
- that.maximum = typeLayout('maximum');
-
- that.layout = function (container) {
- var i = 0, c = 0, r = 0,
- pd = that.preferred(container),
- sw = container.bounds().width / pd.width,
- sh = container.bounds().height / pd.height,
- w = zeroArray([], my.columns),
- h = zeroArray([], my.rows),
- insets = container.insets(),
- x = insets.left,
- y = insets.top,
- d;
-
- for (i = 0; i < my.items.length; i += 1) {
- r = i / my.columns;
- c = i % my.columns;
- d = my.items[i].preferredSize();
- d.width = sw * d.width;
- d.height = sh * d.height;
-
- if (w[c] < d.width) {
- w[c] = d.width;
- }
- if (h[r] < d.height) {
- h[r] = d.height;
- }
- }
-
- for (c = 0; c < my.columns; c += 1) {
- for (r = 0, y = insets.top; r < my.rows; r += 1) {
- i = r * my.columns + c;
- if (i < my.items.length) {
- my.items[i].bounds({'x': x, 'y': y, 'width': w[c], 'height': h[r]});
- my.items[i].doLayout();
- }
- y += h[r] + my.vgap;
- }
- x += w[c] + my.hgap;
- }
-
- return container;
- };
- return that;
- };
- }
-})();
+++ /dev/null
-/*!
- * jLayout Flow Layout - JavaScript Layout Algorithms v0.12
- *
- * Licensed under the new BSD License.
- * Copyright 2008-2009, Bram Stein
- * All rights reserved.
- */
-/*global jLayout */
-(function () {
- jLayout = typeof jLayout === 'undefined' ? {} : jLayout;
-
- jLayout.flow = function (options) {
- var my = {},
- that = {};
-
-
- my.hgap = typeof options.hgap === 'number' && !isNaN(options.hgap) ? options.hgap : 5;
- my.vgap = typeof options.vgap === 'number' && !isNaN(options.vgap) ? options.vgap : 5;
- my.items = options.items || [];
- my.alignment = (options.alignment && (options.alignment === 'center' || options.alignment === 'right' || options.alignment === 'left') && options.alignment) || 'left';
-
- that.items = function () {
- var r = [];
- Array.prototype.push.apply(r, my.items);
- return r;
- };
-
- that.layout = function (container) {
- var parentSize = container.bounds(),
- insets = container.insets(),
- i = 0,
- len = my.items.length,
- itemSize,
- currentRow = [],
- rowSize = {
- width: 0,
- height: 0
- },
- offset = {
- x: insets.left,
- y: insets.top
- };
-
- parentSize.width -= insets.left + insets.right;
- parentSize.height -= insets.top + insets.bottom;
-
- for (; i < len; i += 1) {
- if (my.items[i].isVisible()) {
- itemSize = my.items[i].preferredSize();
-
- if ((rowSize.width + itemSize.width) > parentSize.width) {
- align(currentRow, offset, rowSize, parentSize);
-
- currentRow = [];
- offset.y += rowSize.height;
- offset.x = insets.left;
- rowSize.width = 0;\r
- rowSize.height = 0;
- }
- rowSize.height = Math.max(rowSize.height, itemSize.height + my.vgap);
- rowSize.width += itemSize.width + my.hgap;
-
- currentRow.push(my.items[i]);
- }
- }
- align(currentRow, offset, rowSize, parentSize);
- return container;
- };
-
- function align(row, offset, rowSize, parentSize) {
- var location = {
- x: offset.x,
- y: offset.y
- },
- i = 0,
- len = row.length;
-
- switch (my.alignment) {
- case 'center': {
- location.x += (my.hgap + parentSize.width - rowSize.width) / 2;
- break;
- }
- case 'right': {
- location.x += parentSize.width - rowSize.width + my.hgap;
- break;
- }
- }
-
- for (; i < len; i += 1) {
- location.y = offset.y;
- row[i].bounds(location);
- row[i].doLayout();
- location.x += row[i].bounds().width + my.hgap;
- }
- }
-
- function typeLayout(type) {
- return function (container) {
- var i = 0,
- width = 0,
- height = 0,
- typeSize,
- firstComponent = false,
- insets = container.insets();
-
- for (; i < my.items.length; i += 1) {
- if (my.items[i].isVisible()) {
- typeSize = my.items[i][type + 'Size']();
- height = Math.max(height, typeSize.height);
- width += typeSize.width;
- }
- }\r
-
- return {
- 'width': width + insets.left + insets.right + (my.items.length - 1) * my.hgap,
- 'height': height + insets.top + insets.bottom
- };
- };
- }
-
- that.preferred = typeLayout('preferred');
- that.minimum = typeLayout('minimum');
- that.maximum = typeLayout('maximum');
-
- return that;
- };
-})();
+++ /dev/null
-/*!
- * jLayout Grid Layout - JavaScript Layout Algorithms v0.41
- *
- * Licensed under the new BSD License.
- * Copyright 2008-2009, Bram Stein
- * All rights reserved.
- */
-/*global jLayout */
-(function () {
- jLayout = typeof jLayout === 'undefined' ? {} : jLayout;
-
- jLayout.grid = function (spec, shared) {
- var my = shared || {},
- that = {};
-
- my.hgap = spec.hgap || 0;
- my.vgap = spec.vgap || 0;
-
- // initialize the number of columns to the number of items
- // we're laying out.
- my.items = spec.items || [];
- my.columns = spec.columns || my.items.length;
- my.rows = spec.rows || 0;
- my.fillVertical = spec.fill && spec.fill === 'vertical';
-
- if (my.rows > 0) {
- my.columns = Math.floor((my.items.length + my.rows - 1) / my.rows);
- } else {
- my.rows = Math.floor((my.items.length + my.columns - 1) / my.columns);
- }
-
- that.items = function () {
- var r = [];
- Array.prototype.push.apply(r, my.items);
- return r;
- };
-
- that.layout = function (container) {
- var i, j,
- insets = container.insets(),
- x = insets.left,
- y = insets.top,
- width = (container.bounds().width - (insets.left + insets.right) - (my.columns - 1) * my.hgap) / my.columns,
- height = (container.bounds().height - (insets.top + insets.bottom) - (my.rows - 1) * my.vgap) / my.rows;
-
- for (i = 0, j = 1; i < my.items.length; i += 1, j += 1) {
- my.items[i].bounds({'x': x, 'y': y, 'width': width, 'height': height});
-
- if (!my.fillVertical) {
- if (j >= my.columns) {
- y += height + my.vgap;
- x = insets.left;
- j = 0;
- }
- else {
- x += width + my.hgap;
- }
- } else {
- if (j >= my.rows) {
- x += width + my.hgap;
- y = insets.top;
- j = 0;
- } else {
- y += height + my.vgap;
- }
- }
- my.items[i].doLayout();
- }
- return container;
- };
-
- function typeLayout(type) {
- return function (container) {
- var i = 0,
- width = 0,
- height = 0,
- type_size,
- insets = container.insets();
-
- for (; i < my.items.length; i += 1) {
- type_size = my.items[i][type + 'Size']();
- width = Math.max(width, type_size.width);
- height = Math.max(height, type_size.height);
- }
- return {
- 'width': insets.left + insets.right + my.columns * width + (my.columns - 1) * my.hgap,
- 'height': insets.top + insets.bottom + my.rows * height + (my.rows - 1) * my.vgap
- };
- };
- }
-
- // this creates the min and preferred size methods, as they
- // only differ in the function they call.
- that.preferred = typeLayout('preferred');
- that.minimum = typeLayout('minimum');
- that.maximum = typeLayout('maximum');
- return that;
- };
-})();
+++ /dev/null
-
-/*!
- * jLayout JQuery Plugin v0.17
- *
- * Licensed under the new BSD License.
- * Copyright 2008-2009 Bram Stein
- * All rights reserved.
- */
-/*global jQuery jLayout*/
-if (jQuery && jLayout) {
- (function ($) {
- /**
- * This wraps jQuery objects in another object that supplies
- * the methods required for the layout algorithms.
- */
- function wrap(item, resize) {
- var that = {};
-
- $.each(['min', 'max'], function (i, name) {
- that[name + 'imumSize'] = function (value) {
- var l = item.data('jlayout');
-
- if (l) {
- return l[name + 'imum'](that);
- } else {
- return item[name + 'Size'](value);
- }
- };
- });
-
- $.extend(that, {
- doLayout: function () {
- var l = item.data('jlayout');
-
- if (l) {
- l.layout(that);
- }
- item.css({position: 'absolute'});
- },
- isVisible: function () {
- return item.isVisible();
- },
- insets: function () {
- var p = item.padding(),
- b = item.border();
-
- return {
- 'top': p.top,
- 'bottom': p.bottom + b.bottom + b.top,
- 'left': p.left,
- 'right': p.right + b.right + b.left
- };
- },
- bounds: function (value) {
- var tmp = {};
-
- if (value) {
- if (typeof value.x === 'number') {
- tmp.left = value.x;
- }
- if (typeof value.y === 'number') {
- tmp.top = value.y;
- }
- if (typeof value.width === 'number') {
- tmp.width = (value.width - (item.outerWidth(true) - item.width()));
- tmp.width = (tmp.width >= 0) ? tmp.width : 0;
- }
- if (typeof value.height === 'number') {
- tmp.height = value.height - (item.outerHeight(true) - item.height());
- tmp.height = (tmp.height >= 0) ? tmp.height : 0;
- }
- item.css(tmp);
- return item;
- } else {
- tmp = item.position();
- return {
- 'x': tmp.left,
- 'y': tmp.top,
- 'width': item.outerWidth(false),
- 'height': item.outerHeight(false)
- };
- }
- },
- preferredSize: function () {
- var minSize,
- maxSize,
- margin = item.margin(),
- size = {width: 0, height: 0},
- l = item.data('jlayout');
-
- if (l && resize) {
- size = l.preferred(that);
-
- minSize = that.minimumSize();
- maxSize = that.maximumSize();
-
- size.width += margin.left + margin.right;
- size.height += margin.top + margin.bottom;
-
- if (size.width < minSize.width || size.height < minSize.height) {
- size.width = Math.max(size.width, minSize.width);
- size.height = Math.max(size.height, minSize.height);
- } else if (size.width > maxSize.width || size.height > maxSize.height) {
- size.width = Math.min(size.width, maxSize.width);
- size.height = Math.min(size.height, maxSize.height);
- }
- } else {
- size = that.bounds();
- size.width += margin.left + margin.right;
- size.height += margin.top + margin.bottom;
- }
- return size;
- }
- });
- return that;
- }
-
- $.fn.layout = function (options) {
- var opts = $.extend({}, $.fn.layout.defaults, options);
- return $.each(this, function () {
- var element = $(this),
- o = $.metadata && element.metadata().layout ? $.extend(opts, element.metadata().layout) : opts,
- elementWrapper = wrap(element, o.resize);
-
- if (o.type === 'border' && typeof jLayout.border !== 'undefined') {
- $.each(['north', 'south', 'west', 'east', 'center'], function (i, name) {
- if (element.children().hasClass(name)) {
- o[name] = wrap(element.children('.' + name + ':first'));
- }
- });
- element.data('jlayout', jLayout.border(o));
- } else if (o.type === 'grid' && typeof jLayout.grid !== 'undefined') {
- o.items = [];
- element.children().each(function (i) {
- if (!$(this).hasClass('ui-resizable-handle')) {
- o.items[i] = wrap($(this));
- }
- });
- element.data('jlayout', jLayout.grid(o));
- } else if (o.type === 'flexGrid' && typeof jLayout.flexGrid !== 'undefined') {
- o.items = [];
- element.children().each(function (i) {
- if (!$(this).hasClass('ui-resizable-handle')) {
- o.items[i] = wrap($(this));
- }
- });
- element.data('jlayout', jLayout.flexGrid(o));
- } else if (o.type === 'column' && typeof jLayout.column !== 'undefined') {
- o.items = [];
- element.children().each(function (i) {
- if (!$(this).hasClass('ui-resizable-handle')) {
- o.items[i] = wrap($(this));
- }
- });
- element.data('jlayout', jLayout.column(o));
- } else if (o.type === 'flow' && typeof jLayout.flow !== 'undefined') {
- o.items = [];
- element.children().each(function (i) {
- if (!$(this).hasClass('ui-resizable-handle')) {
- o.items[i] = wrap($(this));
- }
- });
- element.data('jlayout', jLayout.flow(o));
- }
-
- if (o.resize) {
- elementWrapper.bounds(elementWrapper.preferredSize());
- }
-
- elementWrapper.doLayout();
- element.css({position: 'relative'});
- if ($.ui !== undefined) {
- element.addClass('ui-widget');
- }
- });
- };
-
- $.fn.layout.defaults = {
- resize: true,
- type: 'grid'
- };
- })(jQuery);
-}
+++ /dev/null
-/*!
- * JSizes - JQuery plugin v0.33
- *
- * Licensed under the revised BSD License.
- * Copyright 2008-2010 Bram Stein
- * All rights reserved.
- */
-/*global jQuery*/
-(function ($) {
- var num = function (value) {
- return parseInt(value, 10) || 0;
- };
-
- /**
- * Sets or gets the values for min-width, min-height, max-width
- * and max-height.
- */
- $.each(['min', 'max'], function (i, name) {
- $.fn[name + 'Size'] = function (value) {
- var width, height;
- if (value) {
- if (value.width !== undefined) {
- this.css(name + '-width', value.width);
- }
- if (value.height !== undefined) {
- this.css(name + '-height', value.height);
- }
- return this;
- }
- else {
- width = this.css(name + '-width');
- height = this.css(name + '-height');
- // Apparently:
- // * Opera returns -1px instead of none
- // * IE6 returns undefined instead of none
- return {'width': (name === 'max' && (width === undefined || width === 'none' || num(width) === -1) && Number.MAX_VALUE) || num(width),
- 'height': (name === 'max' && (height === undefined || height === 'none' || num(height) === -1) && Number.MAX_VALUE) || num(height)};
- }
- };
- });
-
- /**
- * Returns whether or not an element is visible.
- */
- $.fn.isVisible = function () {
- return this.is(':visible');
- };
-
- /**
- * Sets or gets the values for border, margin and padding.
- */
- $.each(['border', 'margin', 'padding'], function (i, name) {
- $.fn[name] = function (value) {
- if (value) {
- if (value.top !== undefined) {
- this.css(name + '-top' + (name === 'border' ? '-width' : ''), value.top);
- }
- if (value.bottom !== undefined) {
- this.css(name + '-bottom' + (name === 'border' ? '-width' : ''), value.bottom);
- }
- if (value.left !== undefined) {
- this.css(name + '-left' + (name === 'border' ? '-width' : ''), value.left);
- }
- if (value.right !== undefined) {
- this.css(name + '-right' + (name === 'border' ? '-width' : ''), value.right);
- }
- return this;
- }
- else {
- return {top: num(this.css(name + '-top' + (name === 'border' ? '-width' : ''))),
- bottom: num(this.css(name + '-bottom' + (name === 'border' ? '-width' : ''))),
- left: num(this.css(name + '-left' + (name === 'border' ? '-width' : ''))),
- right: num(this.css(name + '-right' + (name === 'border' ? '-width' : '')))};
- }
- };
- });
-})(jQuery);
+++ /dev/null
-/*!
- * jQuery JavaScript Library v1.6.4
- * http://jquery.com/
- *
- * Copyright 2011, John Resig
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * Includes Sizzle.js
- * http://sizzlejs.com/
- * Copyright 2011, The Dojo Foundation
- * Released under the MIT, BSD, and GPL Licenses.
- *
- * Date: Mon Sep 12 18:54:48 2011 -0400
- */
-(function( window, undefined ) {
-
-// Use the correct document accordingly with window argument (sandbox)
-var document = window.document,
- navigator = window.navigator,
- location = window.location;
-var jQuery = (function() {
-
-// Define a local copy of jQuery
-var jQuery = function( selector, context ) {
- // The jQuery object is actually just the init constructor 'enhanced'
- return new jQuery.fn.init( selector, context, rootjQuery );
- },
-
- // Map over jQuery in case of overwrite
- _jQuery = window.jQuery,
-
- // Map over the $ in case of overwrite
- _$ = window.$,
-
- // A central reference to the root jQuery(document)
- rootjQuery,
-
- // A simple way to check for HTML strings or ID strings
- // Prioritize #id over <tag> to avoid XSS via location.hash (#9521)
- quickExpr = /^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,
-
- // Check if a string has a non-whitespace character in it
- rnotwhite = /\S/,
-
- // Used for trimming whitespace
- trimLeft = /^\s+/,
- trimRight = /\s+$/,
-
- // Check for digits
- rdigit = /\d/,
-
- // Match a standalone tag
- rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>)?$/,
-
- // JSON RegExp
- rvalidchars = /^[\],:{}\s]*$/,
- rvalidescape = /\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,
- rvalidtokens = /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,
- rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g,
-
- // Useragent RegExp
- rwebkit = /(webkit)[ \/]([\w.]+)/,
- ropera = /(opera)(?:.*version)?[ \/]([\w.]+)/,
- rmsie = /(msie) ([\w.]+)/,
- rmozilla = /(mozilla)(?:.*? rv:([\w.]+))?/,
-
- // Matches dashed string for camelizing
- rdashAlpha = /-([a-z]|[0-9])/ig,
- rmsPrefix = /^-ms-/,
-
- // Used by jQuery.camelCase as callback to replace()
- fcamelCase = function( all, letter ) {
- return ( letter + "" ).toUpperCase();
- },
-
- // Keep a UserAgent string for use with jQuery.browser
- userAgent = navigator.userAgent,
-
- // For matching the engine and version of the browser
- browserMatch,
-
- // The deferred used on DOM ready
- readyList,
-
- // The ready event handler
- DOMContentLoaded,
-
- // Save a reference to some core methods
- toString = Object.prototype.toString,
- hasOwn = Object.prototype.hasOwnProperty,
- push = Array.prototype.push,
- slice = Array.prototype.slice,
- trim = String.prototype.trim,
- indexOf = Array.prototype.indexOf,
-
- // [[Class]] -> type pairs
- class2type = {};
-
-jQuery.fn = jQuery.prototype = {
- constructor: jQuery,
- init: function( selector, context, rootjQuery ) {
- var match, elem, ret, doc;
-
- // Handle $(""), $(null), or $(undefined)
- if ( !selector ) {
- return this;
- }
-
- // Handle $(DOMElement)
- if ( selector.nodeType ) {
- this.context = this[0] = selector;
- this.length = 1;
- return this;
- }
-
- // The body element only exists once, optimize finding it
- if ( selector === "body" && !context && document.body ) {
- this.context = document;
- this[0] = document.body;
- this.selector = selector;
- this.length = 1;
- return this;
- }
-
- // Handle HTML strings
- if ( typeof selector === "string" ) {
- // Are we dealing with HTML string or an ID?
- if ( selector.charAt(0) === "<" && selector.charAt( selector.length - 1 ) === ">" && selector.length >= 3 ) {
- // Assume that strings that start and end with <> are HTML and skip the regex check
- match = [ null, selector, null ];
-
- } else {
- match = quickExpr.exec( selector );
- }
-
- // Verify a match, and that no context was specified for #id
- if ( match && (match[1] || !context) ) {
-
- // HANDLE: $(html) -> $(array)
- if ( match[1] ) {
- context = context instanceof jQuery ? context[0] : context;
- doc = (context ? context.ownerDocument || context : document);
-
- // If a single string is passed in and it's a single tag
- // just do a createElement and skip the rest
- ret = rsingleTag.exec( selector );
-
- if ( ret ) {
- if ( jQuery.isPlainObject( context ) ) {
- selector = [ document.createElement( ret[1] ) ];
- jQuery.fn.attr.call( selector, context, true );
-
- } else {
- selector = [ doc.createElement( ret[1] ) ];
- }
-
- } else {
- ret = jQuery.buildFragment( [ match[1] ], [ doc ] );
- selector = (ret.cacheable ? jQuery.clone(ret.fragment) : ret.fragment).childNodes;
- }
-
- return jQuery.merge( this, selector );
-
- // HANDLE: $("#id")
- } else {
- elem = document.getElementById( match[2] );
-
- // Check parentNode to catch when Blackberry 4.6 returns
- // nodes that are no longer in the document #6963
- if ( elem && elem.parentNode ) {
- // Handle the case where IE and Opera return items
- // by name instead of ID
- if ( elem.id !== match[2] ) {
- return rootjQuery.find( selector );
- }
-
- // Otherwise, we inject the element directly into the jQuery object
- this.length = 1;
- this[0] = elem;
- }
-
- this.context = document;
- this.selector = selector;
- return this;
- }
-
- // HANDLE: $(expr, $(...))
- } else if ( !context || context.jquery ) {
- return (context || rootjQuery).find( selector );
-
- // HANDLE: $(expr, context)
- // (which is just equivalent to: $(context).find(expr)
- } else {
- return this.constructor( context ).find( selector );
- }
-
- // HANDLE: $(function)
- // Shortcut for document ready
- } else if ( jQuery.isFunction( selector ) ) {
- return rootjQuery.ready( selector );
- }
-
- if (selector.selector !== undefined) {
- this.selector = selector.selector;
- this.context = selector.context;
- }
-
- return jQuery.makeArray( selector, this );
- },
-
- // Start with an empty selector
- selector: "",
-
- // The current version of jQuery being used
- jquery: "1.6.4",
-
- // The default length of a jQuery object is 0
- length: 0,
-
- // The number of elements contained in the matched element set
- size: function() {
- return this.length;
- },
-
- toArray: function() {
- return slice.call( this, 0 );
- },
-
- // Get the Nth element in the matched element set OR
- // Get the whole matched element set as a clean array
- get: function( num ) {
- return num == null ?
-
- // Return a 'clean' array
- this.toArray() :
-
- // Return just the object
- ( num < 0 ? this[ this.length + num ] : this[ num ] );
- },
-
- // Take an array of elements and push it onto the stack
- // (returning the new matched element set)
- pushStack: function( elems, name, selector ) {
- // Build a new jQuery matched element set
- var ret = this.constructor();
-
- if ( jQuery.isArray( elems ) ) {
- push.apply( ret, elems );
-
- } else {
- jQuery.merge( ret, elems );
- }
-
- // Add the old object onto the stack (as a reference)
- ret.prevObject = this;
-
- ret.context = this.context;
-
- if ( name === "find" ) {
- ret.selector = this.selector + (this.selector ? " " : "") + selector;
- } else if ( name ) {
- ret.selector = this.selector + "." + name + "(" + selector + ")";
- }
-
- // Return the newly-formed element set
- return ret;
- },
-
- // Execute a callback for every element in the matched set.
- // (You can seed the arguments with an array of args, but this is
- // only used internally.)
- each: function( callback, args ) {
- return jQuery.each( this, callback, args );
- },
-
- ready: function( fn ) {
- // Attach the listeners
- jQuery.bindReady();
-
- // Add the callback
- readyList.done( fn );
-
- return this;
- },
-
- eq: function( i ) {
- return i === -1 ?
- this.slice( i ) :
- this.slice( i, +i + 1 );
- },
-
- first: function() {
- return this.eq( 0 );
- },
-
- last: function() {
- return this.eq( -1 );
- },
-
- slice: function() {
- return this.pushStack( slice.apply( this, arguments ),
- "slice", slice.call(arguments).join(",") );
- },
-
- map: function( callback ) {
- return this.pushStack( jQuery.map(this, function( elem, i ) {
- return callback.call( elem, i, elem );
- }));
- },
-
- end: function() {
- return this.prevObject || this.constructor(null);
- },
-
- // For internal use only.
- // Behaves like an Array's method, not like a jQuery method.
- push: push,
- sort: [].sort,
- splice: [].splice
-};
-
-// Give the init function the jQuery prototype for later instantiation
-jQuery.fn.init.prototype = jQuery.fn;
-
-jQuery.extend = jQuery.fn.extend = function() {
- var options, name, src, copy, copyIsArray, clone,
- target = arguments[0] || {},
- i = 1,
- length = arguments.length,
- deep = false;
-
- // Handle a deep copy situation
- if ( typeof target === "boolean" ) {
- deep = target;
- target = arguments[1] || {};
- // skip the boolean and the target
- i = 2;
- }
-
- // Handle case when target is a string or something (possible in deep copy)
- if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
- target = {};
- }
-
- // extend jQuery itself if only one argument is passed
- if ( length === i ) {
- target = this;
- --i;
- }
-
- for ( ; i < length; i++ ) {
- // Only deal with non-null/undefined values
- if ( (options = arguments[ i ]) != null ) {
- // Extend the base object
- for ( name in options ) {
- src = target[ name ];
- copy = options[ name ];
-
- // Prevent never-ending loop
- if ( target === copy ) {
- continue;
- }
-
- // Recurse if we're merging plain objects or arrays
- if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
- if ( copyIsArray ) {
- copyIsArray = false;
- clone = src && jQuery.isArray(src) ? src : [];
-
- } else {
- clone = src && jQuery.isPlainObject(src) ? src : {};
- }
-
- // Never move original objects, clone them
- target[ name ] = jQuery.extend( deep, clone, copy );
-
- // Don't bring in undefined values
- } else if ( copy !== undefined ) {
- target[ name ] = copy;
- }
- }
- }
- }
-
- // Return the modified object
- return target;
-};
-
-jQuery.extend({
- noConflict: function( deep ) {
- if ( window.$ === jQuery ) {
- window.$ = _$;
- }
-
- if ( deep && window.jQuery === jQuery ) {
- window.jQuery = _jQuery;
- }
-
- return jQuery;
- },
-
- // Is the DOM ready to be used? Set to true once it occurs.
- isReady: false,
-
- // A counter to track how many items to wait for before
- // the ready event fires. See #6781
- readyWait: 1,
-
- // Hold (or release) the ready event
- holdReady: function( hold ) {
- if ( hold ) {
- jQuery.readyWait++;
- } else {
- jQuery.ready( true );
- }
- },
-
- // Handle when the DOM is ready
- ready: function( wait ) {
- // Either a released hold or an DOMready/load event and not yet ready
- if ( (wait === true && !--jQuery.readyWait) || (wait !== true && !jQuery.isReady) ) {
- // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
- if ( !document.body ) {
- return setTimeout( jQuery.ready, 1 );
- }
-
- // Remember that the DOM is ready
- jQuery.isReady = true;
-
- // If a normal DOM Ready event fired, decrement, and wait if need be
- if ( wait !== true && --jQuery.readyWait > 0 ) {
- return;
- }
-
- // If there are functions bound, to execute
- readyList.resolveWith( document, [ jQuery ] );
-
- // Trigger any bound ready events
- if ( jQuery.fn.trigger ) {
- jQuery( document ).trigger( "ready" ).unbind( "ready" );
- }
- }
- },
-
- bindReady: function() {
- if ( readyList ) {
- return;
- }
-
- readyList = jQuery._Deferred();
-
- // Catch cases where $(document).ready() is called after the
- // browser event has already occurred.
- if ( document.readyState === "complete" ) {
- // Handle it asynchronously to allow scripts the opportunity to delay ready
- return setTimeout( jQuery.ready, 1 );
- }
-
- // Mozilla, Opera and webkit nightlies currently support this event
- if ( document.addEventListener ) {
- // Use the handy event callback
- document.addEventListener( "DOMContentLoaded", DOMContentLoaded, false );
-
- // A fallback to window.onload, that will always work
- window.addEventListener( "load", jQuery.ready, false );
-
- // If IE event model is used
- } else if ( document.attachEvent ) {
- // ensure firing before onload,
- // maybe late but safe also for iframes
- document.attachEvent( "onreadystatechange", DOMContentLoaded );
-
- // A fallback to window.onload, that will always work
- window.attachEvent( "onload", jQuery.ready );
-
- // If IE and not a frame
- // continually check to see if the document is ready
- var toplevel = false;
-
- try {
- toplevel = window.frameElement == null;
- } catch(e) {}
-
- if ( document.documentElement.doScroll && toplevel ) {
- doScrollCheck();
- }
- }
- },
-
- // See test/unit/core.js for details concerning isFunction.
- // Since version 1.3, DOM methods and functions like alert
- // aren't supported. They return false on IE (#2968).
- isFunction: function( obj ) {
- return jQuery.type(obj) === "function";
- },
-
- isArray: Array.isArray || function( obj ) {
- return jQuery.type(obj) === "array";
- },
-
- // A crude way of determining if an object is a window
- isWindow: function( obj ) {
- return obj && typeof obj === "object" && "setInterval" in obj;
- },
-
- isNaN: function( obj ) {
- return obj == null || !rdigit.test( obj ) || isNaN( obj );
- },
-
- type: function( obj ) {
- return obj == null ?
- String( obj ) :
- class2type[ toString.call(obj) ] || "object";
- },
-
- isPlainObject: function( obj ) {
- // Must be an Object.
- // Because of IE, we also have to check the presence of the constructor property.
- // Make sure that DOM nodes and window objects don't pass through, as well
- if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
- return false;
- }
-
- try {
- // Not own constructor property must be Object
- if ( obj.constructor &&
- !hasOwn.call(obj, "constructor") &&
- !hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) {
- return false;
- }
- } catch ( e ) {
- // IE8,9 Will throw exceptions on certain host objects #9897
- return false;
- }
-
- // Own properties are enumerated firstly, so to speed up,
- // if last one is own, then all properties are own.
-
- var key;
- for ( key in obj ) {}
-
- return key === undefined || hasOwn.call( obj, key );
- },
-
- isEmptyObject: function( obj ) {
- for ( var name in obj ) {
- return false;
- }
- return true;
- },
-
- error: function( msg ) {
- throw msg;
- },
-
- parseJSON: function( data ) {
- if ( typeof data !== "string" || !data ) {
- return null;
- }
-
- // Make sure leading/trailing whitespace is removed (IE can't handle it)
- data = jQuery.trim( data );
-
- // Attempt to parse using the native JSON parser first
- if ( window.JSON && window.JSON.parse ) {
- return window.JSON.parse( data );
- }
-
- // Make sure the incoming data is actual JSON
- // Logic borrowed from http://json.org/json2.js
- if ( rvalidchars.test( data.replace( rvalidescape, "@" )
- .replace( rvalidtokens, "]" )
- .replace( rvalidbraces, "")) ) {
-
- return (new Function( "return " + data ))();
-
- }
- jQuery.error( "Invalid JSON: " + data );
- },
-
- // Cross-browser xml parsing
- parseXML: function( data ) {
- var xml, tmp;
- try {
- if ( window.DOMParser ) { // Standard
- tmp = new DOMParser();
- xml = tmp.parseFromString( data , "text/xml" );
- } else { // IE
- xml = new ActiveXObject( "Microsoft.XMLDOM" );
- xml.async = "false";
- xml.loadXML( data );
- }
- } catch( e ) {
- xml = undefined;
- }
- if ( !xml || !xml.documentElement || xml.getElementsByTagName( "parsererror" ).length ) {
- jQuery.error( "Invalid XML: " + data );
- }
- return xml;
- },
-
- noop: function() {},
-
- // Evaluates a script in a global context
- // Workarounds based on findings by Jim Driscoll
- // http://weblogs.java.net/blog/driscoll/archive/2009/09/08/eval-javascript-global-context
- globalEval: function( data ) {
- if ( data && rnotwhite.test( data ) ) {
- // We use execScript on Internet Explorer
- // We use an anonymous function so that context is window
- // rather than jQuery in Firefox
- ( window.execScript || function( data ) {
- window[ "eval" ].call( window, data );
- } )( data );
- }
- },
-
- // Convert dashed to camelCase; used by the css and data modules
- // Microsoft forgot to hump their vendor prefix (#9572)
- camelCase: function( string ) {
- return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
- },
-
- nodeName: function( elem, name ) {
- return elem.nodeName && elem.nodeName.toUpperCase() === name.toUpperCase();
- },
-
- // args is for internal usage only
- each: function( object, callback, args ) {
- var name, i = 0,
- length = object.length,
- isObj = length === undefined || jQuery.isFunction( object );
-
- if ( args ) {
- if ( isObj ) {
- for ( name in object ) {
- if ( callback.apply( object[ name ], args ) === false ) {
- break;
- }
- }
- } else {
- for ( ; i < length; ) {
- if ( callback.apply( object[ i++ ], args ) === false ) {
- break;
- }
- }
- }
-
- // A special, fast, case for the most common use of each
- } else {
- if ( isObj ) {
- for ( name in object ) {
- if ( callback.call( object[ name ], name, object[ name ] ) === false ) {
- break;
- }
- }
- } else {
- for ( ; i < length; ) {
- if ( callback.call( object[ i ], i, object[ i++ ] ) === false ) {
- break;
- }
- }
- }
- }
-
- return object;
- },
-
- // Use native String.trim function wherever possible
- trim: trim ?
- function( text ) {
- return text == null ?
- "" :
- trim.call( text );
- } :
-
- // Otherwise use our own trimming functionality
- function( text ) {
- return text == null ?
- "" :
- text.toString().replace( trimLeft, "" ).replace( trimRight, "" );
- },
-
- // results is for internal usage only
- makeArray: function( array, results ) {
- var ret = results || [];
-
- if ( array != null ) {
- // The window, strings (and functions) also have 'length'
- // The extra typeof function check is to prevent crashes
- // in Safari 2 (See: #3039)
- // Tweaked logic slightly to handle Blackberry 4.7 RegExp issues #6930
- var type = jQuery.type( array );
-
- if ( array.length == null || type === "string" || type === "function" || type === "regexp" || jQuery.isWindow( array ) ) {
- push.call( ret, array );
- } else {
- jQuery.merge( ret, array );
- }
- }
-
- return ret;
- },
-
- inArray: function( elem, array ) {
- if ( !array ) {
- return -1;
- }
-
- if ( indexOf ) {
- return indexOf.call( array, elem );
- }
-
- for ( var i = 0, length = array.length; i < length; i++ ) {
- if ( array[ i ] === elem ) {
- return i;
- }
- }
-
- return -1;
- },
-
- merge: function( first, second ) {
- var i = first.length,
- j = 0;
-
- if ( typeof second.length === "number" ) {
- for ( var l = second.length; j < l; j++ ) {
- first[ i++ ] = second[ j ];
- }
-
- } else {
- while ( second[j] !== undefined ) {
- first[ i++ ] = second[ j++ ];
- }
- }
-
- first.length = i;
-
- return first;
- },
-
- grep: function( elems, callback, inv ) {
- var ret = [], retVal;
- inv = !!inv;
-
- // Go through the array, only saving the items
- // that pass the validator function
- for ( var i = 0, length = elems.length; i < length; i++ ) {
- retVal = !!callback( elems[ i ], i );
- if ( inv !== retVal ) {
- ret.push( elems[ i ] );
- }
- }
-
- return ret;
- },
-
- // arg is for internal usage only
- map: function( elems, callback, arg ) {
- var value, key, ret = [],
- i = 0,
- length = elems.length,
- // jquery objects are treated as arrays
- isArray = elems instanceof jQuery || length !== undefined && typeof length === "number" && ( ( length > 0 && elems[ 0 ] && elems[ length -1 ] ) || length === 0 || jQuery.isArray( elems ) ) ;
-
- // Go through the array, translating each of the items to their
- if ( isArray ) {
- for ( ; i < length; i++ ) {
- value = callback( elems[ i ], i, arg );
-
- if ( value != null ) {
- ret[ ret.length ] = value;
- }
- }
-
- // Go through every key on the object,
- } else {
- for ( key in elems ) {
- value = callback( elems[ key ], key, arg );
-
- if ( value != null ) {
- ret[ ret.length ] = value;
- }
- }
- }
-
- // Flatten any nested arrays
- return ret.concat.apply( [], ret );
- },
-
- // A global GUID counter for objects
- guid: 1,
-
- // Bind a function to a context, optionally partially applying any
- // arguments.
- proxy: function( fn, context ) {
- if ( typeof context === "string" ) {
- var tmp = fn[ context ];
- context = fn;
- fn = tmp;
- }
-
- // Quick check to determine if target is callable, in the spec
- // this throws a TypeError, but we will just return undefined.
- if ( !jQuery.isFunction( fn ) ) {
- return undefined;
- }
-
- // Simulated bind
- var args = slice.call( arguments, 2 ),
- proxy = function() {
- return fn.apply( context, args.concat( slice.call( arguments ) ) );
- };
-
- // Set the guid of unique handler to the same of original handler, so it can be removed
- proxy.guid = fn.guid = fn.guid || proxy.guid || jQuery.guid++;
-
- return proxy;
- },
-
- // Mutifunctional method to get and set values to a collection
- // The value/s can optionally be executed if it's a function
- access: function( elems, key, value, exec, fn, pass ) {
- var length = elems.length;
-
- // Setting many attributes
- if ( typeof key === "object" ) {
- for ( var k in key ) {
- jQuery.access( elems, k, key[k], exec, fn, value );
- }
- return elems;
- }
-
- // Setting one attribute
- if ( value !== undefined ) {
- // Optionally, function values get executed if exec is true
- exec = !pass && exec && jQuery.isFunction(value);
-
- for ( var i = 0; i < length; i++ ) {
- fn( elems[i], key, exec ? value.call( elems[i], i, fn( elems[i], key ) ) : value, pass );
- }
-
- return elems;
- }
-
- // Getting an attribute
- return length ? fn( elems[0], key ) : undefined;
- },
-
- now: function() {
- return (new Date()).getTime();
- },
-
- // Use of jQuery.browser is frowned upon.
- // More details: http://docs.jquery.com/Utilities/jQuery.browser
- uaMatch: function( ua ) {
- ua = ua.toLowerCase();
-
- var match = rwebkit.exec( ua ) ||
- ropera.exec( ua ) ||
- rmsie.exec( ua ) ||
- ua.indexOf("compatible") < 0 && rmozilla.exec( ua ) ||
- [];
-
- return { browser: match[1] || "", version: match[2] || "0" };
- },
-
- sub: function() {
- function jQuerySub( selector, context ) {
- return new jQuerySub.fn.init( selector, context );
- }
- jQuery.extend( true, jQuerySub, this );
- jQuerySub.superclass = this;
- jQuerySub.fn = jQuerySub.prototype = this();
- jQuerySub.fn.constructor = jQuerySub;
- jQuerySub.sub = this.sub;
- jQuerySub.fn.init = function init( selector, context ) {
- if ( context && context instanceof jQuery && !(context instanceof jQuerySub) ) {
- context = jQuerySub( context );
- }
-
- return jQuery.fn.init.call( this, selector, context, rootjQuerySub );
- };
- jQuerySub.fn.init.prototype = jQuerySub.fn;
- var rootjQuerySub = jQuerySub(document);
- return jQuerySub;
- },
-
- browser: {}
-});
-
-// Populate the class2type map
-jQuery.each("Boolean Number String Function Array Date RegExp Object".split(" "), function(i, name) {
- class2type[ "[object " + name + "]" ] = name.toLowerCase();
-});
-
-browserMatch = jQuery.uaMatch( userAgent );
-if ( browserMatch.browser ) {
- jQuery.browser[ browserMatch.browser ] = true;
- jQuery.browser.version = browserMatch.version;
-}
-
-// Deprecated, use jQuery.browser.webkit instead
-if ( jQuery.browser.webkit ) {
- jQuery.browser.safari = true;
-}
-
-// IE doesn't match non-breaking spaces with \s
-if ( rnotwhite.test( "\xA0" ) ) {
- trimLeft = /^[\s\xA0]+/;
- trimRight = /[\s\xA0]+$/;
-}
-
-// All jQuery objects should point back to these
-rootjQuery = jQuery(document);
-
-// Cleanup functions for the document ready method
-if ( document.addEventListener ) {
- DOMContentLoaded = function() {
- document.removeEventListener( "DOMContentLoaded", DOMContentLoaded, false );
- jQuery.ready();
- };
-
-} else if ( document.attachEvent ) {
- DOMContentLoaded = function() {
- // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
- if ( document.readyState === "complete" ) {
- document.detachEvent( "onreadystatechange", DOMContentLoaded );
- jQuery.ready();
- }
- };
-}
-
-// The DOM ready check for Internet Explorer
-function doScrollCheck() {
- if ( jQuery.isReady ) {
- return;
- }
-
- try {
- // If IE is used, use the trick by Diego Perini
- // http://javascript.nwbox.com/IEContentLoaded/
- document.documentElement.doScroll("left");
- } catch(e) {
- setTimeout( doScrollCheck, 1 );
- return;
- }
-
- // and execute any waiting functions
- jQuery.ready();
-}
-
-return jQuery;
-
-})();
-
-
-var // Promise methods
- promiseMethods = "done fail isResolved isRejected promise then always pipe".split( " " ),
- // Static reference to slice
- sliceDeferred = [].slice;
-
-jQuery.extend({
- // Create a simple deferred (one callbacks list)
- _Deferred: function() {
- var // callbacks list
- callbacks = [],
- // stored [ context , args ]
- fired,
- // to avoid firing when already doing so
- firing,
- // flag to know if the deferred has been cancelled
- cancelled,
- // the deferred itself
- deferred = {
-
- // done( f1, f2, ...)
- done: function() {
- if ( !cancelled ) {
- var args = arguments,
- i,
- length,
- elem,
- type,
- _fired;
- if ( fired ) {
- _fired = fired;
- fired = 0;
- }
- for ( i = 0, length = args.length; i < length; i++ ) {
- elem = args[ i ];
- type = jQuery.type( elem );
- if ( type === "array" ) {
- deferred.done.apply( deferred, elem );
- } else if ( type === "function" ) {
- callbacks.push( elem );
- }
- }
- if ( _fired ) {
- deferred.resolveWith( _fired[ 0 ], _fired[ 1 ] );
- }
- }
- return this;
- },
-
- // resolve with given context and args
- resolveWith: function( context, args ) {
- if ( !cancelled && !fired && !firing ) {
- // make sure args are available (#8421)
- args = args || [];
- firing = 1;
- try {
- while( callbacks[ 0 ] ) {
- callbacks.shift().apply( context, args );
- }
- }
- finally {
- fired = [ context, args ];
- firing = 0;
- }
- }
- return this;
- },
-
- // resolve with this as context and given arguments
- resolve: function() {
- deferred.resolveWith( this, arguments );
- return this;
- },
-
- // Has this deferred been resolved?
- isResolved: function() {
- return !!( firing || fired );
- },
-
- // Cancel
- cancel: function() {
- cancelled = 1;
- callbacks = [];
- return this;
- }
- };
-
- return deferred;
- },
-
- // Full fledged deferred (two callbacks list)
- Deferred: function( func ) {
- var deferred = jQuery._Deferred(),
- failDeferred = jQuery._Deferred(),
- promise;
- // Add errorDeferred methods, then and promise
- jQuery.extend( deferred, {
- then: function( doneCallbacks, failCallbacks ) {
- deferred.done( doneCallbacks ).fail( failCallbacks );
- return this;
- },
- always: function() {
- return deferred.done.apply( deferred, arguments ).fail.apply( this, arguments );
- },
- fail: failDeferred.done,
- rejectWith: failDeferred.resolveWith,
- reject: failDeferred.resolve,
- isRejected: failDeferred.isResolved,
- pipe: function( fnDone, fnFail ) {
- return jQuery.Deferred(function( newDefer ) {
- jQuery.each( {
- done: [ fnDone, "resolve" ],
- fail: [ fnFail, "reject" ]
- }, function( handler, data ) {
- var fn = data[ 0 ],
- action = data[ 1 ],
- returned;
- if ( jQuery.isFunction( fn ) ) {
- deferred[ handler ](function() {
- returned = fn.apply( this, arguments );
- if ( returned && jQuery.isFunction( returned.promise ) ) {
- returned.promise().then( newDefer.resolve, newDefer.reject );
- } else {
- newDefer[ action + "With" ]( this === deferred ? newDefer : this, [ returned ] );
- }
- });
- } else {
- deferred[ handler ]( newDefer[ action ] );
- }
- });
- }).promise();
- },
- // Get a promise for this deferred
- // If obj is provided, the promise aspect is added to the object
- promise: function( obj ) {
- if ( obj == null ) {
- if ( promise ) {
- return promise;
- }
- promise = obj = {};
- }
- var i = promiseMethods.length;
- while( i-- ) {
- obj[ promiseMethods[i] ] = deferred[ promiseMethods[i] ];
- }
- return obj;
- }
- });
- // Make sure only one callback list will be used
- deferred.done( failDeferred.cancel ).fail( deferred.cancel );
- // Unexpose cancel
- delete deferred.cancel;
- // Call given func if any
- if ( func ) {
- func.call( deferred, deferred );
- }
- return deferred;
- },
-
- // Deferred helper
- when: function( firstParam ) {
- var args = arguments,
- i = 0,
- length = args.length,
- count = length,
- deferred = length <= 1 && firstParam && jQuery.isFunction( firstParam.promise ) ?
- firstParam :
- jQuery.Deferred();
- function resolveFunc( i ) {
- return function( value ) {
- args[ i ] = arguments.length > 1 ? sliceDeferred.call( arguments, 0 ) : value;
- if ( !( --count ) ) {
- // Strange bug in FF4:
- // Values changed onto the arguments object sometimes end up as undefined values
- // outside the $.when method. Cloning the object into a fresh array solves the issue
- deferred.resolveWith( deferred, sliceDeferred.call( args, 0 ) );
- }
- };
- }
- if ( length > 1 ) {
- for( ; i < length; i++ ) {
- if ( args[ i ] && jQuery.isFunction( args[ i ].promise ) ) {
- args[ i ].promise().then( resolveFunc(i), deferred.reject );
- } else {
- --count;
- }
- }
- if ( !count ) {
- deferred.resolveWith( deferred, args );
- }
- } else if ( deferred !== firstParam ) {
- deferred.resolveWith( deferred, length ? [ firstParam ] : [] );
- }
- return deferred.promise();
- }
-});
-
-
-
-jQuery.support = (function() {
-
- var div = document.createElement( "div" ),
- documentElement = document.documentElement,
- all,
- a,
- select,
- opt,
- input,
- marginDiv,
- support,
- fragment,
- body,
- testElementParent,
- testElement,
- testElementStyle,
- tds,
- events,
- eventName,
- i,
- isSupported;
-
- // Preliminary tests
- div.setAttribute("className", "t");
- div.innerHTML = " <link/><table></table><a href='/a' style='top:1px;float:left;opacity:.55;'>a</a><input type='checkbox'/>";
-
-
- all = div.getElementsByTagName( "*" );
- a = div.getElementsByTagName( "a" )[ 0 ];
-
- // Can't get basic test support
- if ( !all || !all.length || !a ) {
- return {};
- }
-
- // First batch of supports tests
- select = document.createElement( "select" );
- opt = select.appendChild( document.createElement("option") );
- input = div.getElementsByTagName( "input" )[ 0 ];
-
- support = {
- // IE strips leading whitespace when .innerHTML is used
- leadingWhitespace: ( div.firstChild.nodeType === 3 ),
-
- // Make sure that tbody elements aren't automatically inserted
- // IE will insert them into empty tables
- tbody: !div.getElementsByTagName( "tbody" ).length,
-
- // Make sure that link elements get serialized correctly by innerHTML
- // This requires a wrapper element in IE
- htmlSerialize: !!div.getElementsByTagName( "link" ).length,
-
- // Get the style information from getAttribute
- // (IE uses .cssText instead)
- style: /top/.test( a.getAttribute("style") ),
-
- // Make sure that URLs aren't manipulated
- // (IE normalizes it by default)
- hrefNormalized: ( a.getAttribute( "href" ) === "/a" ),
-
- // Make sure that element opacity exists
- // (IE uses filter instead)
- // Use a regex to work around a WebKit issue. See #5145
- opacity: /^0.55$/.test( a.style.opacity ),
-
- // Verify style float existence
- // (IE uses styleFloat instead of cssFloat)
- cssFloat: !!a.style.cssFloat,
-
- // Make sure that if no value is specified for a checkbox
- // that it defaults to "on".
- // (WebKit defaults to "" instead)
- checkOn: ( input.value === "on" ),
-
- // Make sure that a selected-by-default option has a working selected property.
- // (WebKit defaults to false instead of true, IE too, if it's in an optgroup)
- optSelected: opt.selected,
-
- // Test setAttribute on camelCase class. If it works, we need attrFixes when doing get/setAttribute (ie6/7)
- getSetAttribute: div.className !== "t",
-
- // Will be defined later
- submitBubbles: true,
- changeBubbles: true,
- focusinBubbles: false,
- deleteExpando: true,
- noCloneEvent: true,
- inlineBlockNeedsLayout: false,
- shrinkWrapBlocks: false,
- reliableMarginRight: true
- };
-
- // Make sure checked status is properly cloned
- input.checked = true;
- support.noCloneChecked = input.cloneNode( true ).checked;
-
- // Make sure that the options inside disabled selects aren't marked as disabled
- // (WebKit marks them as disabled)
- select.disabled = true;
- support.optDisabled = !opt.disabled;
-
- // Test to see if it's possible to delete an expando from an element
- // Fails in Internet Explorer
- try {
- delete div.test;
- } catch( e ) {
- support.deleteExpando = false;
- }
-
- if ( !div.addEventListener && div.attachEvent && div.fireEvent ) {
- div.attachEvent( "onclick", function() {
- // Cloning a node shouldn't copy over any
- // bound event handlers (IE does this)
- support.noCloneEvent = false;
- });
- div.cloneNode( true ).fireEvent( "onclick" );
- }
-
- // Check if a radio maintains it's value
- // after being appended to the DOM
- input = document.createElement("input");
- input.value = "t";
- input.setAttribute("type", "radio");
- support.radioValue = input.value === "t";
-
- input.setAttribute("checked", "checked");
- div.appendChild( input );
- fragment = document.createDocumentFragment();
- fragment.appendChild( div.firstChild );
-
- // WebKit doesn't clone checked state correctly in fragments
- support.checkClone = fragment.cloneNode( true ).cloneNode( true ).lastChild.checked;
-
- div.innerHTML = "";
-
- // Figure out if the W3C box model works as expected
- div.style.width = div.style.paddingLeft = "1px";
-
- body = document.getElementsByTagName( "body" )[ 0 ];
- // We use our own, invisible, body unless the body is already present
- // in which case we use a div (#9239)
- testElement = document.createElement( body ? "div" : "body" );
- testElementStyle = {
- visibility: "hidden",
- width: 0,
- height: 0,
- border: 0,
- margin: 0,
- background: "none"
- };
- if ( body ) {
- jQuery.extend( testElementStyle, {
- position: "absolute",
- left: "-1000px",
- top: "-1000px"
- });
- }
- for ( i in testElementStyle ) {
- testElement.style[ i ] = testElementStyle[ i ];
- }
- testElement.appendChild( div );
- testElementParent = body || documentElement;
- testElementParent.insertBefore( testElement, testElementParent.firstChild );
-
- // Check if a disconnected checkbox will retain its checked
- // value of true after appended to the DOM (IE6/7)
- support.appendChecked = input.checked;
-
- support.boxModel = div.offsetWidth === 2;
-
- if ( "zoom" in div.style ) {
- // Check if natively block-level elements act like inline-block
- // elements when setting their display to 'inline' and giving
- // them layout
- // (IE < 8 does this)
- div.style.display = "inline";
- div.style.zoom = 1;
- support.inlineBlockNeedsLayout = ( div.offsetWidth === 2 );
-
- // Check if elements with layout shrink-wrap their children
- // (IE 6 does this)
- div.style.display = "";
- div.innerHTML = "<div style='width:4px;'></div>";
- support.shrinkWrapBlocks = ( div.offsetWidth !== 2 );
- }
-
- div.innerHTML = "<table><tr><td style='padding:0;border:0;display:none'></td><td>t</td></tr></table>";
- tds = div.getElementsByTagName( "td" );
-
- // Check if table cells still have offsetWidth/Height when they are set
- // to display:none and there are still other visible table cells in a
- // table row; if so, offsetWidth/Height are not reliable for use when
- // determining if an element has been hidden directly using
- // display:none (it is still safe to use offsets if a parent element is
- // hidden; don safety goggles and see bug #4512 for more information).
- // (only IE 8 fails this test)
- isSupported = ( tds[ 0 ].offsetHeight === 0 );
-
- tds[ 0 ].style.display = "";
- tds[ 1 ].style.display = "none";
-
- // Check if empty table cells still have offsetWidth/Height
- // (IE < 8 fail this test)
- support.reliableHiddenOffsets = isSupported && ( tds[ 0 ].offsetHeight === 0 );
- div.innerHTML = "";
-
- // Check if div with explicit width and no margin-right incorrectly
- // gets computed margin-right based on width of container. For more
- // info see bug #3333
- // Fails in WebKit before Feb 2011 nightlies
- // WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
- if ( document.defaultView && document.defaultView.getComputedStyle ) {
- marginDiv = document.createElement( "div" );
- marginDiv.style.width = "0";
- marginDiv.style.marginRight = "0";
- div.appendChild( marginDiv );
- support.reliableMarginRight =
- ( parseInt( ( document.defaultView.getComputedStyle( marginDiv, null ) || { marginRight: 0 } ).marginRight, 10 ) || 0 ) === 0;
- }
-
- // Remove the body element we added
- testElement.innerHTML = "";
- testElementParent.removeChild( testElement );
-
- // Technique from Juriy Zaytsev
- // http://thinkweb2.com/projects/prototype/detecting-event-support-without-browser-sniffing/
- // We only care about the case where non-standard event systems
- // are used, namely in IE. Short-circuiting here helps us to
- // avoid an eval call (in setAttribute) which can cause CSP
- // to go haywire. See: https://developer.mozilla.org/en/Security/CSP
- if ( div.attachEvent ) {
- for( i in {
- submit: 1,
- change: 1,
- focusin: 1
- } ) {
- eventName = "on" + i;
- isSupported = ( eventName in div );
- if ( !isSupported ) {
- div.setAttribute( eventName, "return;" );
- isSupported = ( typeof div[ eventName ] === "function" );
- }
- support[ i + "Bubbles" ] = isSupported;
- }
- }
-
- // Null connected elements to avoid leaks in IE
- testElement = fragment = select = opt = body = marginDiv = div = input = null;
-
- return support;
-})();
-
-// Keep track of boxModel
-jQuery.boxModel = jQuery.support.boxModel;
-
-
-
-
-var rbrace = /^(?:\{.*\}|\[.*\])$/,
- rmultiDash = /([A-Z])/g;
-
-jQuery.extend({
- cache: {},
-
- // Please use with caution
- uuid: 0,
-
- // Unique for each copy of jQuery on the page
- // Non-digits removed to match rinlinejQuery
- expando: "jQuery" + ( jQuery.fn.jquery + Math.random() ).replace( /\D/g, "" ),
-
- // The following elements throw uncatchable exceptions if you
- // attempt to add expando properties to them.
- noData: {
- "embed": true,
- // Ban all objects except for Flash (which handle expandos)
- "object": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",
- "applet": true
- },
-
- hasData: function( elem ) {
- elem = elem.nodeType ? jQuery.cache[ elem[jQuery.expando] ] : elem[ jQuery.expando ];
-
- return !!elem && !isEmptyDataObject( elem );
- },
-
- data: function( elem, name, data, pvt /* Internal Use Only */ ) {
- if ( !jQuery.acceptData( elem ) ) {
- return;
- }
-
- var thisCache, ret,
- internalKey = jQuery.expando,
- getByName = typeof name === "string",
-
- // We have to handle DOM nodes and JS objects differently because IE6-7
- // can't GC object references properly across the DOM-JS boundary
- isNode = elem.nodeType,
-
- // Only DOM nodes need the global jQuery cache; JS object data is
- // attached directly to the object so GC can occur automatically
- cache = isNode ? jQuery.cache : elem,
-
- // Only defining an ID for JS objects if its cache already exists allows
- // the code to shortcut on the same path as a DOM node with no cache
- id = isNode ? elem[ jQuery.expando ] : elem[ jQuery.expando ] && jQuery.expando;
-
- // Avoid doing any more work than we need to when trying to get data on an
- // object that has no data at all
- if ( (!id || (pvt && id && (cache[ id ] && !cache[ id ][ internalKey ]))) && getByName && data === undefined ) {
- return;
- }
-
- if ( !id ) {
- // Only DOM nodes need a new unique ID for each element since their data
- // ends up in the global cache
- if ( isNode ) {
- elem[ jQuery.expando ] = id = ++jQuery.uuid;
- } else {
- id = jQuery.expando;
- }
- }
-
- if ( !cache[ id ] ) {
- cache[ id ] = {};
-
- // TODO: This is a hack for 1.5 ONLY. Avoids exposing jQuery
- // metadata on plain JS objects when the object is serialized using
- // JSON.stringify
- if ( !isNode ) {
- cache[ id ].toJSON = jQuery.noop;
- }
- }
-
- // An object can be passed to jQuery.data instead of a key/value pair; this gets
- // shallow copied over onto the existing cache
- if ( typeof name === "object" || typeof name === "function" ) {
- if ( pvt ) {
- cache[ id ][ internalKey ] = jQuery.extend(cache[ id ][ internalKey ], name);
- } else {
- cache[ id ] = jQuery.extend(cache[ id ], name);
- }
- }
-
- thisCache = cache[ id ];
-
- // Internal jQuery data is stored in a separate object inside the object's data
- // cache in order to avoid key collisions between internal data and user-defined
- // data
- if ( pvt ) {
- if ( !thisCache[ internalKey ] ) {
- thisCache[ internalKey ] = {};
- }
-
- thisCache = thisCache[ internalKey ];
- }
-
- if ( data !== undefined ) {
- thisCache[ jQuery.camelCase( name ) ] = data;
- }
-
- // TODO: This is a hack for 1.5 ONLY. It will be removed in 1.6. Users should
- // not attempt to inspect the internal events object using jQuery.data, as this
- // internal data object is undocumented and subject to change.
- if ( name === "events" && !thisCache[name] ) {
- return thisCache[ internalKey ] && thisCache[ internalKey ].events;
- }
-
- // Check for both converted-to-camel and non-converted data property names
- // If a data property was specified
- if ( getByName ) {
-
- // First Try to find as-is property data
- ret = thisCache[ name ];
-
- // Test for null|undefined property data
- if ( ret == null ) {
-
- // Try to find the camelCased property
- ret = thisCache[ jQuery.camelCase( name ) ];
- }
- } else {
- ret = thisCache;
- }
-
- return ret;
- },
-
- removeData: function( elem, name, pvt /* Internal Use Only */ ) {
- if ( !jQuery.acceptData( elem ) ) {
- return;
- }
-
- var thisCache,
-
- // Reference to internal data cache key
- internalKey = jQuery.expando,
-
- isNode = elem.nodeType,
-
- // See jQuery.data for more information
- cache = isNode ? jQuery.cache : elem,
-
- // See jQuery.data for more information
- id = isNode ? elem[ jQuery.expando ] : jQuery.expando;
-
- // If there is already no cache entry for this object, there is no
- // purpose in continuing
- if ( !cache[ id ] ) {
- return;
- }
-
- if ( name ) {
-
- thisCache = pvt ? cache[ id ][ internalKey ] : cache[ id ];
-
- if ( thisCache ) {
-
- // Support interoperable removal of hyphenated or camelcased keys
- if ( !thisCache[ name ] ) {
- name = jQuery.camelCase( name );
- }
-
- delete thisCache[ name ];
-
- // If there is no data left in the cache, we want to continue
- // and let the cache object itself get destroyed
- if ( !isEmptyDataObject(thisCache) ) {
- return;
- }
- }
- }
-
- // See jQuery.data for more information
- if ( pvt ) {
- delete cache[ id ][ internalKey ];
-
- // Don't destroy the parent cache unless the internal data object
- // had been the only thing left in it
- if ( !isEmptyDataObject(cache[ id ]) ) {
- return;
- }
- }
-
- var internalCache = cache[ id ][ internalKey ];
-
- // Browsers that fail expando deletion also refuse to delete expandos on
- // the window, but it will allow it on all other JS objects; other browsers
- // don't care
- // Ensure that `cache` is not a window object #10080
- if ( jQuery.support.deleteExpando || !cache.setInterval ) {
- delete cache[ id ];
- } else {
- cache[ id ] = null;
- }
-
- // We destroyed the entire user cache at once because it's faster than
- // iterating through each key, but we need to continue to persist internal
- // data if it existed
- if ( internalCache ) {
- cache[ id ] = {};
- // TODO: This is a hack for 1.5 ONLY. Avoids exposing jQuery
- // metadata on plain JS objects when the object is serialized using
- // JSON.stringify
- if ( !isNode ) {
- cache[ id ].toJSON = jQuery.noop;
- }
-
- cache[ id ][ internalKey ] = internalCache;
-
- // Otherwise, we need to eliminate the expando on the node to avoid
- // false lookups in the cache for entries that no longer exist
- } else if ( isNode ) {
- // IE does not allow us to delete expando properties from nodes,
- // nor does it have a removeAttribute function on Document nodes;
- // we must handle all of these cases
- if ( jQuery.support.deleteExpando ) {
- delete elem[ jQuery.expando ];
- } else if ( elem.removeAttribute ) {
- elem.removeAttribute( jQuery.expando );
- } else {
- elem[ jQuery.expando ] = null;
- }
- }
- },
-
- // For internal use only.
- _data: function( elem, name, data ) {
- return jQuery.data( elem, name, data, true );
- },
-
- // A method for determining if a DOM node can handle the data expando
- acceptData: function( elem ) {
- if ( elem.nodeName ) {
- var match = jQuery.noData[ elem.nodeName.toLowerCase() ];
-
- if ( match ) {
- return !(match === true || elem.getAttribute("classid") !== match);
- }
- }
-
- return true;
- }
-});
-
-jQuery.fn.extend({
- data: function( key, value ) {
- var data = null;
-
- if ( typeof key === "undefined" ) {
- if ( this.length ) {
- data = jQuery.data( this[0] );
-
- if ( this[0].nodeType === 1 ) {
- var attr = this[0].attributes, name;
- for ( var i = 0, l = attr.length; i < l; i++ ) {
- name = attr[i].name;
-
- if ( name.indexOf( "data-" ) === 0 ) {
- name = jQuery.camelCase( name.substring(5) );
-
- dataAttr( this[0], name, data[ name ] );
- }
- }
- }
- }
-
- return data;
-
- } else if ( typeof key === "object" ) {
- return this.each(function() {
- jQuery.data( this, key );
- });
- }
-
- var parts = key.split(".");
- parts[1] = parts[1] ? "." + parts[1] : "";
-
- if ( value === undefined ) {
- data = this.triggerHandler("getData" + parts[1] + "!", [parts[0]]);
-
- // Try to fetch any internally stored data first
- if ( data === undefined && this.length ) {
- data = jQuery.data( this[0], key );
- data = dataAttr( this[0], key, data );
- }
-
- return data === undefined && parts[1] ?
- this.data( parts[0] ) :
- data;
-
- } else {
- return this.each(function() {
- var $this = jQuery( this ),
- args = [ parts[0], value ];
-
- $this.triggerHandler( "setData" + parts[1] + "!", args );
- jQuery.data( this, key, value );
- $this.triggerHandler( "changeData" + parts[1] + "!", args );
- });
- }
- },
-
- removeData: function( key ) {
- return this.each(function() {
- jQuery.removeData( this, key );
- });
- }
-});
-
-function dataAttr( elem, key, data ) {
- // If nothing was found internally, try to fetch any
- // data from the HTML5 data-* attribute
- if ( data === undefined && elem.nodeType === 1 ) {
-
- var name = "data-" + key.replace( rmultiDash, "-$1" ).toLowerCase();
-
- data = elem.getAttribute( name );
-
- if ( typeof data === "string" ) {
- try {
- data = data === "true" ? true :
- data === "false" ? false :
- data === "null" ? null :
- !jQuery.isNaN( data ) ? parseFloat( data ) :
- rbrace.test( data ) ? jQuery.parseJSON( data ) :
- data;
- } catch( e ) {}
-
- // Make sure we set the data so it isn't changed later
- jQuery.data( elem, key, data );
-
- } else {
- data = undefined;
- }
- }
-
- return data;
-}
-
-// TODO: This is a hack for 1.5 ONLY to allow objects with a single toJSON
-// property to be considered empty objects; this property always exists in
-// order to make sure JSON.stringify does not expose internal metadata
-function isEmptyDataObject( obj ) {
- for ( var name in obj ) {
- if ( name !== "toJSON" ) {
- return false;
- }
- }
-
- return true;
-}
-
-
-
-
-function handleQueueMarkDefer( elem, type, src ) {
- var deferDataKey = type + "defer",
- queueDataKey = type + "queue",
- markDataKey = type + "mark",
- defer = jQuery.data( elem, deferDataKey, undefined, true );
- if ( defer &&
- ( src === "queue" || !jQuery.data( elem, queueDataKey, undefined, true ) ) &&
- ( src === "mark" || !jQuery.data( elem, markDataKey, undefined, true ) ) ) {
- // Give room for hard-coded callbacks to fire first
- // and eventually mark/queue something else on the element
- setTimeout( function() {
- if ( !jQuery.data( elem, queueDataKey, undefined, true ) &&
- !jQuery.data( elem, markDataKey, undefined, true ) ) {
- jQuery.removeData( elem, deferDataKey, true );
- defer.resolve();
- }
- }, 0 );
- }
-}
-
-jQuery.extend({
-
- _mark: function( elem, type ) {
- if ( elem ) {
- type = (type || "fx") + "mark";
- jQuery.data( elem, type, (jQuery.data(elem,type,undefined,true) || 0) + 1, true );
- }
- },
-
- _unmark: function( force, elem, type ) {
- if ( force !== true ) {
- type = elem;
- elem = force;
- force = false;
- }
- if ( elem ) {
- type = type || "fx";
- var key = type + "mark",
- count = force ? 0 : ( (jQuery.data( elem, key, undefined, true) || 1 ) - 1 );
- if ( count ) {
- jQuery.data( elem, key, count, true );
- } else {
- jQuery.removeData( elem, key, true );
- handleQueueMarkDefer( elem, type, "mark" );
- }
- }
- },
-
- queue: function( elem, type, data ) {
- if ( elem ) {
- type = (type || "fx") + "queue";
- var q = jQuery.data( elem, type, undefined, true );
- // Speed up dequeue by getting out quickly if this is just a lookup
- if ( data ) {
- if ( !q || jQuery.isArray(data) ) {
- q = jQuery.data( elem, type, jQuery.makeArray(data), true );
- } else {
- q.push( data );
- }
- }
- return q || [];
- }
- },
-
- dequeue: function( elem, type ) {
- type = type || "fx";
-
- var queue = jQuery.queue( elem, type ),
- fn = queue.shift(),
- defer;
-
- // If the fx queue is dequeued, always remove the progress sentinel
- if ( fn === "inprogress" ) {
- fn = queue.shift();
- }
-
- if ( fn ) {
- // Add a progress sentinel to prevent the fx queue from being
- // automatically dequeued
- if ( type === "fx" ) {
- queue.unshift("inprogress");
- }
-
- fn.call(elem, function() {
- jQuery.dequeue(elem, type);
- });
- }
-
- if ( !queue.length ) {
- jQuery.removeData( elem, type + "queue", true );
- handleQueueMarkDefer( elem, type, "queue" );
- }
- }
-});
-
-jQuery.fn.extend({
- queue: function( type, data ) {
- if ( typeof type !== "string" ) {
- data = type;
- type = "fx";
- }
-
- if ( data === undefined ) {
- return jQuery.queue( this[0], type );
- }
- return this.each(function() {
- var queue = jQuery.queue( this, type, data );
-
- if ( type === "fx" && queue[0] !== "inprogress" ) {
- jQuery.dequeue( this, type );
- }
- });
- },
- dequeue: function( type ) {
- return this.each(function() {
- jQuery.dequeue( this, type );
- });
- },
- // Based off of the plugin by Clint Helfers, with permission.
- // http://blindsignals.com/index.php/2009/07/jquery-delay/
- delay: function( time, type ) {
- time = jQuery.fx ? jQuery.fx.speeds[time] || time : time;
- type = type || "fx";
-
- return this.queue( type, function() {
- var elem = this;
- setTimeout(function() {
- jQuery.dequeue( elem, type );
- }, time );
- });
- },
- clearQueue: function( type ) {
- return this.queue( type || "fx", [] );
- },
- // Get a promise resolved when queues of a certain type
- // are emptied (fx is the type by default)
- promise: function( type, object ) {
- if ( typeof type !== "string" ) {
- object = type;
- type = undefined;
- }
- type = type || "fx";
- var defer = jQuery.Deferred(),
- elements = this,
- i = elements.length,
- count = 1,
- deferDataKey = type + "defer",
- queueDataKey = type + "queue",
- markDataKey = type + "mark",
- tmp;
- function resolve() {
- if ( !( --count ) ) {
- defer.resolveWith( elements, [ elements ] );
- }
- }
- while( i-- ) {
- if (( tmp = jQuery.data( elements[ i ], deferDataKey, undefined, true ) ||
- ( jQuery.data( elements[ i ], queueDataKey, undefined, true ) ||
- jQuery.data( elements[ i ], markDataKey, undefined, true ) ) &&
- jQuery.data( elements[ i ], deferDataKey, jQuery._Deferred(), true ) )) {
- count++;
- tmp.done( resolve );
- }
- }
- resolve();
- return defer.promise();
- }
-});
-
-
-
-
-var rclass = /[\n\t\r]/g,
- rspace = /\s+/,
- rreturn = /\r/g,
- rtype = /^(?:button|input)$/i,
- rfocusable = /^(?:button|input|object|select|textarea)$/i,
- rclickable = /^a(?:rea)?$/i,
- rboolean = /^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,
- nodeHook, boolHook;
-
-jQuery.fn.extend({
- attr: function( name, value ) {
- return jQuery.access( this, name, value, true, jQuery.attr );
- },
-
- removeAttr: function( name ) {
- return this.each(function() {
- jQuery.removeAttr( this, name );
- });
- },
-
- prop: function( name, value ) {
- return jQuery.access( this, name, value, true, jQuery.prop );
- },
-
- removeProp: function( name ) {
- name = jQuery.propFix[ name ] || name;
- return this.each(function() {
- // try/catch handles cases where IE balks (such as removing a property on window)
- try {
- this[ name ] = undefined;
- delete this[ name ];
- } catch( e ) {}
- });
- },
-
- addClass: function( value ) {
- var classNames, i, l, elem,
- setClass, c, cl;
-
- if ( jQuery.isFunction( value ) ) {
- return this.each(function( j ) {
- jQuery( this ).addClass( value.call(this, j, this.className) );
- });
- }
-
- if ( value && typeof value === "string" ) {
- classNames = value.split( rspace );
-
- for ( i = 0, l = this.length; i < l; i++ ) {
- elem = this[ i ];
-
- if ( elem.nodeType === 1 ) {
- if ( !elem.className && classNames.length === 1 ) {
- elem.className = value;
-
- } else {
- setClass = " " + elem.className + " ";
-
- for ( c = 0, cl = classNames.length; c < cl; c++ ) {
- if ( !~setClass.indexOf( " " + classNames[ c ] + " " ) ) {
- setClass += classNames[ c ] + " ";
- }
- }
- elem.className = jQuery.trim( setClass );
- }
- }
- }
- }
-
- return this;
- },
-
- removeClass: function( value ) {
- var classNames, i, l, elem, className, c, cl;
-
- if ( jQuery.isFunction( value ) ) {
- return this.each(function( j ) {
- jQuery( this ).removeClass( value.call(this, j, this.className) );
- });
- }
-
- if ( (value && typeof value === "string") || value === undefined ) {
- classNames = (value || "").split( rspace );
-
- for ( i = 0, l = this.length; i < l; i++ ) {
- elem = this[ i ];
-
- if ( elem.nodeType === 1 && elem.className ) {
- if ( value ) {
- className = (" " + elem.className + " ").replace( rclass, " " );
- for ( c = 0, cl = classNames.length; c < cl; c++ ) {
- className = className.replace(" " + classNames[ c ] + " ", " ");
- }
- elem.className = jQuery.trim( className );
-
- } else {
- elem.className = "";
- }
- }
- }
- }
-
- return this;
- },
-
- toggleClass: function( value, stateVal ) {
- var type = typeof value,
- isBool = typeof stateVal === "boolean";
-
- if ( jQuery.isFunction( value ) ) {
- return this.each(function( i ) {
- jQuery( this ).toggleClass( value.call(this, i, this.className, stateVal), stateVal );
- });
- }
-
- return this.each(function() {
- if ( type === "string" ) {
- // toggle individual class names
- var className,
- i = 0,
- self = jQuery( this ),
- state = stateVal,
- classNames = value.split( rspace );
-
- while ( (className = classNames[ i++ ]) ) {
- // check each className given, space seperated list
- state = isBool ? state : !self.hasClass( className );
- self[ state ? "addClass" : "removeClass" ]( className );
- }
-
- } else if ( type === "undefined" || type === "boolean" ) {
- if ( this.className ) {
- // store className if set
- jQuery._data( this, "__className__", this.className );
- }
-
- // toggle whole className
- this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || "";
- }
- });
- },
-
- hasClass: function( selector ) {
- var className = " " + selector + " ";
- for ( var i = 0, l = this.length; i < l; i++ ) {
- if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) > -1 ) {
- return true;
- }
- }
-
- return false;
- },
-
- val: function( value ) {
- var hooks, ret,
- elem = this[0];
-
- if ( !arguments.length ) {
- if ( elem ) {
- hooks = jQuery.valHooks[ elem.nodeName.toLowerCase() ] || jQuery.valHooks[ elem.type ];
-
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) {
- return ret;
- }
-
- ret = elem.value;
-
- return typeof ret === "string" ?
- // handle most common string cases
- ret.replace(rreturn, "") :
- // handle cases where value is null/undef or number
- ret == null ? "" : ret;
- }
-
- return undefined;
- }
-
- var isFunction = jQuery.isFunction( value );
-
- return this.each(function( i ) {
- var self = jQuery(this), val;
-
- if ( this.nodeType !== 1 ) {
- return;
- }
-
- if ( isFunction ) {
- val = value.call( this, i, self.val() );
- } else {
- val = value;
- }
-
- // Treat null/undefined as ""; convert numbers to string
- if ( val == null ) {
- val = "";
- } else if ( typeof val === "number" ) {
- val += "";
- } else if ( jQuery.isArray( val ) ) {
- val = jQuery.map(val, function ( value ) {
- return value == null ? "" : value + "";
- });
- }
-
- hooks = jQuery.valHooks[ this.nodeName.toLowerCase() ] || jQuery.valHooks[ this.type ];
-
- // If set returns undefined, fall back to normal setting
- if ( !hooks || !("set" in hooks) || hooks.set( this, val, "value" ) === undefined ) {
- this.value = val;
- }
- });
- }
-});
-
-jQuery.extend({
- valHooks: {
- option: {
- get: function( elem ) {
- // attributes.value is undefined in Blackberry 4.7 but
- // uses .value. See #6932
- var val = elem.attributes.value;
- return !val || val.specified ? elem.value : elem.text;
- }
- },
- select: {
- get: function( elem ) {
- var value,
- index = elem.selectedIndex,
- values = [],
- options = elem.options,
- one = elem.type === "select-one";
-
- // Nothing was selected
- if ( index < 0 ) {
- return null;
- }
-
- // Loop through all the selected options
- for ( var i = one ? index : 0, max = one ? index + 1 : options.length; i < max; i++ ) {
- var option = options[ i ];
-
- // Don't return options that are disabled or in a disabled optgroup
- if ( option.selected && (jQuery.support.optDisabled ? !option.disabled : option.getAttribute("disabled") === null) &&
- (!option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" )) ) {
-
- // Get the specific value for the option
- value = jQuery( option ).val();
-
- // We don't need an array for one selects
- if ( one ) {
- return value;
- }
-
- // Multi-Selects return an array
- values.push( value );
- }
- }
-
- // Fixes Bug #2551 -- select.val() broken in IE after form.reset()
- if ( one && !values.length && options.length ) {
- return jQuery( options[ index ] ).val();
- }
-
- return values;
- },
-
- set: function( elem, value ) {
- var values = jQuery.makeArray( value );
-
- jQuery(elem).find("option").each(function() {
- this.selected = jQuery.inArray( jQuery(this).val(), values ) >= 0;
- });
-
- if ( !values.length ) {
- elem.selectedIndex = -1;
- }
- return values;
- }
- }
- },
-
- attrFn: {
- val: true,
- css: true,
- html: true,
- text: true,
- data: true,
- width: true,
- height: true,
- offset: true
- },
-
- attrFix: {
- // Always normalize to ensure hook usage
- tabindex: "tabIndex"
- },
-
- attr: function( elem, name, value, pass ) {
- var nType = elem.nodeType;
-
- // don't get/set attributes on text, comment and attribute nodes
- if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
- return undefined;
- }
-
- if ( pass && name in jQuery.attrFn ) {
- return jQuery( elem )[ name ]( value );
- }
-
- // Fallback to prop when attributes are not supported
- if ( !("getAttribute" in elem) ) {
- return jQuery.prop( elem, name, value );
- }
-
- var ret, hooks,
- notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
-
- // Normalize the name if needed
- if ( notxml ) {
- name = jQuery.attrFix[ name ] || name;
-
- hooks = jQuery.attrHooks[ name ];
-
- if ( !hooks ) {
- // Use boolHook for boolean attributes
- if ( rboolean.test( name ) ) {
- hooks = boolHook;
-
- // Use nodeHook if available( IE6/7 )
- } else if ( nodeHook ) {
- hooks = nodeHook;
- }
- }
- }
-
- if ( value !== undefined ) {
-
- if ( value === null ) {
- jQuery.removeAttr( elem, name );
- return undefined;
-
- } else if ( hooks && "set" in hooks && notxml && (ret = hooks.set( elem, value, name )) !== undefined ) {
- return ret;
-
- } else {
- elem.setAttribute( name, "" + value );
- return value;
- }
-
- } else if ( hooks && "get" in hooks && notxml && (ret = hooks.get( elem, name )) !== null ) {
- return ret;
-
- } else {
-
- ret = elem.getAttribute( name );
-
- // Non-existent attributes return null, we normalize to undefined
- return ret === null ?
- undefined :
- ret;
- }
- },
-
- removeAttr: function( elem, name ) {
- var propName;
- if ( elem.nodeType === 1 ) {
- name = jQuery.attrFix[ name ] || name;
-
- jQuery.attr( elem, name, "" );
- elem.removeAttribute( name );
-
- // Set corresponding property to false for boolean attributes
- if ( rboolean.test( name ) && (propName = jQuery.propFix[ name ] || name) in elem ) {
- elem[ propName ] = false;
- }
- }
- },
-
- attrHooks: {
- type: {
- set: function( elem, value ) {
- // We can't allow the type property to be changed (since it causes problems in IE)
- if ( rtype.test( elem.nodeName ) && elem.parentNode ) {
- jQuery.error( "type property can't be changed" );
- } else if ( !jQuery.support.radioValue && value === "radio" && jQuery.nodeName(elem, "input") ) {
- // Setting the type on a radio button after the value resets the value in IE6-9
- // Reset value to it's default in case type is set after value
- // This is for element creation
- var val = elem.value;
- elem.setAttribute( "type", value );
- if ( val ) {
- elem.value = val;
- }
- return value;
- }
- }
- },
- // Use the value property for back compat
- // Use the nodeHook for button elements in IE6/7 (#1954)
- value: {
- get: function( elem, name ) {
- if ( nodeHook && jQuery.nodeName( elem, "button" ) ) {
- return nodeHook.get( elem, name );
- }
- return name in elem ?
- elem.value :
- null;
- },
- set: function( elem, value, name ) {
- if ( nodeHook && jQuery.nodeName( elem, "button" ) ) {
- return nodeHook.set( elem, value, name );
- }
- // Does not return so that setAttribute is also used
- elem.value = value;
- }
- }
- },
-
- propFix: {
- tabindex: "tabIndex",
- readonly: "readOnly",
- "for": "htmlFor",
- "class": "className",
- maxlength: "maxLength",
- cellspacing: "cellSpacing",
- cellpadding: "cellPadding",
- rowspan: "rowSpan",
- colspan: "colSpan",
- usemap: "useMap",
- frameborder: "frameBorder",
- contenteditable: "contentEditable"
- },
-
- prop: function( elem, name, value ) {
- var nType = elem.nodeType;
-
- // don't get/set properties on text, comment and attribute nodes
- if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
- return undefined;
- }
-
- var ret, hooks,
- notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
-
- if ( notxml ) {
- // Fix name and attach hooks
- name = jQuery.propFix[ name ] || name;
- hooks = jQuery.propHooks[ name ];
- }
-
- if ( value !== undefined ) {
- if ( hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) {
- return ret;
-
- } else {
- return (elem[ name ] = value);
- }
-
- } else {
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ) {
- return ret;
-
- } else {
- return elem[ name ];
- }
- }
- },
-
- propHooks: {
- tabIndex: {
- get: function( elem ) {
- // elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set
- // http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/
- var attributeNode = elem.getAttributeNode("tabindex");
-
- return attributeNode && attributeNode.specified ?
- parseInt( attributeNode.value, 10 ) :
- rfocusable.test( elem.nodeName ) || rclickable.test( elem.nodeName ) && elem.href ?
- 0 :
- undefined;
- }
- }
- }
-});
-
-// Add the tabindex propHook to attrHooks for back-compat
-jQuery.attrHooks.tabIndex = jQuery.propHooks.tabIndex;
-
-// Hook for boolean attributes
-boolHook = {
- get: function( elem, name ) {
- // Align boolean attributes with corresponding properties
- // Fall back to attribute presence where some booleans are not supported
- var attrNode;
- return jQuery.prop( elem, name ) === true || ( attrNode = elem.getAttributeNode( name ) ) && attrNode.nodeValue !== false ?
- name.toLowerCase() :
- undefined;
- },
- set: function( elem, value, name ) {
- var propName;
- if ( value === false ) {
- // Remove boolean attributes when set to false
- jQuery.removeAttr( elem, name );
- } else {
- // value is true since we know at this point it's type boolean and not false
- // Set boolean attributes to the same name and set the DOM property
- propName = jQuery.propFix[ name ] || name;
- if ( propName in elem ) {
- // Only set the IDL specifically if it already exists on the element
- elem[ propName ] = true;
- }
-
- elem.setAttribute( name, name.toLowerCase() );
- }
- return name;
- }
-};
-
-// IE6/7 do not support getting/setting some attributes with get/setAttribute
-if ( !jQuery.support.getSetAttribute ) {
-
- // Use this for any attribute in IE6/7
- // This fixes almost every IE6/7 issue
- nodeHook = jQuery.valHooks.button = {
- get: function( elem, name ) {
- var ret;
- ret = elem.getAttributeNode( name );
- // Return undefined if nodeValue is empty string
- return ret && ret.nodeValue !== "" ?
- ret.nodeValue :
- undefined;
- },
- set: function( elem, value, name ) {
- // Set the existing or create a new attribute node
- var ret = elem.getAttributeNode( name );
- if ( !ret ) {
- ret = document.createAttribute( name );
- elem.setAttributeNode( ret );
- }
- return (ret.nodeValue = value + "");
- }
- };
-
- // Set width and height to auto instead of 0 on empty string( Bug #8150 )
- // This is for removals
- jQuery.each([ "width", "height" ], function( i, name ) {
- jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], {
- set: function( elem, value ) {
- if ( value === "" ) {
- elem.setAttribute( name, "auto" );
- return value;
- }
- }
- });
- });
-}
-
-
-// Some attributes require a special call on IE
-if ( !jQuery.support.hrefNormalized ) {
- jQuery.each([ "href", "src", "width", "height" ], function( i, name ) {
- jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], {
- get: function( elem ) {
- var ret = elem.getAttribute( name, 2 );
- return ret === null ? undefined : ret;
- }
- });
- });
-}
-
-if ( !jQuery.support.style ) {
- jQuery.attrHooks.style = {
- get: function( elem ) {
- // Return undefined in the case of empty string
- // Normalize to lowercase since IE uppercases css property names
- return elem.style.cssText.toLowerCase() || undefined;
- },
- set: function( elem, value ) {
- return (elem.style.cssText = "" + value);
- }
- };
-}
-
-// Safari mis-reports the default selected property of an option
-// Accessing the parent's selectedIndex property fixes it
-if ( !jQuery.support.optSelected ) {
- jQuery.propHooks.selected = jQuery.extend( jQuery.propHooks.selected, {
- get: function( elem ) {
- var parent = elem.parentNode;
-
- if ( parent ) {
- parent.selectedIndex;
-
- // Make sure that it also works with optgroups, see #5701
- if ( parent.parentNode ) {
- parent.parentNode.selectedIndex;
- }
- }
- return null;
- }
- });
-}
-
-// Radios and checkboxes getter/setter
-if ( !jQuery.support.checkOn ) {
- jQuery.each([ "radio", "checkbox" ], function() {
- jQuery.valHooks[ this ] = {
- get: function( elem ) {
- // Handle the case where in Webkit "" is returned instead of "on" if a value isn't specified
- return elem.getAttribute("value") === null ? "on" : elem.value;
- }
- };
- });
-}
-jQuery.each([ "radio", "checkbox" ], function() {
- jQuery.valHooks[ this ] = jQuery.extend( jQuery.valHooks[ this ], {
- set: function( elem, value ) {
- if ( jQuery.isArray( value ) ) {
- return (elem.checked = jQuery.inArray( jQuery(elem).val(), value ) >= 0);
- }
- }
- });
-});
-
-
-
-
-var rnamespaces = /\.(.*)$/,
- rformElems = /^(?:textarea|input|select)$/i,
- rperiod = /\./g,
- rspaces = / /g,
- rescape = /[^\w\s.|`]/g,
- fcleanup = function( nm ) {
- return nm.replace(rescape, "\\$&");
- };
-
-/*
- * A number of helper functions used for managing events.
- * Many of the ideas behind this code originated from
- * Dean Edwards' addEvent library.
- */
-jQuery.event = {
-
- // Bind an event to an element
- // Original by Dean Edwards
- add: function( elem, types, handler, data ) {
- if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
- return;
- }
-
- if ( handler === false ) {
- handler = returnFalse;
- } else if ( !handler ) {
- // Fixes bug #7229. Fix recommended by jdalton
- return;
- }
-
- var handleObjIn, handleObj;
-
- if ( handler.handler ) {
- handleObjIn = handler;
- handler = handleObjIn.handler;
- }
-
- // Make sure that the function being executed has a unique ID
- if ( !handler.guid ) {
- handler.guid = jQuery.guid++;
- }
-
- // Init the element's event structure
- var elemData = jQuery._data( elem );
-
- // If no elemData is found then we must be trying to bind to one of the
- // banned noData elements
- if ( !elemData ) {
- return;
- }
-
- var events = elemData.events,
- eventHandle = elemData.handle;
-
- if ( !events ) {
- elemData.events = events = {};
- }
-
- if ( !eventHandle ) {
- elemData.handle = eventHandle = function( e ) {
- // Discard the second event of a jQuery.event.trigger() and
- // when an event is called after a page has unloaded
- return typeof jQuery !== "undefined" && (!e || jQuery.event.triggered !== e.type) ?
- jQuery.event.handle.apply( eventHandle.elem, arguments ) :
- undefined;
- };
- }
-
- // Add elem as a property of the handle function
- // This is to prevent a memory leak with non-native events in IE.
- eventHandle.elem = elem;
-
- // Handle multiple events separated by a space
- // jQuery(...).bind("mouseover mouseout", fn);
- types = types.split(" ");
-
- var type, i = 0, namespaces;
-
- while ( (type = types[ i++ ]) ) {
- handleObj = handleObjIn ?
- jQuery.extend({}, handleObjIn) :
- { handler: handler, data: data };
-
- // Namespaced event handlers
- if ( type.indexOf(".") > -1 ) {
- namespaces = type.split(".");
- type = namespaces.shift();
- handleObj.namespace = namespaces.slice(0).sort().join(".");
-
- } else {
- namespaces = [];
- handleObj.namespace = "";
- }
-
- handleObj.type = type;
- if ( !handleObj.guid ) {
- handleObj.guid = handler.guid;
- }
-
- // Get the current list of functions bound to this event
- var handlers = events[ type ],
- special = jQuery.event.special[ type ] || {};
-
- // Init the event handler queue
- if ( !handlers ) {
- handlers = events[ type ] = [];
-
- // Check for a special event handler
- // Only use addEventListener/attachEvent if the special
- // events handler returns false
- if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
- // Bind the global event handler to the element
- if ( elem.addEventListener ) {
- elem.addEventListener( type, eventHandle, false );
-
- } else if ( elem.attachEvent ) {
- elem.attachEvent( "on" + type, eventHandle );
- }
- }
- }
-
- if ( special.add ) {
- special.add.call( elem, handleObj );
-
- if ( !handleObj.handler.guid ) {
- handleObj.handler.guid = handler.guid;
- }
- }
-
- // Add the function to the element's handler list
- handlers.push( handleObj );
-
- // Keep track of which events have been used, for event optimization
- jQuery.event.global[ type ] = true;
- }
-
- // Nullify elem to prevent memory leaks in IE
- elem = null;
- },
-
- global: {},
-
- // Detach an event or set of events from an element
- remove: function( elem, types, handler, pos ) {
- // don't do events on text and comment nodes
- if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
- return;
- }
-
- if ( handler === false ) {
- handler = returnFalse;
- }
-
- var ret, type, fn, j, i = 0, all, namespaces, namespace, special, eventType, handleObj, origType,
- elemData = jQuery.hasData( elem ) && jQuery._data( elem ),
- events = elemData && elemData.events;
-
- if ( !elemData || !events ) {
- return;
- }
-
- // types is actually an event object here
- if ( types && types.type ) {
- handler = types.handler;
- types = types.type;
- }
-
- // Unbind all events for the element
- if ( !types || typeof types === "string" && types.charAt(0) === "." ) {
- types = types || "";
-
- for ( type in events ) {
- jQuery.event.remove( elem, type + types );
- }
-
- return;
- }
-
- // Handle multiple events separated by a space
- // jQuery(...).unbind("mouseover mouseout", fn);
- types = types.split(" ");
-
- while ( (type = types[ i++ ]) ) {
- origType = type;
- handleObj = null;
- all = type.indexOf(".") < 0;
- namespaces = [];
-
- if ( !all ) {
- // Namespaced event handlers
- namespaces = type.split(".");
- type = namespaces.shift();
-
- namespace = new RegExp("(^|\\.)" +
- jQuery.map( namespaces.slice(0).sort(), fcleanup ).join("\\.(?:.*\\.)?") + "(\\.|$)");
- }
-
- eventType = events[ type ];
-
- if ( !eventType ) {
- continue;
- }
-
- if ( !handler ) {
- for ( j = 0; j < eventType.length; j++ ) {
- handleObj = eventType[ j ];
-
- if ( all || namespace.test( handleObj.namespace ) ) {
- jQuery.event.remove( elem, origType, handleObj.handler, j );
- eventType.splice( j--, 1 );
- }
- }
-
- continue;
- }
-
- special = jQuery.event.special[ type ] || {};
-
- for ( j = pos || 0; j < eventType.length; j++ ) {
- handleObj = eventType[ j ];
-
- if ( handler.guid === handleObj.guid ) {
- // remove the given handler for the given type
- if ( all || namespace.test( handleObj.namespace ) ) {
- if ( pos == null ) {
- eventType.splice( j--, 1 );
- }
-
- if ( special.remove ) {
- special.remove.call( elem, handleObj );
- }
- }
-
- if ( pos != null ) {
- break;
- }
- }
- }
-
- // remove generic event handler if no more handlers exist
- if ( eventType.length === 0 || pos != null && eventType.length === 1 ) {
- if ( !special.teardown || special.teardown.call( elem, namespaces ) === false ) {
- jQuery.removeEvent( elem, type, elemData.handle );
- }
-
- ret = null;
- delete events[ type ];
- }
- }
-
- // Remove the expando if it's no longer used
- if ( jQuery.isEmptyObject( events ) ) {
- var handle = elemData.handle;
- if ( handle ) {
- handle.elem = null;
- }
-
- delete elemData.events;
- delete elemData.handle;
-
- if ( jQuery.isEmptyObject( elemData ) ) {
- jQuery.removeData( elem, undefined, true );
- }
- }
- },
-
- // Events that are safe to short-circuit if no handlers are attached.
- // Native DOM events should not be added, they may have inline handlers.
- customEvent: {
- "getData": true,
- "setData": true,
- "changeData": true
- },
-
- trigger: function( event, data, elem, onlyHandlers ) {
- // Event object or event type
- var type = event.type || event,
- namespaces = [],
- exclusive;
-
- if ( type.indexOf("!") >= 0 ) {
- // Exclusive events trigger only for the exact event (no namespaces)
- type = type.slice(0, -1);
- exclusive = true;
- }
-
- if ( type.indexOf(".") >= 0 ) {
- // Namespaced trigger; create a regexp to match event type in handle()
- namespaces = type.split(".");
- type = namespaces.shift();
- namespaces.sort();
- }
-
- if ( (!elem || jQuery.event.customEvent[ type ]) && !jQuery.event.global[ type ] ) {
- // No jQuery handlers for this event type, and it can't have inline handlers
- return;
- }
-
- // Caller can pass in an Event, Object, or just an event type string
- event = typeof event === "object" ?
- // jQuery.Event object
- event[ jQuery.expando ] ? event :
- // Object literal
- new jQuery.Event( type, event ) :
- // Just the event type (string)
- new jQuery.Event( type );
-
- event.type = type;
- event.exclusive = exclusive;
- event.namespace = namespaces.join(".");
- event.namespace_re = new RegExp("(^|\\.)" + namespaces.join("\\.(?:.*\\.)?") + "(\\.|$)");
-
- // triggerHandler() and global events don't bubble or run the default action
- if ( onlyHandlers || !elem ) {
- event.preventDefault();
- event.stopPropagation();
- }
-
- // Handle a global trigger
- if ( !elem ) {
- // TODO: Stop taunting the data cache; remove global events and always attach to document
- jQuery.each( jQuery.cache, function() {
- // internalKey variable is just used to make it easier to find
- // and potentially change this stuff later; currently it just
- // points to jQuery.expando
- var internalKey = jQuery.expando,
- internalCache = this[ internalKey ];
- if ( internalCache && internalCache.events && internalCache.events[ type ] ) {
- jQuery.event.trigger( event, data, internalCache.handle.elem );
- }
- });
- return;
- }
-
- // Don't do events on text and comment nodes
- if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
- return;
- }
-
- // Clean up the event in case it is being reused
- event.result = undefined;
- event.target = elem;
-
- // Clone any incoming data and prepend the event, creating the handler arg list
- data = data != null ? jQuery.makeArray( data ) : [];
- data.unshift( event );
-
- var cur = elem,
- // IE doesn't like method names with a colon (#3533, #8272)
- ontype = type.indexOf(":") < 0 ? "on" + type : "";
-
- // Fire event on the current element, then bubble up the DOM tree
- do {
- var handle = jQuery._data( cur, "handle" );
-
- event.currentTarget = cur;
- if ( handle ) {
- handle.apply( cur, data );
- }
-
- // Trigger an inline bound script
- if ( ontype && jQuery.acceptData( cur ) && cur[ ontype ] && cur[ ontype ].apply( cur, data ) === false ) {
- event.result = false;
- event.preventDefault();
- }
-
- // Bubble up to document, then to window
- cur = cur.parentNode || cur.ownerDocument || cur === event.target.ownerDocument && window;
- } while ( cur && !event.isPropagationStopped() );
-
- // If nobody prevented the default action, do it now
- if ( !event.isDefaultPrevented() ) {
- var old,
- special = jQuery.event.special[ type ] || {};
-
- if ( (!special._default || special._default.call( elem.ownerDocument, event ) === false) &&
- !(type === "click" && jQuery.nodeName( elem, "a" )) && jQuery.acceptData( elem ) ) {
-
- // Call a native DOM method on the target with the same name name as the event.
- // Can't use an .isFunction)() check here because IE6/7 fails that test.
- // IE<9 dies on focus to hidden element (#1486), may want to revisit a try/catch.
- try {
- if ( ontype && elem[ type ] ) {
- // Don't re-trigger an onFOO event when we call its FOO() method
- old = elem[ ontype ];
-
- if ( old ) {
- elem[ ontype ] = null;
- }
-
- jQuery.event.triggered = type;
- elem[ type ]();
- }
- } catch ( ieError ) {}
-
- if ( old ) {
- elem[ ontype ] = old;
- }
-
- jQuery.event.triggered = undefined;
- }
- }
-
- return event.result;
- },
-
- handle: function( event ) {
- event = jQuery.event.fix( event || window.event );
- // Snapshot the handlers list since a called handler may add/remove events.
- var handlers = ((jQuery._data( this, "events" ) || {})[ event.type ] || []).slice(0),
- run_all = !event.exclusive && !event.namespace,
- args = Array.prototype.slice.call( arguments, 0 );
-
- // Use the fix-ed Event rather than the (read-only) native event
- args[0] = event;
- event.currentTarget = this;
-
- for ( var j = 0, l = handlers.length; j < l; j++ ) {
- var handleObj = handlers[ j ];
-
- // Triggered event must 1) be non-exclusive and have no namespace, or
- // 2) have namespace(s) a subset or equal to those in the bound event.
- if ( run_all || event.namespace_re.test( handleObj.namespace ) ) {
- // Pass in a reference to the handler function itself
- // So that we can later remove it
- event.handler = handleObj.handler;
- event.data = handleObj.data;
- event.handleObj = handleObj;
-
- var ret = handleObj.handler.apply( this, args );
-
- if ( ret !== undefined ) {
- event.result = ret;
- if ( ret === false ) {
- event.preventDefault();
- event.stopPropagation();
- }
- }
-
- if ( event.isImmediatePropagationStopped() ) {
- break;
- }
- }
- }
- return event.result;
- },
-
- props: "altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),
-
- fix: function( event ) {
- if ( event[ jQuery.expando ] ) {
- return event;
- }
-
- // store a copy of the original event object
- // and "clone" to set read-only properties
- var originalEvent = event;
- event = jQuery.Event( originalEvent );
-
- for ( var i = this.props.length, prop; i; ) {
- prop = this.props[ --i ];
- event[ prop ] = originalEvent[ prop ];
- }
-
- // Fix target property, if necessary
- if ( !event.target ) {
- // Fixes #1925 where srcElement might not be defined either
- event.target = event.srcElement || document;
- }
-
- // check if target is a textnode (safari)
- if ( event.target.nodeType === 3 ) {
- event.target = event.target.parentNode;
- }
-
- // Add relatedTarget, if necessary
- if ( !event.relatedTarget && event.fromElement ) {
- event.relatedTarget = event.fromElement === event.target ? event.toElement : event.fromElement;
- }
-
- // Calculate pageX/Y if missing and clientX/Y available
- if ( event.pageX == null && event.clientX != null ) {
- var eventDocument = event.target.ownerDocument || document,
- doc = eventDocument.documentElement,
- body = eventDocument.body;
-
- event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
- event.pageY = event.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0);
- }
-
- // Add which for key events
- if ( event.which == null && (event.charCode != null || event.keyCode != null) ) {
- event.which = event.charCode != null ? event.charCode : event.keyCode;
- }
-
- // Add metaKey to non-Mac browsers (use ctrl for PC's and Meta for Macs)
- if ( !event.metaKey && event.ctrlKey ) {
- event.metaKey = event.ctrlKey;
- }
-
- // Add which for click: 1 === left; 2 === middle; 3 === right
- // Note: button is not normalized, so don't use it
- if ( !event.which && event.button !== undefined ) {
- event.which = (event.button & 1 ? 1 : ( event.button & 2 ? 3 : ( event.button & 4 ? 2 : 0 ) ));
- }
-
- return event;
- },
-
- // Deprecated, use jQuery.guid instead
- guid: 1E8,
-
- // Deprecated, use jQuery.proxy instead
- proxy: jQuery.proxy,
-
- special: {
- ready: {
- // Make sure the ready event is setup
- setup: jQuery.bindReady,
- teardown: jQuery.noop
- },
-
- live: {
- add: function( handleObj ) {
- jQuery.event.add( this,
- liveConvert( handleObj.origType, handleObj.selector ),
- jQuery.extend({}, handleObj, {handler: liveHandler, guid: handleObj.handler.guid}) );
- },
-
- remove: function( handleObj ) {
- jQuery.event.remove( this, liveConvert( handleObj.origType, handleObj.selector ), handleObj );
- }
- },
-
- beforeunload: {
- setup: function( data, namespaces, eventHandle ) {
- // We only want to do this special case on windows
- if ( jQuery.isWindow( this ) ) {
- this.onbeforeunload = eventHandle;
- }
- },
-
- teardown: function( namespaces, eventHandle ) {
- if ( this.onbeforeunload === eventHandle ) {
- this.onbeforeunload = null;
- }
- }
- }
- }
-};
-
-jQuery.removeEvent = document.removeEventListener ?
- function( elem, type, handle ) {
- if ( elem.removeEventListener ) {
- elem.removeEventListener( type, handle, false );
- }
- } :
- function( elem, type, handle ) {
- if ( elem.detachEvent ) {
- elem.detachEvent( "on" + type, handle );
- }
- };
-
-jQuery.Event = function( src, props ) {
- // Allow instantiation without the 'new' keyword
- if ( !this.preventDefault ) {
- return new jQuery.Event( src, props );
- }
-
- // Event object
- if ( src && src.type ) {
- this.originalEvent = src;
- this.type = src.type;
-
- // Events bubbling up the document may have been marked as prevented
- // by a handler lower down the tree; reflect the correct value.
- this.isDefaultPrevented = (src.defaultPrevented || src.returnValue === false ||
- src.getPreventDefault && src.getPreventDefault()) ? returnTrue : returnFalse;
-
- // Event type
- } else {
- this.type = src;
- }
-
- // Put explicitly provided properties onto the event object
- if ( props ) {
- jQuery.extend( this, props );
- }
-
- // timeStamp is buggy for some events on Firefox(#3843)
- // So we won't rely on the native value
- this.timeStamp = jQuery.now();
-
- // Mark it as fixed
- this[ jQuery.expando ] = true;
-};
-
-function returnFalse() {
- return false;
-}
-function returnTrue() {
- return true;
-}
-
-// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
-// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
-jQuery.Event.prototype = {
- preventDefault: function() {
- this.isDefaultPrevented = returnTrue;
-
- var e = this.originalEvent;
- if ( !e ) {
- return;
- }
-
- // if preventDefault exists run it on the original event
- if ( e.preventDefault ) {
- e.preventDefault();
-
- // otherwise set the returnValue property of the original event to false (IE)
- } else {
- e.returnValue = false;
- }
- },
- stopPropagation: function() {
- this.isPropagationStopped = returnTrue;
-
- var e = this.originalEvent;
- if ( !e ) {
- return;
- }
- // if stopPropagation exists run it on the original event
- if ( e.stopPropagation ) {
- e.stopPropagation();
- }
- // otherwise set the cancelBubble property of the original event to true (IE)
- e.cancelBubble = true;
- },
- stopImmediatePropagation: function() {
- this.isImmediatePropagationStopped = returnTrue;
- this.stopPropagation();
- },
- isDefaultPrevented: returnFalse,
- isPropagationStopped: returnFalse,
- isImmediatePropagationStopped: returnFalse
-};
-
-// Checks if an event happened on an element within another element
-// Used in jQuery.event.special.mouseenter and mouseleave handlers
-var withinElement = function( event ) {
-
- // Check if mouse(over|out) are still within the same parent element
- var related = event.relatedTarget,
- inside = false,
- eventType = event.type;
-
- event.type = event.data;
-
- if ( related !== this ) {
-
- if ( related ) {
- inside = jQuery.contains( this, related );
- }
-
- if ( !inside ) {
-
- jQuery.event.handle.apply( this, arguments );
-
- event.type = eventType;
- }
- }
-},
-
-// In case of event delegation, we only need to rename the event.type,
-// liveHandler will take care of the rest.
-delegate = function( event ) {
- event.type = event.data;
- jQuery.event.handle.apply( this, arguments );
-};
-
-// Create mouseenter and mouseleave events
-jQuery.each({
- mouseenter: "mouseover",
- mouseleave: "mouseout"
-}, function( orig, fix ) {
- jQuery.event.special[ orig ] = {
- setup: function( data ) {
- jQuery.event.add( this, fix, data && data.selector ? delegate : withinElement, orig );
- },
- teardown: function( data ) {
- jQuery.event.remove( this, fix, data && data.selector ? delegate : withinElement );
- }
- };
-});
-
-// submit delegation
-if ( !jQuery.support.submitBubbles ) {
-
- jQuery.event.special.submit = {
- setup: function( data, namespaces ) {
- if ( !jQuery.nodeName( this, "form" ) ) {
- jQuery.event.add(this, "click.specialSubmit", function( e ) {
- // Avoid triggering error on non-existent type attribute in IE VML (#7071)
- var elem = e.target,
- type = jQuery.nodeName( elem, "input" ) || jQuery.nodeName( elem, "button" ) ? elem.type : "";
-
- if ( (type === "submit" || type === "image") && jQuery( elem ).closest("form").length ) {
- trigger( "submit", this, arguments );
- }
- });
-
- jQuery.event.add(this, "keypress.specialSubmit", function( e ) {
- var elem = e.target,
- type = jQuery.nodeName( elem, "input" ) || jQuery.nodeName( elem, "button" ) ? elem.type : "";
-
- if ( (type === "text" || type === "password") && jQuery( elem ).closest("form").length && e.keyCode === 13 ) {
- trigger( "submit", this, arguments );
- }
- });
-
- } else {
- return false;
- }
- },
-
- teardown: function( namespaces ) {
- jQuery.event.remove( this, ".specialSubmit" );
- }
- };
-
-}
-
-// change delegation, happens here so we have bind.
-if ( !jQuery.support.changeBubbles ) {
-
- var changeFilters,
-
- getVal = function( elem ) {
- var type = jQuery.nodeName( elem, "input" ) ? elem.type : "",
- val = elem.value;
-
- if ( type === "radio" || type === "checkbox" ) {
- val = elem.checked;
-
- } else if ( type === "select-multiple" ) {
- val = elem.selectedIndex > -1 ?
- jQuery.map( elem.options, function( elem ) {
- return elem.selected;
- }).join("-") :
- "";
-
- } else if ( jQuery.nodeName( elem, "select" ) ) {
- val = elem.selectedIndex;
- }
-
- return val;
- },
-
- testChange = function testChange( e ) {
- var elem = e.target, data, val;
-
- if ( !rformElems.test( elem.nodeName ) || elem.readOnly ) {
- return;
- }
-
- data = jQuery._data( elem, "_change_data" );
- val = getVal(elem);
-
- // the current data will be also retrieved by beforeactivate
- if ( e.type !== "focusout" || elem.type !== "radio" ) {
- jQuery._data( elem, "_change_data", val );
- }
-
- if ( data === undefined || val === data ) {
- return;
- }
-
- if ( data != null || val ) {
- e.type = "change";
- e.liveFired = undefined;
- jQuery.event.trigger( e, arguments[1], elem );
- }
- };
-
- jQuery.event.special.change = {
- filters: {
- focusout: testChange,
-
- beforedeactivate: testChange,
-
- click: function( e ) {
- var elem = e.target, type = jQuery.nodeName( elem, "input" ) ? elem.type : "";
-
- if ( type === "radio" || type === "checkbox" || jQuery.nodeName( elem, "select" ) ) {
- testChange.call( this, e );
- }
- },
-
- // Change has to be called before submit
- // Keydown will be called before keypress, which is used in submit-event delegation
- keydown: function( e ) {
- var elem = e.target, type = jQuery.nodeName( elem, "input" ) ? elem.type : "";
-
- if ( (e.keyCode === 13 && !jQuery.nodeName( elem, "textarea" ) ) ||
- (e.keyCode === 32 && (type === "checkbox" || type === "radio")) ||
- type === "select-multiple" ) {
- testChange.call( this, e );
- }
- },
-
- // Beforeactivate happens also before the previous element is blurred
- // with this event you can't trigger a change event, but you can store
- // information
- beforeactivate: function( e ) {
- var elem = e.target;
- jQuery._data( elem, "_change_data", getVal(elem) );
- }
- },
-
- setup: function( data, namespaces ) {
- if ( this.type === "file" ) {
- return false;
- }
-
- for ( var type in changeFilters ) {
- jQuery.event.add( this, type + ".specialChange", changeFilters[type] );
- }
-
- return rformElems.test( this.nodeName );
- },
-
- teardown: function( namespaces ) {
- jQuery.event.remove( this, ".specialChange" );
-
- return rformElems.test( this.nodeName );
- }
- };
-
- changeFilters = jQuery.event.special.change.filters;
-
- // Handle when the input is .focus()'d
- changeFilters.focus = changeFilters.beforeactivate;
-}
-
-function trigger( type, elem, args ) {
- // Piggyback on a donor event to simulate a different one.
- // Fake originalEvent to avoid donor's stopPropagation, but if the
- // simulated event prevents default then we do the same on the donor.
- // Don't pass args or remember liveFired; they apply to the donor event.
- var event = jQuery.extend( {}, args[ 0 ] );
- event.type = type;
- event.originalEvent = {};
- event.liveFired = undefined;
- jQuery.event.handle.call( elem, event );
- if ( event.isDefaultPrevented() ) {
- args[ 0 ].preventDefault();
- }
-}
-
-// Create "bubbling" focus and blur events
-if ( !jQuery.support.focusinBubbles ) {
- jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) {
-
- // Attach a single capturing handler while someone wants focusin/focusout
- var attaches = 0;
-
- jQuery.event.special[ fix ] = {
- setup: function() {
- if ( attaches++ === 0 ) {
- document.addEventListener( orig, handler, true );
- }
- },
- teardown: function() {
- if ( --attaches === 0 ) {
- document.removeEventListener( orig, handler, true );
- }
- }
- };
-
- function handler( donor ) {
- // Donor event is always a native one; fix it and switch its type.
- // Let focusin/out handler cancel the donor focus/blur event.
- var e = jQuery.event.fix( donor );
- e.type = fix;
- e.originalEvent = {};
- jQuery.event.trigger( e, null, e.target );
- if ( e.isDefaultPrevented() ) {
- donor.preventDefault();
- }
- }
- });
-}
-
-jQuery.each(["bind", "one"], function( i, name ) {
- jQuery.fn[ name ] = function( type, data, fn ) {
- var handler;
-
- // Handle object literals
- if ( typeof type === "object" ) {
- for ( var key in type ) {
- this[ name ](key, data, type[key], fn);
- }
- return this;
- }
-
- if ( arguments.length === 2 || data === false ) {
- fn = data;
- data = undefined;
- }
-
- if ( name === "one" ) {
- handler = function( event ) {
- jQuery( this ).unbind( event, handler );
- return fn.apply( this, arguments );
- };
- handler.guid = fn.guid || jQuery.guid++;
- } else {
- handler = fn;
- }
-
- if ( type === "unload" && name !== "one" ) {
- this.one( type, data, fn );
-
- } else {
- for ( var i = 0, l = this.length; i < l; i++ ) {
- jQuery.event.add( this[i], type, handler, data );
- }
- }
-
- return this;
- };
-});
-
-jQuery.fn.extend({
- unbind: function( type, fn ) {
- // Handle object literals
- if ( typeof type === "object" && !type.preventDefault ) {
- for ( var key in type ) {
- this.unbind(key, type[key]);
- }
-
- } else {
- for ( var i = 0, l = this.length; i < l; i++ ) {
- jQuery.event.remove( this[i], type, fn );
- }
- }
-
- return this;
- },
-
- delegate: function( selector, types, data, fn ) {
- return this.live( types, data, fn, selector );
- },
-
- undelegate: function( selector, types, fn ) {
- if ( arguments.length === 0 ) {
- return this.unbind( "live" );
-
- } else {
- return this.die( types, null, fn, selector );
- }
- },
-
- trigger: function( type, data ) {
- return this.each(function() {
- jQuery.event.trigger( type, data, this );
- });
- },
-
- triggerHandler: function( type, data ) {
- if ( this[0] ) {
- return jQuery.event.trigger( type, data, this[0], true );
- }
- },
-
- toggle: function( fn ) {
- // Save reference to arguments for access in closure
- var args = arguments,
- guid = fn.guid || jQuery.guid++,
- i = 0,
- toggler = function( event ) {
- // Figure out which function to execute
- var lastToggle = ( jQuery.data( this, "lastToggle" + fn.guid ) || 0 ) % i;
- jQuery.data( this, "lastToggle" + fn.guid, lastToggle + 1 );
-
- // Make sure that clicks stop
- event.preventDefault();
-
- // and execute the function
- return args[ lastToggle ].apply( this, arguments ) || false;
- };
-
- // link all the functions, so any of them can unbind this click handler
- toggler.guid = guid;
- while ( i < args.length ) {
- args[ i++ ].guid = guid;
- }
-
- return this.click( toggler );
- },
-
- hover: function( fnOver, fnOut ) {
- return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
- }
-});
-
-var liveMap = {
- focus: "focusin",
- blur: "focusout",
- mouseenter: "mouseover",
- mouseleave: "mouseout"
-};
-
-jQuery.each(["live", "die"], function( i, name ) {
- jQuery.fn[ name ] = function( types, data, fn, origSelector /* Internal Use Only */ ) {
- var type, i = 0, match, namespaces, preType,
- selector = origSelector || this.selector,
- context = origSelector ? this : jQuery( this.context );
-
- if ( typeof types === "object" && !types.preventDefault ) {
- for ( var key in types ) {
- context[ name ]( key, data, types[key], selector );
- }
-
- return this;
- }
-
- if ( name === "die" && !types &&
- origSelector && origSelector.charAt(0) === "." ) {
-
- context.unbind( origSelector );
-
- return this;
- }
-
- if ( data === false || jQuery.isFunction( data ) ) {
- fn = data || returnFalse;
- data = undefined;
- }
-
- types = (types || "").split(" ");
-
- while ( (type = types[ i++ ]) != null ) {
- match = rnamespaces.exec( type );
- namespaces = "";
-
- if ( match ) {
- namespaces = match[0];
- type = type.replace( rnamespaces, "" );
- }
-
- if ( type === "hover" ) {
- types.push( "mouseenter" + namespaces, "mouseleave" + namespaces );
- continue;
- }
-
- preType = type;
-
- if ( liveMap[ type ] ) {
- types.push( liveMap[ type ] + namespaces );
- type = type + namespaces;
-
- } else {
- type = (liveMap[ type ] || type) + namespaces;
- }
-
- if ( name === "live" ) {
- // bind live handler
- for ( var j = 0, l = context.length; j < l; j++ ) {
- jQuery.event.add( context[j], "live." + liveConvert( type, selector ),
- { data: data, selector: selector, handler: fn, origType: type, origHandler: fn, preType: preType } );
- }
-
- } else {
- // unbind live handler
- context.unbind( "live." + liveConvert( type, selector ), fn );
- }
- }
-
- return this;
- };
-});
-
-function liveHandler( event ) {
- var stop, maxLevel, related, match, handleObj, elem, j, i, l, data, close, namespace, ret,
- elems = [],
- selectors = [],
- events = jQuery._data( this, "events" );
-
- // Make sure we avoid non-left-click bubbling in Firefox (#3861) and disabled elements in IE (#6911)
- if ( event.liveFired === this || !events || !events.live || event.target.disabled || event.button && event.type === "click" ) {
- return;
- }
-
- if ( event.namespace ) {
- namespace = new RegExp("(^|\\.)" + event.namespace.split(".").join("\\.(?:.*\\.)?") + "(\\.|$)");
- }
-
- event.liveFired = this;
-
- var live = events.live.slice(0);
-
- for ( j = 0; j < live.length; j++ ) {
- handleObj = live[j];
-
- if ( handleObj.origType.replace( rnamespaces, "" ) === event.type ) {
- selectors.push( handleObj.selector );
-
- } else {
- live.splice( j--, 1 );
- }
- }
-
- match = jQuery( event.target ).closest( selectors, event.currentTarget );
-
- for ( i = 0, l = match.length; i < l; i++ ) {
- close = match[i];
-
- for ( j = 0; j < live.length; j++ ) {
- handleObj = live[j];
-
- if ( close.selector === handleObj.selector && (!namespace || namespace.test( handleObj.namespace )) && !close.elem.disabled ) {
- elem = close.elem;
- related = null;
-
- // Those two events require additional checking
- if ( handleObj.preType === "mouseenter" || handleObj.preType === "mouseleave" ) {
- event.type = handleObj.preType;
- related = jQuery( event.relatedTarget ).closest( handleObj.selector )[0];
-
- // Make sure not to accidentally match a child element with the same selector
- if ( related && jQuery.contains( elem, related ) ) {
- related = elem;
- }
- }
-
- if ( !related || related !== elem ) {
- elems.push({ elem: elem, handleObj: handleObj, level: close.level });
- }
- }
- }
- }
-
- for ( i = 0, l = elems.length; i < l; i++ ) {
- match = elems[i];
-
- if ( maxLevel && match.level > maxLevel ) {
- break;
- }
-
- event.currentTarget = match.elem;
- event.data = match.handleObj.data;
- event.handleObj = match.handleObj;
-
- ret = match.handleObj.origHandler.apply( match.elem, arguments );
-
- if ( ret === false || event.isPropagationStopped() ) {
- maxLevel = match.level;
-
- if ( ret === false ) {
- stop = false;
- }
- if ( event.isImmediatePropagationStopped() ) {
- break;
- }
- }
- }
-
- return stop;
-}
-
-function liveConvert( type, selector ) {
- return (type && type !== "*" ? type + "." : "") + selector.replace(rperiod, "`").replace(rspaces, "&");
-}
-
-jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
- "mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
- "change select submit keydown keypress keyup error").split(" "), function( i, name ) {
-
- // Handle event binding
- jQuery.fn[ name ] = function( data, fn ) {
- if ( fn == null ) {
- fn = data;
- data = null;
- }
-
- return arguments.length > 0 ?
- this.bind( name, data, fn ) :
- this.trigger( name );
- };
-
- if ( jQuery.attrFn ) {
- jQuery.attrFn[ name ] = true;
- }
-});
-
-
-
-/*!
- * Sizzle CSS Selector Engine
- * Copyright 2011, The Dojo Foundation
- * Released under the MIT, BSD, and GPL Licenses.
- * More information: http://sizzlejs.com/
- */
-(function(){
-
-var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,
- done = 0,
- toString = Object.prototype.toString,
- hasDuplicate = false,
- baseHasDuplicate = true,
- rBackslash = /\\/g,
- rNonWord = /\W/;
-
-// Here we check if the JavaScript engine is using some sort of
-// optimization where it does not always call our comparision
-// function. If that is the case, discard the hasDuplicate value.
-// Thus far that includes Google Chrome.
-[0, 0].sort(function() {
- baseHasDuplicate = false;
- return 0;
-});
-
-var Sizzle = function( selector, context, results, seed ) {
- results = results || [];
- context = context || document;
-
- var origContext = context;
-
- if ( context.nodeType !== 1 && context.nodeType !== 9 ) {
- return [];
- }
-
- if ( !selector || typeof selector !== "string" ) {
- return results;
- }
-
- var m, set, checkSet, extra, ret, cur, pop, i,
- prune = true,
- contextXML = Sizzle.isXML( context ),
- parts = [],
- soFar = selector;
-
- // Reset the position of the chunker regexp (start from head)
- do {
- chunker.exec( "" );
- m = chunker.exec( soFar );
-
- if ( m ) {
- soFar = m[3];
-
- parts.push( m[1] );
-
- if ( m[2] ) {
- extra = m[3];
- break;
- }
- }
- } while ( m );
-
- if ( parts.length > 1 && origPOS.exec( selector ) ) {
-
- if ( parts.length === 2 && Expr.relative[ parts[0] ] ) {
- set = posProcess( parts[0] + parts[1], context );
-
- } else {
- set = Expr.relative[ parts[0] ] ?
- [ context ] :
- Sizzle( parts.shift(), context );
-
- while ( parts.length ) {
- selector = parts.shift();
-
- if ( Expr.relative[ selector ] ) {
- selector += parts.shift();
- }
-
- set = posProcess( selector, set );
- }
- }
-
- } else {
- // Take a shortcut and set the context if the root selector is an ID
- // (but not if it'll be faster if the inner selector is an ID)
- if ( !seed && parts.length > 1 && context.nodeType === 9 && !contextXML &&
- Expr.match.ID.test(parts[0]) && !Expr.match.ID.test(parts[parts.length - 1]) ) {
-
- ret = Sizzle.find( parts.shift(), context, contextXML );
- context = ret.expr ?
- Sizzle.filter( ret.expr, ret.set )[0] :
- ret.set[0];
- }
-
- if ( context ) {
- ret = seed ?
- { expr: parts.pop(), set: makeArray(seed) } :
- Sizzle.find( parts.pop(), parts.length === 1 && (parts[0] === "~" || parts[0] === "+") && context.parentNode ? context.parentNode : context, contextXML );
-
- set = ret.expr ?
- Sizzle.filter( ret.expr, ret.set ) :
- ret.set;
-
- if ( parts.length > 0 ) {
- checkSet = makeArray( set );
-
- } else {
- prune = false;
- }
-
- while ( parts.length ) {
- cur = parts.pop();
- pop = cur;
-
- if ( !Expr.relative[ cur ] ) {
- cur = "";
- } else {
- pop = parts.pop();
- }
-
- if ( pop == null ) {
- pop = context;
- }
-
- Expr.relative[ cur ]( checkSet, pop, contextXML );
- }
-
- } else {
- checkSet = parts = [];
- }
- }
-
- if ( !checkSet ) {
- checkSet = set;
- }
-
- if ( !checkSet ) {
- Sizzle.error( cur || selector );
- }
-
- if ( toString.call(checkSet) === "[object Array]" ) {
- if ( !prune ) {
- results.push.apply( results, checkSet );
-
- } else if ( context && context.nodeType === 1 ) {
- for ( i = 0; checkSet[i] != null; i++ ) {
- if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && Sizzle.contains(context, checkSet[i])) ) {
- results.push( set[i] );
- }
- }
-
- } else {
- for ( i = 0; checkSet[i] != null; i++ ) {
- if ( checkSet[i] && checkSet[i].nodeType === 1 ) {
- results.push( set[i] );
- }
- }
- }
-
- } else {
- makeArray( checkSet, results );
- }
-
- if ( extra ) {
- Sizzle( extra, origContext, results, seed );
- Sizzle.uniqueSort( results );
- }
-
- return results;
-};
-
-Sizzle.uniqueSort = function( results ) {
- if ( sortOrder ) {
- hasDuplicate = baseHasDuplicate;
- results.sort( sortOrder );
-
- if ( hasDuplicate ) {
- for ( var i = 1; i < results.length; i++ ) {
- if ( results[i] === results[ i - 1 ] ) {
- results.splice( i--, 1 );
- }
- }
- }
- }
-
- return results;
-};
-
-Sizzle.matches = function( expr, set ) {
- return Sizzle( expr, null, null, set );
-};
-
-Sizzle.matchesSelector = function( node, expr ) {
- return Sizzle( expr, null, null, [node] ).length > 0;
-};
-
-Sizzle.find = function( expr, context, isXML ) {
- var set;
-
- if ( !expr ) {
- return [];
- }
-
- for ( var i = 0, l = Expr.order.length; i < l; i++ ) {
- var match,
- type = Expr.order[i];
-
- if ( (match = Expr.leftMatch[ type ].exec( expr )) ) {
- var left = match[1];
- match.splice( 1, 1 );
-
- if ( left.substr( left.length - 1 ) !== "\\" ) {
- match[1] = (match[1] || "").replace( rBackslash, "" );
- set = Expr.find[ type ]( match, context, isXML );
-
- if ( set != null ) {
- expr = expr.replace( Expr.match[ type ], "" );
- break;
- }
- }
- }
- }
-
- if ( !set ) {
- set = typeof context.getElementsByTagName !== "undefined" ?
- context.getElementsByTagName( "*" ) :
- [];
- }
-
- return { set: set, expr: expr };
-};
-
-Sizzle.filter = function( expr, set, inplace, not ) {
- var match, anyFound,
- old = expr,
- result = [],
- curLoop = set,
- isXMLFilter = set && set[0] && Sizzle.isXML( set[0] );
-
- while ( expr && set.length ) {
- for ( var type in Expr.filter ) {
- if ( (match = Expr.leftMatch[ type ].exec( expr )) != null && match[2] ) {
- var found, item,
- filter = Expr.filter[ type ],
- left = match[1];
-
- anyFound = false;
-
- match.splice(1,1);
-
- if ( left.substr( left.length - 1 ) === "\\" ) {
- continue;
- }
-
- if ( curLoop === result ) {
- result = [];
- }
-
- if ( Expr.preFilter[ type ] ) {
- match = Expr.preFilter[ type ]( match, curLoop, inplace, result, not, isXMLFilter );
-
- if ( !match ) {
- anyFound = found = true;
-
- } else if ( match === true ) {
- continue;
- }
- }
-
- if ( match ) {
- for ( var i = 0; (item = curLoop[i]) != null; i++ ) {
- if ( item ) {
- found = filter( item, match, i, curLoop );
- var pass = not ^ !!found;
-
- if ( inplace && found != null ) {
- if ( pass ) {
- anyFound = true;
-
- } else {
- curLoop[i] = false;
- }
-
- } else if ( pass ) {
- result.push( item );
- anyFound = true;
- }
- }
- }
- }
-
- if ( found !== undefined ) {
- if ( !inplace ) {
- curLoop = result;
- }
-
- expr = expr.replace( Expr.match[ type ], "" );
-
- if ( !anyFound ) {
- return [];
- }
-
- break;
- }
- }
- }
-
- // Improper expression
- if ( expr === old ) {
- if ( anyFound == null ) {
- Sizzle.error( expr );
-
- } else {
- break;
- }
- }
-
- old = expr;
- }
-
- return curLoop;
-};
-
-Sizzle.error = function( msg ) {
- throw "Syntax error, unrecognized expression: " + msg;
-};
-
-var Expr = Sizzle.selectors = {
- order: [ "ID", "NAME", "TAG" ],
-
- match: {
- ID: /#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,
- CLASS: /\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,
- NAME: /\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,
- ATTR: /\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,
- TAG: /^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,
- CHILD: /:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,
- POS: /:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,
- PSEUDO: /:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/
- },
-
- leftMatch: {},
-
- attrMap: {
- "class": "className",
- "for": "htmlFor"
- },
-
- attrHandle: {
- href: function( elem ) {
- return elem.getAttribute( "href" );
- },
- type: function( elem ) {
- return elem.getAttribute( "type" );
- }
- },
-
- relative: {
- "+": function(checkSet, part){
- var isPartStr = typeof part === "string",
- isTag = isPartStr && !rNonWord.test( part ),
- isPartStrNotTag = isPartStr && !isTag;
-
- if ( isTag ) {
- part = part.toLowerCase();
- }
-
- for ( var i = 0, l = checkSet.length, elem; i < l; i++ ) {
- if ( (elem = checkSet[i]) ) {
- while ( (elem = elem.previousSibling) && elem.nodeType !== 1 ) {}
-
- checkSet[i] = isPartStrNotTag || elem && elem.nodeName.toLowerCase() === part ?
- elem || false :
- elem === part;
- }
- }
-
- if ( isPartStrNotTag ) {
- Sizzle.filter( part, checkSet, true );
- }
- },
-
- ">": function( checkSet, part ) {
- var elem,
- isPartStr = typeof part === "string",
- i = 0,
- l = checkSet.length;
-
- if ( isPartStr && !rNonWord.test( part ) ) {
- part = part.toLowerCase();
-
- for ( ; i < l; i++ ) {
- elem = checkSet[i];
-
- if ( elem ) {
- var parent = elem.parentNode;
- checkSet[i] = parent.nodeName.toLowerCase() === part ? parent : false;
- }
- }
-
- } else {
- for ( ; i < l; i++ ) {
- elem = checkSet[i];
-
- if ( elem ) {
- checkSet[i] = isPartStr ?
- elem.parentNode :
- elem.parentNode === part;
- }
- }
-
- if ( isPartStr ) {
- Sizzle.filter( part, checkSet, true );
- }
- }
- },
-
- "": function(checkSet, part, isXML){
- var nodeCheck,
- doneName = done++,
- checkFn = dirCheck;
-
- if ( typeof part === "string" && !rNonWord.test( part ) ) {
- part = part.toLowerCase();
- nodeCheck = part;
- checkFn = dirNodeCheck;
- }
-
- checkFn( "parentNode", part, doneName, checkSet, nodeCheck, isXML );
- },
-
- "~": function( checkSet, part, isXML ) {
- var nodeCheck,
- doneName = done++,
- checkFn = dirCheck;
-
- if ( typeof part === "string" && !rNonWord.test( part ) ) {
- part = part.toLowerCase();
- nodeCheck = part;
- checkFn = dirNodeCheck;
- }
-
- checkFn( "previousSibling", part, doneName, checkSet, nodeCheck, isXML );
- }
- },
-
- find: {
- ID: function( match, context, isXML ) {
- if ( typeof context.getElementById !== "undefined" && !isXML ) {
- var m = context.getElementById(match[1]);
- // Check parentNode to catch when Blackberry 4.6 returns
- // nodes that are no longer in the document #6963
- return m && m.parentNode ? [m] : [];
- }
- },
-
- NAME: function( match, context ) {
- if ( typeof context.getElementsByName !== "undefined" ) {
- var ret = [],
- results = context.getElementsByName( match[1] );
-
- for ( var i = 0, l = results.length; i < l; i++ ) {
- if ( results[i].getAttribute("name") === match[1] ) {
- ret.push( results[i] );
- }
- }
-
- return ret.length === 0 ? null : ret;
- }
- },
-
- TAG: function( match, context ) {
- if ( typeof context.getElementsByTagName !== "undefined" ) {
- return context.getElementsByTagName( match[1] );
- }
- }
- },
- preFilter: {
- CLASS: function( match, curLoop, inplace, result, not, isXML ) {
- match = " " + match[1].replace( rBackslash, "" ) + " ";
-
- if ( isXML ) {
- return match;
- }
-
- for ( var i = 0, elem; (elem = curLoop[i]) != null; i++ ) {
- if ( elem ) {
- if ( not ^ (elem.className && (" " + elem.className + " ").replace(/[\t\n\r]/g, " ").indexOf(match) >= 0) ) {
- if ( !inplace ) {
- result.push( elem );
- }
-
- } else if ( inplace ) {
- curLoop[i] = false;
- }
- }
- }
-
- return false;
- },
-
- ID: function( match ) {
- return match[1].replace( rBackslash, "" );
- },
-
- TAG: function( match, curLoop ) {
- return match[1].replace( rBackslash, "" ).toLowerCase();
- },
-
- CHILD: function( match ) {
- if ( match[1] === "nth" ) {
- if ( !match[2] ) {
- Sizzle.error( match[0] );
- }
-
- match[2] = match[2].replace(/^\+|\s*/g, '');
-
- // parse equations like 'even', 'odd', '5', '2n', '3n+2', '4n-1', '-n+6'
- var test = /(-?)(\d*)(?:n([+\-]?\d*))?/.exec(
- match[2] === "even" && "2n" || match[2] === "odd" && "2n+1" ||
- !/\D/.test( match[2] ) && "0n+" + match[2] || match[2]);
-
- // calculate the numbers (first)n+(last) including if they are negative
- match[2] = (test[1] + (test[2] || 1)) - 0;
- match[3] = test[3] - 0;
- }
- else if ( match[2] ) {
- Sizzle.error( match[0] );
- }
-
- // TODO: Move to normal caching system
- match[0] = done++;
-
- return match;
- },
-
- ATTR: function( match, curLoop, inplace, result, not, isXML ) {
- var name = match[1] = match[1].replace( rBackslash, "" );
-
- if ( !isXML && Expr.attrMap[name] ) {
- match[1] = Expr.attrMap[name];
- }
-
- // Handle if an un-quoted value was used
- match[4] = ( match[4] || match[5] || "" ).replace( rBackslash, "" );
-
- if ( match[2] === "~=" ) {
- match[4] = " " + match[4] + " ";
- }
-
- return match;
- },
-
- PSEUDO: function( match, curLoop, inplace, result, not ) {
- if ( match[1] === "not" ) {
- // If we're dealing with a complex expression, or a simple one
- if ( ( chunker.exec(match[3]) || "" ).length > 1 || /^\w/.test(match[3]) ) {
- match[3] = Sizzle(match[3], null, null, curLoop);
-
- } else {
- var ret = Sizzle.filter(match[3], curLoop, inplace, true ^ not);
-
- if ( !inplace ) {
- result.push.apply( result, ret );
- }
-
- return false;
- }
-
- } else if ( Expr.match.POS.test( match[0] ) || Expr.match.CHILD.test( match[0] ) ) {
- return true;
- }
-
- return match;
- },
-
- POS: function( match ) {
- match.unshift( true );
-
- return match;
- }
- },
-
- filters: {
- enabled: function( elem ) {
- return elem.disabled === false && elem.type !== "hidden";
- },
-
- disabled: function( elem ) {
- return elem.disabled === true;
- },
-
- checked: function( elem ) {
- return elem.checked === true;
- },
-
- selected: function( elem ) {
- // Accessing this property makes selected-by-default
- // options in Safari work properly
- if ( elem.parentNode ) {
- elem.parentNode.selectedIndex;
- }
-
- return elem.selected === true;
- },
-
- parent: function( elem ) {
- return !!elem.firstChild;
- },
-
- empty: function( elem ) {
- return !elem.firstChild;
- },
-
- has: function( elem, i, match ) {
- return !!Sizzle( match[3], elem ).length;
- },
-
- header: function( elem ) {
- return (/h\d/i).test( elem.nodeName );
- },
-
- text: function( elem ) {
- var attr = elem.getAttribute( "type" ), type = elem.type;
- // IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc)
- // use getAttribute instead to test this case
- return elem.nodeName.toLowerCase() === "input" && "text" === type && ( attr === type || attr === null );
- },
-
- radio: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "radio" === elem.type;
- },
-
- checkbox: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "checkbox" === elem.type;
- },
-
- file: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "file" === elem.type;
- },
-
- password: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "password" === elem.type;
- },
-
- submit: function( elem ) {
- var name = elem.nodeName.toLowerCase();
- return (name === "input" || name === "button") && "submit" === elem.type;
- },
-
- image: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "image" === elem.type;
- },
-
- reset: function( elem ) {
- var name = elem.nodeName.toLowerCase();
- return (name === "input" || name === "button") && "reset" === elem.type;
- },
-
- button: function( elem ) {
- var name = elem.nodeName.toLowerCase();
- return name === "input" && "button" === elem.type || name === "button";
- },
-
- input: function( elem ) {
- return (/input|select|textarea|button/i).test( elem.nodeName );
- },
-
- focus: function( elem ) {
- return elem === elem.ownerDocument.activeElement;
- }
- },
- setFilters: {
- first: function( elem, i ) {
- return i === 0;
- },
-
- last: function( elem, i, match, array ) {
- return i === array.length - 1;
- },
-
- even: function( elem, i ) {
- return i % 2 === 0;
- },
-
- odd: function( elem, i ) {
- return i % 2 === 1;
- },
-
- lt: function( elem, i, match ) {
- return i < match[3] - 0;
- },
-
- gt: function( elem, i, match ) {
- return i > match[3] - 0;
- },
-
- nth: function( elem, i, match ) {
- return match[3] - 0 === i;
- },
-
- eq: function( elem, i, match ) {
- return match[3] - 0 === i;
- }
- },
- filter: {
- PSEUDO: function( elem, match, i, array ) {
- var name = match[1],
- filter = Expr.filters[ name ];
-
- if ( filter ) {
- return filter( elem, i, match, array );
-
- } else if ( name === "contains" ) {
- return (elem.textContent || elem.innerText || Sizzle.getText([ elem ]) || "").indexOf(match[3]) >= 0;
-
- } else if ( name === "not" ) {
- var not = match[3];
-
- for ( var j = 0, l = not.length; j < l; j++ ) {
- if ( not[j] === elem ) {
- return false;
- }
- }
-
- return true;
-
- } else {
- Sizzle.error( name );
- }
- },
-
- CHILD: function( elem, match ) {
- var type = match[1],
- node = elem;
-
- switch ( type ) {
- case "only":
- case "first":
- while ( (node = node.previousSibling) ) {
- if ( node.nodeType === 1 ) {
- return false;
- }
- }
-
- if ( type === "first" ) {
- return true;
- }
-
- node = elem;
-
- case "last":
- while ( (node = node.nextSibling) ) {
- if ( node.nodeType === 1 ) {
- return false;
- }
- }
-
- return true;
-
- case "nth":
- var first = match[2],
- last = match[3];
-
- if ( first === 1 && last === 0 ) {
- return true;
- }
-
- var doneName = match[0],
- parent = elem.parentNode;
-
- if ( parent && (parent.sizcache !== doneName || !elem.nodeIndex) ) {
- var count = 0;
-
- for ( node = parent.firstChild; node; node = node.nextSibling ) {
- if ( node.nodeType === 1 ) {
- node.nodeIndex = ++count;
- }
- }
-
- parent.sizcache = doneName;
- }
-
- var diff = elem.nodeIndex - last;
-
- if ( first === 0 ) {
- return diff === 0;
-
- } else {
- return ( diff % first === 0 && diff / first >= 0 );
- }
- }
- },
-
- ID: function( elem, match ) {
- return elem.nodeType === 1 && elem.getAttribute("id") === match;
- },
-
- TAG: function( elem, match ) {
- return (match === "*" && elem.nodeType === 1) || elem.nodeName.toLowerCase() === match;
- },
-
- CLASS: function( elem, match ) {
- return (" " + (elem.className || elem.getAttribute("class")) + " ")
- .indexOf( match ) > -1;
- },
-
- ATTR: function( elem, match ) {
- var name = match[1],
- result = Expr.attrHandle[ name ] ?
- Expr.attrHandle[ name ]( elem ) :
- elem[ name ] != null ?
- elem[ name ] :
- elem.getAttribute( name ),
- value = result + "",
- type = match[2],
- check = match[4];
-
- return result == null ?
- type === "!=" :
- type === "=" ?
- value === check :
- type === "*=" ?
- value.indexOf(check) >= 0 :
- type === "~=" ?
- (" " + value + " ").indexOf(check) >= 0 :
- !check ?
- value && result !== false :
- type === "!=" ?
- value !== check :
- type === "^=" ?
- value.indexOf(check) === 0 :
- type === "$=" ?
- value.substr(value.length - check.length) === check :
- type === "|=" ?
- value === check || value.substr(0, check.length + 1) === check + "-" :
- false;
- },
-
- POS: function( elem, match, i, array ) {
- var name = match[2],
- filter = Expr.setFilters[ name ];
-
- if ( filter ) {
- return filter( elem, i, match, array );
- }
- }
- }
-};
-
-var origPOS = Expr.match.POS,
- fescape = function(all, num){
- return "\\" + (num - 0 + 1);
- };
-
-for ( var type in Expr.match ) {
- Expr.match[ type ] = new RegExp( Expr.match[ type ].source + (/(?![^\[]*\])(?![^\(]*\))/.source) );
- Expr.leftMatch[ type ] = new RegExp( /(^(?:.|\r|\n)*?)/.source + Expr.match[ type ].source.replace(/\\(\d+)/g, fescape) );
-}
-
-var makeArray = function( array, results ) {
- array = Array.prototype.slice.call( array, 0 );
-
- if ( results ) {
- results.push.apply( results, array );
- return results;
- }
-
- return array;
-};
-
-// Perform a simple check to determine if the browser is capable of
-// converting a NodeList to an array using builtin methods.
-// Also verifies that the returned array holds DOM nodes
-// (which is not the case in the Blackberry browser)
-try {
- Array.prototype.slice.call( document.documentElement.childNodes, 0 )[0].nodeType;
-
-// Provide a fallback method if it does not work
-} catch( e ) {
- makeArray = function( array, results ) {
- var i = 0,
- ret = results || [];
-
- if ( toString.call(array) === "[object Array]" ) {
- Array.prototype.push.apply( ret, array );
-
- } else {
- if ( typeof array.length === "number" ) {
- for ( var l = array.length; i < l; i++ ) {
- ret.push( array[i] );
- }
-
- } else {
- for ( ; array[i]; i++ ) {
- ret.push( array[i] );
- }
- }
- }
-
- return ret;
- };
-}
-
-var sortOrder, siblingCheck;
-
-if ( document.documentElement.compareDocumentPosition ) {
- sortOrder = function( a, b ) {
- if ( a === b ) {
- hasDuplicate = true;
- return 0;
- }
-
- if ( !a.compareDocumentPosition || !b.compareDocumentPosition ) {
- return a.compareDocumentPosition ? -1 : 1;
- }
-
- return a.compareDocumentPosition(b) & 4 ? -1 : 1;
- };
-
-} else {
- sortOrder = function( a, b ) {
- // The nodes are identical, we can exit early
- if ( a === b ) {
- hasDuplicate = true;
- return 0;
-
- // Fallback to using sourceIndex (in IE) if it's available on both nodes
- } else if ( a.sourceIndex && b.sourceIndex ) {
- return a.sourceIndex - b.sourceIndex;
- }
-
- var al, bl,
- ap = [],
- bp = [],
- aup = a.parentNode,
- bup = b.parentNode,
- cur = aup;
-
- // If the nodes are siblings (or identical) we can do a quick check
- if ( aup === bup ) {
- return siblingCheck( a, b );
-
- // If no parents were found then the nodes are disconnected
- } else if ( !aup ) {
- return -1;
-
- } else if ( !bup ) {
- return 1;
- }
-
- // Otherwise they're somewhere else in the tree so we need
- // to build up a full list of the parentNodes for comparison
- while ( cur ) {
- ap.unshift( cur );
- cur = cur.parentNode;
- }
-
- cur = bup;
-
- while ( cur ) {
- bp.unshift( cur );
- cur = cur.parentNode;
- }
-
- al = ap.length;
- bl = bp.length;
-
- // Start walking down the tree looking for a discrepancy
- for ( var i = 0; i < al && i < bl; i++ ) {
- if ( ap[i] !== bp[i] ) {
- return siblingCheck( ap[i], bp[i] );
- }
- }
-
- // We ended someplace up the tree so do a sibling check
- return i === al ?
- siblingCheck( a, bp[i], -1 ) :
- siblingCheck( ap[i], b, 1 );
- };
-
- siblingCheck = function( a, b, ret ) {
- if ( a === b ) {
- return ret;
- }
-
- var cur = a.nextSibling;
-
- while ( cur ) {
- if ( cur === b ) {
- return -1;
- }
-
- cur = cur.nextSibling;
- }
-
- return 1;
- };
-}
-
-// Utility function for retreiving the text value of an array of DOM nodes
-Sizzle.getText = function( elems ) {
- var ret = "", elem;
-
- for ( var i = 0; elems[i]; i++ ) {
- elem = elems[i];
-
- // Get the text from text nodes and CDATA nodes
- if ( elem.nodeType === 3 || elem.nodeType === 4 ) {
- ret += elem.nodeValue;
-
- // Traverse everything else, except comment nodes
- } else if ( elem.nodeType !== 8 ) {
- ret += Sizzle.getText( elem.childNodes );
- }
- }
-
- return ret;
-};
-
-// Check to see if the browser returns elements by name when
-// querying by getElementById (and provide a workaround)
-(function(){
- // We're going to inject a fake input element with a specified name
- var form = document.createElement("div"),
- id = "script" + (new Date()).getTime(),
- root = document.documentElement;
-
- form.innerHTML = "<a name='" + id + "'/>";
-
- // Inject it into the root element, check its status, and remove it quickly
- root.insertBefore( form, root.firstChild );
-
- // The workaround has to do additional checks after a getElementById
- // Which slows things down for other browsers (hence the branching)
- if ( document.getElementById( id ) ) {
- Expr.find.ID = function( match, context, isXML ) {
- if ( typeof context.getElementById !== "undefined" && !isXML ) {
- var m = context.getElementById(match[1]);
-
- return m ?
- m.id === match[1] || typeof m.getAttributeNode !== "undefined" && m.getAttributeNode("id").nodeValue === match[1] ?
- [m] :
- undefined :
- [];
- }
- };
-
- Expr.filter.ID = function( elem, match ) {
- var node = typeof elem.getAttributeNode !== "undefined" && elem.getAttributeNode("id");
-
- return elem.nodeType === 1 && node && node.nodeValue === match;
- };
- }
-
- root.removeChild( form );
-
- // release memory in IE
- root = form = null;
-})();
-
-(function(){
- // Check to see if the browser returns only elements
- // when doing getElementsByTagName("*")
-
- // Create a fake element
- var div = document.createElement("div");
- div.appendChild( document.createComment("") );
-
- // Make sure no comments are found
- if ( div.getElementsByTagName("*").length > 0 ) {
- Expr.find.TAG = function( match, context ) {
- var results = context.getElementsByTagName( match[1] );
-
- // Filter out possible comments
- if ( match[1] === "*" ) {
- var tmp = [];
-
- for ( var i = 0; results[i]; i++ ) {
- if ( results[i].nodeType === 1 ) {
- tmp.push( results[i] );
- }
- }
-
- results = tmp;
- }
-
- return results;
- };
- }
-
- // Check to see if an attribute returns normalized href attributes
- div.innerHTML = "<a href='#'></a>";
-
- if ( div.firstChild && typeof div.firstChild.getAttribute !== "undefined" &&
- div.firstChild.getAttribute("href") !== "#" ) {
-
- Expr.attrHandle.href = function( elem ) {
- return elem.getAttribute( "href", 2 );
- };
- }
-
- // release memory in IE
- div = null;
-})();
-
-if ( document.querySelectorAll ) {
- (function(){
- var oldSizzle = Sizzle,
- div = document.createElement("div"),
- id = "__sizzle__";
-
- div.innerHTML = "<p class='TEST'></p>";
-
- // Safari can't handle uppercase or unicode characters when
- // in quirks mode.
- if ( div.querySelectorAll && div.querySelectorAll(".TEST").length === 0 ) {
- return;
- }
-
- Sizzle = function( query, context, extra, seed ) {
- context = context || document;
-
- // Only use querySelectorAll on non-XML documents
- // (ID selectors don't work in non-HTML documents)
- if ( !seed && !Sizzle.isXML(context) ) {
- // See if we find a selector to speed up
- var match = /^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec( query );
-
- if ( match && (context.nodeType === 1 || context.nodeType === 9) ) {
- // Speed-up: Sizzle("TAG")
- if ( match[1] ) {
- return makeArray( context.getElementsByTagName( query ), extra );
-
- // Speed-up: Sizzle(".CLASS")
- } else if ( match[2] && Expr.find.CLASS && context.getElementsByClassName ) {
- return makeArray( context.getElementsByClassName( match[2] ), extra );
- }
- }
-
- if ( context.nodeType === 9 ) {
- // Speed-up: Sizzle("body")
- // The body element only exists once, optimize finding it
- if ( query === "body" && context.body ) {
- return makeArray( [ context.body ], extra );
-
- // Speed-up: Sizzle("#ID")
- } else if ( match && match[3] ) {
- var elem = context.getElementById( match[3] );
-
- // Check parentNode to catch when Blackberry 4.6 returns
- // nodes that are no longer in the document #6963
- if ( elem && elem.parentNode ) {
- // Handle the case where IE and Opera return items
- // by name instead of ID
- if ( elem.id === match[3] ) {
- return makeArray( [ elem ], extra );
- }
-
- } else {
- return makeArray( [], extra );
- }
- }
-
- try {
- return makeArray( context.querySelectorAll(query), extra );
- } catch(qsaError) {}
-
- // qSA works strangely on Element-rooted queries
- // We can work around this by specifying an extra ID on the root
- // and working up from there (Thanks to Andrew Dupont for the technique)
- // IE 8 doesn't work on object elements
- } else if ( context.nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) {
- var oldContext = context,
- old = context.getAttribute( "id" ),
- nid = old || id,
- hasParent = context.parentNode,
- relativeHierarchySelector = /^\s*[+~]/.test( query );
-
- if ( !old ) {
- context.setAttribute( "id", nid );
- } else {
- nid = nid.replace( /'/g, "\\$&" );
- }
- if ( relativeHierarchySelector && hasParent ) {
- context = context.parentNode;
- }
-
- try {
- if ( !relativeHierarchySelector || hasParent ) {
- return makeArray( context.querySelectorAll( "[id='" + nid + "'] " + query ), extra );
- }
-
- } catch(pseudoError) {
- } finally {
- if ( !old ) {
- oldContext.removeAttribute( "id" );
- }
- }
- }
- }
-
- return oldSizzle(query, context, extra, seed);
- };
-
- for ( var prop in oldSizzle ) {
- Sizzle[ prop ] = oldSizzle[ prop ];
- }
-
- // release memory in IE
- div = null;
- })();
-}
-
-(function(){
- var html = document.documentElement,
- matches = html.matchesSelector || html.mozMatchesSelector || html.webkitMatchesSelector || html.msMatchesSelector;
-
- if ( matches ) {
- // Check to see if it's possible to do matchesSelector
- // on a disconnected node (IE 9 fails this)
- var disconnectedMatch = !matches.call( document.createElement( "div" ), "div" ),
- pseudoWorks = false;
-
- try {
- // This should fail with an exception
- // Gecko does not error, returns false instead
- matches.call( document.documentElement, "[test!='']:sizzle" );
-
- } catch( pseudoError ) {
- pseudoWorks = true;
- }
-
- Sizzle.matchesSelector = function( node, expr ) {
- // Make sure that attribute selectors are quoted
- expr = expr.replace(/\=\s*([^'"\]]*)\s*\]/g, "='$1']");
-
- if ( !Sizzle.isXML( node ) ) {
- try {
- if ( pseudoWorks || !Expr.match.PSEUDO.test( expr ) && !/!=/.test( expr ) ) {
- var ret = matches.call( node, expr );
-
- // IE 9's matchesSelector returns false on disconnected nodes
- if ( ret || !disconnectedMatch ||
- // As well, disconnected nodes are said to be in a document
- // fragment in IE 9, so check for that
- node.document && node.document.nodeType !== 11 ) {
- return ret;
- }
- }
- } catch(e) {}
- }
-
- return Sizzle(expr, null, null, [node]).length > 0;
- };
- }
-})();
-
-(function(){
- var div = document.createElement("div");
-
- div.innerHTML = "<div class='test e'></div><div class='test'></div>";
-
- // Opera can't find a second classname (in 9.6)
- // Also, make sure that getElementsByClassName actually exists
- if ( !div.getElementsByClassName || div.getElementsByClassName("e").length === 0 ) {
- return;
- }
-
- // Safari caches class attributes, doesn't catch changes (in 3.2)
- div.lastChild.className = "e";
-
- if ( div.getElementsByClassName("e").length === 1 ) {
- return;
- }
-
- Expr.order.splice(1, 0, "CLASS");
- Expr.find.CLASS = function( match, context, isXML ) {
- if ( typeof context.getElementsByClassName !== "undefined" && !isXML ) {
- return context.getElementsByClassName(match[1]);
- }
- };
-
- // release memory in IE
- div = null;
-})();
-
-function dirNodeCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
- for ( var i = 0, l = checkSet.length; i < l; i++ ) {
- var elem = checkSet[i];
-
- if ( elem ) {
- var match = false;
-
- elem = elem[dir];
-
- while ( elem ) {
- if ( elem.sizcache === doneName ) {
- match = checkSet[elem.sizset];
- break;
- }
-
- if ( elem.nodeType === 1 && !isXML ){
- elem.sizcache = doneName;
- elem.sizset = i;
- }
-
- if ( elem.nodeName.toLowerCase() === cur ) {
- match = elem;
- break;
- }
-
- elem = elem[dir];
- }
-
- checkSet[i] = match;
- }
- }
-}
-
-function dirCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
- for ( var i = 0, l = checkSet.length; i < l; i++ ) {
- var elem = checkSet[i];
-
- if ( elem ) {
- var match = false;
-
- elem = elem[dir];
-
- while ( elem ) {
- if ( elem.sizcache === doneName ) {
- match = checkSet[elem.sizset];
- break;
- }
-
- if ( elem.nodeType === 1 ) {
- if ( !isXML ) {
- elem.sizcache = doneName;
- elem.sizset = i;
- }
-
- if ( typeof cur !== "string" ) {
- if ( elem === cur ) {
- match = true;
- break;
- }
-
- } else if ( Sizzle.filter( cur, [elem] ).length > 0 ) {
- match = elem;
- break;
- }
- }
-
- elem = elem[dir];
- }
-
- checkSet[i] = match;
- }
- }
-}
-
-if ( document.documentElement.contains ) {
- Sizzle.contains = function( a, b ) {
- return a !== b && (a.contains ? a.contains(b) : true);
- };
-
-} else if ( document.documentElement.compareDocumentPosition ) {
- Sizzle.contains = function( a, b ) {
- return !!(a.compareDocumentPosition(b) & 16);
- };
-
-} else {
- Sizzle.contains = function() {
- return false;
- };
-}
-
-Sizzle.isXML = function( elem ) {
- // documentElement is verified for cases where it doesn't yet exist
- // (such as loading iframes in IE - #4833)
- var documentElement = (elem ? elem.ownerDocument || elem : 0).documentElement;
-
- return documentElement ? documentElement.nodeName !== "HTML" : false;
-};
-
-var posProcess = function( selector, context ) {
- var match,
- tmpSet = [],
- later = "",
- root = context.nodeType ? [context] : context;
-
- // Position selectors must be done after the filter
- // And so must :not(positional) so we move all PSEUDOs to the end
- while ( (match = Expr.match.PSEUDO.exec( selector )) ) {
- later += match[0];
- selector = selector.replace( Expr.match.PSEUDO, "" );
- }
-
- selector = Expr.relative[selector] ? selector + "*" : selector;
-
- for ( var i = 0, l = root.length; i < l; i++ ) {
- Sizzle( selector, root[i], tmpSet );
- }
-
- return Sizzle.filter( later, tmpSet );
-};
-
-// EXPOSE
-jQuery.find = Sizzle;
-jQuery.expr = Sizzle.selectors;
-jQuery.expr[":"] = jQuery.expr.filters;
-jQuery.unique = Sizzle.uniqueSort;
-jQuery.text = Sizzle.getText;
-jQuery.isXMLDoc = Sizzle.isXML;
-jQuery.contains = Sizzle.contains;
-
-
-})();
-
-
-var runtil = /Until$/,
- rparentsprev = /^(?:parents|prevUntil|prevAll)/,
- // Note: This RegExp should be improved, or likely pulled from Sizzle
- rmultiselector = /,/,
- isSimple = /^.[^:#\[\.,]*$/,
- slice = Array.prototype.slice,
- POS = jQuery.expr.match.POS,
- // methods guaranteed to produce a unique set when starting from a unique set
- guaranteedUnique = {
- children: true,
- contents: true,
- next: true,
- prev: true
- };
-
-jQuery.fn.extend({
- find: function( selector ) {
- var self = this,
- i, l;
-
- if ( typeof selector !== "string" ) {
- return jQuery( selector ).filter(function() {
- for ( i = 0, l = self.length; i < l; i++ ) {
- if ( jQuery.contains( self[ i ], this ) ) {
- return true;
- }
- }
- });
- }
-
- var ret = this.pushStack( "", "find", selector ),
- length, n, r;
-
- for ( i = 0, l = this.length; i < l; i++ ) {
- length = ret.length;
- jQuery.find( selector, this[i], ret );
-
- if ( i > 0 ) {
- // Make sure that the results are unique
- for ( n = length; n < ret.length; n++ ) {
- for ( r = 0; r < length; r++ ) {
- if ( ret[r] === ret[n] ) {
- ret.splice(n--, 1);
- break;
- }
- }
- }
- }
- }
-
- return ret;
- },
-
- has: function( target ) {
- var targets = jQuery( target );
- return this.filter(function() {
- for ( var i = 0, l = targets.length; i < l; i++ ) {
- if ( jQuery.contains( this, targets[i] ) ) {
- return true;
- }
- }
- });
- },
-
- not: function( selector ) {
- return this.pushStack( winnow(this, selector, false), "not", selector);
- },
-
- filter: function( selector ) {
- return this.pushStack( winnow(this, selector, true), "filter", selector );
- },
-
- is: function( selector ) {
- return !!selector && ( typeof selector === "string" ?
- jQuery.filter( selector, this ).length > 0 :
- this.filter( selector ).length > 0 );
- },
-
- closest: function( selectors, context ) {
- var ret = [], i, l, cur = this[0];
-
- // Array
- if ( jQuery.isArray( selectors ) ) {
- var match, selector,
- matches = {},
- level = 1;
-
- if ( cur && selectors.length ) {
- for ( i = 0, l = selectors.length; i < l; i++ ) {
- selector = selectors[i];
-
- if ( !matches[ selector ] ) {
- matches[ selector ] = POS.test( selector ) ?
- jQuery( selector, context || this.context ) :
- selector;
- }
- }
-
- while ( cur && cur.ownerDocument && cur !== context ) {
- for ( selector in matches ) {
- match = matches[ selector ];
-
- if ( match.jquery ? match.index( cur ) > -1 : jQuery( cur ).is( match ) ) {
- ret.push({ selector: selector, elem: cur, level: level });
- }
- }
-
- cur = cur.parentNode;
- level++;
- }
- }
-
- return ret;
- }
-
- // String
- var pos = POS.test( selectors ) || typeof selectors !== "string" ?
- jQuery( selectors, context || this.context ) :
- 0;
-
- for ( i = 0, l = this.length; i < l; i++ ) {
- cur = this[i];
-
- while ( cur ) {
- if ( pos ? pos.index(cur) > -1 : jQuery.find.matchesSelector(cur, selectors) ) {
- ret.push( cur );
- break;
-
- } else {
- cur = cur.parentNode;
- if ( !cur || !cur.ownerDocument || cur === context || cur.nodeType === 11 ) {
- break;
- }
- }
- }
- }
-
- ret = ret.length > 1 ? jQuery.unique( ret ) : ret;
-
- return this.pushStack( ret, "closest", selectors );
- },
-
- // Determine the position of an element within
- // the matched set of elements
- index: function( elem ) {
-
- // No argument, return index in parent
- if ( !elem ) {
- return ( this[0] && this[0].parentNode ) ? this.prevAll().length : -1;
- }
-
- // index in selector
- if ( typeof elem === "string" ) {
- return jQuery.inArray( this[0], jQuery( elem ) );
- }
-
- // Locate the position of the desired element
- return jQuery.inArray(
- // If it receives a jQuery object, the first element is used
- elem.jquery ? elem[0] : elem, this );
- },
-
- add: function( selector, context ) {
- var set = typeof selector === "string" ?
- jQuery( selector, context ) :
- jQuery.makeArray( selector && selector.nodeType ? [ selector ] : selector ),
- all = jQuery.merge( this.get(), set );
-
- return this.pushStack( isDisconnected( set[0] ) || isDisconnected( all[0] ) ?
- all :
- jQuery.unique( all ) );
- },
-
- andSelf: function() {
- return this.add( this.prevObject );
- }
-});
-
-// A painfully simple check to see if an element is disconnected
-// from a document (should be improved, where feasible).
-function isDisconnected( node ) {
- return !node || !node.parentNode || node.parentNode.nodeType === 11;
-}
-
-jQuery.each({
- parent: function( elem ) {
- var parent = elem.parentNode;
- return parent && parent.nodeType !== 11 ? parent : null;
- },
- parents: function( elem ) {
- return jQuery.dir( elem, "parentNode" );
- },
- parentsUntil: function( elem, i, until ) {
- return jQuery.dir( elem, "parentNode", until );
- },
- next: function( elem ) {
- return jQuery.nth( elem, 2, "nextSibling" );
- },
- prev: function( elem ) {
- return jQuery.nth( elem, 2, "previousSibling" );
- },
- nextAll: function( elem ) {
- return jQuery.dir( elem, "nextSibling" );
- },
- prevAll: function( elem ) {
- return jQuery.dir( elem, "previousSibling" );
- },
- nextUntil: function( elem, i, until ) {
- return jQuery.dir( elem, "nextSibling", until );
- },
- prevUntil: function( elem, i, until ) {
- return jQuery.dir( elem, "previousSibling", until );
- },
- siblings: function( elem ) {
- return jQuery.sibling( elem.parentNode.firstChild, elem );
- },
- children: function( elem ) {
- return jQuery.sibling( elem.firstChild );
- },
- contents: function( elem ) {
- return jQuery.nodeName( elem, "iframe" ) ?
- elem.contentDocument || elem.contentWindow.document :
- jQuery.makeArray( elem.childNodes );
- }
-}, function( name, fn ) {
- jQuery.fn[ name ] = function( until, selector ) {
- var ret = jQuery.map( this, fn, until ),
- // The variable 'args' was introduced in
- // https://github.com/jquery/jquery/commit/52a0238
- // to work around a bug in Chrome 10 (Dev) and should be removed when the bug is fixed.
- // http://code.google.com/p/v8/issues/detail?id=1050
- args = slice.call(arguments);
-
- if ( !runtil.test( name ) ) {
- selector = until;
- }
-
- if ( selector && typeof selector === "string" ) {
- ret = jQuery.filter( selector, ret );
- }
-
- ret = this.length > 1 && !guaranteedUnique[ name ] ? jQuery.unique( ret ) : ret;
-
- if ( (this.length > 1 || rmultiselector.test( selector )) && rparentsprev.test( name ) ) {
- ret = ret.reverse();
- }
-
- return this.pushStack( ret, name, args.join(",") );
- };
-});
-
-jQuery.extend({
- filter: function( expr, elems, not ) {
- if ( not ) {
- expr = ":not(" + expr + ")";
- }
-
- return elems.length === 1 ?
- jQuery.find.matchesSelector(elems[0], expr) ? [ elems[0] ] : [] :
- jQuery.find.matches(expr, elems);
- },
-
- dir: function( elem, dir, until ) {
- var matched = [],
- cur = elem[ dir ];
-
- while ( cur && cur.nodeType !== 9 && (until === undefined || cur.nodeType !== 1 || !jQuery( cur ).is( until )) ) {
- if ( cur.nodeType === 1 ) {
- matched.push( cur );
- }
- cur = cur[dir];
- }
- return matched;
- },
-
- nth: function( cur, result, dir, elem ) {
- result = result || 1;
- var num = 0;
-
- for ( ; cur; cur = cur[dir] ) {
- if ( cur.nodeType === 1 && ++num === result ) {
- break;
- }
- }
-
- return cur;
- },
-
- sibling: function( n, elem ) {
- var r = [];
-
- for ( ; n; n = n.nextSibling ) {
- if ( n.nodeType === 1 && n !== elem ) {
- r.push( n );
- }
- }
-
- return r;
- }
-});
-
-// Implement the identical functionality for filter and not
-function winnow( elements, qualifier, keep ) {
-
- // Can't pass null or undefined to indexOf in Firefox 4
- // Set to 0 to skip string check
- qualifier = qualifier || 0;
-
- if ( jQuery.isFunction( qualifier ) ) {
- return jQuery.grep(elements, function( elem, i ) {
- var retVal = !!qualifier.call( elem, i, elem );
- return retVal === keep;
- });
-
- } else if ( qualifier.nodeType ) {
- return jQuery.grep(elements, function( elem, i ) {
- return (elem === qualifier) === keep;
- });
-
- } else if ( typeof qualifier === "string" ) {
- var filtered = jQuery.grep(elements, function( elem ) {
- return elem.nodeType === 1;
- });
-
- if ( isSimple.test( qualifier ) ) {
- return jQuery.filter(qualifier, filtered, !keep);
- } else {
- qualifier = jQuery.filter( qualifier, filtered );
- }
- }
-
- return jQuery.grep(elements, function( elem, i ) {
- return (jQuery.inArray( elem, qualifier ) >= 0) === keep;
- });
-}
-
-
-
-
-var rinlinejQuery = / jQuery\d+="(?:\d+|null)"/g,
- rleadingWhitespace = /^\s+/,
- rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,
- rtagName = /<([\w:]+)/,
- rtbody = /<tbody/i,
- rhtml = /<|&#?\w+;/,
- rnocache = /<(?:script|object|embed|option|style)/i,
- // checked="checked" or checked
- rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
- rscriptType = /\/(java|ecma)script/i,
- rcleanScript = /^\s*<!(?:\[CDATA\[|\-\-)/,
- wrapMap = {
- option: [ 1, "<select multiple='multiple'>", "</select>" ],
- legend: [ 1, "<fieldset>", "</fieldset>" ],
- thead: [ 1, "<table>", "</table>" ],
- tr: [ 2, "<table><tbody>", "</tbody></table>" ],
- td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
- col: [ 2, "<table><tbody></tbody><colgroup>", "</colgroup></table>" ],
- area: [ 1, "<map>", "</map>" ],
- _default: [ 0, "", "" ]
- };
-
-wrapMap.optgroup = wrapMap.option;
-wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
-wrapMap.th = wrapMap.td;
-
-// IE can't serialize <link> and <script> tags normally
-if ( !jQuery.support.htmlSerialize ) {
- wrapMap._default = [ 1, "div<div>", "</div>" ];
-}
-
-jQuery.fn.extend({
- text: function( text ) {
- if ( jQuery.isFunction(text) ) {
- return this.each(function(i) {
- var self = jQuery( this );
-
- self.text( text.call(this, i, self.text()) );
- });
- }
-
- if ( typeof text !== "object" && text !== undefined ) {
- return this.empty().append( (this[0] && this[0].ownerDocument || document).createTextNode( text ) );
- }
-
- return jQuery.text( this );
- },
-
- wrapAll: function( html ) {
- if ( jQuery.isFunction( html ) ) {
- return this.each(function(i) {
- jQuery(this).wrapAll( html.call(this, i) );
- });
- }
-
- if ( this[0] ) {
- // The elements to wrap the target around
- var wrap = jQuery( html, this[0].ownerDocument ).eq(0).clone(true);
-
- if ( this[0].parentNode ) {
- wrap.insertBefore( this[0] );
- }
-
- wrap.map(function() {
- var elem = this;
-
- while ( elem.firstChild && elem.firstChild.nodeType === 1 ) {
- elem = elem.firstChild;
- }
-
- return elem;
- }).append( this );
- }
-
- return this;
- },
-
- wrapInner: function( html ) {
- if ( jQuery.isFunction( html ) ) {
- return this.each(function(i) {
- jQuery(this).wrapInner( html.call(this, i) );
- });
- }
-
- return this.each(function() {
- var self = jQuery( this ),
- contents = self.contents();
-
- if ( contents.length ) {
- contents.wrapAll( html );
-
- } else {
- self.append( html );
- }
- });
- },
-
- wrap: function( html ) {
- return this.each(function() {
- jQuery( this ).wrapAll( html );
- });
- },
-
- unwrap: function() {
- return this.parent().each(function() {
- if ( !jQuery.nodeName( this, "body" ) ) {
- jQuery( this ).replaceWith( this.childNodes );
- }
- }).end();
- },
-
- append: function() {
- return this.domManip(arguments, true, function( elem ) {
- if ( this.nodeType === 1 ) {
- this.appendChild( elem );
- }
- });
- },
-
- prepend: function() {
- return this.domManip(arguments, true, function( elem ) {
- if ( this.nodeType === 1 ) {
- this.insertBefore( elem, this.firstChild );
- }
- });
- },
-
- before: function() {
- if ( this[0] && this[0].parentNode ) {
- return this.domManip(arguments, false, function( elem ) {
- this.parentNode.insertBefore( elem, this );
- });
- } else if ( arguments.length ) {
- var set = jQuery(arguments[0]);
- set.push.apply( set, this.toArray() );
- return this.pushStack( set, "before", arguments );
- }
- },
-
- after: function() {
- if ( this[0] && this[0].parentNode ) {
- return this.domManip(arguments, false, function( elem ) {
- this.parentNode.insertBefore( elem, this.nextSibling );
- });
- } else if ( arguments.length ) {
- var set = this.pushStack( this, "after", arguments );
- set.push.apply( set, jQuery(arguments[0]).toArray() );
- return set;
- }
- },
-
- // keepData is for internal use only--do not document
- remove: function( selector, keepData ) {
- for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
- if ( !selector || jQuery.filter( selector, [ elem ] ).length ) {
- if ( !keepData && elem.nodeType === 1 ) {
- jQuery.cleanData( elem.getElementsByTagName("*") );
- jQuery.cleanData( [ elem ] );
- }
-
- if ( elem.parentNode ) {
- elem.parentNode.removeChild( elem );
- }
- }
- }
-
- return this;
- },
-
- empty: function() {
- for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
- // Remove element nodes and prevent memory leaks
- if ( elem.nodeType === 1 ) {
- jQuery.cleanData( elem.getElementsByTagName("*") );
- }
-
- // Remove any remaining nodes
- while ( elem.firstChild ) {
- elem.removeChild( elem.firstChild );
- }
- }
-
- return this;
- },
-
- clone: function( dataAndEvents, deepDataAndEvents ) {
- dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
- deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
-
- return this.map( function () {
- return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
- });
- },
-
- html: function( value ) {
- if ( value === undefined ) {
- return this[0] && this[0].nodeType === 1 ?
- this[0].innerHTML.replace(rinlinejQuery, "") :
- null;
-
- // See if we can take a shortcut and just use innerHTML
- } else if ( typeof value === "string" && !rnocache.test( value ) &&
- (jQuery.support.leadingWhitespace || !rleadingWhitespace.test( value )) &&
- !wrapMap[ (rtagName.exec( value ) || ["", ""])[1].toLowerCase() ] ) {
-
- value = value.replace(rxhtmlTag, "<$1></$2>");
-
- try {
- for ( var i = 0, l = this.length; i < l; i++ ) {
- // Remove element nodes and prevent memory leaks
- if ( this[i].nodeType === 1 ) {
- jQuery.cleanData( this[i].getElementsByTagName("*") );
- this[i].innerHTML = value;
- }
- }
-
- // If using innerHTML throws an exception, use the fallback method
- } catch(e) {
- this.empty().append( value );
- }
-
- } else if ( jQuery.isFunction( value ) ) {
- this.each(function(i){
- var self = jQuery( this );
-
- self.html( value.call(this, i, self.html()) );
- });
-
- } else {
- this.empty().append( value );
- }
-
- return this;
- },
-
- replaceWith: function( value ) {
- if ( this[0] && this[0].parentNode ) {
- // Make sure that the elements are removed from the DOM before they are inserted
- // this can help fix replacing a parent with child elements
- if ( jQuery.isFunction( value ) ) {
- return this.each(function(i) {
- var self = jQuery(this), old = self.html();
- self.replaceWith( value.call( this, i, old ) );
- });
- }
-
- if ( typeof value !== "string" ) {
- value = jQuery( value ).detach();
- }
-
- return this.each(function() {
- var next = this.nextSibling,
- parent = this.parentNode;
-
- jQuery( this ).remove();
-
- if ( next ) {
- jQuery(next).before( value );
- } else {
- jQuery(parent).append( value );
- }
- });
- } else {
- return this.length ?
- this.pushStack( jQuery(jQuery.isFunction(value) ? value() : value), "replaceWith", value ) :
- this;
- }
- },
-
- detach: function( selector ) {
- return this.remove( selector, true );
- },
-
- domManip: function( args, table, callback ) {
- var results, first, fragment, parent,
- value = args[0],
- scripts = [];
-
- // We can't cloneNode fragments that contain checked, in WebKit
- if ( !jQuery.support.checkClone && arguments.length === 3 && typeof value === "string" && rchecked.test( value ) ) {
- return this.each(function() {
- jQuery(this).domManip( args, table, callback, true );
- });
- }
-
- if ( jQuery.isFunction(value) ) {
- return this.each(function(i) {
- var self = jQuery(this);
- args[0] = value.call(this, i, table ? self.html() : undefined);
- self.domManip( args, table, callback );
- });
- }
-
- if ( this[0] ) {
- parent = value && value.parentNode;
-
- // If we're in a fragment, just use that instead of building a new one
- if ( jQuery.support.parentNode && parent && parent.nodeType === 11 && parent.childNodes.length === this.length ) {
- results = { fragment: parent };
-
- } else {
- results = jQuery.buildFragment( args, this, scripts );
- }
-
- fragment = results.fragment;
-
- if ( fragment.childNodes.length === 1 ) {
- first = fragment = fragment.firstChild;
- } else {
- first = fragment.firstChild;
- }
-
- if ( first ) {
- table = table && jQuery.nodeName( first, "tr" );
-
- for ( var i = 0, l = this.length, lastIndex = l - 1; i < l; i++ ) {
- callback.call(
- table ?
- root(this[i], first) :
- this[i],
- // Make sure that we do not leak memory by inadvertently discarding
- // the original fragment (which might have attached data) instead of
- // using it; in addition, use the original fragment object for the last
- // item instead of first because it can end up being emptied incorrectly
- // in certain situations (Bug #8070).
- // Fragments from the fragment cache must always be cloned and never used
- // in place.
- results.cacheable || (l > 1 && i < lastIndex) ?
- jQuery.clone( fragment, true, true ) :
- fragment
- );
- }
- }
-
- if ( scripts.length ) {
- jQuery.each( scripts, evalScript );
- }
- }
-
- return this;
- }
-});
-
-function root( elem, cur ) {
- return jQuery.nodeName(elem, "table") ?
- (elem.getElementsByTagName("tbody")[0] ||
- elem.appendChild(elem.ownerDocument.createElement("tbody"))) :
- elem;
-}
-
-function cloneCopyEvent( src, dest ) {
-
- if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) {
- return;
- }
-
- var internalKey = jQuery.expando,
- oldData = jQuery.data( src ),
- curData = jQuery.data( dest, oldData );
-
- // Switch to use the internal data object, if it exists, for the next
- // stage of data copying
- if ( (oldData = oldData[ internalKey ]) ) {
- var events = oldData.events;
- curData = curData[ internalKey ] = jQuery.extend({}, oldData);
-
- if ( events ) {
- delete curData.handle;
- curData.events = {};
-
- for ( var type in events ) {
- for ( var i = 0, l = events[ type ].length; i < l; i++ ) {
- jQuery.event.add( dest, type + ( events[ type ][ i ].namespace ? "." : "" ) + events[ type ][ i ].namespace, events[ type ][ i ], events[ type ][ i ].data );
- }
- }
- }
- }
-}
-
-function cloneFixAttributes( src, dest ) {
- var nodeName;
-
- // We do not need to do anything for non-Elements
- if ( dest.nodeType !== 1 ) {
- return;
- }
-
- // clearAttributes removes the attributes, which we don't want,
- // but also removes the attachEvent events, which we *do* want
- if ( dest.clearAttributes ) {
- dest.clearAttributes();
- }
-
- // mergeAttributes, in contrast, only merges back on the
- // original attributes, not the events
- if ( dest.mergeAttributes ) {
- dest.mergeAttributes( src );
- }
-
- nodeName = dest.nodeName.toLowerCase();
-
- // IE6-8 fail to clone children inside object elements that use
- // the proprietary classid attribute value (rather than the type
- // attribute) to identify the type of content to display
- if ( nodeName === "object" ) {
- dest.outerHTML = src.outerHTML;
-
- } else if ( nodeName === "input" && (src.type === "checkbox" || src.type === "radio") ) {
- // IE6-8 fails to persist the checked state of a cloned checkbox
- // or radio button. Worse, IE6-7 fail to give the cloned element
- // a checked appearance if the defaultChecked value isn't also set
- if ( src.checked ) {
- dest.defaultChecked = dest.checked = src.checked;
- }
-
- // IE6-7 get confused and end up setting the value of a cloned
- // checkbox/radio button to an empty string instead of "on"
- if ( dest.value !== src.value ) {
- dest.value = src.value;
- }
-
- // IE6-8 fails to return the selected option to the default selected
- // state when cloning options
- } else if ( nodeName === "option" ) {
- dest.selected = src.defaultSelected;
-
- // IE6-8 fails to set the defaultValue to the correct value when
- // cloning other types of input fields
- } else if ( nodeName === "input" || nodeName === "textarea" ) {
- dest.defaultValue = src.defaultValue;
- }
-
- // Event data gets referenced instead of copied if the expando
- // gets copied too
- dest.removeAttribute( jQuery.expando );
-}
-
-jQuery.buildFragment = function( args, nodes, scripts ) {
- var fragment, cacheable, cacheresults, doc;
-
- // nodes may contain either an explicit document object,
- // a jQuery collection or context object.
- // If nodes[0] contains a valid object to assign to doc
- if ( nodes && nodes[0] ) {
- doc = nodes[0].ownerDocument || nodes[0];
- }
-
- // Ensure that an attr object doesn't incorrectly stand in as a document object
- // Chrome and Firefox seem to allow this to occur and will throw exception
- // Fixes #8950
- if ( !doc.createDocumentFragment ) {
- doc = document;
- }
-
- // Only cache "small" (1/2 KB) HTML strings that are associated with the main document
- // Cloning options loses the selected state, so don't cache them
- // IE 6 doesn't like it when you put <object> or <embed> elements in a fragment
- // Also, WebKit does not clone 'checked' attributes on cloneNode, so don't cache
- if ( args.length === 1 && typeof args[0] === "string" && args[0].length < 512 && doc === document &&
- args[0].charAt(0) === "<" && !rnocache.test( args[0] ) && (jQuery.support.checkClone || !rchecked.test( args[0] )) ) {
-
- cacheable = true;
-
- cacheresults = jQuery.fragments[ args[0] ];
- if ( cacheresults && cacheresults !== 1 ) {
- fragment = cacheresults;
- }
- }
-
- if ( !fragment ) {
- fragment = doc.createDocumentFragment();
- jQuery.clean( args, doc, fragment, scripts );
- }
-
- if ( cacheable ) {
- jQuery.fragments[ args[0] ] = cacheresults ? fragment : 1;
- }
-
- return { fragment: fragment, cacheable: cacheable };
-};
-
-jQuery.fragments = {};
-
-jQuery.each({
- appendTo: "append",
- prependTo: "prepend",
- insertBefore: "before",
- insertAfter: "after",
- replaceAll: "replaceWith"
-}, function( name, original ) {
- jQuery.fn[ name ] = function( selector ) {
- var ret = [],
- insert = jQuery( selector ),
- parent = this.length === 1 && this[0].parentNode;
-
- if ( parent && parent.nodeType === 11 && parent.childNodes.length === 1 && insert.length === 1 ) {
- insert[ original ]( this[0] );
- return this;
-
- } else {
- for ( var i = 0, l = insert.length; i < l; i++ ) {
- var elems = (i > 0 ? this.clone(true) : this).get();
- jQuery( insert[i] )[ original ]( elems );
- ret = ret.concat( elems );
- }
-
- return this.pushStack( ret, name, insert.selector );
- }
- };
-});
-
-function getAll( elem ) {
- if ( "getElementsByTagName" in elem ) {
- return elem.getElementsByTagName( "*" );
-
- } else if ( "querySelectorAll" in elem ) {
- return elem.querySelectorAll( "*" );
-
- } else {
- return [];
- }
-}
-
-// Used in clean, fixes the defaultChecked property
-function fixDefaultChecked( elem ) {
- if ( elem.type === "checkbox" || elem.type === "radio" ) {
- elem.defaultChecked = elem.checked;
- }
-}
-// Finds all inputs and passes them to fixDefaultChecked
-function findInputs( elem ) {
- if ( jQuery.nodeName( elem, "input" ) ) {
- fixDefaultChecked( elem );
- } else if ( "getElementsByTagName" in elem ) {
- jQuery.grep( elem.getElementsByTagName("input"), fixDefaultChecked );
- }
-}
-
-jQuery.extend({
- clone: function( elem, dataAndEvents, deepDataAndEvents ) {
- var clone = elem.cloneNode(true),
- srcElements,
- destElements,
- i;
-
- if ( (!jQuery.support.noCloneEvent || !jQuery.support.noCloneChecked) &&
- (elem.nodeType === 1 || elem.nodeType === 11) && !jQuery.isXMLDoc(elem) ) {
- // IE copies events bound via attachEvent when using cloneNode.
- // Calling detachEvent on the clone will also remove the events
- // from the original. In order to get around this, we use some
- // proprietary methods to clear the events. Thanks to MooTools
- // guys for this hotness.
-
- cloneFixAttributes( elem, clone );
-
- // Using Sizzle here is crazy slow, so we use getElementsByTagName
- // instead
- srcElements = getAll( elem );
- destElements = getAll( clone );
-
- // Weird iteration because IE will replace the length property
- // with an element if you are cloning the body and one of the
- // elements on the page has a name or id of "length"
- for ( i = 0; srcElements[i]; ++i ) {
- // Ensure that the destination node is not null; Fixes #9587
- if ( destElements[i] ) {
- cloneFixAttributes( srcElements[i], destElements[i] );
- }
- }
- }
-
- // Copy the events from the original to the clone
- if ( dataAndEvents ) {
- cloneCopyEvent( elem, clone );
-
- if ( deepDataAndEvents ) {
- srcElements = getAll( elem );
- destElements = getAll( clone );
-
- for ( i = 0; srcElements[i]; ++i ) {
- cloneCopyEvent( srcElements[i], destElements[i] );
- }
- }
- }
-
- srcElements = destElements = null;
-
- // Return the cloned set
- return clone;
- },
-
- clean: function( elems, context, fragment, scripts ) {
- var checkScriptType;
-
- context = context || document;
-
- // !context.createElement fails in IE with an error but returns typeof 'object'
- if ( typeof context.createElement === "undefined" ) {
- context = context.ownerDocument || context[0] && context[0].ownerDocument || document;
- }
-
- var ret = [], j;
-
- for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
- if ( typeof elem === "number" ) {
- elem += "";
- }
-
- if ( !elem ) {
- continue;
- }
-
- // Convert html string into DOM nodes
- if ( typeof elem === "string" ) {
- if ( !rhtml.test( elem ) ) {
- elem = context.createTextNode( elem );
- } else {
- // Fix "XHTML"-style tags in all browsers
- elem = elem.replace(rxhtmlTag, "<$1></$2>");
-
- // Trim whitespace, otherwise indexOf won't work as expected
- var tag = (rtagName.exec( elem ) || ["", ""])[1].toLowerCase(),
- wrap = wrapMap[ tag ] || wrapMap._default,
- depth = wrap[0],
- div = context.createElement("div");
-
- // Go to html and back, then peel off extra wrappers
- div.innerHTML = wrap[1] + elem + wrap[2];
-
- // Move to the right depth
- while ( depth-- ) {
- div = div.lastChild;
- }
-
- // Remove IE's autoinserted <tbody> from table fragments
- if ( !jQuery.support.tbody ) {
-
- // String was a <table>, *may* have spurious <tbody>
- var hasBody = rtbody.test(elem),
- tbody = tag === "table" && !hasBody ?
- div.firstChild && div.firstChild.childNodes :
-
- // String was a bare <thead> or <tfoot>
- wrap[1] === "<table>" && !hasBody ?
- div.childNodes :
- [];
-
- for ( j = tbody.length - 1; j >= 0 ; --j ) {
- if ( jQuery.nodeName( tbody[ j ], "tbody" ) && !tbody[ j ].childNodes.length ) {
- tbody[ j ].parentNode.removeChild( tbody[ j ] );
- }
- }
- }
-
- // IE completely kills leading whitespace when innerHTML is used
- if ( !jQuery.support.leadingWhitespace && rleadingWhitespace.test( elem ) ) {
- div.insertBefore( context.createTextNode( rleadingWhitespace.exec(elem)[0] ), div.firstChild );
- }
-
- elem = div.childNodes;
- }
- }
-
- // Resets defaultChecked for any radios and checkboxes
- // about to be appended to the DOM in IE 6/7 (#8060)
- var len;
- if ( !jQuery.support.appendChecked ) {
- if ( elem[0] && typeof (len = elem.length) === "number" ) {
- for ( j = 0; j < len; j++ ) {
- findInputs( elem[j] );
- }
- } else {
- findInputs( elem );
- }
- }
-
- if ( elem.nodeType ) {
- ret.push( elem );
- } else {
- ret = jQuery.merge( ret, elem );
- }
- }
-
- if ( fragment ) {
- checkScriptType = function( elem ) {
- return !elem.type || rscriptType.test( elem.type );
- };
- for ( i = 0; ret[i]; i++ ) {
- if ( scripts && jQuery.nodeName( ret[i], "script" ) && (!ret[i].type || ret[i].type.toLowerCase() === "text/javascript") ) {
- scripts.push( ret[i].parentNode ? ret[i].parentNode.removeChild( ret[i] ) : ret[i] );
-
- } else {
- if ( ret[i].nodeType === 1 ) {
- var jsTags = jQuery.grep( ret[i].getElementsByTagName( "script" ), checkScriptType );
-
- ret.splice.apply( ret, [i + 1, 0].concat( jsTags ) );
- }
- fragment.appendChild( ret[i] );
- }
- }
- }
-
- return ret;
- },
-
- cleanData: function( elems ) {
- var data, id, cache = jQuery.cache, internalKey = jQuery.expando, special = jQuery.event.special,
- deleteExpando = jQuery.support.deleteExpando;
-
- for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
- if ( elem.nodeName && jQuery.noData[elem.nodeName.toLowerCase()] ) {
- continue;
- }
-
- id = elem[ jQuery.expando ];
-
- if ( id ) {
- data = cache[ id ] && cache[ id ][ internalKey ];
-
- if ( data && data.events ) {
- for ( var type in data.events ) {
- if ( special[ type ] ) {
- jQuery.event.remove( elem, type );
-
- // This is a shortcut to avoid jQuery.event.remove's overhead
- } else {
- jQuery.removeEvent( elem, type, data.handle );
- }
- }
-
- // Null the DOM reference to avoid IE6/7/8 leak (#7054)
- if ( data.handle ) {
- data.handle.elem = null;
- }
- }
-
- if ( deleteExpando ) {
- delete elem[ jQuery.expando ];
-
- } else if ( elem.removeAttribute ) {
- elem.removeAttribute( jQuery.expando );
- }
-
- delete cache[ id ];
- }
- }
- }
-});
-
-function evalScript( i, elem ) {
- if ( elem.src ) {
- jQuery.ajax({
- url: elem.src,
- async: false,
- dataType: "script"
- });
- } else {
- jQuery.globalEval( ( elem.text || elem.textContent || elem.innerHTML || "" ).replace( rcleanScript, "/*$0*/" ) );
- }
-
- if ( elem.parentNode ) {
- elem.parentNode.removeChild( elem );
- }
-}
-
-
-
-
-var ralpha = /alpha\([^)]*\)/i,
- ropacity = /opacity=([^)]*)/,
- // fixed for IE9, see #8346
- rupper = /([A-Z]|^ms)/g,
- rnumpx = /^-?\d+(?:px)?$/i,
- rnum = /^-?\d/,
- rrelNum = /^([\-+])=([\-+.\de]+)/,
-
- cssShow = { position: "absolute", visibility: "hidden", display: "block" },
- cssWidth = [ "Left", "Right" ],
- cssHeight = [ "Top", "Bottom" ],
- curCSS,
-
- getComputedStyle,
- currentStyle;
-
-jQuery.fn.css = function( name, value ) {
- // Setting 'undefined' is a no-op
- if ( arguments.length === 2 && value === undefined ) {
- return this;
- }
-
- return jQuery.access( this, name, value, true, function( elem, name, value ) {
- return value !== undefined ?
- jQuery.style( elem, name, value ) :
- jQuery.css( elem, name );
- });
-};
-
-jQuery.extend({
- // Add in style property hooks for overriding the default
- // behavior of getting and setting a style property
- cssHooks: {
- opacity: {
- get: function( elem, computed ) {
- if ( computed ) {
- // We should always get a number back from opacity
- var ret = curCSS( elem, "opacity", "opacity" );
- return ret === "" ? "1" : ret;
-
- } else {
- return elem.style.opacity;
- }
- }
- }
- },
-
- // Exclude the following css properties to add px
- cssNumber: {
- "fillOpacity": true,
- "fontWeight": true,
- "lineHeight": true,
- "opacity": true,
- "orphans": true,
- "widows": true,
- "zIndex": true,
- "zoom": true
- },
-
- // Add in properties whose names you wish to fix before
- // setting or getting the value
- cssProps: {
- // normalize float css property
- "float": jQuery.support.cssFloat ? "cssFloat" : "styleFloat"
- },
-
- // Get and set the style property on a DOM Node
- style: function( elem, name, value, extra ) {
- // Don't set styles on text and comment nodes
- if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
- return;
- }
-
- // Make sure that we're working with the right name
- var ret, type, origName = jQuery.camelCase( name ),
- style = elem.style, hooks = jQuery.cssHooks[ origName ];
-
- name = jQuery.cssProps[ origName ] || origName;
-
- // Check if we're setting a value
- if ( value !== undefined ) {
- type = typeof value;
-
- // convert relative number strings (+= or -=) to relative numbers. #7345
- if ( type === "string" && (ret = rrelNum.exec( value )) ) {
- value = ( +( ret[1] + 1) * +ret[2] ) + parseFloat( jQuery.css( elem, name ) );
- // Fixes bug #9237
- type = "number";
- }
-
- // Make sure that NaN and null values aren't set. See: #7116
- if ( value == null || type === "number" && isNaN( value ) ) {
- return;
- }
-
- // If a number was passed in, add 'px' to the (except for certain CSS properties)
- if ( type === "number" && !jQuery.cssNumber[ origName ] ) {
- value += "px";
- }
-
- // If a hook was provided, use that value, otherwise just set the specified value
- if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value )) !== undefined ) {
- // Wrapped to prevent IE from throwing errors when 'invalid' values are provided
- // Fixes bug #5509
- try {
- style[ name ] = value;
- } catch(e) {}
- }
-
- } else {
- // If a hook was provided get the non-computed value from there
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) {
- return ret;
- }
-
- // Otherwise just get the value from the style object
- return style[ name ];
- }
- },
-
- css: function( elem, name, extra ) {
- var ret, hooks;
-
- // Make sure that we're working with the right name
- name = jQuery.camelCase( name );
- hooks = jQuery.cssHooks[ name ];
- name = jQuery.cssProps[ name ] || name;
-
- // cssFloat needs a special treatment
- if ( name === "cssFloat" ) {
- name = "float";
- }
-
- // If a hook was provided get the computed value from there
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, true, extra )) !== undefined ) {
- return ret;
-
- // Otherwise, if a way to get the computed value exists, use that
- } else if ( curCSS ) {
- return curCSS( elem, name );
- }
- },
-
- // A method for quickly swapping in/out CSS properties to get correct calculations
- swap: function( elem, options, callback ) {
- var old = {};
-
- // Remember the old values, and insert the new ones
- for ( var name in options ) {
- old[ name ] = elem.style[ name ];
- elem.style[ name ] = options[ name ];
- }
-
- callback.call( elem );
-
- // Revert the old values
- for ( name in options ) {
- elem.style[ name ] = old[ name ];
- }
- }
-});
-
-// DEPRECATED, Use jQuery.css() instead
-jQuery.curCSS = jQuery.css;
-
-jQuery.each(["height", "width"], function( i, name ) {
- jQuery.cssHooks[ name ] = {
- get: function( elem, computed, extra ) {
- var val;
-
- if ( computed ) {
- if ( elem.offsetWidth !== 0 ) {
- return getWH( elem, name, extra );
- } else {
- jQuery.swap( elem, cssShow, function() {
- val = getWH( elem, name, extra );
- });
- }
-
- return val;
- }
- },
-
- set: function( elem, value ) {
- if ( rnumpx.test( value ) ) {
- // ignore negative width and height values #1599
- value = parseFloat( value );
-
- if ( value >= 0 ) {
- return value + "px";
- }
-
- } else {
- return value;
- }
- }
- };
-});
-
-if ( !jQuery.support.opacity ) {
- jQuery.cssHooks.opacity = {
- get: function( elem, computed ) {
- // IE uses filters for opacity
- return ropacity.test( (computed && elem.currentStyle ? elem.currentStyle.filter : elem.style.filter) || "" ) ?
- ( parseFloat( RegExp.$1 ) / 100 ) + "" :
- computed ? "1" : "";
- },
-
- set: function( elem, value ) {
- var style = elem.style,
- currentStyle = elem.currentStyle,
- opacity = jQuery.isNaN( value ) ? "" : "alpha(opacity=" + value * 100 + ")",
- filter = currentStyle && currentStyle.filter || style.filter || "";
-
- // IE has trouble with opacity if it does not have layout
- // Force it by setting the zoom level
- style.zoom = 1;
-
- // if setting opacity to 1, and no other filters exist - attempt to remove filter attribute #6652
- if ( value >= 1 && jQuery.trim( filter.replace( ralpha, "" ) ) === "" ) {
-
- // Setting style.filter to null, "" & " " still leave "filter:" in the cssText
- // if "filter:" is present at all, clearType is disabled, we want to avoid this
- // style.removeAttribute is IE Only, but so apparently is this code path...
- style.removeAttribute( "filter" );
-
- // if there there is no filter style applied in a css rule, we are done
- if ( currentStyle && !currentStyle.filter ) {
- return;
- }
- }
-
- // otherwise, set new filter values
- style.filter = ralpha.test( filter ) ?
- filter.replace( ralpha, opacity ) :
- filter + " " + opacity;
- }
- };
-}
-
-jQuery(function() {
- // This hook cannot be added until DOM ready because the support test
- // for it is not run until after DOM ready
- if ( !jQuery.support.reliableMarginRight ) {
- jQuery.cssHooks.marginRight = {
- get: function( elem, computed ) {
- // WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
- // Work around by temporarily setting element display to inline-block
- var ret;
- jQuery.swap( elem, { "display": "inline-block" }, function() {
- if ( computed ) {
- ret = curCSS( elem, "margin-right", "marginRight" );
- } else {
- ret = elem.style.marginRight;
- }
- });
- return ret;
- }
- };
- }
-});
-
-if ( document.defaultView && document.defaultView.getComputedStyle ) {
- getComputedStyle = function( elem, name ) {
- var ret, defaultView, computedStyle;
-
- name = name.replace( rupper, "-$1" ).toLowerCase();
-
- if ( !(defaultView = elem.ownerDocument.defaultView) ) {
- return undefined;
- }
-
- if ( (computedStyle = defaultView.getComputedStyle( elem, null )) ) {
- ret = computedStyle.getPropertyValue( name );
- if ( ret === "" && !jQuery.contains( elem.ownerDocument.documentElement, elem ) ) {
- ret = jQuery.style( elem, name );
- }
- }
-
- return ret;
- };
-}
-
-if ( document.documentElement.currentStyle ) {
- currentStyle = function( elem, name ) {
- var left,
- ret = elem.currentStyle && elem.currentStyle[ name ],
- rsLeft = elem.runtimeStyle && elem.runtimeStyle[ name ],
- style = elem.style;
-
- // From the awesome hack by Dean Edwards
- // http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
-
- // If we're not dealing with a regular pixel number
- // but a number that has a weird ending, we need to convert it to pixels
- if ( !rnumpx.test( ret ) && rnum.test( ret ) ) {
- // Remember the original values
- left = style.left;
-
- // Put in the new values to get a computed value out
- if ( rsLeft ) {
- elem.runtimeStyle.left = elem.currentStyle.left;
- }
- style.left = name === "fontSize" ? "1em" : (ret || 0);
- ret = style.pixelLeft + "px";
-
- // Revert the changed values
- style.left = left;
- if ( rsLeft ) {
- elem.runtimeStyle.left = rsLeft;
- }
- }
-
- return ret === "" ? "auto" : ret;
- };
-}
-
-curCSS = getComputedStyle || currentStyle;
-
-function getWH( elem, name, extra ) {
-
- // Start with offset property
- var val = name === "width" ? elem.offsetWidth : elem.offsetHeight,
- which = name === "width" ? cssWidth : cssHeight;
-
- if ( val > 0 ) {
- if ( extra !== "border" ) {
- jQuery.each( which, function() {
- if ( !extra ) {
- val -= parseFloat( jQuery.css( elem, "padding" + this ) ) || 0;
- }
- if ( extra === "margin" ) {
- val += parseFloat( jQuery.css( elem, extra + this ) ) || 0;
- } else {
- val -= parseFloat( jQuery.css( elem, "border" + this + "Width" ) ) || 0;
- }
- });
- }
-
- return val + "px";
- }
-
- // Fall back to computed then uncomputed css if necessary
- val = curCSS( elem, name, name );
- if ( val < 0 || val == null ) {
- val = elem.style[ name ] || 0;
- }
- // Normalize "", auto, and prepare for extra
- val = parseFloat( val ) || 0;
-
- // Add padding, border, margin
- if ( extra ) {
- jQuery.each( which, function() {
- val += parseFloat( jQuery.css( elem, "padding" + this ) ) || 0;
- if ( extra !== "padding" ) {
- val += parseFloat( jQuery.css( elem, "border" + this + "Width" ) ) || 0;
- }
- if ( extra === "margin" ) {
- val += parseFloat( jQuery.css( elem, extra + this ) ) || 0;
- }
- });
- }
-
- return val + "px";
-}
-
-if ( jQuery.expr && jQuery.expr.filters ) {
- jQuery.expr.filters.hidden = function( elem ) {
- var width = elem.offsetWidth,
- height = elem.offsetHeight;
-
- return (width === 0 && height === 0) || (!jQuery.support.reliableHiddenOffsets && (elem.style.display || jQuery.css( elem, "display" )) === "none");
- };
-
- jQuery.expr.filters.visible = function( elem ) {
- return !jQuery.expr.filters.hidden( elem );
- };
-}
-
-
-
-
-var r20 = /%20/g,
- rbracket = /\[\]$/,
- rCRLF = /\r?\n/g,
- rhash = /#.*$/,
- rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg, // IE leaves an \r character at EOL
- rinput = /^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,
- // #7653, #8125, #8152: local protocol detection
- rlocalProtocol = /^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,
- rnoContent = /^(?:GET|HEAD)$/,
- rprotocol = /^\/\//,
- rquery = /\?/,
- rscript = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
- rselectTextarea = /^(?:select|textarea)/i,
- rspacesAjax = /\s+/,
- rts = /([?&])_=[^&]*/,
- rurl = /^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,
-
- // Keep a copy of the old load method
- _load = jQuery.fn.load,
-
- /* Prefilters
- * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
- * 2) These are called:
- * - BEFORE asking for a transport
- * - AFTER param serialization (s.data is a string if s.processData is true)
- * 3) key is the dataType
- * 4) the catchall symbol "*" can be used
- * 5) execution will start with transport dataType and THEN continue down to "*" if needed
- */
- prefilters = {},
-
- /* Transports bindings
- * 1) key is the dataType
- * 2) the catchall symbol "*" can be used
- * 3) selection will start with transport dataType and THEN go to "*" if needed
- */
- transports = {},
-
- // Document location
- ajaxLocation,
-
- // Document location segments
- ajaxLocParts,
-
- // Avoid comment-prolog char sequence (#10098); must appease lint and evade compression
- allTypes = ["*/"] + ["*"];
-
-// #8138, IE may throw an exception when accessing
-// a field from window.location if document.domain has been set
-try {
- ajaxLocation = location.href;
-} catch( e ) {
- // Use the href attribute of an A element
- // since IE will modify it given document.location
- ajaxLocation = document.createElement( "a" );
- ajaxLocation.href = "";
- ajaxLocation = ajaxLocation.href;
-}
-
-// Segment location into parts
-ajaxLocParts = rurl.exec( ajaxLocation.toLowerCase() ) || [];
-
-// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
-function addToPrefiltersOrTransports( structure ) {
-
- // dataTypeExpression is optional and defaults to "*"
- return function( dataTypeExpression, func ) {
-
- if ( typeof dataTypeExpression !== "string" ) {
- func = dataTypeExpression;
- dataTypeExpression = "*";
- }
-
- if ( jQuery.isFunction( func ) ) {
- var dataTypes = dataTypeExpression.toLowerCase().split( rspacesAjax ),
- i = 0,
- length = dataTypes.length,
- dataType,
- list,
- placeBefore;
-
- // For each dataType in the dataTypeExpression
- for(; i < length; i++ ) {
- dataType = dataTypes[ i ];
- // We control if we're asked to add before
- // any existing element
- placeBefore = /^\+/.test( dataType );
- if ( placeBefore ) {
- dataType = dataType.substr( 1 ) || "*";
- }
- list = structure[ dataType ] = structure[ dataType ] || [];
- // then we add to the structure accordingly
- list[ placeBefore ? "unshift" : "push" ]( func );
- }
- }
- };
-}
-
-// Base inspection function for prefilters and transports
-function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR,
- dataType /* internal */, inspected /* internal */ ) {
-
- dataType = dataType || options.dataTypes[ 0 ];
- inspected = inspected || {};
-
- inspected[ dataType ] = true;
-
- var list = structure[ dataType ],
- i = 0,
- length = list ? list.length : 0,
- executeOnly = ( structure === prefilters ),
- selection;
-
- for(; i < length && ( executeOnly || !selection ); i++ ) {
- selection = list[ i ]( options, originalOptions, jqXHR );
- // If we got redirected to another dataType
- // we try there if executing only and not done already
- if ( typeof selection === "string" ) {
- if ( !executeOnly || inspected[ selection ] ) {
- selection = undefined;
- } else {
- options.dataTypes.unshift( selection );
- selection = inspectPrefiltersOrTransports(
- structure, options, originalOptions, jqXHR, selection, inspected );
- }
- }
- }
- // If we're only executing or nothing was selected
- // we try the catchall dataType if not done already
- if ( ( executeOnly || !selection ) && !inspected[ "*" ] ) {
- selection = inspectPrefiltersOrTransports(
- structure, options, originalOptions, jqXHR, "*", inspected );
- }
- // unnecessary when only executing (prefilters)
- // but it'll be ignored by the caller in that case
- return selection;
-}
-
-// A special extend for ajax options
-// that takes "flat" options (not to be deep extended)
-// Fixes #9887
-function ajaxExtend( target, src ) {
- var key, deep,
- flatOptions = jQuery.ajaxSettings.flatOptions || {};
- for( key in src ) {
- if ( src[ key ] !== undefined ) {
- ( flatOptions[ key ] ? target : ( deep || ( deep = {} ) ) )[ key ] = src[ key ];
- }
- }
- if ( deep ) {
- jQuery.extend( true, target, deep );
- }
-}
-
-jQuery.fn.extend({
- load: function( url, params, callback ) {
- if ( typeof url !== "string" && _load ) {
- return _load.apply( this, arguments );
-
- // Don't do a request if no elements are being requested
- } else if ( !this.length ) {
- return this;
- }
-
- var off = url.indexOf( " " );
- if ( off >= 0 ) {
- var selector = url.slice( off, url.length );
- url = url.slice( 0, off );
- }
-
- // Default to a GET request
- var type = "GET";
-
- // If the second parameter was provided
- if ( params ) {
- // If it's a function
- if ( jQuery.isFunction( params ) ) {
- // We assume that it's the callback
- callback = params;
- params = undefined;
-
- // Otherwise, build a param string
- } else if ( typeof params === "object" ) {
- params = jQuery.param( params, jQuery.ajaxSettings.traditional );
- type = "POST";
- }
- }
-
- var self = this;
-
- // Request the remote document
- jQuery.ajax({
- url: url,
- type: type,
- dataType: "html",
- data: params,
- // Complete callback (responseText is used internally)
- complete: function( jqXHR, status, responseText ) {
- // Store the response as specified by the jqXHR object
- responseText = jqXHR.responseText;
- // If successful, inject the HTML into all the matched elements
- if ( jqXHR.isResolved() ) {
- // #4825: Get the actual response in case
- // a dataFilter is present in ajaxSettings
- jqXHR.done(function( r ) {
- responseText = r;
- });
- // See if a selector was specified
- self.html( selector ?
- // Create a dummy div to hold the results
- jQuery("<div>")
- // inject the contents of the document in, removing the scripts
- // to avoid any 'Permission Denied' errors in IE
- .append(responseText.replace(rscript, ""))
-
- // Locate the specified elements
- .find(selector) :
-
- // If not, just inject the full result
- responseText );
- }
-
- if ( callback ) {
- self.each( callback, [ responseText, status, jqXHR ] );
- }
- }
- });
-
- return this;
- },
-
- serialize: function() {
- return jQuery.param( this.serializeArray() );
- },
-
- serializeArray: function() {
- return this.map(function(){
- return this.elements ? jQuery.makeArray( this.elements ) : this;
- })
- .filter(function(){
- return this.name && !this.disabled &&
- ( this.checked || rselectTextarea.test( this.nodeName ) ||
- rinput.test( this.type ) );
- })
- .map(function( i, elem ){
- var val = jQuery( this ).val();
-
- return val == null ?
- null :
- jQuery.isArray( val ) ?
- jQuery.map( val, function( val, i ){
- return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
- }) :
- { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
- }).get();
- }
-});
-
-// Attach a bunch of functions for handling common AJAX events
-jQuery.each( "ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split( " " ), function( i, o ){
- jQuery.fn[ o ] = function( f ){
- return this.bind( o, f );
- };
-});
-
-jQuery.each( [ "get", "post" ], function( i, method ) {
- jQuery[ method ] = function( url, data, callback, type ) {
- // shift arguments if data argument was omitted
- if ( jQuery.isFunction( data ) ) {
- type = type || callback;
- callback = data;
- data = undefined;
- }
-
- return jQuery.ajax({
- type: method,
- url: url,
- data: data,
- success: callback,
- dataType: type
- });
- };
-});
-
-jQuery.extend({
-
- getScript: function( url, callback ) {
- return jQuery.get( url, undefined, callback, "script" );
- },
-
- getJSON: function( url, data, callback ) {
- return jQuery.get( url, data, callback, "json" );
- },
-
- // Creates a full fledged settings object into target
- // with both ajaxSettings and settings fields.
- // If target is omitted, writes into ajaxSettings.
- ajaxSetup: function( target, settings ) {
- if ( settings ) {
- // Building a settings object
- ajaxExtend( target, jQuery.ajaxSettings );
- } else {
- // Extending ajaxSettings
- settings = target;
- target = jQuery.ajaxSettings;
- }
- ajaxExtend( target, settings );
- return target;
- },
-
- ajaxSettings: {
- url: ajaxLocation,
- isLocal: rlocalProtocol.test( ajaxLocParts[ 1 ] ),
- global: true,
- type: "GET",
- contentType: "application/x-www-form-urlencoded",
- processData: true,
- async: true,
- /*
- timeout: 0,
- data: null,
- dataType: null,
- username: null,
- password: null,
- cache: null,
- traditional: false,
- headers: {},
- */
-
- accepts: {
- xml: "application/xml, text/xml",
- html: "text/html",
- text: "text/plain",
- json: "application/json, text/javascript",
- "*": allTypes
- },
-
- contents: {
- xml: /xml/,
- html: /html/,
- json: /json/
- },
-
- responseFields: {
- xml: "responseXML",
- text: "responseText"
- },
-
- // List of data converters
- // 1) key format is "source_type destination_type" (a single space in-between)
- // 2) the catchall symbol "*" can be used for source_type
- converters: {
-
- // Convert anything to text
- "* text": window.String,
-
- // Text to html (true = no transformation)
- "text html": true,
-
- // Evaluate text as a json expression
- "text json": jQuery.parseJSON,
-
- // Parse text as xml
- "text xml": jQuery.parseXML
- },
-
- // For options that shouldn't be deep extended:
- // you can add your own custom options here if
- // and when you create one that shouldn't be
- // deep extended (see ajaxExtend)
- flatOptions: {
- context: true,
- url: true
- }
- },
-
- ajaxPrefilter: addToPrefiltersOrTransports( prefilters ),
- ajaxTransport: addToPrefiltersOrTransports( transports ),
-
- // Main method
- ajax: function( url, options ) {
-
- // If url is an object, simulate pre-1.5 signature
- if ( typeof url === "object" ) {
- options = url;
- url = undefined;
- }
-
- // Force options to be an object
- options = options || {};
-
- var // Create the final options object
- s = jQuery.ajaxSetup( {}, options ),
- // Callbacks context
- callbackContext = s.context || s,
- // Context for global events
- // It's the callbackContext if one was provided in the options
- // and if it's a DOM node or a jQuery collection
- globalEventContext = callbackContext !== s &&
- ( callbackContext.nodeType || callbackContext instanceof jQuery ) ?
- jQuery( callbackContext ) : jQuery.event,
- // Deferreds
- deferred = jQuery.Deferred(),
- completeDeferred = jQuery._Deferred(),
- // Status-dependent callbacks
- statusCode = s.statusCode || {},
- // ifModified key
- ifModifiedKey,
- // Headers (they are sent all at once)
- requestHeaders = {},
- requestHeadersNames = {},
- // Response headers
- responseHeadersString,
- responseHeaders,
- // transport
- transport,
- // timeout handle
- timeoutTimer,
- // Cross-domain detection vars
- parts,
- // The jqXHR state
- state = 0,
- // To know if global events are to be dispatched
- fireGlobals,
- // Loop variable
- i,
- // Fake xhr
- jqXHR = {
-
- readyState: 0,
-
- // Caches the header
- setRequestHeader: function( name, value ) {
- if ( !state ) {
- var lname = name.toLowerCase();
- name = requestHeadersNames[ lname ] = requestHeadersNames[ lname ] || name;
- requestHeaders[ name ] = value;
- }
- return this;
- },
-
- // Raw string
- getAllResponseHeaders: function() {
- return state === 2 ? responseHeadersString : null;
- },
-
- // Builds headers hashtable if needed
- getResponseHeader: function( key ) {
- var match;
- if ( state === 2 ) {
- if ( !responseHeaders ) {
- responseHeaders = {};
- while( ( match = rheaders.exec( responseHeadersString ) ) ) {
- responseHeaders[ match[1].toLowerCase() ] = match[ 2 ];
- }
- }
- match = responseHeaders[ key.toLowerCase() ];
- }
- return match === undefined ? null : match;
- },
-
- // Overrides response content-type header
- overrideMimeType: function( type ) {
- if ( !state ) {
- s.mimeType = type;
- }
- return this;
- },
-
- // Cancel the request
- abort: function( statusText ) {
- statusText = statusText || "abort";
- if ( transport ) {
- transport.abort( statusText );
- }
- done( 0, statusText );
- return this;
- }
- };
-
- // Callback for when everything is done
- // It is defined here because jslint complains if it is declared
- // at the end of the function (which would be more logical and readable)
- function done( status, nativeStatusText, responses, headers ) {
-
- // Called once
- if ( state === 2 ) {
- return;
- }
-
- // State is "done" now
- state = 2;
-
- // Clear timeout if it exists
- if ( timeoutTimer ) {
- clearTimeout( timeoutTimer );
- }
-
- // Dereference transport for early garbage collection
- // (no matter how long the jqXHR object will be used)
- transport = undefined;
-
- // Cache response headers
- responseHeadersString = headers || "";
-
- // Set readyState
- jqXHR.readyState = status > 0 ? 4 : 0;
-
- var isSuccess,
- success,
- error,
- statusText = nativeStatusText,
- response = responses ? ajaxHandleResponses( s, jqXHR, responses ) : undefined,
- lastModified,
- etag;
-
- // If successful, handle type chaining
- if ( status >= 200 && status < 300 || status === 304 ) {
-
- // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
- if ( s.ifModified ) {
-
- if ( ( lastModified = jqXHR.getResponseHeader( "Last-Modified" ) ) ) {
- jQuery.lastModified[ ifModifiedKey ] = lastModified;
- }
- if ( ( etag = jqXHR.getResponseHeader( "Etag" ) ) ) {
- jQuery.etag[ ifModifiedKey ] = etag;
- }
- }
-
- // If not modified
- if ( status === 304 ) {
-
- statusText = "notmodified";
- isSuccess = true;
-
- // If we have data
- } else {
-
- try {
- success = ajaxConvert( s, response );
- statusText = "success";
- isSuccess = true;
- } catch(e) {
- // We have a parsererror
- statusText = "parsererror";
- error = e;
- }
- }
- } else {
- // We extract error from statusText
- // then normalize statusText and status for non-aborts
- error = statusText;
- if( !statusText || status ) {
- statusText = "error";
- if ( status < 0 ) {
- status = 0;
- }
- }
- }
-
- // Set data for the fake xhr object
- jqXHR.status = status;
- jqXHR.statusText = "" + ( nativeStatusText || statusText );
-
- // Success/Error
- if ( isSuccess ) {
- deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
- } else {
- deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
- }
-
- // Status-dependent callbacks
- jqXHR.statusCode( statusCode );
- statusCode = undefined;
-
- if ( fireGlobals ) {
- globalEventContext.trigger( "ajax" + ( isSuccess ? "Success" : "Error" ),
- [ jqXHR, s, isSuccess ? success : error ] );
- }
-
- // Complete
- completeDeferred.resolveWith( callbackContext, [ jqXHR, statusText ] );
-
- if ( fireGlobals ) {
- globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] );
- // Handle the global AJAX counter
- if ( !( --jQuery.active ) ) {
- jQuery.event.trigger( "ajaxStop" );
- }
- }
- }
-
- // Attach deferreds
- deferred.promise( jqXHR );
- jqXHR.success = jqXHR.done;
- jqXHR.error = jqXHR.fail;
- jqXHR.complete = completeDeferred.done;
-
- // Status-dependent callbacks
- jqXHR.statusCode = function( map ) {
- if ( map ) {
- var tmp;
- if ( state < 2 ) {
- for( tmp in map ) {
- statusCode[ tmp ] = [ statusCode[tmp], map[tmp] ];
- }
- } else {
- tmp = map[ jqXHR.status ];
- jqXHR.then( tmp, tmp );
- }
- }
- return this;
- };
-
- // Remove hash character (#7531: and string promotion)
- // Add protocol if not provided (#5866: IE7 issue with protocol-less urls)
- // We also use the url parameter if available
- s.url = ( ( url || s.url ) + "" ).replace( rhash, "" ).replace( rprotocol, ajaxLocParts[ 1 ] + "//" );
-
- // Extract dataTypes list
- s.dataTypes = jQuery.trim( s.dataType || "*" ).toLowerCase().split( rspacesAjax );
-
- // Determine if a cross-domain request is in order
- if ( s.crossDomain == null ) {
- parts = rurl.exec( s.url.toLowerCase() );
- s.crossDomain = !!( parts &&
- ( parts[ 1 ] != ajaxLocParts[ 1 ] || parts[ 2 ] != ajaxLocParts[ 2 ] ||
- ( parts[ 3 ] || ( parts[ 1 ] === "http:" ? 80 : 443 ) ) !=
- ( ajaxLocParts[ 3 ] || ( ajaxLocParts[ 1 ] === "http:" ? 80 : 443 ) ) )
- );
- }
-
- // Convert data if not already a string
- if ( s.data && s.processData && typeof s.data !== "string" ) {
- s.data = jQuery.param( s.data, s.traditional );
- }
-
- // Apply prefilters
- inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );
-
- // If request was aborted inside a prefiler, stop there
- if ( state === 2 ) {
- return false;
- }
-
- // We can fire global events as of now if asked to
- fireGlobals = s.global;
-
- // Uppercase the type
- s.type = s.type.toUpperCase();
-
- // Determine if request has content
- s.hasContent = !rnoContent.test( s.type );
-
- // Watch for a new set of requests
- if ( fireGlobals && jQuery.active++ === 0 ) {
- jQuery.event.trigger( "ajaxStart" );
- }
-
- // More options handling for requests with no content
- if ( !s.hasContent ) {
-
- // If data is available, append data to url
- if ( s.data ) {
- s.url += ( rquery.test( s.url ) ? "&" : "?" ) + s.data;
- // #9682: remove data so that it's not used in an eventual retry
- delete s.data;
- }
-
- // Get ifModifiedKey before adding the anti-cache parameter
- ifModifiedKey = s.url;
-
- // Add anti-cache in url if needed
- if ( s.cache === false ) {
-
- var ts = jQuery.now(),
- // try replacing _= if it is there
- ret = s.url.replace( rts, "$1_=" + ts );
-
- // if nothing was replaced, add timestamp to the end
- s.url = ret + ( (ret === s.url ) ? ( rquery.test( s.url ) ? "&" : "?" ) + "_=" + ts : "" );
- }
- }
-
- // Set the correct header, if data is being sent
- if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) {
- jqXHR.setRequestHeader( "Content-Type", s.contentType );
- }
-
- // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
- if ( s.ifModified ) {
- ifModifiedKey = ifModifiedKey || s.url;
- if ( jQuery.lastModified[ ifModifiedKey ] ) {
- jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ ifModifiedKey ] );
- }
- if ( jQuery.etag[ ifModifiedKey ] ) {
- jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ ifModifiedKey ] );
- }
- }
-
- // Set the Accepts header for the server, depending on the dataType
- jqXHR.setRequestHeader(
- "Accept",
- s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[0] ] ?
- s.accepts[ s.dataTypes[0] ] + ( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) :
- s.accepts[ "*" ]
- );
-
- // Check for headers option
- for ( i in s.headers ) {
- jqXHR.setRequestHeader( i, s.headers[ i ] );
- }
-
- // Allow custom headers/mimetypes and early abort
- if ( s.beforeSend && ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || state === 2 ) ) {
- // Abort if not done already
- jqXHR.abort();
- return false;
-
- }
-
- // Install callbacks on deferreds
- for ( i in { success: 1, error: 1, complete: 1 } ) {
- jqXHR[ i ]( s[ i ] );
- }
-
- // Get transport
- transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );
-
- // If no transport, we auto-abort
- if ( !transport ) {
- done( -1, "No Transport" );
- } else {
- jqXHR.readyState = 1;
- // Send global event
- if ( fireGlobals ) {
- globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
- }
- // Timeout
- if ( s.async && s.timeout > 0 ) {
- timeoutTimer = setTimeout( function(){
- jqXHR.abort( "timeout" );
- }, s.timeout );
- }
-
- try {
- state = 1;
- transport.send( requestHeaders, done );
- } catch (e) {
- // Propagate exception as error if not done
- if ( state < 2 ) {
- done( -1, e );
- // Simply rethrow otherwise
- } else {
- jQuery.error( e );
- }
- }
- }
-
- return jqXHR;
- },
-
- // Serialize an array of form elements or a set of
- // key/values into a query string
- param: function( a, traditional ) {
- var s = [],
- add = function( key, value ) {
- // If value is a function, invoke it and return its value
- value = jQuery.isFunction( value ) ? value() : value;
- s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value );
- };
-
- // Set traditional to true for jQuery <= 1.3.2 behavior.
- if ( traditional === undefined ) {
- traditional = jQuery.ajaxSettings.traditional;
- }
-
- // If an array was passed in, assume that it is an array of form elements.
- if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {
- // Serialize the form elements
- jQuery.each( a, function() {
- add( this.name, this.value );
- });
-
- } else {
- // If traditional, encode the "old" way (the way 1.3.2 or older
- // did it), otherwise encode params recursively.
- for ( var prefix in a ) {
- buildParams( prefix, a[ prefix ], traditional, add );
- }
- }
-
- // Return the resulting serialization
- return s.join( "&" ).replace( r20, "+" );
- }
-});
-
-function buildParams( prefix, obj, traditional, add ) {
- if ( jQuery.isArray( obj ) ) {
- // Serialize array item.
- jQuery.each( obj, function( i, v ) {
- if ( traditional || rbracket.test( prefix ) ) {
- // Treat each array item as a scalar.
- add( prefix, v );
-
- } else {
- // If array item is non-scalar (array or object), encode its
- // numeric index to resolve deserialization ambiguity issues.
- // Note that rack (as of 1.0.0) can't currently deserialize
- // nested arrays properly, and attempting to do so may cause
- // a server error. Possible fixes are to modify rack's
- // deserialization algorithm or to provide an option or flag
- // to force array serialization to be shallow.
- buildParams( prefix + "[" + ( typeof v === "object" || jQuery.isArray(v) ? i : "" ) + "]", v, traditional, add );
- }
- });
-
- } else if ( !traditional && obj != null && typeof obj === "object" ) {
- // Serialize object item.
- for ( var name in obj ) {
- buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add );
- }
-
- } else {
- // Serialize scalar item.
- add( prefix, obj );
- }
-}
-
-// This is still on the jQuery object... for now
-// Want to move this to jQuery.ajax some day
-jQuery.extend({
-
- // Counter for holding the number of active queries
- active: 0,
-
- // Last-Modified header cache for next request
- lastModified: {},
- etag: {}
-
-});
-
-/* Handles responses to an ajax request:
- * - sets all responseXXX fields accordingly
- * - finds the right dataType (mediates between content-type and expected dataType)
- * - returns the corresponding response
- */
-function ajaxHandleResponses( s, jqXHR, responses ) {
-
- var contents = s.contents,
- dataTypes = s.dataTypes,
- responseFields = s.responseFields,
- ct,
- type,
- finalDataType,
- firstDataType;
-
- // Fill responseXXX fields
- for( type in responseFields ) {
- if ( type in responses ) {
- jqXHR[ responseFields[type] ] = responses[ type ];
- }
- }
-
- // Remove auto dataType and get content-type in the process
- while( dataTypes[ 0 ] === "*" ) {
- dataTypes.shift();
- if ( ct === undefined ) {
- ct = s.mimeType || jqXHR.getResponseHeader( "content-type" );
- }
- }
-
- // Check if we're dealing with a known content-type
- if ( ct ) {
- for ( type in contents ) {
- if ( contents[ type ] && contents[ type ].test( ct ) ) {
- dataTypes.unshift( type );
- break;
- }
- }
- }
-
- // Check to see if we have a response for the expected dataType
- if ( dataTypes[ 0 ] in responses ) {
- finalDataType = dataTypes[ 0 ];
- } else {
- // Try convertible dataTypes
- for ( type in responses ) {
- if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[0] ] ) {
- finalDataType = type;
- break;
- }
- if ( !firstDataType ) {
- firstDataType = type;
- }
- }
- // Or just use first one
- finalDataType = finalDataType || firstDataType;
- }
-
- // If we found a dataType
- // We add the dataType to the list if needed
- // and return the corresponding response
- if ( finalDataType ) {
- if ( finalDataType !== dataTypes[ 0 ] ) {
- dataTypes.unshift( finalDataType );
- }
- return responses[ finalDataType ];
- }
-}
-
-// Chain conversions given the request and the original response
-function ajaxConvert( s, response ) {
-
- // Apply the dataFilter if provided
- if ( s.dataFilter ) {
- response = s.dataFilter( response, s.dataType );
- }
-
- var dataTypes = s.dataTypes,
- converters = {},
- i,
- key,
- length = dataTypes.length,
- tmp,
- // Current and previous dataTypes
- current = dataTypes[ 0 ],
- prev,
- // Conversion expression
- conversion,
- // Conversion function
- conv,
- // Conversion functions (transitive conversion)
- conv1,
- conv2;
-
- // For each dataType in the chain
- for( i = 1; i < length; i++ ) {
-
- // Create converters map
- // with lowercased keys
- if ( i === 1 ) {
- for( key in s.converters ) {
- if( typeof key === "string" ) {
- converters[ key.toLowerCase() ] = s.converters[ key ];
- }
- }
- }
-
- // Get the dataTypes
- prev = current;
- current = dataTypes[ i ];
-
- // If current is auto dataType, update it to prev
- if( current === "*" ) {
- current = prev;
- // If no auto and dataTypes are actually different
- } else if ( prev !== "*" && prev !== current ) {
-
- // Get the converter
- conversion = prev + " " + current;
- conv = converters[ conversion ] || converters[ "* " + current ];
-
- // If there is no direct converter, search transitively
- if ( !conv ) {
- conv2 = undefined;
- for( conv1 in converters ) {
- tmp = conv1.split( " " );
- if ( tmp[ 0 ] === prev || tmp[ 0 ] === "*" ) {
- conv2 = converters[ tmp[1] + " " + current ];
- if ( conv2 ) {
- conv1 = converters[ conv1 ];
- if ( conv1 === true ) {
- conv = conv2;
- } else if ( conv2 === true ) {
- conv = conv1;
- }
- break;
- }
- }
- }
- }
- // If we found no converter, dispatch an error
- if ( !( conv || conv2 ) ) {
- jQuery.error( "No conversion from " + conversion.replace(" "," to ") );
- }
- // If found converter is not an equivalence
- if ( conv !== true ) {
- // Convert with 1 or 2 converters accordingly
- response = conv ? conv( response ) : conv2( conv1(response) );
- }
- }
- }
- return response;
-}
-
-
-
-
-var jsc = jQuery.now(),
- jsre = /(\=)\?(&|$)|\?\?/i;
-
-// Default jsonp settings
-jQuery.ajaxSetup({
- jsonp: "callback",
- jsonpCallback: function() {
- return jQuery.expando + "_" + ( jsc++ );
- }
-});
-
-// Detect, normalize options and install callbacks for jsonp requests
-jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
-
- var inspectData = s.contentType === "application/x-www-form-urlencoded" &&
- ( typeof s.data === "string" );
-
- if ( s.dataTypes[ 0 ] === "jsonp" ||
- s.jsonp !== false && ( jsre.test( s.url ) ||
- inspectData && jsre.test( s.data ) ) ) {
-
- var responseContainer,
- jsonpCallback = s.jsonpCallback =
- jQuery.isFunction( s.jsonpCallback ) ? s.jsonpCallback() : s.jsonpCallback,
- previous = window[ jsonpCallback ],
- url = s.url,
- data = s.data,
- replace = "$1" + jsonpCallback + "$2";
-
- if ( s.jsonp !== false ) {
- url = url.replace( jsre, replace );
- if ( s.url === url ) {
- if ( inspectData ) {
- data = data.replace( jsre, replace );
- }
- if ( s.data === data ) {
- // Add callback manually
- url += (/\?/.test( url ) ? "&" : "?") + s.jsonp + "=" + jsonpCallback;
- }
- }
- }
-
- s.url = url;
- s.data = data;
-
- // Install callback
- window[ jsonpCallback ] = function( response ) {
- responseContainer = [ response ];
- };
-
- // Clean-up function
- jqXHR.always(function() {
- // Set callback back to previous value
- window[ jsonpCallback ] = previous;
- // Call if it was a function and we have a response
- if ( responseContainer && jQuery.isFunction( previous ) ) {
- window[ jsonpCallback ]( responseContainer[ 0 ] );
- }
- });
-
- // Use data converter to retrieve json after script execution
- s.converters["script json"] = function() {
- if ( !responseContainer ) {
- jQuery.error( jsonpCallback + " was not called" );
- }
- return responseContainer[ 0 ];
- };
-
- // force json dataType
- s.dataTypes[ 0 ] = "json";
-
- // Delegate to script
- return "script";
- }
-});
-
-
-
-
-// Install script dataType
-jQuery.ajaxSetup({
- accepts: {
- script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
- },
- contents: {
- script: /javascript|ecmascript/
- },
- converters: {
- "text script": function( text ) {
- jQuery.globalEval( text );
- return text;
- }
- }
-});
-
-// Handle cache's special case and global
-jQuery.ajaxPrefilter( "script", function( s ) {
- if ( s.cache === undefined ) {
- s.cache = false;
- }
- if ( s.crossDomain ) {
- s.type = "GET";
- s.global = false;
- }
-});
-
-// Bind script tag hack transport
-jQuery.ajaxTransport( "script", function(s) {
-
- // This transport only deals with cross domain requests
- if ( s.crossDomain ) {
-
- var script,
- head = document.head || document.getElementsByTagName( "head" )[0] || document.documentElement;
-
- return {
-
- send: function( _, callback ) {
-
- script = document.createElement( "script" );
-
- script.async = "async";
-
- if ( s.scriptCharset ) {
- script.charset = s.scriptCharset;
- }
-
- script.src = s.url;
-
- // Attach handlers for all browsers
- script.onload = script.onreadystatechange = function( _, isAbort ) {
-
- if ( isAbort || !script.readyState || /loaded|complete/.test( script.readyState ) ) {
-
- // Handle memory leak in IE
- script.onload = script.onreadystatechange = null;
-
- // Remove the script
- if ( head && script.parentNode ) {
- head.removeChild( script );
- }
-
- // Dereference the script
- script = undefined;
-
- // Callback if not abort
- if ( !isAbort ) {
- callback( 200, "success" );
- }
- }
- };
- // Use insertBefore instead of appendChild to circumvent an IE6 bug.
- // This arises when a base node is used (#2709 and #4378).
- head.insertBefore( script, head.firstChild );
- },
-
- abort: function() {
- if ( script ) {
- script.onload( 0, 1 );
- }
- }
- };
- }
-});
-
-
-
-
-var // #5280: Internet Explorer will keep connections alive if we don't abort on unload
- xhrOnUnloadAbort = window.ActiveXObject ? function() {
- // Abort all pending requests
- for ( var key in xhrCallbacks ) {
- xhrCallbacks[ key ]( 0, 1 );
- }
- } : false,
- xhrId = 0,
- xhrCallbacks;
-
-// Functions to create xhrs
-function createStandardXHR() {
- try {
- return new window.XMLHttpRequest();
- } catch( e ) {}
-}
-
-function createActiveXHR() {
- try {
- return new window.ActiveXObject( "Microsoft.XMLHTTP" );
- } catch( e ) {}
-}
-
-// Create the request object
-// (This is still attached to ajaxSettings for backward compatibility)
-jQuery.ajaxSettings.xhr = window.ActiveXObject ?
- /* Microsoft failed to properly
- * implement the XMLHttpRequest in IE7 (can't request local files),
- * so we use the ActiveXObject when it is available
- * Additionally XMLHttpRequest can be disabled in IE7/IE8 so
- * we need a fallback.
- */
- function() {
- return !this.isLocal && createStandardXHR() || createActiveXHR();
- } :
- // For all other browsers, use the standard XMLHttpRequest object
- createStandardXHR;
-
-// Determine support properties
-(function( xhr ) {
- jQuery.extend( jQuery.support, {
- ajax: !!xhr,
- cors: !!xhr && ( "withCredentials" in xhr )
- });
-})( jQuery.ajaxSettings.xhr() );
-
-// Create transport if the browser can provide an xhr
-if ( jQuery.support.ajax ) {
-
- jQuery.ajaxTransport(function( s ) {
- // Cross domain only allowed if supported through XMLHttpRequest
- if ( !s.crossDomain || jQuery.support.cors ) {
-
- var callback;
-
- return {
- send: function( headers, complete ) {
-
- // Get a new xhr
- var xhr = s.xhr(),
- handle,
- i;
-
- // Open the socket
- // Passing null username, generates a login popup on Opera (#2865)
- if ( s.username ) {
- xhr.open( s.type, s.url, s.async, s.username, s.password );
- } else {
- xhr.open( s.type, s.url, s.async );
- }
-
- // Apply custom fields if provided
- if ( s.xhrFields ) {
- for ( i in s.xhrFields ) {
- xhr[ i ] = s.xhrFields[ i ];
- }
- }
-
- // Override mime type if needed
- if ( s.mimeType && xhr.overrideMimeType ) {
- xhr.overrideMimeType( s.mimeType );
- }
-
- // X-Requested-With header
- // For cross-domain requests, seeing as conditions for a preflight are
- // akin to a jigsaw puzzle, we simply never set it to be sure.
- // (it can always be set on a per-request basis or even using ajaxSetup)
- // For same-domain requests, won't change header if already provided.
- if ( !s.crossDomain && !headers["X-Requested-With"] ) {
- headers[ "X-Requested-With" ] = "XMLHttpRequest";
- }
-
- // Need an extra try/catch for cross domain requests in Firefox 3
- try {
- for ( i in headers ) {
- xhr.setRequestHeader( i, headers[ i ] );
- }
- } catch( _ ) {}
-
- // Do send the request
- // This may raise an exception which is actually
- // handled in jQuery.ajax (so no try/catch here)
- xhr.send( ( s.hasContent && s.data ) || null );
-
- // Listener
- callback = function( _, isAbort ) {
-
- var status,
- statusText,
- responseHeaders,
- responses,
- xml;
-
- // Firefox throws exceptions when accessing properties
- // of an xhr when a network error occured
- // http://helpful.knobs-dials.com/index.php/Component_returned_failure_code:_0x80040111_(NS_ERROR_NOT_AVAILABLE)
- try {
-
- // Was never called and is aborted or complete
- if ( callback && ( isAbort || xhr.readyState === 4 ) ) {
-
- // Only called once
- callback = undefined;
-
- // Do not keep as active anymore
- if ( handle ) {
- xhr.onreadystatechange = jQuery.noop;
- if ( xhrOnUnloadAbort ) {
- delete xhrCallbacks[ handle ];
- }
- }
-
- // If it's an abort
- if ( isAbort ) {
- // Abort it manually if needed
- if ( xhr.readyState !== 4 ) {
- xhr.abort();
- }
- } else {
- status = xhr.status;
- responseHeaders = xhr.getAllResponseHeaders();
- responses = {};
- xml = xhr.responseXML;
-
- // Construct response list
- if ( xml && xml.documentElement /* #4958 */ ) {
- responses.xml = xml;
- }
- responses.text = xhr.responseText;
-
- // Firefox throws an exception when accessing
- // statusText for faulty cross-domain requests
- try {
- statusText = xhr.statusText;
- } catch( e ) {
- // We normalize with Webkit giving an empty statusText
- statusText = "";
- }
-
- // Filter status for non standard behaviors
-
- // If the request is local and we have data: assume a success
- // (success with no data won't get notified, that's the best we
- // can do given current implementations)
- if ( !status && s.isLocal && !s.crossDomain ) {
- status = responses.text ? 200 : 404;
- // IE - #1450: sometimes returns 1223 when it should be 204
- } else if ( status === 1223 ) {
- status = 204;
- }
- }
- }
- } catch( firefoxAccessException ) {
- if ( !isAbort ) {
- complete( -1, firefoxAccessException );
- }
- }
-
- // Call complete if needed
- if ( responses ) {
- complete( status, statusText, responses, responseHeaders );
- }
- };
-
- // if we're in sync mode or it's in cache
- // and has been retrieved directly (IE6 & IE7)
- // we need to manually fire the callback
- if ( !s.async || xhr.readyState === 4 ) {
- callback();
- } else {
- handle = ++xhrId;
- if ( xhrOnUnloadAbort ) {
- // Create the active xhrs callbacks list if needed
- // and attach the unload handler
- if ( !xhrCallbacks ) {
- xhrCallbacks = {};
- jQuery( window ).unload( xhrOnUnloadAbort );
- }
- // Add to list of active xhrs callbacks
- xhrCallbacks[ handle ] = callback;
- }
- xhr.onreadystatechange = callback;
- }
- },
-
- abort: function() {
- if ( callback ) {
- callback(0,1);
- }
- }
- };
- }
- });
-}
-
-
-
-
-var elemdisplay = {},
- iframe, iframeDoc,
- rfxtypes = /^(?:toggle|show|hide)$/,
- rfxnum = /^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,
- timerId,
- fxAttrs = [
- // height animations
- [ "height", "marginTop", "marginBottom", "paddingTop", "paddingBottom" ],
- // width animations
- [ "width", "marginLeft", "marginRight", "paddingLeft", "paddingRight" ],
- // opacity animations
- [ "opacity" ]
- ],
- fxNow;
-
-jQuery.fn.extend({
- show: function( speed, easing, callback ) {
- var elem, display;
-
- if ( speed || speed === 0 ) {
- return this.animate( genFx("show", 3), speed, easing, callback);
-
- } else {
- for ( var i = 0, j = this.length; i < j; i++ ) {
- elem = this[i];
-
- if ( elem.style ) {
- display = elem.style.display;
-
- // Reset the inline display of this element to learn if it is
- // being hidden by cascaded rules or not
- if ( !jQuery._data(elem, "olddisplay") && display === "none" ) {
- display = elem.style.display = "";
- }
-
- // Set elements which have been overridden with display: none
- // in a stylesheet to whatever the default browser style is
- // for such an element
- if ( display === "" && jQuery.css( elem, "display" ) === "none" ) {
- jQuery._data(elem, "olddisplay", defaultDisplay(elem.nodeName));
- }
- }
- }
-
- // Set the display of most of the elements in a second loop
- // to avoid the constant reflow
- for ( i = 0; i < j; i++ ) {
- elem = this[i];
-
- if ( elem.style ) {
- display = elem.style.display;
-
- if ( display === "" || display === "none" ) {
- elem.style.display = jQuery._data(elem, "olddisplay") || "";
- }
- }
- }
-
- return this;
- }
- },
-
- hide: function( speed, easing, callback ) {
- if ( speed || speed === 0 ) {
- return this.animate( genFx("hide", 3), speed, easing, callback);
-
- } else {
- for ( var i = 0, j = this.length; i < j; i++ ) {
- if ( this[i].style ) {
- var display = jQuery.css( this[i], "display" );
-
- if ( display !== "none" && !jQuery._data( this[i], "olddisplay" ) ) {
- jQuery._data( this[i], "olddisplay", display );
- }
- }
- }
-
- // Set the display of the elements in a second loop
- // to avoid the constant reflow
- for ( i = 0; i < j; i++ ) {
- if ( this[i].style ) {
- this[i].style.display = "none";
- }
- }
-
- return this;
- }
- },
-
- // Save the old toggle function
- _toggle: jQuery.fn.toggle,
-
- toggle: function( fn, fn2, callback ) {
- var bool = typeof fn === "boolean";
-
- if ( jQuery.isFunction(fn) && jQuery.isFunction(fn2) ) {
- this._toggle.apply( this, arguments );
-
- } else if ( fn == null || bool ) {
- this.each(function() {
- var state = bool ? fn : jQuery(this).is(":hidden");
- jQuery(this)[ state ? "show" : "hide" ]();
- });
-
- } else {
- this.animate(genFx("toggle", 3), fn, fn2, callback);
- }
-
- return this;
- },
-
- fadeTo: function( speed, to, easing, callback ) {
- return this.filter(":hidden").css("opacity", 0).show().end()
- .animate({opacity: to}, speed, easing, callback);
- },
-
- animate: function( prop, speed, easing, callback ) {
- var optall = jQuery.speed(speed, easing, callback);
-
- if ( jQuery.isEmptyObject( prop ) ) {
- return this.each( optall.complete, [ false ] );
- }
-
- // Do not change referenced properties as per-property easing will be lost
- prop = jQuery.extend( {}, prop );
-
- return this[ optall.queue === false ? "each" : "queue" ](function() {
- // XXX 'this' does not always have a nodeName when running the
- // test suite
-
- if ( optall.queue === false ) {
- jQuery._mark( this );
- }
-
- var opt = jQuery.extend( {}, optall ),
- isElement = this.nodeType === 1,
- hidden = isElement && jQuery(this).is(":hidden"),
- name, val, p,
- display, e,
- parts, start, end, unit;
-
- // will store per property easing and be used to determine when an animation is complete
- opt.animatedProperties = {};
-
- for ( p in prop ) {
-
- // property name normalization
- name = jQuery.camelCase( p );
- if ( p !== name ) {
- prop[ name ] = prop[ p ];
- delete prop[ p ];
- }
-
- val = prop[ name ];
-
- // easing resolution: per property > opt.specialEasing > opt.easing > 'swing' (default)
- if ( jQuery.isArray( val ) ) {
- opt.animatedProperties[ name ] = val[ 1 ];
- val = prop[ name ] = val[ 0 ];
- } else {
- opt.animatedProperties[ name ] = opt.specialEasing && opt.specialEasing[ name ] || opt.easing || 'swing';
- }
-
- if ( val === "hide" && hidden || val === "show" && !hidden ) {
- return opt.complete.call( this );
- }
-
- if ( isElement && ( name === "height" || name === "width" ) ) {
- // Make sure that nothing sneaks out
- // Record all 3 overflow attributes because IE does not
- // change the overflow attribute when overflowX and
- // overflowY are set to the same value
- opt.overflow = [ this.style.overflow, this.style.overflowX, this.style.overflowY ];
-
- // Set display property to inline-block for height/width
- // animations on inline elements that are having width/height
- // animated
- if ( jQuery.css( this, "display" ) === "inline" &&
- jQuery.css( this, "float" ) === "none" ) {
- if ( !jQuery.support.inlineBlockNeedsLayout ) {
- this.style.display = "inline-block";
-
- } else {
- display = defaultDisplay( this.nodeName );
-
- // inline-level elements accept inline-block;
- // block-level elements need to be inline with layout
- if ( display === "inline" ) {
- this.style.display = "inline-block";
-
- } else {
- this.style.display = "inline";
- this.style.zoom = 1;
- }
- }
- }
- }
- }
-
- if ( opt.overflow != null ) {
- this.style.overflow = "hidden";
- }
-
- for ( p in prop ) {
- e = new jQuery.fx( this, opt, p );
- val = prop[ p ];
-
- if ( rfxtypes.test(val) ) {
- e[ val === "toggle" ? hidden ? "show" : "hide" : val ]();
-
- } else {
- parts = rfxnum.exec( val );
- start = e.cur();
-
- if ( parts ) {
- end = parseFloat( parts[2] );
- unit = parts[3] || ( jQuery.cssNumber[ p ] ? "" : "px" );
-
- // We need to compute starting value
- if ( unit !== "px" ) {
- jQuery.style( this, p, (end || 1) + unit);
- start = ((end || 1) / e.cur()) * start;
- jQuery.style( this, p, start + unit);
- }
-
- // If a +=/-= token was provided, we're doing a relative animation
- if ( parts[1] ) {
- end = ( (parts[ 1 ] === "-=" ? -1 : 1) * end ) + start;
- }
-
- e.custom( start, end, unit );
-
- } else {
- e.custom( start, val, "" );
- }
- }
- }
-
- // For JS strict compliance
- return true;
- });
- },
-
- stop: function( clearQueue, gotoEnd ) {
- if ( clearQueue ) {
- this.queue([]);
- }
-
- this.each(function() {
- var timers = jQuery.timers,
- i = timers.length;
- // clear marker counters if we know they won't be
- if ( !gotoEnd ) {
- jQuery._unmark( true, this );
- }
- while ( i-- ) {
- if ( timers[i].elem === this ) {
- if (gotoEnd) {
- // force the next step to be the last
- timers[i](true);
- }
-
- timers.splice(i, 1);
- }
- }
- });
-
- // start the next in the queue if the last step wasn't forced
- if ( !gotoEnd ) {
- this.dequeue();
- }
-
- return this;
- }
-
-});
-
-// Animations created synchronously will run synchronously
-function createFxNow() {
- setTimeout( clearFxNow, 0 );
- return ( fxNow = jQuery.now() );
-}
-
-function clearFxNow() {
- fxNow = undefined;
-}
-
-// Generate parameters to create a standard animation
-function genFx( type, num ) {
- var obj = {};
-
- jQuery.each( fxAttrs.concat.apply([], fxAttrs.slice(0,num)), function() {
- obj[ this ] = type;
- });
-
- return obj;
-}
-
-// Generate shortcuts for custom animations
-jQuery.each({
- slideDown: genFx("show", 1),
- slideUp: genFx("hide", 1),
- slideToggle: genFx("toggle", 1),
- fadeIn: { opacity: "show" },
- fadeOut: { opacity: "hide" },
- fadeToggle: { opacity: "toggle" }
-}, function( name, props ) {
- jQuery.fn[ name ] = function( speed, easing, callback ) {
- return this.animate( props, speed, easing, callback );
- };
-});
-
-jQuery.extend({
- speed: function( speed, easing, fn ) {
- var opt = speed && typeof speed === "object" ? jQuery.extend({}, speed) : {
- complete: fn || !fn && easing ||
- jQuery.isFunction( speed ) && speed,
- duration: speed,
- easing: fn && easing || easing && !jQuery.isFunction(easing) && easing
- };
-
- opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration :
- opt.duration in jQuery.fx.speeds ? jQuery.fx.speeds[opt.duration] : jQuery.fx.speeds._default;
-
- // Queueing
- opt.old = opt.complete;
- opt.complete = function( noUnmark ) {
- if ( jQuery.isFunction( opt.old ) ) {
- opt.old.call( this );
- }
-
- if ( opt.queue !== false ) {
- jQuery.dequeue( this );
- } else if ( noUnmark !== false ) {
- jQuery._unmark( this );
- }
- };
-
- return opt;
- },
-
- easing: {
- linear: function( p, n, firstNum, diff ) {
- return firstNum + diff * p;
- },
- swing: function( p, n, firstNum, diff ) {
- return ((-Math.cos(p*Math.PI)/2) + 0.5) * diff + firstNum;
- }
- },
-
- timers: [],
-
- fx: function( elem, options, prop ) {
- this.options = options;
- this.elem = elem;
- this.prop = prop;
-
- options.orig = options.orig || {};
- }
-
-});
-
-jQuery.fx.prototype = {
- // Simple function for setting a style value
- update: function() {
- if ( this.options.step ) {
- this.options.step.call( this.elem, this.now, this );
- }
-
- (jQuery.fx.step[this.prop] || jQuery.fx.step._default)( this );
- },
-
- // Get the current size
- cur: function() {
- if ( this.elem[this.prop] != null && (!this.elem.style || this.elem.style[this.prop] == null) ) {
- return this.elem[ this.prop ];
- }
-
- var parsed,
- r = jQuery.css( this.elem, this.prop );
- // Empty strings, null, undefined and "auto" are converted to 0,
- // complex values such as "rotate(1rad)" are returned as is,
- // simple values such as "10px" are parsed to Float.
- return isNaN( parsed = parseFloat( r ) ) ? !r || r === "auto" ? 0 : r : parsed;
- },
-
- // Start an animation from one number to another
- custom: function( from, to, unit ) {
- var self = this,
- fx = jQuery.fx;
-
- this.startTime = fxNow || createFxNow();
- this.start = from;
- this.end = to;
- this.unit = unit || this.unit || ( jQuery.cssNumber[ this.prop ] ? "" : "px" );
- this.now = this.start;
- this.pos = this.state = 0;
-
- function t( gotoEnd ) {
- return self.step(gotoEnd);
- }
-
- t.elem = this.elem;
-
- if ( t() && jQuery.timers.push(t) && !timerId ) {
- timerId = setInterval( fx.tick, fx.interval );
- }
- },
-
- // Simple 'show' function
- show: function() {
- // Remember where we started, so that we can go back to it later
- this.options.orig[this.prop] = jQuery.style( this.elem, this.prop );
- this.options.show = true;
-
- // Begin the animation
- // Make sure that we start at a small width/height to avoid any
- // flash of content
- this.custom(this.prop === "width" || this.prop === "height" ? 1 : 0, this.cur());
-
- // Start by showing the element
- jQuery( this.elem ).show();
- },
-
- // Simple 'hide' function
- hide: function() {
- // Remember where we started, so that we can go back to it later
- this.options.orig[this.prop] = jQuery.style( this.elem, this.prop );
- this.options.hide = true;
-
- // Begin the animation
- this.custom(this.cur(), 0);
- },
-
- // Each step of an animation
- step: function( gotoEnd ) {
- var t = fxNow || createFxNow(),
- done = true,
- elem = this.elem,
- options = this.options,
- i, n;
-
- if ( gotoEnd || t >= options.duration + this.startTime ) {
- this.now = this.end;
- this.pos = this.state = 1;
- this.update();
-
- options.animatedProperties[ this.prop ] = true;
-
- for ( i in options.animatedProperties ) {
- if ( options.animatedProperties[i] !== true ) {
- done = false;
- }
- }
-
- if ( done ) {
- // Reset the overflow
- if ( options.overflow != null && !jQuery.support.shrinkWrapBlocks ) {
-
- jQuery.each( [ "", "X", "Y" ], function (index, value) {
- elem.style[ "overflow" + value ] = options.overflow[index];
- });
- }
-
- // Hide the element if the "hide" operation was done
- if ( options.hide ) {
- jQuery(elem).hide();
- }
-
- // Reset the properties, if the item has been hidden or shown
- if ( options.hide || options.show ) {
- for ( var p in options.animatedProperties ) {
- jQuery.style( elem, p, options.orig[p] );
- }
- }
-
- // Execute the complete function
- options.complete.call( elem );
- }
-
- return false;
-
- } else {
- // classical easing cannot be used with an Infinity duration
- if ( options.duration == Infinity ) {
- this.now = t;
- } else {
- n = t - this.startTime;
- this.state = n / options.duration;
-
- // Perform the easing function, defaults to swing
- this.pos = jQuery.easing[ options.animatedProperties[ this.prop ] ]( this.state, n, 0, 1, options.duration );
- this.now = this.start + ((this.end - this.start) * this.pos);
- }
- // Perform the next step of the animation
- this.update();
- }
-
- return true;
- }
-};
-
-jQuery.extend( jQuery.fx, {
- tick: function() {
- for ( var timers = jQuery.timers, i = 0 ; i < timers.length ; ++i ) {
- if ( !timers[i]() ) {
- timers.splice(i--, 1);
- }
- }
-
- if ( !timers.length ) {
- jQuery.fx.stop();
- }
- },
-
- interval: 13,
-
- stop: function() {
- clearInterval( timerId );
- timerId = null;
- },
-
- speeds: {
- slow: 600,
- fast: 200,
- // Default speed
- _default: 400
- },
-
- step: {
- opacity: function( fx ) {
- jQuery.style( fx.elem, "opacity", fx.now );
- },
-
- _default: function( fx ) {
- if ( fx.elem.style && fx.elem.style[ fx.prop ] != null ) {
- fx.elem.style[ fx.prop ] = (fx.prop === "width" || fx.prop === "height" ? Math.max(0, fx.now) : fx.now) + fx.unit;
- } else {
- fx.elem[ fx.prop ] = fx.now;
- }
- }
- }
-});
-
-if ( jQuery.expr && jQuery.expr.filters ) {
- jQuery.expr.filters.animated = function( elem ) {
- return jQuery.grep(jQuery.timers, function( fn ) {
- return elem === fn.elem;
- }).length;
- };
-}
-
-// Try to restore the default display value of an element
-function defaultDisplay( nodeName ) {
-
- if ( !elemdisplay[ nodeName ] ) {
-
- var body = document.body,
- elem = jQuery( "<" + nodeName + ">" ).appendTo( body ),
- display = elem.css( "display" );
-
- elem.remove();
-
- // If the simple way fails,
- // get element's real default display by attaching it to a temp iframe
- if ( display === "none" || display === "" ) {
- // No iframe to use yet, so create it
- if ( !iframe ) {
- iframe = document.createElement( "iframe" );
- iframe.frameBorder = iframe.width = iframe.height = 0;
- }
-
- body.appendChild( iframe );
-
- // Create a cacheable copy of the iframe document on first call.
- // IE and Opera will allow us to reuse the iframeDoc without re-writing the fake HTML
- // document to it; WebKit & Firefox won't allow reusing the iframe document.
- if ( !iframeDoc || !iframe.createElement ) {
- iframeDoc = ( iframe.contentWindow || iframe.contentDocument ).document;
- iframeDoc.write( ( document.compatMode === "CSS1Compat" ? "<!doctype html>" : "" ) + "<html><body>" );
- iframeDoc.close();
- }
-
- elem = iframeDoc.createElement( nodeName );
-
- iframeDoc.body.appendChild( elem );
-
- display = jQuery.css( elem, "display" );
-
- body.removeChild( iframe );
- }
-
- // Store the correct default display
- elemdisplay[ nodeName ] = display;
- }
-
- return elemdisplay[ nodeName ];
-}
-
-
-
-
-var rtable = /^t(?:able|d|h)$/i,
- rroot = /^(?:body|html)$/i;
-
-if ( "getBoundingClientRect" in document.documentElement ) {
- jQuery.fn.offset = function( options ) {
- var elem = this[0], box;
-
- if ( options ) {
- return this.each(function( i ) {
- jQuery.offset.setOffset( this, options, i );
- });
- }
-
- if ( !elem || !elem.ownerDocument ) {
- return null;
- }
-
- if ( elem === elem.ownerDocument.body ) {
- return jQuery.offset.bodyOffset( elem );
- }
-
- try {
- box = elem.getBoundingClientRect();
- } catch(e) {}
-
- var doc = elem.ownerDocument,
- docElem = doc.documentElement;
-
- // Make sure we're not dealing with a disconnected DOM node
- if ( !box || !jQuery.contains( docElem, elem ) ) {
- return box ? { top: box.top, left: box.left } : { top: 0, left: 0 };
- }
-
- var body = doc.body,
- win = getWindow(doc),
- clientTop = docElem.clientTop || body.clientTop || 0,
- clientLeft = docElem.clientLeft || body.clientLeft || 0,
- scrollTop = win.pageYOffset || jQuery.support.boxModel && docElem.scrollTop || body.scrollTop,
- scrollLeft = win.pageXOffset || jQuery.support.boxModel && docElem.scrollLeft || body.scrollLeft,
- top = box.top + scrollTop - clientTop,
- left = box.left + scrollLeft - clientLeft;
-
- return { top: top, left: left };
- };
-
-} else {
- jQuery.fn.offset = function( options ) {
- var elem = this[0];
-
- if ( options ) {
- return this.each(function( i ) {
- jQuery.offset.setOffset( this, options, i );
- });
- }
-
- if ( !elem || !elem.ownerDocument ) {
- return null;
- }
-
- if ( elem === elem.ownerDocument.body ) {
- return jQuery.offset.bodyOffset( elem );
- }
-
- jQuery.offset.initialize();
-
- var computedStyle,
- offsetParent = elem.offsetParent,
- prevOffsetParent = elem,
- doc = elem.ownerDocument,
- docElem = doc.documentElement,
- body = doc.body,
- defaultView = doc.defaultView,
- prevComputedStyle = defaultView ? defaultView.getComputedStyle( elem, null ) : elem.currentStyle,
- top = elem.offsetTop,
- left = elem.offsetLeft;
-
- while ( (elem = elem.parentNode) && elem !== body && elem !== docElem ) {
- if ( jQuery.offset.supportsFixedPosition && prevComputedStyle.position === "fixed" ) {
- break;
- }
-
- computedStyle = defaultView ? defaultView.getComputedStyle(elem, null) : elem.currentStyle;
- top -= elem.scrollTop;
- left -= elem.scrollLeft;
-
- if ( elem === offsetParent ) {
- top += elem.offsetTop;
- left += elem.offsetLeft;
-
- if ( jQuery.offset.doesNotAddBorder && !(jQuery.offset.doesAddBorderForTableAndCells && rtable.test(elem.nodeName)) ) {
- top += parseFloat( computedStyle.borderTopWidth ) || 0;
- left += parseFloat( computedStyle.borderLeftWidth ) || 0;
- }
-
- prevOffsetParent = offsetParent;
- offsetParent = elem.offsetParent;
- }
-
- if ( jQuery.offset.subtractsBorderForOverflowNotVisible && computedStyle.overflow !== "visible" ) {
- top += parseFloat( computedStyle.borderTopWidth ) || 0;
- left += parseFloat( computedStyle.borderLeftWidth ) || 0;
- }
-
- prevComputedStyle = computedStyle;
- }
-
- if ( prevComputedStyle.position === "relative" || prevComputedStyle.position === "static" ) {
- top += body.offsetTop;
- left += body.offsetLeft;
- }
-
- if ( jQuery.offset.supportsFixedPosition && prevComputedStyle.position === "fixed" ) {
- top += Math.max( docElem.scrollTop, body.scrollTop );
- left += Math.max( docElem.scrollLeft, body.scrollLeft );
- }
-
- return { top: top, left: left };
- };
-}
-
-jQuery.offset = {
- initialize: function() {
- var body = document.body, container = document.createElement("div"), innerDiv, checkDiv, table, td, bodyMarginTop = parseFloat( jQuery.css(body, "marginTop") ) || 0,
- html = "<div style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'><div></div></div><table style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table>";
-
- jQuery.extend( container.style, { position: "absolute", top: 0, left: 0, margin: 0, border: 0, width: "1px", height: "1px", visibility: "hidden" } );
-
- container.innerHTML = html;
- body.insertBefore( container, body.firstChild );
- innerDiv = container.firstChild;
- checkDiv = innerDiv.firstChild;
- td = innerDiv.nextSibling.firstChild.firstChild;
-
- this.doesNotAddBorder = (checkDiv.offsetTop !== 5);
- this.doesAddBorderForTableAndCells = (td.offsetTop === 5);
-
- checkDiv.style.position = "fixed";
- checkDiv.style.top = "20px";
-
- // safari subtracts parent border width here which is 5px
- this.supportsFixedPosition = (checkDiv.offsetTop === 20 || checkDiv.offsetTop === 15);
- checkDiv.style.position = checkDiv.style.top = "";
-
- innerDiv.style.overflow = "hidden";
- innerDiv.style.position = "relative";
-
- this.subtractsBorderForOverflowNotVisible = (checkDiv.offsetTop === -5);
-
- this.doesNotIncludeMarginInBodyOffset = (body.offsetTop !== bodyMarginTop);
-
- body.removeChild( container );
- jQuery.offset.initialize = jQuery.noop;
- },
-
- bodyOffset: function( body ) {
- var top = body.offsetTop,
- left = body.offsetLeft;
-
- jQuery.offset.initialize();
-
- if ( jQuery.offset.doesNotIncludeMarginInBodyOffset ) {
- top += parseFloat( jQuery.css(body, "marginTop") ) || 0;
- left += parseFloat( jQuery.css(body, "marginLeft") ) || 0;
- }
-
- return { top: top, left: left };
- },
-
- setOffset: function( elem, options, i ) {
- var position = jQuery.css( elem, "position" );
-
- // set position first, in-case top/left are set even on static elem
- if ( position === "static" ) {
- elem.style.position = "relative";
- }
-
- var curElem = jQuery( elem ),
- curOffset = curElem.offset(),
- curCSSTop = jQuery.css( elem, "top" ),
- curCSSLeft = jQuery.css( elem, "left" ),
- calculatePosition = (position === "absolute" || position === "fixed") && jQuery.inArray("auto", [curCSSTop, curCSSLeft]) > -1,
- props = {}, curPosition = {}, curTop, curLeft;
-
- // need to be able to calculate position if either top or left is auto and position is either absolute or fixed
- if ( calculatePosition ) {
- curPosition = curElem.position();
- curTop = curPosition.top;
- curLeft = curPosition.left;
- } else {
- curTop = parseFloat( curCSSTop ) || 0;
- curLeft = parseFloat( curCSSLeft ) || 0;
- }
-
- if ( jQuery.isFunction( options ) ) {
- options = options.call( elem, i, curOffset );
- }
-
- if (options.top != null) {
- props.top = (options.top - curOffset.top) + curTop;
- }
- if (options.left != null) {
- props.left = (options.left - curOffset.left) + curLeft;
- }
-
- if ( "using" in options ) {
- options.using.call( elem, props );
- } else {
- curElem.css( props );
- }
- }
-};
-
-
-jQuery.fn.extend({
- position: function() {
- if ( !this[0] ) {
- return null;
- }
-
- var elem = this[0],
-
- // Get *real* offsetParent
- offsetParent = this.offsetParent(),
-
- // Get correct offsets
- offset = this.offset(),
- parentOffset = rroot.test(offsetParent[0].nodeName) ? { top: 0, left: 0 } : offsetParent.offset();
-
- // Subtract element margins
- // note: when an element has margin: auto the offsetLeft and marginLeft
- // are the same in Safari causing offset.left to incorrectly be 0
- offset.top -= parseFloat( jQuery.css(elem, "marginTop") ) || 0;
- offset.left -= parseFloat( jQuery.css(elem, "marginLeft") ) || 0;
-
- // Add offsetParent borders
- parentOffset.top += parseFloat( jQuery.css(offsetParent[0], "borderTopWidth") ) || 0;
- parentOffset.left += parseFloat( jQuery.css(offsetParent[0], "borderLeftWidth") ) || 0;
-
- // Subtract the two offsets
- return {
- top: offset.top - parentOffset.top,
- left: offset.left - parentOffset.left
- };
- },
-
- offsetParent: function() {
- return this.map(function() {
- var offsetParent = this.offsetParent || document.body;
- while ( offsetParent && (!rroot.test(offsetParent.nodeName) && jQuery.css(offsetParent, "position") === "static") ) {
- offsetParent = offsetParent.offsetParent;
- }
- return offsetParent;
- });
- }
-});
-
-
-// Create scrollLeft and scrollTop methods
-jQuery.each( ["Left", "Top"], function( i, name ) {
- var method = "scroll" + name;
-
- jQuery.fn[ method ] = function( val ) {
- var elem, win;
-
- if ( val === undefined ) {
- elem = this[ 0 ];
-
- if ( !elem ) {
- return null;
- }
-
- win = getWindow( elem );
-
- // Return the scroll offset
- return win ? ("pageXOffset" in win) ? win[ i ? "pageYOffset" : "pageXOffset" ] :
- jQuery.support.boxModel && win.document.documentElement[ method ] ||
- win.document.body[ method ] :
- elem[ method ];
- }
-
- // Set the scroll offset
- return this.each(function() {
- win = getWindow( this );
-
- if ( win ) {
- win.scrollTo(
- !i ? val : jQuery( win ).scrollLeft(),
- i ? val : jQuery( win ).scrollTop()
- );
-
- } else {
- this[ method ] = val;
- }
- });
- };
-});
-
-function getWindow( elem ) {
- return jQuery.isWindow( elem ) ?
- elem :
- elem.nodeType === 9 ?
- elem.defaultView || elem.parentWindow :
- false;
-}
-
-
-
-
-// Create width, height, innerHeight, innerWidth, outerHeight and outerWidth methods
-jQuery.each([ "Height", "Width" ], function( i, name ) {
-
- var type = name.toLowerCase();
-
- // innerHeight and innerWidth
- jQuery.fn[ "inner" + name ] = function() {
- var elem = this[0];
- return elem && elem.style ?
- parseFloat( jQuery.css( elem, type, "padding" ) ) :
- null;
- };
-
- // outerHeight and outerWidth
- jQuery.fn[ "outer" + name ] = function( margin ) {
- var elem = this[0];
- return elem && elem.style ?
- parseFloat( jQuery.css( elem, type, margin ? "margin" : "border" ) ) :
- null;
- };
-
- jQuery.fn[ type ] = function( size ) {
- // Get window width or height
- var elem = this[0];
- if ( !elem ) {
- return size == null ? null : this;
- }
-
- if ( jQuery.isFunction( size ) ) {
- return this.each(function( i ) {
- var self = jQuery( this );
- self[ type ]( size.call( this, i, self[ type ]() ) );
- });
- }
-
- if ( jQuery.isWindow( elem ) ) {
- // Everyone else use document.documentElement or document.body depending on Quirks vs Standards mode
- // 3rd condition allows Nokia support, as it supports the docElem prop but not CSS1Compat
- var docElemProp = elem.document.documentElement[ "client" + name ],
- body = elem.document.body;
- return elem.document.compatMode === "CSS1Compat" && docElemProp ||
- body && body[ "client" + name ] || docElemProp;
-
- // Get document width or height
- } else if ( elem.nodeType === 9 ) {
- // Either scroll[Width/Height] or offset[Width/Height], whichever is greater
- return Math.max(
- elem.documentElement["client" + name],
- elem.body["scroll" + name], elem.documentElement["scroll" + name],
- elem.body["offset" + name], elem.documentElement["offset" + name]
- );
-
- // Get or set width or height on the element
- } else if ( size === undefined ) {
- var orig = jQuery.css( elem, type ),
- ret = parseFloat( orig );
-
- return jQuery.isNaN( ret ) ? orig : ret;
-
- // Set the width or height on the element (default to pixels if value is unitless)
- } else {
- return this.css( type, typeof size === "string" ? size : size + "px" );
- }
- };
-
-});
-
-
-// Expose jQuery to the global object
-window.jQuery = window.$ = jQuery;
-})(window);
+++ /dev/null
-/*! jQuery v1.6.4 http://jquery.com/ | http://jquery.org/license */
-(function(a,b){function cu(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cr(a){if(!cg[a]){var b=c.body,d=f("<"+a+">").appendTo(b),e=d.css("display");d.remove();if(e==="none"||e===""){ch||(ch=c.createElement("iframe"),ch.frameBorder=ch.width=ch.height=0),b.appendChild(ch);if(!ci||!ch.createElement)ci=(ch.contentWindow||ch.contentDocument).document,ci.write((c.compatMode==="CSS1Compat"?"<!doctype html>":"")+"<html><body>"),ci.close();d=ci.createElement(a),ci.body.appendChild(d),e=f.css(d,"display"),b.removeChild(ch)}cg[a]=e}return cg[a]}function cq(a,b){var c={};f.each(cm.concat.apply([],cm.slice(0,b)),function(){c[this]=a});return c}function cp(){cn=b}function co(){setTimeout(cp,0);return cn=f.now()}function cf(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function ce(){try{return new a.XMLHttpRequest}catch(b){}}function b$(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;g<i;g++){if(g===1)for(h in a.converters)typeof h=="string"&&(e[h.toLowerCase()]=a.converters[h]);l=k,k=d[g];if(k==="*")k=l;else if(l!=="*"&&l!==k){m=l+" "+k,n=e[m]||e["* "+k];if(!n){p=b;for(o in e){j=o.split(" ");if(j[0]===l||j[0]==="*"){p=e[j[1]+" "+k];if(p){o=e[o],o===!0?n=p:p===!0&&(n=o);break}}}}!n&&!p&&f.error("No conversion from "+m.replace(" "," to ")),n!==!0&&(c=n?n(c):p(o(c)))}}return c}function bZ(a,c,d){var e=a.contents,f=a.dataTypes,g=a.responseFields,h,i,j,k;for(i in g)i in d&&(c[g[i]]=d[i]);while(f[0]==="*")f.shift(),h===b&&(h=a.mimeType||c.getResponseHeader("content-type"));if(h)for(i in e)if(e[i]&&e[i].test(h)){f.unshift(i);break}if(f[0]in d)j=f[0];else{for(i in d){if(!f[0]||a.converters[i+" "+f[0]]){j=i;break}k||(k=i)}j=j||k}if(j){j!==f[0]&&f.unshift(j);return d[j]}}function bY(a,b,c,d){if(f.isArray(b))f.each(b,function(b,e){c||bA.test(a)?d(a,e):bY(a+"["+(typeof e=="object"||f.isArray(e)?b:"")+"]",e,c,d)});else if(!c&&b!=null&&typeof b=="object")for(var e in b)bY(a+"["+e+"]",b[e],c,d);else d(a,b)}function bX(a,c){var d,e,g=f.ajaxSettings.flatOptions||{};for(d in c)c[d]!==b&&((g[d]?a:e||(e={}))[d]=c[d]);e&&f.extend(!0,a,e)}function bW(a,c,d,e,f,g){f=f||c.dataTypes[0],g=g||{},g[f]=!0;var h=a[f],i=0,j=h?h.length:0,k=a===bP,l;for(;i<j&&(k||!l);i++)l=h[i](c,d,e),typeof l=="string"&&(!k||g[l]?l=b:(c.dataTypes.unshift(l),l=bW(a,c,d,e,l,g)));(k||!l)&&!g["*"]&&(l=bW(a,c,d,e,"*",g));return l}function bV(a){return function(b,c){typeof b!="string"&&(c=b,b="*");if(f.isFunction(c)){var d=b.toLowerCase().split(bL),e=0,g=d.length,h,i,j;for(;e<g;e++)h=d[e],j=/^\+/.test(h),j&&(h=h.substr(1)||"*"),i=a[h]=a[h]||[],i[j?"unshift":"push"](c)}}}function by(a,b,c){var d=b==="width"?a.offsetWidth:a.offsetHeight,e=b==="width"?bt:bu;if(d>0){c!=="border"&&f.each(e,function(){c||(d-=parseFloat(f.css(a,"padding"+this))||0),c==="margin"?d+=parseFloat(f.css(a,c+this))||0:d-=parseFloat(f.css(a,"border"+this+"Width"))||0});return d+"px"}d=bv(a,b,b);if(d<0||d==null)d=a.style[b]||0;d=parseFloat(d)||0,c&&f.each(e,function(){d+=parseFloat(f.css(a,"padding"+this))||0,c!=="padding"&&(d+=parseFloat(f.css(a,"border"+this+"Width"))||0),c==="margin"&&(d+=parseFloat(f.css(a,c+this))||0)});return d+"px"}function bl(a,b){b.src?f.ajax({url:b.src,async:!1,dataType:"script"}):f.globalEval((b.text||b.textContent||b.innerHTML||"").replace(bd,"/*$0*/")),b.parentNode&&b.parentNode.removeChild(b)}function bk(a){f.nodeName(a,"input")?bj(a):"getElementsByTagName"in a&&f.grep(a.getElementsByTagName("input"),bj)}function bj(a){if(a.type==="checkbox"||a.type==="radio")a.defaultChecked=a.checked}function bi(a){return"getElementsByTagName"in a?a.getElementsByTagName("*"):"querySelectorAll"in a?a.querySelectorAll("*"):[]}function bh(a,b){var c;if(b.nodeType===1){b.clearAttributes&&b.clearAttributes(),b.mergeAttributes&&b.mergeAttributes(a),c=b.nodeName.toLowerCase();if(c==="object")b.outerHTML=a.outerHTML;else if(c!=="input"||a.type!=="checkbox"&&a.type!=="radio"){if(c==="option")b.selected=a.defaultSelected;else if(c==="input"||c==="textarea")b.defaultValue=a.defaultValue}else a.checked&&(b.defaultChecked=b.checked=a.checked),b.value!==a.value&&(b.value=a.value);b.removeAttribute(f.expando)}}function bg(a,b){if(b.nodeType===1&&!!f.hasData(a)){var c=f.expando,d=f.data(a),e=f.data(b,d);if(d=d[c]){var g=d.events;e=e[c]=f.extend({},d);if(g){delete e.handle,e.events={};for(var h in g)for(var i=0,j=g[h].length;i<j;i++)f.event.add(b,h+(g[h][i].namespace?".":"")+g[h][i].namespace,g[h][i],g[h][i].data)}}}}function bf(a,b){return f.nodeName(a,"table")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function V(a,b,c){b=b||0;if(f.isFunction(b))return f.grep(a,function(a,d){var e=!!b.call(a,d,a);return e===c});if(b.nodeType)return f.grep(a,function(a,d){return a===b===c});if(typeof b=="string"){var d=f.grep(a,function(a){return a.nodeType===1});if(Q.test(b))return f.filter(b,d,!c);b=f.filter(b,d)}return f.grep(a,function(a,d){return f.inArray(a,b)>=0===c})}function U(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function M(a,b){return(a&&a!=="*"?a+".":"")+b.replace(y,"`").replace(z,"&")}function L(a){var b,c,d,e,g,h,i,j,k,l,m,n,o,p=[],q=[],r=f._data(this,"events");if(!(a.liveFired===this||!r||!r.live||a.target.disabled||a.button&&a.type==="click")){a.namespace&&(n=new RegExp("(^|\\.)"+a.namespace.split(".").join("\\.(?:.*\\.)?")+"(\\.|$)")),a.liveFired=this;var s=r.live.slice(0);for(i=0;i<s.length;i++)g=s[i],g.origType.replace(w,"")===a.type?q.push(g.selector):s.splice(i--,1);e=f(a.target).closest(q,a.currentTarget);for(j=0,k=e.length;j<k;j++){m=e[j];for(i=0;i<s.length;i++){g=s[i];if(m.selector===g.selector&&(!n||n.test(g.namespace))&&!m.elem.disabled){h=m.elem,d=null;if(g.preType==="mouseenter"||g.preType==="mouseleave")a.type=g.preType,d=f(a.relatedTarget).closest(g.selector)[0],d&&f.contains(h,d)&&(d=h);(!d||d!==h)&&p.push({elem:h,handleObj:g,level:m.level})}}}for(j=0,k=p.length;j<k;j++){e=p[j];if(c&&e.level>c)break;a.currentTarget=e.elem,a.data=e.handleObj.data,a.handleObj=e.handleObj,o=e.handleObj.origHandler.apply(e.elem,arguments);if(o===!1||a.isPropagationStopped()){c=e.level,o===!1&&(b=!1);if(a.isImmediatePropagationStopped())break}}return b}}function J(a,c,d){var e=f.extend({},d[0]);e.type=a,e.originalEvent={},e.liveFired=b,f.event.handle.call(c,e),e.isDefaultPrevented()&&d[0].preventDefault()}function D(){return!0}function C(){return!1}function m(a,c,d){var e=c+"defer",g=c+"queue",h=c+"mark",i=f.data(a,e,b,!0);i&&(d==="queue"||!f.data(a,g,b,!0))&&(d==="mark"||!f.data(a,h,b,!0))&&setTimeout(function(){!f.data(a,g,b,!0)&&!f.data(a,h,b,!0)&&(f.removeData(a,e,!0),i.resolve())},0)}function l(a){for(var b in a)if(b!=="toJSON")return!1;return!0}function k(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(j,"-$1").toLowerCase();d=a.getAttribute(e);if(typeof d=="string"){try{d=d==="true"?!0:d==="false"?!1:d==="null"?null:f.isNaN(d)?i.test(d)?f.parseJSON(d):d:parseFloat(d)}catch(g){}f.data(a,c,d)}else d=b}return d}var c=a.document,d=a.navigator,e=a.location,f=function(){function K(){if(!e.isReady){try{c.documentElement.doScroll("left")}catch(a){setTimeout(K,1);return}e.ready()}}var e=function(a,b){return new e.fn.init(a,b,h)},f=a.jQuery,g=a.$,h,i=/^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,j=/\S/,k=/^\s+/,l=/\s+$/,m=/\d/,n=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,o=/^[\],:{}\s]*$/,p=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,q=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,r=/(?:^|:|,)(?:\s*\[)+/g,s=/(webkit)[ \/]([\w.]+)/,t=/(opera)(?:.*version)?[ \/]([\w.]+)/,u=/(msie) ([\w.]+)/,v=/(mozilla)(?:.*? rv:([\w.]+))?/,w=/-([a-z]|[0-9])/ig,x=/^-ms-/,y=function(a,b){return(b+"").toUpperCase()},z=d.userAgent,A,B,C,D=Object.prototype.toString,E=Object.prototype.hasOwnProperty,F=Array.prototype.push,G=Array.prototype.slice,H=String.prototype.trim,I=Array.prototype.indexOf,J={};e.fn=e.prototype={constructor:e,init:function(a,d,f){var g,h,j,k;if(!a)return this;if(a.nodeType){this.context=this[0]=a,this.length=1;return this}if(a==="body"&&!d&&c.body){this.context=c,this[0]=c.body,this.selector=a,this.length=1;return this}if(typeof a=="string"){a.charAt(0)!=="<"||a.charAt(a.length-1)!==">"||a.length<3?g=i.exec(a):g=[null,a,null];if(g&&(g[1]||!d)){if(g[1]){d=d instanceof e?d[0]:d,k=d?d.ownerDocument||d:c,j=n.exec(a),j?e.isPlainObject(d)?(a=[c.createElement(j[1])],e.fn.attr.call(a,d,!0)):a=[k.createElement(j[1])]:(j=e.buildFragment([g[1]],[k]),a=(j.cacheable?e.clone(j.fragment):j.fragment).childNodes);return e.merge(this,a)}h=c.getElementById(g[2]);if(h&&h.parentNode){if(h.id!==g[2])return f.find(a);this.length=1,this[0]=h}this.context=c,this.selector=a;return this}return!d||d.jquery?(d||f).find(a):this.constructor(d).find(a)}if(e.isFunction(a))return f.ready(a);a.selector!==b&&(this.selector=a.selector,this.context=a.context);return e.makeArray(a,this)},selector:"",jquery:"1.6.4",length:0,size:function(){return this.length},toArray:function(){return G.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=this.constructor();e.isArray(a)?F.apply(d,a):e.merge(d,a),d.prevObject=this,d.context=this.context,b==="find"?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")");return d},each:function(a,b){return e.each(this,a,b)},ready:function(a){e.bindReady(),B.done(a);return this},eq:function(a){return a===-1?this.slice(a):this.slice(a,+a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(G.apply(this,arguments),"slice",G.call(arguments).join(","))},map:function(a){return this.pushStack(e.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:F,sort:[].sort,splice:[].splice},e.fn.init.prototype=e.fn,e.extend=e.fn.extend=function(){var a,c,d,f,g,h,i=arguments[0]||{},j=1,k=arguments.length,l=!1;typeof i=="boolean"&&(l=i,i=arguments[1]||{},j=2),typeof i!="object"&&!e.isFunction(i)&&(i={}),k===j&&(i=this,--j);for(;j<k;j++)if((a=arguments[j])!=null)for(c in a){d=i[c],f=a[c];if(i===f)continue;l&&f&&(e.isPlainObject(f)||(g=e.isArray(f)))?(g?(g=!1,h=d&&e.isArray(d)?d:[]):h=d&&e.isPlainObject(d)?d:{},i[c]=e.extend(l,h,f)):f!==b&&(i[c]=f)}return i},e.extend({noConflict:function(b){a.$===e&&(a.$=g),b&&a.jQuery===e&&(a.jQuery=f);return e},isReady:!1,readyWait:1,holdReady:function(a){a?e.readyWait++:e.ready(!0)},ready:function(a){if(a===!0&&!--e.readyWait||a!==!0&&!e.isReady){if(!c.body)return setTimeout(e.ready,1);e.isReady=!0;if(a!==!0&&--e.readyWait>0)return;B.resolveWith(c,[e]),e.fn.trigger&&e(c).trigger("ready").unbind("ready")}},bindReady:function(){if(!B){B=e._Deferred();if(c.readyState==="complete")return setTimeout(e.ready,1);if(c.addEventListener)c.addEventListener("DOMContentLoaded",C,!1),a.addEventListener("load",e.ready,!1);else if(c.attachEvent){c.attachEvent("onreadystatechange",C),a.attachEvent("onload",e.ready);var b=!1;try{b=a.frameElement==null}catch(d){}c.documentElement.doScroll&&b&&K()}}},isFunction:function(a){return e.type(a)==="function"},isArray:Array.isArray||function(a){return e.type(a)==="array"},isWindow:function(a){return a&&typeof a=="object"&&"setInterval"in a},isNaN:function(a){return a==null||!m.test(a)||isNaN(a)},type:function(a){return a==null?String(a):J[D.call(a)]||"object"},isPlainObject:function(a){if(!a||e.type(a)!=="object"||a.nodeType||e.isWindow(a))return!1;try{if(a.constructor&&!E.call(a,"constructor")&&!E.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}var d;for(d in a);return d===b||E.call(a,d)},isEmptyObject:function(a){for(var b in a)return!1;return!0},error:function(a){throw a},parseJSON:function(b){if(typeof b!="string"||!b)return null;b=e.trim(b);if(a.JSON&&a.JSON.parse)return a.JSON.parse(b);if(o.test(b.replace(p,"@").replace(q,"]").replace(r,"")))return(new Function("return "+b))();e.error("Invalid JSON: "+b)},parseXML:function(c){var d,f;try{a.DOMParser?(f=new DOMParser,d=f.parseFromString(c,"text/xml")):(d=new ActiveXObject("Microsoft.XMLDOM"),d.async="false",d.loadXML(c))}catch(g){d=b}(!d||!d.documentElement||d.getElementsByTagName("parsererror").length)&&e.error("Invalid XML: "+c);return d},noop:function(){},globalEval:function(b){b&&j.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(x,"ms-").replace(w,y)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,d){var f,g=0,h=a.length,i=h===b||e.isFunction(a);if(d){if(i){for(f in a)if(c.apply(a[f],d)===!1)break}else for(;g<h;)if(c.apply(a[g++],d)===!1)break}else if(i){for(f in a)if(c.call(a[f],f,a[f])===!1)break}else for(;g<h;)if(c.call(a[g],g,a[g++])===!1)break;return a},trim:H?function(a){return a==null?"":H.call(a)}:function(a){return a==null?"":(a+"").replace(k,"").replace(l,"")},makeArray:function(a,b){var c=b||[];if(a!=null){var d=e.type(a);a.length==null||d==="string"||d==="function"||d==="regexp"||e.isWindow(a)?F.call(c,a):e.merge(c,a)}return c},inArray:function(a,b){if(!b)return-1;if(I)return I.call(b,a);for(var c=0,d=b.length;c<d;c++)if(b[c]===a)return c;return-1},merge:function(a,c){var d=a.length,e=0;if(typeof c.length=="number")for(var f=c.length;e<f;e++)a[d++]=c[e];else while(c[e]!==b)a[d++]=c[e++];a.length=d;return a},grep:function(a,b,c){var d=[],e;c=!!c;for(var f=0,g=a.length;f<g;f++)e=!!b(a[f],f),c!==e&&d.push(a[f]);return d},map:function(a,c,d){var f,g,h=[],i=0,j=a.length,k=a instanceof e||j!==b&&typeof j=="number"&&(j>0&&a[0]&&a[j-1]||j===0||e.isArray(a));if(k)for(;i<j;i++)f=c(a[i],i,d),f!=null&&(h[h.length]=f);else for(g in a)f=c(a[g],g,d),f!=null&&(h[h.length]=f);return h.concat.apply([],h)},guid:1,proxy:function(a,c){if(typeof c=="string"){var d=a[c];c=a,a=d}if(!e.isFunction(a))return b;var f=G.call(arguments,2),g=function(){return a.apply(c,f.concat(G.call(arguments)))};g.guid=a.guid=a.guid||g.guid||e.guid++;return g},access:function(a,c,d,f,g,h){var i=a.length;if(typeof c=="object"){for(var j in c)e.access(a,j,c[j],f,g,d);return a}if(d!==b){f=!h&&f&&e.isFunction(d);for(var k=0;k<i;k++)g(a[k],c,f?d.call(a[k],k,g(a[k],c)):d,h);return a}return i?g(a[0],c):b},now:function(){return(new Date).getTime()},uaMatch:function(a){a=a.toLowerCase();var b=s.exec(a)||t.exec(a)||u.exec(a)||a.indexOf("compatible")<0&&v.exec(a)||[];return{browser:b[1]||"",version:b[2]||"0"}},sub:function(){function a(b,c){return new a.fn.init(b,c)}e.extend(!0,a,this),a.superclass=this,a.fn=a.prototype=this(),a.fn.constructor=a,a.sub=this.sub,a.fn.init=function(d,f){f&&f instanceof e&&!(f instanceof a)&&(f=a(f));return e.fn.init.call(this,d,f,b)},a.fn.init.prototype=a.fn;var b=a(c);return a},browser:{}}),e.each("Boolean Number String Function Array Date RegExp Object".split(" "),function(a,b){J["[object "+b+"]"]=b.toLowerCase()}),A=e.uaMatch(z),A.browser&&(e.browser[A.browser]=!0,e.browser.version=A.version),e.browser.webkit&&(e.browser.safari=!0),j.test(" ")&&(k=/^[\s\xA0]+/,l=/[\s\xA0]+$/),h=e(c),c.addEventListener?C=function(){c.removeEventListener("DOMContentLoaded",C,!1),e.ready()}:c.attachEvent&&(C=function(){c.readyState==="complete"&&(c.detachEvent("onreadystatechange",C),e.ready())});return e}(),g="done fail isResolved isRejected promise then always pipe".split(" "),h=[].slice;f.extend({_Deferred:function(){var a=[],b,c,d,e={done:function(){if(!d){var c=arguments,g,h,i,j,k;b&&(k=b,b=0);for(g=0,h=c.length;g<h;g++)i=c[g],j=f.type(i),j==="array"?e.done.apply(e,i):j==="function"&&a.push(i);k&&e.resolveWith(k[0],k[1])}return this},resolveWith:function(e,f){if(!d&&!b&&!c){f=f||[],c=1;try{while(a[0])a.shift().apply(e,f)}finally{b=[e,f],c=0}}return this},resolve:function(){e.resolveWith(this,arguments);return this},isResolved:function(){return!!c||!!b},cancel:function(){d=1,a=[];return this}};return e},Deferred:function(a){var b=f._Deferred(),c=f._Deferred(),d;f.extend(b,{then:function(a,c){b.done(a).fail(c);return this},always:function(){return b.done.apply(b,arguments).fail.apply(this,arguments)},fail:c.done,rejectWith:c.resolveWith,reject:c.resolve,isRejected:c.isResolved,pipe:function(a,c){return f.Deferred(function(d){f.each({done:[a,"resolve"],fail:[c,"reject"]},function(a,c){var e=c[0],g=c[1],h;f.isFunction(e)?b[a](function(){h=e.apply(this,arguments),h&&f.isFunction(h.promise)?h.promise().then(d.resolve,d.reject):d[g+"With"](this===b?d:this,[h])}):b[a](d[g])})}).promise()},promise:function(a){if(a==null){if(d)return d;d=a={}}var c=g.length;while(c--)a[g[c]]=b[g[c]];return a}}),b.done(c.cancel).fail(b.cancel),delete b.cancel,a&&a.call(b,b);return b},when:function(a){function i(a){return function(c){b[a]=arguments.length>1?h.call(arguments,0):c,--e||g.resolveWith(g,h.call(b,0))}}var b=arguments,c=0,d=b.length,e=d,g=d<=1&&a&&f.isFunction(a.promise)?a:f.Deferred();if(d>1){for(;c<d;c++)b[c]&&f.isFunction(b[c].promise)?b[c].promise().then(i(c),g.reject):--e;e||g.resolveWith(g,b)}else g!==a&&g.resolveWith(g,d?[a]:[]);return g.promise()}}),f.support=function(){var a=c.createElement("div"),b=c.documentElement,d,e,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u;a.setAttribute("className","t"),a.innerHTML=" <link/><table></table><a href='/a' style='top:1px;float:left;opacity:.55;'>a</a><input type='checkbox'/>",d=a.getElementsByTagName("*"),e=a.getElementsByTagName("a")[0];if(!d||!d.length||!e)return{};g=c.createElement("select"),h=g.appendChild(c.createElement("option")),i=a.getElementsByTagName("input")[0],k={leadingWhitespace:a.firstChild.nodeType===3,tbody:!a.getElementsByTagName("tbody").length,htmlSerialize:!!a.getElementsByTagName("link").length,style:/top/.test(e.getAttribute("style")),hrefNormalized:e.getAttribute("href")==="/a",opacity:/^0.55$/.test(e.style.opacity),cssFloat:!!e.style.cssFloat,checkOn:i.value==="on",optSelected:h.selected,getSetAttribute:a.className!=="t",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0},i.checked=!0,k.noCloneChecked=i.cloneNode(!0).checked,g.disabled=!0,k.optDisabled=!h.disabled;try{delete a.test}catch(v){k.deleteExpando=!1}!a.addEventListener&&a.attachEvent&&a.fireEvent&&(a.attachEvent("onclick",function(){k.noCloneEvent=!1}),a.cloneNode(!0).fireEvent("onclick")),i=c.createElement("input"),i.value="t",i.setAttribute("type","radio"),k.radioValue=i.value==="t",i.setAttribute("checked","checked"),a.appendChild(i),l=c.createDocumentFragment(),l.appendChild(a.firstChild),k.checkClone=l.cloneNode(!0).cloneNode(!0).lastChild.checked,a.innerHTML="",a.style.width=a.style.paddingLeft="1px",m=c.getElementsByTagName("body")[0],o=c.createElement(m?"div":"body"),p={visibility:"hidden",width:0,height:0,border:0,margin:0,background:"none"},m&&f.extend(p,{position:"absolute",left:"-1000px",top:"-1000px"});for(t in p)o.style[t]=p[t];o.appendChild(a),n=m||b,n.insertBefore(o,n.firstChild),k.appendChecked=i.checked,k.boxModel=a.offsetWidth===2,"zoom"in a.style&&(a.style.display="inline",a.style.zoom=1,k.inlineBlockNeedsLayout=a.offsetWidth===2,a.style.display="",a.innerHTML="<div style='width:4px;'></div>",k.shrinkWrapBlocks=a.offsetWidth!==2),a.innerHTML="<table><tr><td style='padding:0;border:0;display:none'></td><td>t</td></tr></table>",q=a.getElementsByTagName("td"),u=q[0].offsetHeight===0,q[0].style.display="",q[1].style.display="none",k.reliableHiddenOffsets=u&&q[0].offsetHeight===0,a.innerHTML="",c.defaultView&&c.defaultView.getComputedStyle&&(j=c.createElement("div"),j.style.width="0",j.style.marginRight="0",a.appendChild(j),k.reliableMarginRight=(parseInt((c.defaultView.getComputedStyle(j,null)||{marginRight:0}).marginRight,10)||0)===0),o.innerHTML="",n.removeChild(o);if(a.attachEvent)for(t in{submit:1,change:1,focusin:1})s="on"+t,u=s in a,u||(a.setAttribute(s,"return;"),u=typeof a[s]=="function"),k[t+"Bubbles"]=u;o=l=g=h=m=j=a=i=null;return k}(),f.boxModel=f.support.boxModel;var i=/^(?:\{.*\}|\[.*\])$/,j=/([A-Z])/g;f.extend({cache:{},uuid:0,expando:"jQuery"+(f.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){a=a.nodeType?f.cache[a[f.expando]]:a[f.expando];return!!a&&!l(a)},data:function(a,c,d,e){if(!!f.acceptData(a)){var g,h,i=f.expando,j=typeof c=="string",k=a.nodeType,l=k?f.cache:a,m=k?a[f.expando]:a[f.expando]&&f.expando;if((!m||e&&m&&l[m]&&!l[m][i])&&j&&d===b)return;m||(k?a[f.expando]=m=++f.uuid:m=f.expando),l[m]||(l[m]={},k||(l[m].toJSON=f.noop));if(typeof c=="object"||typeof c=="function")e?l[m][i]=f.extend(l[m][i],c):l[m]=f.extend(l[m],c);g=l[m],e&&(g[i]||(g[i]={}),g=g[i]),d!==b&&(g[f.camelCase(c)]=d);if(c==="events"&&!g[c])return g[i]&&g[i].events;j?(h=g[c],h==null&&(h=g[f.camelCase(c)])):h=g;return h}},removeData:function(a,b,c){if(!!f.acceptData(a)){var d,e=f.expando,g=a.nodeType,h=g?f.cache:a,i=g?a[f.expando]:f.expando;if(!h[i])return;if(b){d=c?h[i][e]:h[i];if(d){d[b]||(b=f.camelCase(b)),delete d[b];if(!l(d))return}}if(c){delete h[i][e];if(!l(h[i]))return}var j=h[i][e];f.support.deleteExpando||!h.setInterval?delete h[i]:h[i]=null,j?(h[i]={},g||(h[i].toJSON=f.noop),h[i][e]=j):g&&(f.support.deleteExpando?delete a[f.expando]:a.removeAttribute?a.removeAttribute(f.expando):a[f.expando]=null)}},_data:function(a,b,c){return f.data(a,b,c,!0)},acceptData:function(a){if(a.nodeName){var b=f.noData[a.nodeName.toLowerCase()];if(b)return b!==!0&&a.getAttribute("classid")===b}return!0}}),f.fn.extend({data:function(a,c){var d=null;if(typeof a=="undefined"){if(this.length){d=f.data(this[0]);if(this[0].nodeType===1){var e=this[0].attributes,g;for(var h=0,i=e.length;h<i;h++)g=e[h].name,g.indexOf("data-")===0&&(g=f.camelCase(g.substring(5)),k(this[0],g,d[g]))}}return d}if(typeof a=="object")return this.each(function(){f.data(this,a)});var j=a.split(".");j[1]=j[1]?"."+j[1]:"";if(c===b){d=this.triggerHandler("getData"+j[1]+"!",[j[0]]),d===b&&this.length&&(d=f.data(this[0],a),d=k(this[0],a,d));return d===b&&j[1]?this.data(j[0]):d}return this.each(function(){var b=f(this),d=[j[0],c];b.triggerHandler("setData"+j[1]+"!",d),f.data(this,a,c),b.triggerHandler("changeData"+j[1]+"!",d)})},removeData:function(a){return this.each(function(){f.removeData(this,a)})}}),f.extend({_mark:function(a,c){a&&(c=(c||"fx")+"mark",f.data(a,c,(f.data(a,c,b,!0)||0)+1,!0))},_unmark:function(a,c,d){a!==!0&&(d=c,c=a,a=!1);if(c){d=d||"fx";var e=d+"mark",g=a?0:(f.data(c,e,b,!0)||1)-1;g?f.data(c,e,g,!0):(f.removeData(c,e,!0),m(c,d,"mark"))}},queue:function(a,c,d){if(a){c=(c||"fx")+"queue";var e=f.data(a,c,b,!0);d&&(!e||f.isArray(d)?e=f.data(a,c,f.makeArray(d),!0):e.push(d));return e||[]}},dequeue:function(a,b){b=b||"fx";var c=f.queue(a,b),d=c.shift(),e;d==="inprogress"&&(d=c.shift()),d&&(b==="fx"&&c.unshift("inprogress"),d.call(a,function(){f.dequeue(a,b)})),c.length||(f.removeData(a,b+"queue",!0),m(a,b,"queue"))}}),f.fn.extend({queue:function(a,c){typeof a!="string"&&(c=a,a="fx");if(c===b)return f.queue(this[0],a);return this.each(function(){var b=f.queue(this,a,c);a==="fx"&&b[0]!=="inprogress"&&f.dequeue(this,a)})},dequeue:function(a){return this.each(function(){f.dequeue(this,a)})},delay:function(a,b){a=f.fx?f.fx.speeds[a]||a:a,b=b||"fx";return this.queue(b,function(){var c=this;setTimeout(function(){f.dequeue(c,b)},a)})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,c){function m(){--h||d.resolveWith(e,[e])}typeof a!="string"&&(c=a,a=b),a=a||"fx";var d=f.Deferred(),e=this,g=e.length,h=1,i=a+"defer",j=a+"queue",k=a+"mark",l;while(g--)if(l=f.data(e[g],i,b,!0)||(f.data(e[g],j,b,!0)||f.data(e[g],k,b,!0))&&f.data(e[g],i,f._Deferred(),!0))h++,l.done(m);m();return d.promise()}});var n=/[\n\t\r]/g,o=/\s+/,p=/\r/g,q=/^(?:button|input)$/i,r=/^(?:button|input|object|select|textarea)$/i,s=/^a(?:rea)?$/i,t=/^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,u,v;f.fn.extend({attr:function(a,b){return f.access(this,a,b,!0,f.attr)},removeAttr:function(a){return this.each(function(){f.removeAttr(this,a)})},prop:function(a,b){return f.access(this,a,b,!0,f.prop)},removeProp:function(a){a=f.propFix[a]||a;return this.each(function(){try{this[a]=b,delete this[a]}catch(c){}})},addClass:function(a){var b,c,d,e,g,h,i;if(f.isFunction(a))return this.each(function(b){f(this).addClass(a.call(this,b,this.className))});if(a&&typeof a=="string"){b=a.split(o);for(c=0,d=this.length;c<d;c++){e=this[c];if(e.nodeType===1)if(!e.className&&b.length===1)e.className=a;else{g=" "+e.className+" ";for(h=0,i=b.length;h<i;h++)~g.indexOf(" "+b[h]+" ")||(g+=b[h]+" ");e.className=f.trim(g)}}}return this},removeClass:function(a){var c,d,e,g,h,i,j;if(f.isFunction(a))return this.each(function(b){f(this).removeClass(a.call(this,b,this.className))});if(a&&typeof a=="string"||a===b){c=(a||"").split(o);for(d=0,e=this.length;d<e;d++){g=this[d];if(g.nodeType===1&&g.className)if(a){h=(" "+g.className+" ").replace(n," ");for(i=0,j=c.length;i<j;i++)h=h.replace(" "+c[i]+" "," ");g.className=f.trim(h)}else g.className=""}}return this},toggleClass:function(a,b){var c=typeof a,d=typeof b=="boolean";if(f.isFunction(a))return this.each(function(c){f(this).toggleClass(a.call(this,c,this.className,b),b)});return this.each(function(){if(c==="string"){var e,g=0,h=f(this),i=b,j=a.split(o);while(e=j[g++])i=d?i:!h.hasClass(e),h[i?"addClass":"removeClass"](e)}else if(c==="undefined"||c==="boolean")this.className&&f._data(this,"__className__",this.className),this.className=this.className||a===!1?"":f._data(this,"__className__")||""})},hasClass:function(a){var b=" "+a+" ";for(var c=0,d=this.length;c<d;c++)if(this[c].nodeType===1&&(" "+this[c].className+" ").replace(n," ").indexOf(b)>-1)return!0;return!1},val:function(a){var c,d,e=this[0];if(!arguments.length){if(e){c=f.valHooks[e.nodeName.toLowerCase()]||f.valHooks[e.type];if(c&&"get"in c&&(d=c.get(e,"value"))!==b)return d;d=e.value;return typeof d=="string"?d.replace(p,""):d==null?"":d}return b}var g=f.isFunction(a);return this.each(function(d){var e=f(this),h;if(this.nodeType===1){g?h=a.call(this,d,e.val()):h=a,h==null?h="":typeof h=="number"?h+="":f.isArray(h)&&(h=f.map(h,function(a){return a==null?"":a+""})),c=f.valHooks[this.nodeName.toLowerCase()]||f.valHooks[this.type];if(!c||!("set"in c)||c.set(this,h,"value")===b)this.value=h}})}}),f.extend({valHooks:{option:{get:function(a){var b=a.attributes.value;return!b||b.specified?a.value:a.text}},select:{get:function(a){var b,c=a.selectedIndex,d=[],e=a.options,g=a.type==="select-one";if(c<0)return null;for(var h=g?c:0,i=g?c+1:e.length;h<i;h++){var j=e[h];if(j.selected&&(f.support.optDisabled?!j.disabled:j.getAttribute("disabled")===null)&&(!j.parentNode.disabled||!f.nodeName(j.parentNode,"optgroup"))){b=f(j).val();if(g)return b;d.push(b)}}if(g&&!d.length&&e.length)return f(e[c]).val();return d},set:function(a,b){var c=f.makeArray(b);f(a).find("option").each(function(){this.selected=f.inArray(f(this).val(),c)>=0}),c.length||(a.selectedIndex=-1);return c}}},attrFn:{val:!0,css:!0,html:!0,text:!0,data:!0,width:!0,height:!0,offset:!0},attrFix:{tabindex:"tabIndex"},attr:function(a,c,d,e){var g=a.nodeType;if(!a||g===3||g===8||g===2)return b;if(e&&c in f.attrFn)return f(a)[c](d);if(!("getAttribute"in a))return f.prop(a,c,d);var h,i,j=g!==1||!f.isXMLDoc(a);j&&(c=f.attrFix[c]||c,i=f.attrHooks[c],i||(t.test(c)?i=v:u&&(i=u)));if(d!==b){if(d===null){f.removeAttr(a,c);return b}if(i&&"set"in i&&j&&(h=i.set(a,d,c))!==b)return h;a.setAttribute(c,""+d);return d}if(i&&"get"in i&&j&&(h=i.get(a,c))!==null)return h;h=a.getAttribute(c);return h===null?b:h},removeAttr:function(a,b){var c;a.nodeType===1&&(b=f.attrFix[b]||b,f.attr(a,b,""),a.removeAttribute(b),t.test(b)&&(c=f.propFix[b]||b)in a&&(a[c]=!1))},attrHooks:{type:{set:function(a,b){if(q.test(a.nodeName)&&a.parentNode)f.error("type property can't be changed");else if(!f.support.radioValue&&b==="radio"&&f.nodeName(a,"input")){var c=a.value;a.setAttribute("type",b),c&&(a.value=c);return b}}},value:{get:function(a,b){if(u&&f.nodeName(a,"button"))return u.get(a,b);return b in a?a.value:null},set:function(a,b,c){if(u&&f.nodeName(a,"button"))return u.set(a,b,c);a.value=b}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(a,c,d){var e=a.nodeType;if(!a||e===3||e===8||e===2)return b;var g,h,i=e!==1||!f.isXMLDoc(a);i&&(c=f.propFix[c]||c,h=f.propHooks[c]);return d!==b?h&&"set"in h&&(g=h.set(a,d,c))!==b?g:a[c]=d:h&&"get"in h&&(g=h.get(a,c))!==null?g:a[c]},propHooks:{tabIndex:{get:function(a){var c=a.getAttributeNode("tabindex");return c&&c.specified?parseInt(c.value,10):r.test(a.nodeName)||s.test(a.nodeName)&&a.href?0:b}}}}),f.attrHooks.tabIndex=f.propHooks.tabIndex,v={get:function(a,c){var d;return f.prop(a,c)===!0||(d=a.getAttributeNode(c))&&d.nodeValue!==!1?c.toLowerCase():b},set:function(a,b,c){var d;b===!1?f.removeAttr(a,c):(d=f.propFix[c]||c,d in a&&(a[d]=!0),a.setAttribute(c,c.toLowerCase()));return c}},f.support.getSetAttribute||(u=f.valHooks.button={get:function(a,c){var d;d=a.getAttributeNode(c);return d&&d.nodeValue!==""?d.nodeValue:b},set:function(a,b,d){var e=a.getAttributeNode(d);e||(e=c.createAttribute(d),a.setAttributeNode(e));return e.nodeValue=b+""}},f.each(["width","height"],function(a,b){f.attrHooks[b]=f.extend(f.attrHooks[b],{set:function(a,c){if(c===""){a.setAttribute(b,"auto");return c}}})})),f.support.hrefNormalized||f.each(["href","src","width","height"],function(a,c){f.attrHooks[c]=f.extend(f.attrHooks[c],{get:function(a){var d=a.getAttribute(c,2);return d===null?b:d}})}),f.support.style||(f.attrHooks.style={get:function(a){return a.style.cssText.toLowerCase()||b},set:function(a,b){return a.style.cssText=""+b}}),f.support.optSelected||(f.propHooks.selected=f.extend(f.propHooks.selected,{get:function(a){var b=a.parentNode;b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex);return null}})),f.support.checkOn||f.each(["radio","checkbox"],function(){f.valHooks[this]={get:function(a){return a.getAttribute("value")===null?"on":a.value}}}),f.each(["radio","checkbox"],function(){f.valHooks[this]=f.extend(f.valHooks[this],{set:function(a,b){if(f.isArray(b))return a.checked=f.inArray(f(a).val(),b)>=0}})});var w=/\.(.*)$/,x=/^(?:textarea|input|select)$/i,y=/\./g,z=/ /g,A=/[^\w\s.|`]/g,B=function(a){return a.replace(A,"\\$&")};f.event={add:function(a,c,d,e){if(a.nodeType!==3&&a.nodeType!==8){if(d===!1)d=C;else if(!d)return;var g,h;d.handler&&(g=d,d=g.handler),d.guid||(d.guid=f.guid++);var i=f._data(a);if(!i)return;var j=i.events,k=i.handle;j||(i.events=j={}),k||(i.handle=k=function(a){return typeof f!="undefined"&&(!a||f.event.triggered!==a.type)?f.event.handle.apply(k.elem,arguments):b}),k.elem=a,c=c.split(" ");var l,m=0,n;while(l=c[m++]){h=g?f.extend({},g):{handler:d,data:e},l.indexOf(".")>-1?(n=l.split("."),l=n.shift(),h.namespace=n.slice(0).sort().join(".")):(n=[],h.namespace=""),h.type=l,h.guid||(h.guid=d.guid);var o=j[l],p=f.event.special[l]||{};if(!o){o=j[l]=[];if(!p.setup||p.setup.call(a,e,n,k)===!1)a.addEventListener?a.addEventListener(l,k,!1):a.attachEvent&&a.attachEvent("on"+l,k)}p.add&&(p.add.call(a,h),h.handler.guid||(h.handler.guid=d.guid)),o.push(h),f.event.global[l]=!0}a=null}},global:{},remove:function(a,c,d,e){if(a.nodeType!==3&&a.nodeType!==8){d===!1&&(d=C);var g,h,i,j,k=0,l,m,n,o,p,q,r,s=f.hasData(a)&&f._data(a),t=s&&s.events;if(!s||!t)return;c&&c.type&&(d=c.handler,c=c.type);if(!c||typeof c=="string"&&c.charAt(0)==="."){c=c||"";for(h in t)f.event.remove(a,h+c);return}c=c.split(" ");while(h=c[k++]){r=h,q=null,l=h.indexOf(".")<0,m=[],l||(m=h.split("."),h=m.shift(),n=new RegExp("(^|\\.)"+f.map(m.slice(0).sort(),B).join("\\.(?:.*\\.)?")+"(\\.|$)")),p=t[h];if(!p)continue;if(!d){for(j=0;j<p.length;j++){q=p[j];if(l||n.test(q.namespace))f.event.remove(a,r,q.handler,j),p.splice(j--,1)}continue}o=f.event.special[h]||{};for(j=e||0;j<p.length;j++){q=p[j];if(d.guid===q.guid){if(l||n.test(q.namespace))e==null&&p.splice(j--,1),o.remove&&o.remove.call(a,q);if(e!=null)break}}if(p.length===0||e!=null&&p.length===1)(!o.teardown||o.teardown.call(a,m)===!1)&&f.removeEvent(a,h,s.handle),g=null,delete
-t[h]}if(f.isEmptyObject(t)){var u=s.handle;u&&(u.elem=null),delete s.events,delete s.handle,f.isEmptyObject(s)&&f.removeData(a,b,!0)}}},customEvent:{getData:!0,setData:!0,changeData:!0},trigger:function(c,d,e,g){var h=c.type||c,i=[],j;h.indexOf("!")>=0&&(h=h.slice(0,-1),j=!0),h.indexOf(".")>=0&&(i=h.split("."),h=i.shift(),i.sort());if(!!e&&!f.event.customEvent[h]||!!f.event.global[h]){c=typeof c=="object"?c[f.expando]?c:new f.Event(h,c):new f.Event(h),c.type=h,c.exclusive=j,c.namespace=i.join("."),c.namespace_re=new RegExp("(^|\\.)"+i.join("\\.(?:.*\\.)?")+"(\\.|$)");if(g||!e)c.preventDefault(),c.stopPropagation();if(!e){f.each(f.cache,function(){var a=f.expando,b=this[a];b&&b.events&&b.events[h]&&f.event.trigger(c,d,b.handle.elem)});return}if(e.nodeType===3||e.nodeType===8)return;c.result=b,c.target=e,d=d!=null?f.makeArray(d):[],d.unshift(c);var k=e,l=h.indexOf(":")<0?"on"+h:"";do{var m=f._data(k,"handle");c.currentTarget=k,m&&m.apply(k,d),l&&f.acceptData(k)&&k[l]&&k[l].apply(k,d)===!1&&(c.result=!1,c.preventDefault()),k=k.parentNode||k.ownerDocument||k===c.target.ownerDocument&&a}while(k&&!c.isPropagationStopped());if(!c.isDefaultPrevented()){var n,o=f.event.special[h]||{};if((!o._default||o._default.call(e.ownerDocument,c)===!1)&&(h!=="click"||!f.nodeName(e,"a"))&&f.acceptData(e)){try{l&&e[h]&&(n=e[l],n&&(e[l]=null),f.event.triggered=h,e[h]())}catch(p){}n&&(e[l]=n),f.event.triggered=b}}return c.result}},handle:function(c){c=f.event.fix(c||a.event);var d=((f._data(this,"events")||{})[c.type]||[]).slice(0),e=!c.exclusive&&!c.namespace,g=Array.prototype.slice.call(arguments,0);g[0]=c,c.currentTarget=this;for(var h=0,i=d.length;h<i;h++){var j=d[h];if(e||c.namespace_re.test(j.namespace)){c.handler=j.handler,c.data=j.data,c.handleObj=j;var k=j.handler.apply(this,g);k!==b&&(c.result=k,k===!1&&(c.preventDefault(),c.stopPropagation()));if(c.isImmediatePropagationStopped())break}}return c.result},props:"altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),fix:function(a){if(a[f.expando])return a;var d=a;a=f.Event(d);for(var e=this.props.length,g;e;)g=this.props[--e],a[g]=d[g];a.target||(a.target=a.srcElement||c),a.target.nodeType===3&&(a.target=a.target.parentNode),!a.relatedTarget&&a.fromElement&&(a.relatedTarget=a.fromElement===a.target?a.toElement:a.fromElement);if(a.pageX==null&&a.clientX!=null){var h=a.target.ownerDocument||c,i=h.documentElement,j=h.body;a.pageX=a.clientX+(i&&i.scrollLeft||j&&j.scrollLeft||0)-(i&&i.clientLeft||j&&j.clientLeft||0),a.pageY=a.clientY+(i&&i.scrollTop||j&&j.scrollTop||0)-(i&&i.clientTop||j&&j.clientTop||0)}a.which==null&&(a.charCode!=null||a.keyCode!=null)&&(a.which=a.charCode!=null?a.charCode:a.keyCode),!a.metaKey&&a.ctrlKey&&(a.metaKey=a.ctrlKey),!a.which&&a.button!==b&&(a.which=a.button&1?1:a.button&2?3:a.button&4?2:0);return a},guid:1e8,proxy:f.proxy,special:{ready:{setup:f.bindReady,teardown:f.noop},live:{add:function(a){f.event.add(this,M(a.origType,a.selector),f.extend({},a,{handler:L,guid:a.handler.guid}))},remove:function(a){f.event.remove(this,M(a.origType,a.selector),a)}},beforeunload:{setup:function(a,b,c){f.isWindow(this)&&(this.onbeforeunload=c)},teardown:function(a,b){this.onbeforeunload===b&&(this.onbeforeunload=null)}}}},f.removeEvent=c.removeEventListener?function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)}:function(a,b,c){a.detachEvent&&a.detachEvent("on"+b,c)},f.Event=function(a,b){if(!this.preventDefault)return new f.Event(a,b);a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||a.returnValue===!1||a.getPreventDefault&&a.getPreventDefault()?D:C):this.type=a,b&&f.extend(this,b),this.timeStamp=f.now(),this[f.expando]=!0},f.Event.prototype={preventDefault:function(){this.isDefaultPrevented=D;var a=this.originalEvent;!a||(a.preventDefault?a.preventDefault():a.returnValue=!1)},stopPropagation:function(){this.isPropagationStopped=D;var a=this.originalEvent;!a||(a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=D,this.stopPropagation()},isDefaultPrevented:C,isPropagationStopped:C,isImmediatePropagationStopped:C};var E=function(a){var b=a.relatedTarget,c=!1,d=a.type;a.type=a.data,b!==this&&(b&&(c=f.contains(this,b)),c||(f.event.handle.apply(this,arguments),a.type=d))},F=function(a){a.type=a.data,f.event.handle.apply(this,arguments)};f.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){f.event.special[a]={setup:function(c){f.event.add(this,b,c&&c.selector?F:E,a)},teardown:function(a){f.event.remove(this,b,a&&a.selector?F:E)}}}),f.support.submitBubbles||(f.event.special.submit={setup:function(a,b){if(!f.nodeName(this,"form"))f.event.add(this,"click.specialSubmit",function(a){var b=a.target,c=f.nodeName(b,"input")||f.nodeName(b,"button")?b.type:"";(c==="submit"||c==="image")&&f(b).closest("form").length&&J("submit",this,arguments)}),f.event.add(this,"keypress.specialSubmit",function(a){var b=a.target,c=f.nodeName(b,"input")||f.nodeName(b,"button")?b.type:"";(c==="text"||c==="password")&&f(b).closest("form").length&&a.keyCode===13&&J("submit",this,arguments)});else return!1},teardown:function(a){f.event.remove(this,".specialSubmit")}});if(!f.support.changeBubbles){var G,H=function(a){var b=f.nodeName(a,"input")?a.type:"",c=a.value;b==="radio"||b==="checkbox"?c=a.checked:b==="select-multiple"?c=a.selectedIndex>-1?f.map(a.options,function(a){return a.selected}).join("-"):"":f.nodeName(a,"select")&&(c=a.selectedIndex);return c},I=function(c){var d=c.target,e,g;if(!!x.test(d.nodeName)&&!d.readOnly){e=f._data(d,"_change_data"),g=H(d),(c.type!=="focusout"||d.type!=="radio")&&f._data(d,"_change_data",g);if(e===b||g===e)return;if(e!=null||g)c.type="change",c.liveFired=b,f.event.trigger(c,arguments[1],d)}};f.event.special.change={filters:{focusout:I,beforedeactivate:I,click:function(a){var b=a.target,c=f.nodeName(b,"input")?b.type:"";(c==="radio"||c==="checkbox"||f.nodeName(b,"select"))&&I.call(this,a)},keydown:function(a){var b=a.target,c=f.nodeName(b,"input")?b.type:"";(a.keyCode===13&&!f.nodeName(b,"textarea")||a.keyCode===32&&(c==="checkbox"||c==="radio")||c==="select-multiple")&&I.call(this,a)},beforeactivate:function(a){var b=a.target;f._data(b,"_change_data",H(b))}},setup:function(a,b){if(this.type==="file")return!1;for(var c in G)f.event.add(this,c+".specialChange",G[c]);return x.test(this.nodeName)},teardown:function(a){f.event.remove(this,".specialChange");return x.test(this.nodeName)}},G=f.event.special.change.filters,G.focus=G.beforeactivate}f.support.focusinBubbles||f.each({focus:"focusin",blur:"focusout"},function(a,b){function e(a){var c=f.event.fix(a);c.type=b,c.originalEvent={},f.event.trigger(c,null,c.target),c.isDefaultPrevented()&&a.preventDefault()}var d=0;f.event.special[b]={setup:function(){d++===0&&c.addEventListener(a,e,!0)},teardown:function(){--d===0&&c.removeEventListener(a,e,!0)}}}),f.each(["bind","one"],function(a,c){f.fn[c]=function(a,d,e){var g;if(typeof a=="object"){for(var h in a)this[c](h,d,a[h],e);return this}if(arguments.length===2||d===!1)e=d,d=b;c==="one"?(g=function(a){f(this).unbind(a,g);return e.apply(this,arguments)},g.guid=e.guid||f.guid++):g=e;if(a==="unload"&&c!=="one")this.one(a,d,e);else for(var i=0,j=this.length;i<j;i++)f.event.add(this[i],a,g,d);return this}}),f.fn.extend({unbind:function(a,b){if(typeof a=="object"&&!a.preventDefault)for(var c in a)this.unbind(c,a[c]);else for(var d=0,e=this.length;d<e;d++)f.event.remove(this[d],a,b);return this},delegate:function(a,b,c,d){return this.live(b,c,d,a)},undelegate:function(a,b,c){return arguments.length===0?this.unbind("live"):this.die(b,null,c,a)},trigger:function(a,b){return this.each(function(){f.event.trigger(a,b,this)})},triggerHandler:function(a,b){if(this[0])return f.event.trigger(a,b,this[0],!0)},toggle:function(a){var b=arguments,c=a.guid||f.guid++,d=0,e=function(c){var e=(f.data(this,"lastToggle"+a.guid)||0)%d;f.data(this,"lastToggle"+a.guid,e+1),c.preventDefault();return b[e].apply(this,arguments)||!1};e.guid=c;while(d<b.length)b[d++].guid=c;return this.click(e)},hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}});var K={focus:"focusin",blur:"focusout",mouseenter:"mouseover",mouseleave:"mouseout"};f.each(["live","die"],function(a,c){f.fn[c]=function(a,d,e,g){var h,i=0,j,k,l,m=g||this.selector,n=g?this:f(this.context);if(typeof a=="object"&&!a.preventDefault){for(var o in a)n[c](o,d,a[o],m);return this}if(c==="die"&&!a&&g&&g.charAt(0)==="."){n.unbind(g);return this}if(d===!1||f.isFunction(d))e=d||C,d=b;a=(a||"").split(" ");while((h=a[i++])!=null){j=w.exec(h),k="",j&&(k=j[0],h=h.replace(w,""));if(h==="hover"){a.push("mouseenter"+k,"mouseleave"+k);continue}l=h,K[h]?(a.push(K[h]+k),h=h+k):h=(K[h]||h)+k;if(c==="live")for(var p=0,q=n.length;p<q;p++)f.event.add(n[p],"live."+M(h,m),{data:d,selector:m,handler:e,origType:h,origHandler:e,preType:l});else n.unbind("live."+M(h,m),e)}return this}}),f.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error".split(" "),function(a,b){f.fn[b]=function(a,c){c==null&&(c=a,a=null);return arguments.length>0?this.bind(b,a,c):this.trigger(b)},f.attrFn&&(f.attrFn[b]=!0)}),function(){function u(a,b,c,d,e,f){for(var g=0,h=d.length;g<h;g++){var i=d[g];if(i){var j=!1;i=i[a];while(i){if(i.sizcache===c){j=d[i.sizset];break}if(i.nodeType===1){f||(i.sizcache=c,i.sizset=g);if(typeof b!="string"){if(i===b){j=!0;break}}else if(k.filter(b,[i]).length>0){j=i;break}}i=i[a]}d[g]=j}}}function t(a,b,c,d,e,f){for(var g=0,h=d.length;g<h;g++){var i=d[g];if(i){var j=!1;i=i[a];while(i){if(i.sizcache===c){j=d[i.sizset];break}i.nodeType===1&&!f&&(i.sizcache=c,i.sizset=g);if(i.nodeName.toLowerCase()===b){j=i;break}i=i[a]}d[g]=j}}}var a=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,d=0,e=Object.prototype.toString,g=!1,h=!0,i=/\\/g,j=/\W/;[0,0].sort(function(){h=!1;return 0});var k=function(b,d,f,g){f=f||[],d=d||c;var h=d;if(d.nodeType!==1&&d.nodeType!==9)return[];if(!b||typeof b!="string")return f;var i,j,n,o,q,r,s,t,u=!0,w=k.isXML(d),x=[],y=b;do{a.exec(""),i=a.exec(y);if(i){y=i[3],x.push(i[1]);if(i[2]){o=i[3];break}}}while(i);if(x.length>1&&m.exec(b))if(x.length===2&&l.relative[x[0]])j=v(x[0]+x[1],d);else{j=l.relative[x[0]]?[d]:k(x.shift(),d);while(x.length)b=x.shift(),l.relative[b]&&(b+=x.shift()),j=v(b,j)}else{!g&&x.length>1&&d.nodeType===9&&!w&&l.match.ID.test(x[0])&&!l.match.ID.test(x[x.length-1])&&(q=k.find(x.shift(),d,w),d=q.expr?k.filter(q.expr,q.set)[0]:q.set[0]);if(d){q=g?{expr:x.pop(),set:p(g)}:k.find(x.pop(),x.length===1&&(x[0]==="~"||x[0]==="+")&&d.parentNode?d.parentNode:d,w),j=q.expr?k.filter(q.expr,q.set):q.set,x.length>0?n=p(j):u=!1;while(x.length)r=x.pop(),s=r,l.relative[r]?s=x.pop():r="",s==null&&(s=d),l.relative[r](n,s,w)}else n=x=[]}n||(n=j),n||k.error(r||b);if(e.call(n)==="[object Array]")if(!u)f.push.apply(f,n);else if(d&&d.nodeType===1)for(t=0;n[t]!=null;t++)n[t]&&(n[t]===!0||n[t].nodeType===1&&k.contains(d,n[t]))&&f.push(j[t]);else for(t=0;n[t]!=null;t++)n[t]&&n[t].nodeType===1&&f.push(j[t]);else p(n,f);o&&(k(o,h,f,g),k.uniqueSort(f));return f};k.uniqueSort=function(a){if(r){g=h,a.sort(r);if(g)for(var b=1;b<a.length;b++)a[b]===a[b-1]&&a.splice(b--,1)}return a},k.matches=function(a,b){return k(a,null,null,b)},k.matchesSelector=function(a,b){return k(b,null,null,[a]).length>0},k.find=function(a,b,c){var d;if(!a)return[];for(var e=0,f=l.order.length;e<f;e++){var g,h=l.order[e];if(g=l.leftMatch[h].exec(a)){var j=g[1];g.splice(1,1);if(j.substr(j.length-1)!=="\\"){g[1]=(g[1]||"").replace(i,""),d=l.find[h](g,b,c);if(d!=null){a=a.replace(l.match[h],"");break}}}}d||(d=typeof b.getElementsByTagName!="undefined"?b.getElementsByTagName("*"):[]);return{set:d,expr:a}},k.filter=function(a,c,d,e){var f,g,h=a,i=[],j=c,m=c&&c[0]&&k.isXML(c[0]);while(a&&c.length){for(var n in l.filter)if((f=l.leftMatch[n].exec(a))!=null&&f[2]){var o,p,q=l.filter[n],r=f[1];g=!1,f.splice(1,1);if(r.substr(r.length-1)==="\\")continue;j===i&&(i=[]);if(l.preFilter[n]){f=l.preFilter[n](f,j,d,i,e,m);if(!f)g=o=!0;else if(f===!0)continue}if(f)for(var s=0;(p=j[s])!=null;s++)if(p){o=q(p,f,s,j);var t=e^!!o;d&&o!=null?t?g=!0:j[s]=!1:t&&(i.push(p),g=!0)}if(o!==b){d||(j=i),a=a.replace(l.match[n],"");if(!g)return[];break}}if(a===h)if(g==null)k.error(a);else break;h=a}return j},k.error=function(a){throw"Syntax error, unrecognized expression: "+a};var l=k.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,CLASS:/\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(a){return a.getAttribute("href")},type:function(a){return a.getAttribute("type")}},relative:{"+":function(a,b){var c=typeof b=="string",d=c&&!j.test(b),e=c&&!d;d&&(b=b.toLowerCase());for(var f=0,g=a.length,h;f<g;f++)if(h=a[f]){while((h=h.previousSibling)&&h.nodeType!==1);a[f]=e||h&&h.nodeName.toLowerCase()===b?h||!1:h===b}e&&k.filter(b,a,!0)},">":function(a,b){var c,d=typeof b=="string",e=0,f=a.length;if(d&&!j.test(b)){b=b.toLowerCase();for(;e<f;e++){c=a[e];if(c){var g=c.parentNode;a[e]=g.nodeName.toLowerCase()===b?g:!1}}}else{for(;e<f;e++)c=a[e],c&&(a[e]=d?c.parentNode:c.parentNode===b);d&&k.filter(b,a,!0)}},"":function(a,b,c){var e,f=d++,g=u;typeof b=="string"&&!j.test(b)&&(b=b.toLowerCase(),e=b,g=t),g("parentNode",b,f,a,e,c)},"~":function(a,b,c){var e,f=d++,g=u;typeof b=="string"&&!j.test(b)&&(b=b.toLowerCase(),e=b,g=t),g("previousSibling",b,f,a,e,c)}},find:{ID:function(a,b,c){if(typeof b.getElementById!="undefined"&&!c){var d=b.getElementById(a[1]);return d&&d.parentNode?[d]:[]}},NAME:function(a,b){if(typeof b.getElementsByName!="undefined"){var c=[],d=b.getElementsByName(a[1]);for(var e=0,f=d.length;e<f;e++)d[e].getAttribute("name")===a[1]&&c.push(d[e]);return c.length===0?null:c}},TAG:function(a,b){if(typeof b.getElementsByTagName!="undefined")return b.getElementsByTagName(a[1])}},preFilter:{CLASS:function(a,b,c,d,e,f){a=" "+a[1].replace(i,"")+" ";if(f)return a;for(var g=0,h;(h=b[g])!=null;g++)h&&(e^(h.className&&(" "+h.className+" ").replace(/[\t\n\r]/g," ").indexOf(a)>=0)?c||d.push(h):c&&(b[g]=!1));return!1},ID:function(a){return a[1].replace(i,"")},TAG:function(a,b){return a[1].replace(i,"").toLowerCase()},CHILD:function(a){if(a[1]==="nth"){a[2]||k.error(a[0]),a[2]=a[2].replace(/^\+|\s*/g,"");var b=/(-?)(\d*)(?:n([+\-]?\d*))?/.exec(a[2]==="even"&&"2n"||a[2]==="odd"&&"2n+1"||!/\D/.test(a[2])&&"0n+"+a[2]||a[2]);a[2]=b[1]+(b[2]||1)-0,a[3]=b[3]-0}else a[2]&&k.error(a[0]);a[0]=d++;return a},ATTR:function(a,b,c,d,e,f){var g=a[1]=a[1].replace(i,"");!f&&l.attrMap[g]&&(a[1]=l.attrMap[g]),a[4]=(a[4]||a[5]||"").replace(i,""),a[2]==="~="&&(a[4]=" "+a[4]+" ");return a},PSEUDO:function(b,c,d,e,f){if(b[1]==="not")if((a.exec(b[3])||"").length>1||/^\w/.test(b[3]))b[3]=k(b[3],null,null,c);else{var g=k.filter(b[3],c,d,!0^f);d||e.push.apply(e,g);return!1}else if(l.match.POS.test(b[0])||l.match.CHILD.test(b[0]))return!0;return b},POS:function(a){a.unshift(!0);return a}},filters:{enabled:function(a){return a.disabled===!1&&a.type!=="hidden"},disabled:function(a){return a.disabled===!0},checked:function(a){return a.checked===!0},selected:function(a){a.parentNode&&a.parentNode.selectedIndex;return a.selected===!0},parent:function(a){return!!a.firstChild},empty:function(a){return!a.firstChild},has:function(a,b,c){return!!k(c[3],a).length},header:function(a){return/h\d/i.test(a.nodeName)},text:function(a){var b=a.getAttribute("type"),c=a.type;return a.nodeName.toLowerCase()==="input"&&"text"===c&&(b===c||b===null)},radio:function(a){return a.nodeName.toLowerCase()==="input"&&"radio"===a.type},checkbox:function(a){return a.nodeName.toLowerCase()==="input"&&"checkbox"===a.type},file:function(a){return a.nodeName.toLowerCase()==="input"&&"file"===a.type},password:function(a){return a.nodeName.toLowerCase()==="input"&&"password"===a.type},submit:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"submit"===a.type},image:function(a){return a.nodeName.toLowerCase()==="input"&&"image"===a.type},reset:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"reset"===a.type},button:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&"button"===a.type||b==="button"},input:function(a){return/input|select|textarea|button/i.test(a.nodeName)},focus:function(a){return a===a.ownerDocument.activeElement}},setFilters:{first:function(a,b){return b===0},last:function(a,b,c,d){return b===d.length-1},even:function(a,b){return b%2===0},odd:function(a,b){return b%2===1},lt:function(a,b,c){return b<c[3]-0},gt:function(a,b,c){return b>c[3]-0},nth:function(a,b,c){return c[3]-0===b},eq:function(a,b,c){return c[3]-0===b}},filter:{PSEUDO:function(a,b,c,d){var e=b[1],f=l.filters[e];if(f)return f(a,c,b,d);if(e==="contains")return(a.textContent||a.innerText||k.getText([a])||"").indexOf(b[3])>=0;if(e==="not"){var g=b[3];for(var h=0,i=g.length;h<i;h++)if(g[h]===a)return!1;return!0}k.error(e)},CHILD:function(a,b){var c=b[1],d=a;switch(c){case"only":case"first":while(d=d.previousSibling)if(d.nodeType===1)return!1;if(c==="first")return!0;d=a;case"last":while(d=d.nextSibling)if(d.nodeType===1)return!1;return!0;case"nth":var e=b[2],f=b[3];if(e===1&&f===0)return!0;var g=b[0],h=a.parentNode;if(h&&(h.sizcache!==g||!a.nodeIndex)){var i=0;for(d=h.firstChild;d;d=d.nextSibling)d.nodeType===1&&(d.nodeIndex=++i);h.sizcache=g}var j=a.nodeIndex-f;return e===0?j===0:j%e===0&&j/e>=0}},ID:function(a,b){return a.nodeType===1&&a.getAttribute("id")===b},TAG:function(a,b){return b==="*"&&a.nodeType===1||a.nodeName.toLowerCase()===b},CLASS:function(a,b){return(" "+(a.className||a.getAttribute("class"))+" ").indexOf(b)>-1},ATTR:function(a,b){var c=b[1],d=l.attrHandle[c]?l.attrHandle[c](a):a[c]!=null?a[c]:a.getAttribute(c),e=d+"",f=b[2],g=b[4];return d==null?f==="!=":f==="="?e===g:f==="*="?e.indexOf(g)>=0:f==="~="?(" "+e+" ").indexOf(g)>=0:g?f==="!="?e!==g:f==="^="?e.indexOf(g)===0:f==="$="?e.substr(e.length-g.length)===g:f==="|="?e===g||e.substr(0,g.length+1)===g+"-":!1:e&&d!==!1},POS:function(a,b,c,d){var e=b[2],f=l.setFilters[e];if(f)return f(a,c,b,d)}}},m=l.match.POS,n=function(a,b){return"\\"+(b-0+1)};for(var o in l.match)l.match[o]=new RegExp(l.match[o].source+/(?![^\[]*\])(?![^\(]*\))/.source),l.leftMatch[o]=new RegExp(/(^(?:.|\r|\n)*?)/.source+l.match[o].source.replace(/\\(\d+)/g,n));var p=function(a,b){a=Array.prototype.slice.call(a,0);if(b){b.push.apply(b,a);return b}return a};try{Array.prototype.slice.call(c.documentElement.childNodes,0)[0].nodeType}catch(q){p=function(a,b){var c=0,d=b||[];if(e.call(a)==="[object Array]")Array.prototype.push.apply(d,a);else if(typeof a.length=="number")for(var f=a.length;c<f;c++)d.push(a[c]);else for(;a[c];c++)d.push(a[c]);return d}}var r,s;c.documentElement.compareDocumentPosition?r=function(a,b){if(a===b){g=!0;return 0}if(!a.compareDocumentPosition||!b.compareDocumentPosition)return a.compareDocumentPosition?-1:1;return a.compareDocumentPosition(b)&4?-1:1}:(r=function(a,b){if(a===b){g=!0;return 0}if(a.sourceIndex&&b.sourceIndex)return a.sourceIndex-b.sourceIndex;var c,d,e=[],f=[],h=a.parentNode,i=b.parentNode,j=h;if(h===i)return s(a,b);if(!h)return-1;if(!i)return 1;while(j)e.unshift(j),j=j.parentNode;j=i;while(j)f.unshift(j),j=j.parentNode;c=e.length,d=f.length;for(var k=0;k<c&&k<d;k++)if(e[k]!==f[k])return s(e[k],f[k]);return k===c?s(a,f[k],-1):s(e[k],b,1)},s=function(a,b,c){if(a===b)return c;var d=a.nextSibling;while(d){if(d===b)return-1;d=d.nextSibling}return 1}),k.getText=function(a){var b="",c;for(var d=0;a[d];d++)c=a[d],c.nodeType===3||c.nodeType===4?b+=c.nodeValue:c.nodeType!==8&&(b+=k.getText(c.childNodes));return b},function(){var a=c.createElement("div"),d="script"+(new Date).getTime(),e=c.documentElement;a.innerHTML="<a name='"+d+"'/>",e.insertBefore(a,e.firstChild),c.getElementById(d)&&(l.find.ID=function(a,c,d){if(typeof c.getElementById!="undefined"&&!d){var e=c.getElementById(a[1]);return e?e.id===a[1]||typeof e.getAttributeNode!="undefined"&&e.getAttributeNode("id").nodeValue===a[1]?[e]:b:[]}},l.filter.ID=function(a,b){var c=typeof a.getAttributeNode!="undefined"&&a.getAttributeNode("id");return a.nodeType===1&&c&&c.nodeValue===b}),e.removeChild(a),e=a=null}(),function(){var a=c.createElement("div");a.appendChild(c.createComment("")),a.getElementsByTagName("*").length>0&&(l.find.TAG=function(a,b){var c=b.getElementsByTagName(a[1]);if(a[1]==="*"){var d=[];for(var e=0;c[e];e++)c[e].nodeType===1&&d.push(c[e]);c=d}return c}),a.innerHTML="<a href='#'></a>",a.firstChild&&typeof a.firstChild.getAttribute!="undefined"&&a.firstChild.getAttribute("href")!=="#"&&(l.attrHandle.href=function(a){return a.getAttribute("href",2)}),a=null}(),c.querySelectorAll&&function(){var a=k,b=c.createElement("div"),d="__sizzle__";b.innerHTML="<p class='TEST'></p>";if(!b.querySelectorAll||b.querySelectorAll(".TEST").length!==0){k=function(b,e,f,g){e=e||c;if(!g&&!k.isXML(e)){var h=/^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec(b);if(h&&(e.nodeType===1||e.nodeType===9)){if(h[1])return p(e.getElementsByTagName(b),f);if(h[2]&&l.find.CLASS&&e.getElementsByClassName)return p(e.getElementsByClassName(h[2]),f)}if(e.nodeType===9){if(b==="body"&&e.body)return p([e.body],f);if(h&&h[3]){var i=e.getElementById(h[3]);if(!i||!i.parentNode)return p([],f);if(i.id===h[3])return p([i],f)}try{return p(e.querySelectorAll(b),f)}catch(j){}}else if(e.nodeType===1&&e.nodeName.toLowerCase()!=="object"){var m=e,n=e.getAttribute("id"),o=n||d,q=e.parentNode,r=/^\s*[+~]/.test(b);n?o=o.replace(/'/g,"\\$&"):e.setAttribute("id",o),r&&q&&(e=e.parentNode);try{if(!r||q)return p(e.querySelectorAll("[id='"+o+"'] "+b),f)}catch(s){}finally{n||m.removeAttribute("id")}}}return a(b,e,f,g)};for(var e in a)k[e]=a[e];b=null}}(),function(){var a=c.documentElement,b=a.matchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||a.msMatchesSelector;if(b){var d=!b.call(c.createElement("div"),"div"),e=!1;try{b.call(c.documentElement,"[test!='']:sizzle")}catch(f){e=!0}k.matchesSelector=function(a,c){c=c.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!k.isXML(a))try{if(e||!l.match.PSEUDO.test(c)&&!/!=/.test(c)){var f=b.call(a,c);if(f||!d||a.document&&a.document.nodeType!==11)return f}}catch(g){}return k(c,null,null,[a]).length>0}}}(),function(){var a=c.createElement("div");a.innerHTML="<div class='test e'></div><div class='test'></div>";if(!!a.getElementsByClassName&&a.getElementsByClassName("e").length!==0){a.lastChild.className="e";if(a.getElementsByClassName("e").length===1)return;l.order.splice(1,0,"CLASS"),l.find.CLASS=function(a,b,c){if(typeof b.getElementsByClassName!="undefined"&&!c)return b.getElementsByClassName(a[1])},a=null}}(),c.documentElement.contains?k.contains=function(a,b){return a!==b&&(a.contains?a.contains(b):!0)}:c.documentElement.compareDocumentPosition?k.contains=function(a,b){return!!(a.compareDocumentPosition(b)&16)}:k.contains=function(){return!1},k.isXML=function(a){var b=(a?a.ownerDocument||a:0).documentElement;return b?b.nodeName!=="HTML":!1};var v=function(a,b){var c,d=[],e="",f=b.nodeType?[b]:b;while(c=l.match.PSEUDO.exec(a))e+=c[0],a=a.replace(l.match.PSEUDO,"");a=l.relative[a]?a+"*":a;for(var g=0,h=f.length;g<h;g++)k(a,f[g],d);return k.filter(e,d)};f.find=k,f.expr=k.selectors,f.expr[":"]=f.expr.filters,f.unique=k.uniqueSort,f.text=k.getText,f.isXMLDoc=k.isXML,f.contains=k.contains}();var N=/Until$/,O=/^(?:parents|prevUntil|prevAll)/,P=/,/,Q=/^.[^:#\[\.,]*$/,R=Array.prototype.slice,S=f.expr.match.POS,T={children:!0,contents:!0,next:!0,prev:!0};f.fn.extend({find:function(a){var b=this,c,d;if(typeof a!="string")return f(a).filter(function(){for(c=0,d=b.length;c<d;c++)if(f.contains(b[c],this))return!0});var e=this.pushStack("","find",a),g,h,i;for(c=0,d=this.length;c<d;c++){g=e.length,f.find(a,this[c],e);if(c>0)for(h=g;h<e.length;h++)for(i=0;i<g;i++)if(e[i]===e[h]){e.splice(h--,1);break}}return e},has:function(a){var b=f(a);return this.filter(function(){for(var a=0,c=b.length;a<c;a++)if(f.contains(this,b[a]))return!0})},not:function(a){return this.pushStack(V(this,a,!1),"not",a)},filter:function(a){return this.pushStack(V(this,a,!0),"filter",a)},is:function(a){return!!a&&(typeof a=="string"?f.filter(a,this).length>0:this.filter(a).length>0)},closest:function(a,b){var c=[],d,e,g=this[0];if(f.isArray(a)){var h,i,j={},k=1;if(g&&a.length){for(d=0,e=a.length;d<e;d++)i=a[d],j[i]||(j[i]=S.test(i)?f(i,b||this.context):i);while(g&&g.ownerDocument&&g!==b){for(i in j)h=j[i],(h.jquery?h.index(g)>-1:f(g).is(h))&&c.push({selector:i,elem:g,level:k});g=g.parentNode,k++}}return c}var l=S.test(a)||typeof a!="string"?f(a,b||this.context):0;for(d=0,e=this.length;d<e;d++){g=this[d];while(g){if(l?l.index(g)>-1:f.find.matchesSelector(g,a)){c.push(g);break}g=g.parentNode;if(!g||!g.ownerDocument||g===b||g.nodeType===11)break}}c=c.length>1?f.unique(c):c;return this.pushStack(c,"closest",a)},index:function(a){if(!a)return this[0]&&this[0].parentNode?this.prevAll().length:-1;if(typeof a=="string")return f.inArray(this[0],f(a));return f.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var c=typeof a=="string"?f(a,b):f.makeArray(a&&a.nodeType?[a]:a),d=f.merge(this.get(),c);return this.pushStack(U(c[0])||U(d[0])?d:f.unique(d))},andSelf:function(){return this.add(this.prevObject)}}),f.each({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return f.dir(a,"parentNode")},parentsUntil:function(a,b,c){return f.dir(a,"parentNode",c)},next:function(a){return f.nth(a,2,"nextSibling")},prev:function(a){return f.nth(a,2,"previousSibling")},nextAll:function(a){return f.dir(a,"nextSibling")},prevAll:function(a){return f.dir(a,"previousSibling")},nextUntil:function(a,b,c){return f.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return f.dir(a,"previousSibling",c)},siblings:function(a){return f.sibling(a.parentNode.firstChild,a)},children:function(a){return f.sibling(a.firstChild)},contents:function(a){return f.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:f.makeArray(a.childNodes)}},function(a,b){f.fn[a]=function(c,d){var e=f.map(this,b,c),g=R.call(arguments);N.test(a)||(d=c),d&&typeof d=="string"&&(e=f.filter(d,e)),e=this.length>1&&!T[a]?f.unique(e):e,(this.length>1||P.test(d))&&O.test(a)&&(e=e.reverse());return this.pushStack(e,a,g.join(","))}}),f.extend({filter:function(a,b,c){c&&(a=":not("+a+")");return b.length===1?f.find.matchesSelector(b[0],a)?[b[0]]:[]:f.find.matches(a,b)},dir:function(a,c,d){var e=[],g=a[c];while(g&&g.nodeType!==9&&(d===b||g.nodeType!==1||!f(g).is(d)))g.nodeType===1&&e.push(g),g=g[c];return e},nth:function(a,b,c,d){b=b||1;var e=0;for(;a;a=a[c])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var W=/ jQuery\d+="(?:\d+|null)"/g,X=/^\s+/,Y=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Z=/<([\w:]+)/,$=/<tbody/i,_=/<|&#?\w+;/,ba=/<(?:script|object|embed|option|style)/i,bb=/checked\s*(?:[^=]|=\s*.checked.)/i,bc=/\/(java|ecma)script/i,bd=/^\s*<!(?:\[CDATA\[|\-\-)/,be={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]};be.optgroup=be.option,be.tbody=be.tfoot=be.colgroup=be.caption=be.thead,be.th=be.td,f.support.htmlSerialize||(be._default=[1,"div<div>","</div>"]),f.fn.extend({text:function(a){if(f.isFunction(a))return this.each(function(b){var c=f(this);c.text(a.call(this,b,c.text()))});if(typeof a!="object"&&a!==b)return this.empty().append((this[0]&&this[0].ownerDocument||c).createTextNode(a));return f.text(this)},wrapAll:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapAll(a.call(this,b))});if(this[0]){var b=f(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapInner(a.call(this,b))});return this.each(function(){var b=f(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){f(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){f.nodeName(this,"body")||f(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=f(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,f(arguments[0]).toArray());return a}},remove:function(a,b){for(var c=0,d;(d=this[c])!=null;c++)if(!a||f.filter(a,[d]).length)!b&&d.nodeType===1&&(f.cleanData(d.getElementsByTagName("*")),f.cleanData([d])),d.parentNode&&d.parentNode.removeChild(d);return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++){b.nodeType===1&&f.cleanData(b.getElementsByTagName("*"));while(b.firstChild)b.removeChild(b.firstChild)}return this},clone:function(a,b){a=a==null?!1:a,b=b==null?a:b;return this.map(function(){return f.clone(this,a,b)})},html:function(a){if(a===b)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(W,""):null;if(typeof a=="string"&&!ba.test(a)&&(f.support.leadingWhitespace||!X.test(a))&&!be[(Z.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Y,"<$1></$2>");try{for(var c=0,d=this.length;c<d;c++)this[c].nodeType===1&&(f.cleanData(this[c].getElementsByTagName("*")),this[c].innerHTML=a)}catch(e){this.empty().append(a)}}else f.isFunction(a)?this.each(function(b){var c=f(this);c.html(a.call(this,b,c.html()))}):this.empty().append(a);return this},replaceWith:function(a){if(this[0]&&this[0].parentNode){if(f.isFunction(a))return this.each(function(b){var c=f(this),d=c.html();c.replaceWith(a.call(this,b,d))});typeof a!="string"&&(a=f(a).detach());return this.each(function(){var b=this.nextSibling,c=this.parentNode;f(this).remove(),b?f(b).before(a):f(c).append(a)})}return this.length?this.pushStack(f(f.isFunction(a)?a():a),"replaceWith",a):this},detach:function(a){return this.remove(a,!0)},domManip:function(a,c,d){var e,g,h,i,j=a[0],k=[];if(!f.support.checkClone&&arguments.length===3&&typeof j=="string"&&bb.test(j))return this.each(function(){f(this).domManip(a,c,d,!0)});if(f.isFunction(j))return this.each(function(e){var g=f(this);a[0]=j.call(this,e,c?g.html():b),g.domManip(a,c,d)});if(this[0]){i=j&&j.parentNode,f.support.parentNode&&i&&i.nodeType===11&&i.childNodes.length===this.length?e={fragment:i}:e=f.buildFragment(a,this,k),h=e.fragment,h.childNodes.length===1?g=h=h.firstChild:g=h.firstChild;if(g){c=c&&f.nodeName(g,"tr");for(var l=0,m=this.length,n=m-1;l<m;l++)d.call(c?bf(this[l],g):this[l],e.cacheable||m>1&&l<n?f.clone(h,!0,!0):h)}k.length&&f.each(k,bl)}return this}}),f.buildFragment=function(a,b,d){var e,g,h,i;b&&b[0]&&(i=b[0].ownerDocument||b[0]),i.createDocumentFragment||(i=c),a.length===1&&typeof a[0]=="string"&&a[0].length<512&&i===c&&a[0].charAt(0)==="<"&&!ba.test(a[0])&&(f.support.checkClone||!bb.test(a[0]))&&(g=!0,h=f.fragments[a[0]],h&&h!==1&&(e=h)),e||(e=i.createDocumentFragment(),f.clean
-(a,i,e,d)),g&&(f.fragments[a[0]]=h?e:1);return{fragment:e,cacheable:g}},f.fragments={},f.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){f.fn[a]=function(c){var d=[],e=f(c),g=this.length===1&&this[0].parentNode;if(g&&g.nodeType===11&&g.childNodes.length===1&&e.length===1){e[b](this[0]);return this}for(var h=0,i=e.length;h<i;h++){var j=(h>0?this.clone(!0):this).get();f(e[h])[b](j),d=d.concat(j)}return this.pushStack(d,a,e.selector)}}),f.extend({clone:function(a,b,c){var d=a.cloneNode(!0),e,g,h;if((!f.support.noCloneEvent||!f.support.noCloneChecked)&&(a.nodeType===1||a.nodeType===11)&&!f.isXMLDoc(a)){bh(a,d),e=bi(a),g=bi(d);for(h=0;e[h];++h)g[h]&&bh(e[h],g[h])}if(b){bg(a,d);if(c){e=bi(a),g=bi(d);for(h=0;e[h];++h)bg(e[h],g[h])}}e=g=null;return d},clean:function(a,b,d,e){var g;b=b||c,typeof b.createElement=="undefined"&&(b=b.ownerDocument||b[0]&&b[0].ownerDocument||c);var h=[],i;for(var j=0,k;(k=a[j])!=null;j++){typeof k=="number"&&(k+="");if(!k)continue;if(typeof k=="string")if(!_.test(k))k=b.createTextNode(k);else{k=k.replace(Y,"<$1></$2>");var l=(Z.exec(k)||["",""])[1].toLowerCase(),m=be[l]||be._default,n=m[0],o=b.createElement("div");o.innerHTML=m[1]+k+m[2];while(n--)o=o.lastChild;if(!f.support.tbody){var p=$.test(k),q=l==="table"&&!p?o.firstChild&&o.firstChild.childNodes:m[1]==="<table>"&&!p?o.childNodes:[];for(i=q.length-1;i>=0;--i)f.nodeName(q[i],"tbody")&&!q[i].childNodes.length&&q[i].parentNode.removeChild(q[i])}!f.support.leadingWhitespace&&X.test(k)&&o.insertBefore(b.createTextNode(X.exec(k)[0]),o.firstChild),k=o.childNodes}var r;if(!f.support.appendChecked)if(k[0]&&typeof (r=k.length)=="number")for(i=0;i<r;i++)bk(k[i]);else bk(k);k.nodeType?h.push(k):h=f.merge(h,k)}if(d){g=function(a){return!a.type||bc.test(a.type)};for(j=0;h[j];j++)if(e&&f.nodeName(h[j],"script")&&(!h[j].type||h[j].type.toLowerCase()==="text/javascript"))e.push(h[j].parentNode?h[j].parentNode.removeChild(h[j]):h[j]);else{if(h[j].nodeType===1){var s=f.grep(h[j].getElementsByTagName("script"),g);h.splice.apply(h,[j+1,0].concat(s))}d.appendChild(h[j])}}return h},cleanData:function(a){var b,c,d=f.cache,e=f.expando,g=f.event.special,h=f.support.deleteExpando;for(var i=0,j;(j=a[i])!=null;i++){if(j.nodeName&&f.noData[j.nodeName.toLowerCase()])continue;c=j[f.expando];if(c){b=d[c]&&d[c][e];if(b&&b.events){for(var k in b.events)g[k]?f.event.remove(j,k):f.removeEvent(j,k,b.handle);b.handle&&(b.handle.elem=null)}h?delete j[f.expando]:j.removeAttribute&&j.removeAttribute(f.expando),delete d[c]}}}});var bm=/alpha\([^)]*\)/i,bn=/opacity=([^)]*)/,bo=/([A-Z]|^ms)/g,bp=/^-?\d+(?:px)?$/i,bq=/^-?\d/,br=/^([\-+])=([\-+.\de]+)/,bs={position:"absolute",visibility:"hidden",display:"block"},bt=["Left","Right"],bu=["Top","Bottom"],bv,bw,bx;f.fn.css=function(a,c){if(arguments.length===2&&c===b)return this;return f.access(this,a,c,!0,function(a,c,d){return d!==b?f.style(a,c,d):f.css(a,c)})},f.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=bv(a,"opacity","opacity");return c===""?"1":c}return a.style.opacity}}},cssNumber:{fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":f.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,c,d,e){if(!!a&&a.nodeType!==3&&a.nodeType!==8&&!!a.style){var g,h,i=f.camelCase(c),j=a.style,k=f.cssHooks[i];c=f.cssProps[i]||i;if(d===b){if(k&&"get"in k&&(g=k.get(a,!1,e))!==b)return g;return j[c]}h=typeof d,h==="string"&&(g=br.exec(d))&&(d=+(g[1]+1)*+g[2]+parseFloat(f.css(a,c)),h="number");if(d==null||h==="number"&&isNaN(d))return;h==="number"&&!f.cssNumber[i]&&(d+="px");if(!k||!("set"in k)||(d=k.set(a,d))!==b)try{j[c]=d}catch(l){}}},css:function(a,c,d){var e,g;c=f.camelCase(c),g=f.cssHooks[c],c=f.cssProps[c]||c,c==="cssFloat"&&(c="float");if(g&&"get"in g&&(e=g.get(a,!0,d))!==b)return e;if(bv)return bv(a,c)},swap:function(a,b,c){var d={};for(var e in b)d[e]=a.style[e],a.style[e]=b[e];c.call(a);for(e in b)a.style[e]=d[e]}}),f.curCSS=f.css,f.each(["height","width"],function(a,b){f.cssHooks[b]={get:function(a,c,d){var e;if(c){if(a.offsetWidth!==0)return by(a,b,d);f.swap(a,bs,function(){e=by(a,b,d)});return e}},set:function(a,b){if(!bp.test(b))return b;b=parseFloat(b);if(b>=0)return b+"px"}}}),f.support.opacity||(f.cssHooks.opacity={get:function(a,b){return bn.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=f.isNaN(b)?"":"alpha(opacity="+b*100+")",g=d&&d.filter||c.filter||"";c.zoom=1;if(b>=1&&f.trim(g.replace(bm,""))===""){c.removeAttribute("filter");if(d&&!d.filter)return}c.filter=bm.test(g)?g.replace(bm,e):g+" "+e}}),f(function(){f.support.reliableMarginRight||(f.cssHooks.marginRight={get:function(a,b){var c;f.swap(a,{display:"inline-block"},function(){b?c=bv(a,"margin-right","marginRight"):c=a.style.marginRight});return c}})}),c.defaultView&&c.defaultView.getComputedStyle&&(bw=function(a,c){var d,e,g;c=c.replace(bo,"-$1").toLowerCase();if(!(e=a.ownerDocument.defaultView))return b;if(g=e.getComputedStyle(a,null))d=g.getPropertyValue(c),d===""&&!f.contains(a.ownerDocument.documentElement,a)&&(d=f.style(a,c));return d}),c.documentElement.currentStyle&&(bx=function(a,b){var c,d=a.currentStyle&&a.currentStyle[b],e=a.runtimeStyle&&a.runtimeStyle[b],f=a.style;!bp.test(d)&&bq.test(d)&&(c=f.left,e&&(a.runtimeStyle.left=a.currentStyle.left),f.left=b==="fontSize"?"1em":d||0,d=f.pixelLeft+"px",f.left=c,e&&(a.runtimeStyle.left=e));return d===""?"auto":d}),bv=bw||bx,f.expr&&f.expr.filters&&(f.expr.filters.hidden=function(a){var b=a.offsetWidth,c=a.offsetHeight;return b===0&&c===0||!f.support.reliableHiddenOffsets&&(a.style.display||f.css(a,"display"))==="none"},f.expr.filters.visible=function(a){return!f.expr.filters.hidden(a)});var bz=/%20/g,bA=/\[\]$/,bB=/\r?\n/g,bC=/#.*$/,bD=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,bE=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,bF=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,bG=/^(?:GET|HEAD)$/,bH=/^\/\//,bI=/\?/,bJ=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,bK=/^(?:select|textarea)/i,bL=/\s+/,bM=/([?&])_=[^&]*/,bN=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,bO=f.fn.load,bP={},bQ={},bR,bS,bT=["*/"]+["*"];try{bR=e.href}catch(bU){bR=c.createElement("a"),bR.href="",bR=bR.href}bS=bN.exec(bR.toLowerCase())||[],f.fn.extend({load:function(a,c,d){if(typeof a!="string"&&bO)return bO.apply(this,arguments);if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var g=a.slice(e,a.length);a=a.slice(0,e)}var h="GET";c&&(f.isFunction(c)?(d=c,c=b):typeof c=="object"&&(c=f.param(c,f.ajaxSettings.traditional),h="POST"));var i=this;f.ajax({url:a,type:h,dataType:"html",data:c,complete:function(a,b,c){c=a.responseText,a.isResolved()&&(a.done(function(a){c=a}),i.html(g?f("<div>").append(c.replace(bJ,"")).find(g):c)),d&&i.each(d,[c,b,a])}});return this},serialize:function(){return f.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?f.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||bK.test(this.nodeName)||bE.test(this.type))}).map(function(a,b){var c=f(this).val();return c==null?null:f.isArray(c)?f.map(c,function(a,c){return{name:b.name,value:a.replace(bB,"\r\n")}}):{name:b.name,value:c.replace(bB,"\r\n")}}).get()}}),f.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){f.fn[b]=function(a){return this.bind(b,a)}}),f.each(["get","post"],function(a,c){f[c]=function(a,d,e,g){f.isFunction(d)&&(g=g||e,e=d,d=b);return f.ajax({type:c,url:a,data:d,success:e,dataType:g})}}),f.extend({getScript:function(a,c){return f.get(a,b,c,"script")},getJSON:function(a,b,c){return f.get(a,b,c,"json")},ajaxSetup:function(a,b){b?bX(a,f.ajaxSettings):(b=a,a=f.ajaxSettings),bX(a,b);return a},ajaxSettings:{url:bR,isLocal:bF.test(bS[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":bT},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":f.parseJSON,"text xml":f.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:bV(bP),ajaxTransport:bV(bQ),ajax:function(a,c){function w(a,c,l,m){if(s!==2){s=2,q&&clearTimeout(q),p=b,n=m||"",v.readyState=a>0?4:0;var o,r,u,w=c,x=l?bZ(d,v,l):b,y,z;if(a>=200&&a<300||a===304){if(d.ifModified){if(y=v.getResponseHeader("Last-Modified"))f.lastModified[k]=y;if(z=v.getResponseHeader("Etag"))f.etag[k]=z}if(a===304)w="notmodified",o=!0;else try{r=b$(d,x),w="success",o=!0}catch(A){w="parsererror",u=A}}else{u=w;if(!w||a)w="error",a<0&&(a=0)}v.status=a,v.statusText=""+(c||w),o?h.resolveWith(e,[r,w,v]):h.rejectWith(e,[v,w,u]),v.statusCode(j),j=b,t&&g.trigger("ajax"+(o?"Success":"Error"),[v,d,o?r:u]),i.resolveWith(e,[v,w]),t&&(g.trigger("ajaxComplete",[v,d]),--f.active||f.event.trigger("ajaxStop"))}}typeof a=="object"&&(c=a,a=b),c=c||{};var d=f.ajaxSetup({},c),e=d.context||d,g=e!==d&&(e.nodeType||e instanceof f)?f(e):f.event,h=f.Deferred(),i=f._Deferred(),j=d.statusCode||{},k,l={},m={},n,o,p,q,r,s=0,t,u,v={readyState:0,setRequestHeader:function(a,b){if(!s){var c=a.toLowerCase();a=m[c]=m[c]||a,l[a]=b}return this},getAllResponseHeaders:function(){return s===2?n:null},getResponseHeader:function(a){var c;if(s===2){if(!o){o={};while(c=bD.exec(n))o[c[1].toLowerCase()]=c[2]}c=o[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){s||(d.mimeType=a);return this},abort:function(a){a=a||"abort",p&&p.abort(a),w(0,a);return this}};h.promise(v),v.success=v.done,v.error=v.fail,v.complete=i.done,v.statusCode=function(a){if(a){var b;if(s<2)for(b in a)j[b]=[j[b],a[b]];else b=a[v.status],v.then(b,b)}return this},d.url=((a||d.url)+"").replace(bC,"").replace(bH,bS[1]+"//"),d.dataTypes=f.trim(d.dataType||"*").toLowerCase().split(bL),d.crossDomain==null&&(r=bN.exec(d.url.toLowerCase()),d.crossDomain=!(!r||r[1]==bS[1]&&r[2]==bS[2]&&(r[3]||(r[1]==="http:"?80:443))==(bS[3]||(bS[1]==="http:"?80:443)))),d.data&&d.processData&&typeof d.data!="string"&&(d.data=f.param(d.data,d.traditional)),bW(bP,d,c,v);if(s===2)return!1;t=d.global,d.type=d.type.toUpperCase(),d.hasContent=!bG.test(d.type),t&&f.active++===0&&f.event.trigger("ajaxStart");if(!d.hasContent){d.data&&(d.url+=(bI.test(d.url)?"&":"?")+d.data,delete d.data),k=d.url;if(d.cache===!1){var x=f.now(),y=d.url.replace(bM,"$1_="+x);d.url=y+(y===d.url?(bI.test(d.url)?"&":"?")+"_="+x:"")}}(d.data&&d.hasContent&&d.contentType!==!1||c.contentType)&&v.setRequestHeader("Content-Type",d.contentType),d.ifModified&&(k=k||d.url,f.lastModified[k]&&v.setRequestHeader("If-Modified-Since",f.lastModified[k]),f.etag[k]&&v.setRequestHeader("If-None-Match",f.etag[k])),v.setRequestHeader("Accept",d.dataTypes[0]&&d.accepts[d.dataTypes[0]]?d.accepts[d.dataTypes[0]]+(d.dataTypes[0]!=="*"?", "+bT+"; q=0.01":""):d.accepts["*"]);for(u in d.headers)v.setRequestHeader(u,d.headers[u]);if(d.beforeSend&&(d.beforeSend.call(e,v,d)===!1||s===2)){v.abort();return!1}for(u in{success:1,error:1,complete:1})v[u](d[u]);p=bW(bQ,d,c,v);if(!p)w(-1,"No Transport");else{v.readyState=1,t&&g.trigger("ajaxSend",[v,d]),d.async&&d.timeout>0&&(q=setTimeout(function(){v.abort("timeout")},d.timeout));try{s=1,p.send(l,w)}catch(z){s<2?w(-1,z):f.error(z)}}return v},param:function(a,c){var d=[],e=function(a,b){b=f.isFunction(b)?b():b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=f.ajaxSettings.traditional);if(f.isArray(a)||a.jquery&&!f.isPlainObject(a))f.each(a,function(){e(this.name,this.value)});else for(var g in a)bY(g,a[g],c,e);return d.join("&").replace(bz,"+")}}),f.extend({active:0,lastModified:{},etag:{}});var b_=f.now(),ca=/(\=)\?(&|$)|\?\?/i;f.ajaxSetup({jsonp:"callback",jsonpCallback:function(){return f.expando+"_"+b_++}}),f.ajaxPrefilter("json jsonp",function(b,c,d){var e=b.contentType==="application/x-www-form-urlencoded"&&typeof b.data=="string";if(b.dataTypes[0]==="jsonp"||b.jsonp!==!1&&(ca.test(b.url)||e&&ca.test(b.data))){var g,h=b.jsonpCallback=f.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,i=a[h],j=b.url,k=b.data,l="$1"+h+"$2";b.jsonp!==!1&&(j=j.replace(ca,l),b.url===j&&(e&&(k=k.replace(ca,l)),b.data===k&&(j+=(/\?/.test(j)?"&":"?")+b.jsonp+"="+h))),b.url=j,b.data=k,a[h]=function(a){g=[a]},d.always(function(){a[h]=i,g&&f.isFunction(i)&&a[h](g[0])}),b.converters["script json"]=function(){g||f.error(h+" was not called");return g[0]},b.dataTypes[0]="json";return"script"}}),f.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){f.globalEval(a);return a}}}),f.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),f.ajaxTransport("script",function(a){if(a.crossDomain){var d,e=c.head||c.getElementsByTagName("head")[0]||c.documentElement;return{send:function(f,g){d=c.createElement("script"),d.async="async",a.scriptCharset&&(d.charset=a.scriptCharset),d.src=a.url,d.onload=d.onreadystatechange=function(a,c){if(c||!d.readyState||/loaded|complete/.test(d.readyState))d.onload=d.onreadystatechange=null,e&&d.parentNode&&e.removeChild(d),d=b,c||g(200,"success")},e.insertBefore(d,e.firstChild)},abort:function(){d&&d.onload(0,1)}}}});var cb=a.ActiveXObject?function(){for(var a in cd)cd[a](0,1)}:!1,cc=0,cd;f.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&ce()||cf()}:ce,function(a){f.extend(f.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(f.ajaxSettings.xhr()),f.support.ajax&&f.ajaxTransport(function(c){if(!c.crossDomain||f.support.cors){var d;return{send:function(e,g){var h=c.xhr(),i,j;c.username?h.open(c.type,c.url,c.async,c.username,c.password):h.open(c.type,c.url,c.async);if(c.xhrFields)for(j in c.xhrFields)h[j]=c.xhrFields[j];c.mimeType&&h.overrideMimeType&&h.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(j in e)h.setRequestHeader(j,e[j])}catch(k){}h.send(c.hasContent&&c.data||null),d=function(a,e){var j,k,l,m,n;try{if(d&&(e||h.readyState===4)){d=b,i&&(h.onreadystatechange=f.noop,cb&&delete cd[i]);if(e)h.readyState!==4&&h.abort();else{j=h.status,l=h.getAllResponseHeaders(),m={},n=h.responseXML,n&&n.documentElement&&(m.xml=n),m.text=h.responseText;try{k=h.statusText}catch(o){k=""}!j&&c.isLocal&&!c.crossDomain?j=m.text?200:404:j===1223&&(j=204)}}}catch(p){e||g(-1,p)}m&&g(j,k,m,l)},!c.async||h.readyState===4?d():(i=++cc,cb&&(cd||(cd={},f(a).unload(cb)),cd[i]=d),h.onreadystatechange=d)},abort:function(){d&&d(0,1)}}}});var cg={},ch,ci,cj=/^(?:toggle|show|hide)$/,ck=/^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,cl,cm=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]],cn;f.fn.extend({show:function(a,b,c){var d,e;if(a||a===0)return this.animate(cq("show",3),a,b,c);for(var g=0,h=this.length;g<h;g++)d=this[g],d.style&&(e=d.style.display,!f._data(d,"olddisplay")&&e==="none"&&(e=d.style.display=""),e===""&&f.css(d,"display")==="none"&&f._data(d,"olddisplay",cr(d.nodeName)));for(g=0;g<h;g++){d=this[g];if(d.style){e=d.style.display;if(e===""||e==="none")d.style.display=f._data(d,"olddisplay")||""}}return this},hide:function(a,b,c){if(a||a===0)return this.animate(cq("hide",3),a,b,c);for(var d=0,e=this.length;d<e;d++)if(this[d].style){var g=f.css(this[d],"display");g!=="none"&&!f._data(this[d],"olddisplay")&&f._data(this[d],"olddisplay",g)}for(d=0;d<e;d++)this[d].style&&(this[d].style.display="none");return this},_toggle:f.fn.toggle,toggle:function(a,b,c){var d=typeof a=="boolean";f.isFunction(a)&&f.isFunction(b)?this._toggle.apply(this,arguments):a==null||d?this.each(function(){var b=d?a:f(this).is(":hidden");f(this)[b?"show":"hide"]()}):this.animate(cq("toggle",3),a,b,c);return this},fadeTo:function(a,b,c,d){return this.filter(":hidden").css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=f.speed(b,c,d);if(f.isEmptyObject(a))return this.each(e.complete,[!1]);a=f.extend({},a);return this[e.queue===!1?"each":"queue"](function(){e.queue===!1&&f._mark(this);var b=f.extend({},e),c=this.nodeType===1,d=c&&f(this).is(":hidden"),g,h,i,j,k,l,m,n,o;b.animatedProperties={};for(i in a){g=f.camelCase(i),i!==g&&(a[g]=a[i],delete a[i]),h=a[g],f.isArray(h)?(b.animatedProperties[g]=h[1],h=a[g]=h[0]):b.animatedProperties[g]=b.specialEasing&&b.specialEasing[g]||b.easing||"swing";if(h==="hide"&&d||h==="show"&&!d)return b.complete.call(this);c&&(g==="height"||g==="width")&&(b.overflow=[this.style.overflow,this.style.overflowX,this.style.overflowY],f.css(this,"display")==="inline"&&f.css(this,"float")==="none"&&(f.support.inlineBlockNeedsLayout?(j=cr(this.nodeName),j==="inline"?this.style.display="inline-block":(this.style.display="inline",this.style.zoom=1)):this.style.display="inline-block"))}b.overflow!=null&&(this.style.overflow="hidden");for(i in a)k=new f.fx(this,b,i),h=a[i],cj.test(h)?k[h==="toggle"?d?"show":"hide":h]():(l=ck.exec(h),m=k.cur(),l?(n=parseFloat(l[2]),o=l[3]||(f.cssNumber[i]?"":"px"),o!=="px"&&(f.style(this,i,(n||1)+o),m=(n||1)/k.cur()*m,f.style(this,i,m+o)),l[1]&&(n=(l[1]==="-="?-1:1)*n+m),k.custom(m,n,o)):k.custom(m,h,""));return!0})},stop:function(a,b){a&&this.queue([]),this.each(function(){var a=f.timers,c=a.length;b||f._unmark(!0,this);while(c--)a[c].elem===this&&(b&&a[c](!0),a.splice(c,1))}),b||this.dequeue();return this}}),f.each({slideDown:cq("show",1),slideUp:cq("hide",1),slideToggle:cq("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){f.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),f.extend({speed:function(a,b,c){var d=a&&typeof a=="object"?f.extend({},a):{complete:c||!c&&b||f.isFunction(a)&&a,duration:a,easing:c&&b||b&&!f.isFunction(b)&&b};d.duration=f.fx.off?0:typeof d.duration=="number"?d.duration:d.duration in f.fx.speeds?f.fx.speeds[d.duration]:f.fx.speeds._default,d.old=d.complete,d.complete=function(a){f.isFunction(d.old)&&d.old.call(this),d.queue!==!1?f.dequeue(this):a!==!1&&f._unmark(this)};return d},easing:{linear:function(a,b,c,d){return c+d*a},swing:function(a,b,c,d){return(-Math.cos(a*Math.PI)/2+.5)*d+c}},timers:[],fx:function(a,b,c){this.options=b,this.elem=a,this.prop=c,b.orig=b.orig||{}}}),f.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this),(f.fx.step[this.prop]||f.fx.step._default)(this)},cur:function(){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];var a,b=f.css(this.elem,this.prop);return isNaN(a=parseFloat(b))?!b||b==="auto"?0:b:a},custom:function(a,b,c){function g(a){return d.step(a)}var d=this,e=f.fx;this.startTime=cn||co(),this.start=a,this.end=b,this.unit=c||this.unit||(f.cssNumber[this.prop]?"":"px"),this.now=this.start,this.pos=this.state=0,g.elem=this.elem,g()&&f.timers.push(g)&&!cl&&(cl=setInterval(e.tick,e.interval))},show:function(){this.options.orig[this.prop]=f.style(this.elem,this.prop),this.options.show=!0,this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur()),f(this.elem).show()},hide:function(){this.options.orig[this.prop]=f.style(this.elem,this.prop),this.options.hide=!0,this.custom(this.cur(),0)},step:function(a){var b=cn||co(),c=!0,d=this.elem,e=this.options,g,h;if(a||b>=e.duration+this.startTime){this.now=this.end,this.pos=this.state=1,this.update(),e.animatedProperties[this.prop]=!0;for(g in e.animatedProperties)e.animatedProperties[g]!==!0&&(c=!1);if(c){e.overflow!=null&&!f.support.shrinkWrapBlocks&&f.each(["","X","Y"],function(a,b){d.style["overflow"+b]=e.overflow[a]}),e.hide&&f(d).hide();if(e.hide||e.show)for(var i in e.animatedProperties)f.style(d,i,e.orig[i]);e.complete.call(d)}return!1}e.duration==Infinity?this.now=b:(h=b-this.startTime,this.state=h/e.duration,this.pos=f.easing[e.animatedProperties[this.prop]](this.state,h,0,1,e.duration),this.now=this.start+(this.end-this.start)*this.pos),this.update();return!0}},f.extend(f.fx,{tick:function(){for(var a=f.timers,b=0;b<a.length;++b)a[b]()||a.splice(b--,1);a.length||f.fx.stop()},interval:13,stop:function(){clearInterval(cl),cl=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){f.style(a.elem,"opacity",a.now)},_default:function(a){a.elem.style&&a.elem.style[a.prop]!=null?a.elem.style[a.prop]=(a.prop==="width"||a.prop==="height"?Math.max(0,a.now):a.now)+a.unit:a.elem[a.prop]=a.now}}}),f.expr&&f.expr.filters&&(f.expr.filters.animated=function(a){return f.grep(f.timers,function(b){return a===b.elem}).length});var cs=/^t(?:able|d|h)$/i,ct=/^(?:body|html)$/i;"getBoundingClientRect"in c.documentElement?f.fn.offset=function(a){var b=this[0],c;if(a)return this.each(function(b){f.offset.setOffset(this,a,b)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return f.offset.bodyOffset(b);try{c=b.getBoundingClientRect()}catch(d){}var e=b.ownerDocument,g=e.documentElement;if(!c||!f.contains(g,b))return c?{top:c.top,left:c.left}:{top:0,left:0};var h=e.body,i=cu(e),j=g.clientTop||h.clientTop||0,k=g.clientLeft||h.clientLeft||0,l=i.pageYOffset||f.support.boxModel&&g.scrollTop||h.scrollTop,m=i.pageXOffset||f.support.boxModel&&g.scrollLeft||h.scrollLeft,n=c.top+l-j,o=c.left+m-k;return{top:n,left:o}}:f.fn.offset=function(a){var b=this[0];if(a)return this.each(function(b){f.offset.setOffset(this,a,b)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return f.offset.bodyOffset(b);f.offset.initialize();var c,d=b.offsetParent,e=b,g=b.ownerDocument,h=g.documentElement,i=g.body,j=g.defaultView,k=j?j.getComputedStyle(b,null):b.currentStyle,l=b.offsetTop,m=b.offsetLeft;while((b=b.parentNode)&&b!==i&&b!==h){if(f.offset.supportsFixedPosition&&k.position==="fixed")break;c=j?j.getComputedStyle(b,null):b.currentStyle,l-=b.scrollTop,m-=b.scrollLeft,b===d&&(l+=b.offsetTop,m+=b.offsetLeft,f.offset.doesNotAddBorder&&(!f.offset.doesAddBorderForTableAndCells||!cs.test(b.nodeName))&&(l+=parseFloat(c.borderTopWidth)||0,m+=parseFloat(c.borderLeftWidth)||0),e=d,d=b.offsetParent),f.offset.subtractsBorderForOverflowNotVisible&&c.overflow!=="visible"&&(l+=parseFloat(c.borderTopWidth)||0,m+=parseFloat(c.borderLeftWidth)||0),k=c}if(k.position==="relative"||k.position==="static")l+=i.offsetTop,m+=i.offsetLeft;f.offset.supportsFixedPosition&&k.position==="fixed"&&(l+=Math.max(h.scrollTop,i.scrollTop),m+=Math.max(h.scrollLeft,i.scrollLeft));return{top:l,left:m}},f.offset={initialize:function(){var a=c.body,b=c.createElement("div"),d,e,g,h,i=parseFloat(f.css(a,"marginTop"))||0,j="<div style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'><div></div></div><table style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table>";f.extend(b.style,{position:"absolute",top:0,left:0,margin:0,border:0,width:"1px",height:"1px",visibility:"hidden"}),b.innerHTML=j,a.insertBefore(b,a.firstChild),d=b.firstChild,e=d.firstChild,h=d.nextSibling.firstChild.firstChild,this.doesNotAddBorder=e.offsetTop!==5,this.doesAddBorderForTableAndCells=h.offsetTop===5,e.style.position="fixed",e.style.top="20px",this.supportsFixedPosition=e.offsetTop===20||e.offsetTop===15,e.style.position=e.style.top="",d.style.overflow="hidden",d.style.position="relative",this.subtractsBorderForOverflowNotVisible=e.offsetTop===-5,this.doesNotIncludeMarginInBodyOffset=a.offsetTop!==i,a.removeChild(b),f.offset.initialize=f.noop},bodyOffset:function(a){var b=a.offsetTop,c=a.offsetLeft;f.offset.initialize(),f.offset.doesNotIncludeMarginInBodyOffset&&(b+=parseFloat(f.css(a,"marginTop"))||0,c+=parseFloat(f.css(a,"marginLeft"))||0);return{top:b,left:c}},setOffset:function(a,b,c){var d=f.css(a,"position");d==="static"&&(a.style.position="relative");var e=f(a),g=e.offset(),h=f.css(a,"top"),i=f.css(a,"left"),j=(d==="absolute"||d==="fixed")&&f.inArray("auto",[h,i])>-1,k={},l={},m,n;j?(l=e.position(),m=l.top,n=l.left):(m=parseFloat(h)||0,n=parseFloat(i)||0),f.isFunction(b)&&(b=b.call(a,c,g)),b.top!=null&&(k.top=b.top-g.top+m),b.left!=null&&(k.left=b.left-g.left+n),"using"in b?b.using.call(a,k):e.css(k)}},f.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),c=this.offset(),d=ct.test(b[0].nodeName)?{top:0,left:0}:b.offset();c.top-=parseFloat(f.css(a,"marginTop"))||0,c.left-=parseFloat(f.css(a,"marginLeft"))||0,d.top+=parseFloat(f.css(b[0],"borderTopWidth"))||0,d.left+=parseFloat(f.css(b[0],"borderLeftWidth"))||0;return{top:c.top-d.top,left:c.left-d.left}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||c.body;while(a&&!ct.test(a.nodeName)&&f.css(a,"position")==="static")a=a.offsetParent;return a})}}),f.each(["Left","Top"],function(a,c){var d="scroll"+c;f.fn[d]=function(c){var e,g;if(c===b){e=this[0];if(!e)return null;g=cu(e);return g?"pageXOffset"in g?g[a?"pageYOffset":"pageXOffset"]:f.support.boxModel&&g.document.documentElement[d]||g.document.body[d]:e[d]}return this.each(function(){g=cu(this),g?g.scrollTo(a?f(g).scrollLeft():c,a?c:f(g).scrollTop()):this[d]=c})}}),f.each(["Height","Width"],function(a,c){var d=c.toLowerCase();f.fn["inner"+c]=function(){var a=this[0];return a&&a.style?parseFloat(f.css(a,d,"padding")):null},f.fn["outer"+c]=function(a){var b=this[0];return b&&b.style?parseFloat(f.css(b,d,a?"margin":"border")):null},f.fn[d]=function(a){var e=this[0];if(!e)return a==null?null:this;if(f.isFunction(a))return this.each(function(b){var c=f(this);c[d](a.call(this,b,c[d]()))});if(f.isWindow(e)){var g=e.document.documentElement["client"+c],h=e.document.body;return e.document.compatMode==="CSS1Compat"&&g||h&&h["client"+c]||g}if(e.nodeType===9)return Math.max(e.documentElement["client"+c],e.body["scroll"+c],e.documentElement["scroll"+c],e.body["offset"+c],e.documentElement["offset"+c]);if(a===b){var i=f.css(e,d),j=parseFloat(i);return f.isNaN(j)?i:j}return this.css(d,typeof a=="string"?a:a+"px")}}),a.jQuery=a.$=f})(window);
\ No newline at end of file
+++ /dev/null
- GNU GENERAL PUBLIC LICENSE
- Version 2, June 1991
-
- Copyright (C) 1989, 1991 Free Software Foundation, Inc.
- 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
- Everyone is permitted to copy and distribute verbatim copies
- of this license document, but changing it is not allowed.
-
- Preamble
-
- The licenses for most software are designed to take away your
-freedom to share and change it. By contrast, the GNU General Public
-License is intended to guarantee your freedom to share and change free
-software--to make sure the software is free for all its users. This
-General Public License applies to most of the Free Software
-Foundation's software and to any other program whose authors commit to
-using it. (Some other Free Software Foundation software is covered by
-the GNU Lesser General Public License instead.) You can apply it to
-your programs, too.
-
- When we speak of free software, we are referring to freedom, not
-price. Our General Public Licenses are designed to make sure that you
-have the freedom to distribute copies of free software (and charge for
-this service if you wish), that you receive source code or can get it
-if you want it, that you can change the software or use pieces of it
-in new free programs; and that you know you can do these things.
-
- To protect your rights, we need to make restrictions that forbid
-anyone to deny you these rights or to ask you to surrender the rights.
-These restrictions translate to certain responsibilities for you if you
-distribute copies of the software, or if you modify it.
-
- For example, if you distribute copies of such a program, whether
-gratis or for a fee, you must give the recipients all the rights that
-you have. You must make sure that they, too, receive or can get the
-source code. And you must show them these terms so they know their
-rights.
-
- We protect your rights with two steps: (1) copyright the software, and
-(2) offer you this license which gives you legal permission to copy,
-distribute and/or modify the software.
-
- Also, for each author's protection and ours, we want to make certain
-that everyone understands that there is no warranty for this free
-software. If the software is modified by someone else and passed on, we
-want its recipients to know that what they have is not the original, so
-that any problems introduced by others will not reflect on the original
-authors' reputations.
-
- Finally, any free program is threatened constantly by software
-patents. We wish to avoid the danger that redistributors of a free
-program will individually obtain patent licenses, in effect making the
-program proprietary. To prevent this, we have made it clear that any
-patent must be licensed for everyone's free use or not licensed at all.
-
- The precise terms and conditions for copying, distribution and
-modification follow.
-
- GNU GENERAL PUBLIC LICENSE
- TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
-
- 0. This License applies to any program or other work which contains
-a notice placed by the copyright holder saying it may be distributed
-under the terms of this General Public License. The "Program", below,
-refers to any such program or work, and a "work based on the Program"
-means either the Program or any derivative work under copyright law:
-that is to say, a work containing the Program or a portion of it,
-either verbatim or with modifications and/or translated into another
-language. (Hereinafter, translation is included without limitation in
-the term "modification".) Each licensee is addressed as "you".
-
-Activities other than copying, distribution and modification are not
-covered by this License; they are outside its scope. The act of
-running the Program is not restricted, and the output from the Program
-is covered only if its contents constitute a work based on the
-Program (independent of having been made by running the Program).
-Whether that is true depends on what the Program does.
-
- 1. You may copy and distribute verbatim copies of the Program's
-source code as you receive it, in any medium, provided that you
-conspicuously and appropriately publish on each copy an appropriate
-copyright notice and disclaimer of warranty; keep intact all the
-notices that refer to this License and to the absence of any warranty;
-and give any other recipients of the Program a copy of this License
-along with the Program.
-
-You may charge a fee for the physical act of transferring a copy, and
-you may at your option offer warranty protection in exchange for a fee.
-
- 2. You may modify your copy or copies of the Program or any portion
-of it, thus forming a work based on the Program, and copy and
-distribute such modifications or work under the terms of Section 1
-above, provided that you also meet all of these conditions:
-
- a) You must cause the modified files to carry prominent notices
- stating that you changed the files and the date of any change.
-
- b) You must cause any work that you distribute or publish, that in
- whole or in part contains or is derived from the Program or any
- part thereof, to be licensed as a whole at no charge to all third
- parties under the terms of this License.
-
- c) If the modified program normally reads commands interactively
- when run, you must cause it, when started running for such
- interactive use in the most ordinary way, to print or display an
- announcement including an appropriate copyright notice and a
- notice that there is no warranty (or else, saying that you provide
- a warranty) and that users may redistribute the program under
- these conditions, and telling the user how to view a copy of this
- License. (Exception: if the Program itself is interactive but
- does not normally print such an announcement, your work based on
- the Program is not required to print an announcement.)
-
-These requirements apply to the modified work as a whole. If
-identifiable sections of that work are not derived from the Program,
-and can be reasonably considered independent and separate works in
-themselves, then this License, and its terms, do not apply to those
-sections when you distribute them as separate works. But when you
-distribute the same sections as part of a whole which is a work based
-on the Program, the distribution of the whole must be on the terms of
-this License, whose permissions for other licensees extend to the
-entire whole, and thus to each and every part regardless of who wrote it.
-
-Thus, it is not the intent of this section to claim rights or contest
-your rights to work written entirely by you; rather, the intent is to
-exercise the right to control the distribution of derivative or
-collective works based on the Program.
-
-In addition, mere aggregation of another work not based on the Program
-with the Program (or with a work based on the Program) on a volume of
-a storage or distribution medium does not bring the other work under
-the scope of this License.
-
- 3. You may copy and distribute the Program (or a work based on it,
-under Section 2) in object code or executable form under the terms of
-Sections 1 and 2 above provided that you also do one of the following:
-
- a) Accompany it with the complete corresponding machine-readable
- source code, which must be distributed under the terms of Sections
- 1 and 2 above on a medium customarily used for software interchange; or,
-
- b) Accompany it with a written offer, valid for at least three
- years, to give any third party, for a charge no more than your
- cost of physically performing source distribution, a complete
- machine-readable copy of the corresponding source code, to be
- distributed under the terms of Sections 1 and 2 above on a medium
- customarily used for software interchange; or,
-
- c) Accompany it with the information you received as to the offer
- to distribute corresponding source code. (This alternative is
- allowed only for noncommercial distribution and only if you
- received the program in object code or executable form with such
- an offer, in accord with Subsection b above.)
-
-The source code for a work means the preferred form of the work for
-making modifications to it. For an executable work, complete source
-code means all the source code for all modules it contains, plus any
-associated interface definition files, plus the scripts used to
-control compilation and installation of the executable. However, as a
-special exception, the source code distributed need not include
-anything that is normally distributed (in either source or binary
-form) with the major components (compiler, kernel, and so on) of the
-operating system on which the executable runs, unless that component
-itself accompanies the executable.
-
-If distribution of executable or object code is made by offering
-access to copy from a designated place, then offering equivalent
-access to copy the source code from the same place counts as
-distribution of the source code, even though third parties are not
-compelled to copy the source along with the object code.
-
- 4. You may not copy, modify, sublicense, or distribute the Program
-except as expressly provided under this License. Any attempt
-otherwise to copy, modify, sublicense or distribute the Program is
-void, and will automatically terminate your rights under this License.
-However, parties who have received copies, or rights, from you under
-this License will not have their licenses terminated so long as such
-parties remain in full compliance.
-
- 5. You are not required to accept this License, since you have not
-signed it. However, nothing else grants you permission to modify or
-distribute the Program or its derivative works. These actions are
-prohibited by law if you do not accept this License. Therefore, by
-modifying or distributing the Program (or any work based on the
-Program), you indicate your acceptance of this License to do so, and
-all its terms and conditions for copying, distributing or modifying
-the Program or works based on it.
-
- 6. Each time you redistribute the Program (or any work based on the
-Program), the recipient automatically receives a license from the
-original licensor to copy, distribute or modify the Program subject to
-these terms and conditions. You may not impose any further
-restrictions on the recipients' exercise of the rights granted herein.
-You are not responsible for enforcing compliance by third parties to
-this License.
-
- 7. If, as a consequence of a court judgment or allegation of patent
-infringement or for any other reason (not limited to patent issues),
-conditions are imposed on you (whether by court order, agreement or
-otherwise) that contradict the conditions of this License, they do not
-excuse you from the conditions of this License. If you cannot
-distribute so as to satisfy simultaneously your obligations under this
-License and any other pertinent obligations, then as a consequence you
-may not distribute the Program at all. For example, if a patent
-license would not permit royalty-free redistribution of the Program by
-all those who receive copies directly or indirectly through you, then
-the only way you could satisfy both it and this License would be to
-refrain entirely from distribution of the Program.
-
-If any portion of this section is held invalid or unenforceable under
-any particular circumstance, the balance of the section is intended to
-apply and the section as a whole is intended to apply in other
-circumstances.
-
-It is not the purpose of this section to induce you to infringe any
-patents or other property right claims or to contest validity of any
-such claims; this section has the sole purpose of protecting the
-integrity of the free software distribution system, which is
-implemented by public license practices. Many people have made
-generous contributions to the wide range of software distributed
-through that system in reliance on consistent application of that
-system; it is up to the author/donor to decide if he or she is willing
-to distribute software through any other system and a licensee cannot
-impose that choice.
-
-This section is intended to make thoroughly clear what is believed to
-be a consequence of the rest of this License.
-
- 8. If the distribution and/or use of the Program is restricted in
-certain countries either by patents or by copyrighted interfaces, the
-original copyright holder who places the Program under this License
-may add an explicit geographical distribution limitation excluding
-those countries, so that distribution is permitted only in or among
-countries not thus excluded. In such case, this License incorporates
-the limitation as if written in the body of this License.
-
- 9. The Free Software Foundation may publish revised and/or new versions
-of the General Public License from time to time. Such new versions will
-be similar in spirit to the present version, but may differ in detail to
-address new problems or concerns.
-
-Each version is given a distinguishing version number. If the Program
-specifies a version number of this License which applies to it and "any
-later version", you have the option of following the terms and conditions
-either of that version or of any later version published by the Free
-Software Foundation. If the Program does not specify a version number of
-this License, you may choose any version ever published by the Free Software
-Foundation.
-
- 10. If you wish to incorporate parts of the Program into other free
-programs whose distribution conditions are different, write to the author
-to ask for permission. For software which is copyrighted by the Free
-Software Foundation, write to the Free Software Foundation; we sometimes
-make exceptions for this. Our decision will be guided by the two goals
-of preserving the free status of all derivatives of our free software and
-of promoting the sharing and reuse of software generally.
-
- NO WARRANTY
-
- 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
-FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN
-OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
-PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
-OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
-MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS
-TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE
-PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
-REPAIR OR CORRECTION.
-
- 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
-WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
-REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
-INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
-OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
-TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
-YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
-PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
-POSSIBILITY OF SUCH DAMAGES.
+++ /dev/null
-/*
-* jQuery Mobile Framework v@VERSION
-* http://jquerymobile.com
-*
-* Copyright 2011 (c) jQuery Project
-* Dual licensed under the MIT or GPL Version 2 licenses.
-* http://jquery.org/license
-*
-*/
+++ /dev/null
-Copyright (c) 2011 John Resig, http://jquery.com/
-
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of this software and associated documentation files (the
-"Software"), to deal in the Software without restriction, including
-without limitation the rights to use, copy, modify, merge, publish,
-distribute, sublicense, and/or sell copies of the Software, and to
-permit persons to whom the Software is furnished to do so, subject to
-the following conditions:
-
-The above copyright notice and this permission notice shall be
-included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
-LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
-WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+++ /dev/null
-# The files to include when compiling the JS files
-JSFILES = js/jquery.ui.widget.js \
- js/jquery.mobile.widget.js \
- js/jquery.mobile.media.js \
- js/jquery.mobile.support.js \
- js/jquery.mobile.vmouse.js \
- js/jquery.mobile.event.js \
- js/jquery.mobile.hashchange.js \
- js/jquery.mobile.page.js \
- js/jquery.mobile.core.js \
- js/jquery.mobile.navigation.js \
- js/jquery.mobile.navigation.pushstate.js \
- js/jquery.mobile.transition.js \
- js/jquery.mobile.degradeInputs.js \
- js/jquery.mobile.dialog.js \
- js/jquery.mobile.page.sections.js \
- js/jquery.mobile.collapsible.js \
- js/jquery.mobile.fieldContain.js \
- js/jquery.mobile.grid.js \
- js/jquery.mobile.navbar.js \
- js/jquery.mobile.listview.js \
- js/jquery.mobile.listview.filter.js \
- js/jquery.mobile.nojs.js \
- js/jquery.mobile.forms.checkboxradio.js \
- js/jquery.mobile.forms.button.js \
- js/jquery.mobile.forms.slider.js \
- js/jquery.mobile.forms.textinput.js \
- js/jquery.mobile.forms.select.custom.js \
- js/jquery.mobile.forms.select.js \
- js/jquery.mobile.buttonMarkup.js \
- js/jquery.mobile.controlGroup.js \
- js/jquery.mobile.links.js \
- js/jquery.mobile.fixHeaderFooter.js \
- js/jquery.mobile.fixHeaderFooter.native.js \
- js/jquery.mobile.init.js
-
-# The files to include when compiling the CSS files
-CSSFILES = css/structure/jquery.mobile.core.css \
- css/structure/jquery.mobile.transitions.css \
- css/structure/jquery.mobile.grids.css \
- css/structure/jquery.mobile.headerfooter.css \
- css/structure/jquery.mobile.navbar.css \
- css/structure/jquery.mobile.button.css \
- css/structure/jquery.mobile.collapsible.css \
- css/structure/jquery.mobile.controlgroup.css \
- css/structure/jquery.mobile.dialog.css \
- css/structure/jquery.mobile.forms.checkboxradio.css \
- css/structure/jquery.mobile.forms.fieldcontain.css \
- css/structure/jquery.mobile.forms.select.css \
- css/structure/jquery.mobile.forms.textinput.css \
- css/structure/jquery.mobile.listview.css \
- css/structure/jquery.mobile.forms.slider.css
-CSSTHEMEFILES = css/themes/${THEME}/jquery.mobile.theme.css
-
-
-
-
-# Helper Variables
-# The command to replace the @VERSION in the files with the actual version
-VER = sed "s/v@VERSION/$$(git log -1 --format=format:"Git Build: SHA1: %H <> Date: %cd")/"
-VER_MIN = "/*! jQuery Mobile v${VER_OFFICIAL} jquerymobile.com | jquery.org/license */"
-VER_OFFICIAL = $(shell cat version.txt)
-
-# The output folder for the finished files
-OUTPUT = compiled
-
-# The name of the files
-NAME = jquery.mobile
-STRUCTURE = jquery.mobile.structure
-deploy: NAME = jquery.mobile-${VER_OFFICIAL}
-deploy: STRUCTURE = jquery.mobile.structure-${VER_OFFICIAL}
-
-# The CSS theme being used
-THEME = default
-
-
-
-
-
-# Build Targets
-
-# When no build target is specified, all gets ran
-all: init css js zip notify
-
-
-# Build and minify the CSS files
-css: init
- # Build the CSS file with the theme included
- @@cat js/jquery.mobile.intro.js | ${VER} > ${OUTPUT}/${NAME}.css
- @@cat ${CSSTHEMEFILES} ${CSSFILES} >> ${OUTPUT}/${NAME}.css
- # ..... and then minify it
- @@echo ${VER_MIN} > ${OUTPUT}/${NAME}.min.css
- @@java -jar build/yuicompressor-2.4.6.jar --type css ${OUTPUT}/${NAME}.css >> ${OUTPUT}/${NAME}.min.css
- # Build the CSS Structure-only file
- @@cat js/jquery.mobile.intro.js | ${VER} > ${OUTPUT}/${STRUCTURE}.css
- @@cat ${CSSFILES} >> ${OUTPUT}/${STRUCTURE}.css
- # ..... and then minify it
- @@echo ${VER_MIN} > ${OUTPUT}/${STRUCTURE}.min.css
- @@java -jar build/yuicompressor-2.4.6.jar --type css ${OUTPUT}/${STRUCTURE}.css >> ${OUTPUT}/${STRUCTURE}.min.css
- # ..... and then copy in the images
- @@cp -R css/themes/${THEME}/images ${OUTPUT}/
- # Css portion is complete.
- # -------------------------------------------------
-
-
-docs: init css js
- # Create the Demos/Docs/Tests/Tools
- @@mkdir -p tmp/${NAME}
- @@cp -r index.html docs experiments external js/jquery.js tests tmp/${NAME}/
- @@cp ${OUTPUT}/${NAME}.min.css ${OUTPUT}/${NAME}.min.js tmp/${NAME}/
- # ... Update the JavaScript and CSS paths
- @@find tmp/${NAME} -type f \
- \( -name '*.html' -o -name '*.php' \) \
- -exec perl -pi -e \
- 's|js/"|${NAME}.min.js"|g;s|css/themes/default/|${NAME}.min.css|g;s|js/jquery.js"|jquery.js"|g' {} \;
- # ... Move and zip up the the whole folder
- @@zip -rq ${OUTPUT}/${NAME}.docs.zip tmp/${NAME}
- @@mv tmp/${NAME} ${OUTPUT}/demos
- # Finish by removing the temporary files
- @@rm -rf tmp
- # -------------------------------------------------
-
-
-# Create the output directory. This is in a separate step so its not dependant on other targets
-init:
- # -------------------------------------------------
- # Building jQuery Mobile in the "${OUTPUT}" folder
- @@rm -rf ${OUTPUT}
- @@rm -rf tmp
- @@mkdir -p ${OUTPUT}
- # -------------------------------------------------
-
-
-# Build and minify the JS files
-js: init
- # Build the JavaScript file
- @@cat js/jquery.mobile.intro.js | ${VER} > ${OUTPUT}/${NAME}.js
- @@cat ${JSFILES} >> ${OUTPUT}/${NAME}.js
- # ..... and then minify it
- @@echo ${VER_MIN} > ${OUTPUT}/${NAME}.min.js
- @@java -jar build/google-compiler-20111003.jar --js ${OUTPUT}/${NAME}.js --warning_level QUIET >> ${OUTPUT}/${NAME}.min.js
- # -------------------------------------------------
-
-
-# Output a message saying the process is complete
-notify: init
- @@echo "The files have been built and are in: " $$(pwd)/${OUTPUT}
- # -------------------------------------------------
-
-
-# Zip up the jQm files without docs
-zip: init css js
- # Packaging up the files into a zip archive
- @@mkdir tmp
- @@cp -r ${OUTPUT} tmp/${NAME}
- @@zip -rq ${OUTPUT}/${NAME}.zip tmp/${NAME}/
- @@rm -rf tmp
- # -------------------------------------------------
-
-
-
-
-# -------------------------------------------------
-# -------------------------------------------------
-# -------------------------------------------------
-#
-# For jQuery Team Use Only
-#
-# -------------------------------------------------
-
-# Push the latest git version to the CDN. This is done on a post commit hook
-latest: init js css zip
- # Time to put these on the CDN
- @@scp -qr ${OUTPUT}/* jqadmin@code.origin.jquery.com:/var/www/html/code.jquery.com/mobile/latest/
- # Do some cleanup to wrap it up
- @@rm -rf ${OUTPUT}
- # -------------------------------------------------
-
-# Build the nightly backups. This is done on a server cronjob
-nightlies: init js css zip docs
- # Time to put these on the CDN
- @@mkdir -p tmp/nightlies
- @@mv ${OUTPUT} tmp/nightlies/$$(date "+%Y%m%d")
- @@scp -qr tmp/nightlies/* jqadmin@code.origin.jquery.com:/var/www/html/code.jquery.com/mobile/nightlies/
- # Do some cleanup to wrap it up
- @@rm -rf tmp
- # -------------------------------------------------
-
-
-# Deploy a finished release. This is manually done.
-deploy: init js css docs zip
- # Deploying all the files to the CDN
- @@mkdir tmp
- @@cp -r ${OUTPUT} tmp/${VER_OFFICIAL}
- @@scp -qr tmp/* jqadmin@code.origin.jquery.com:/var/www/html/code.jquery.com/mobile/
- @@rm -rf tmp/${VER_OFFICIAL}
- @@mv ${OUTPUT}/demos tmp/${VER_OFFICIAL}
- # Create the Demos/Docs/Tests/Tools for jQueryMobile.com
- # ... By first replacing the paths
- @@find tmp/${VER_OFFICIAL} -type f \
- \( -name '*.html' -o -name '*.php' \) \
- -exec perl -pi -e \
- 's|src="(.*)${NAME}.min.js"|src="//code.jquery.com/mobile/${VER_OFFICIAL}/${NAME}.min.js"|g;s|href="(.*)${NAME}.min.css"|href="//code.jquery.com/mobile/${VER_OFFICIAL}/${NAME}.min.css"|g;s|src="(.*)jquery.js"|src="//code.jquery.com/jquery-1.6.4.js"|g' {} \;
- # ... So they can be copied to jquerymobile.com
- @@scp -qr tmp/* jqadmin@jquerymobile.com:/srv/jquerymobile.com/htdocs/demos/
- # Do some cleanup to wrap it up
- @@rm -rf tmp
- @@rm -rf ${OUTPUT}
- # -------------------------------------------------
-
-
+++ /dev/null
-jQuery Mobile Framework
-=======================
-[Official Site: http://jquerymobile.com](http://jquerymobile.com)
-
-[Demos and Documentation](http://jquerymobile.com/test/)
-
-How to build your own jQuery Mobile CSS and JS files
-====================================================
-Clone this repo and build the js and css files (you'll need Git and Make installed):
-
- git clone git://github.com/jquery/jquery-mobile.git
- cd jquery-mobile
- make
-
-A full version and a minified version of the jQuery Mobile JavaScript and CSS files will be created
-in a folder named "compiled". There is also now a Structure only css file so you can add your own theme on top of it.
-
-How to build a self-contained version of the Docs/Demos
-=======================================================
-Once you have your own cloned repo on your computer:
-
- make docs
-
-The docs will be built and available in the compiled/demos folder. You can move this folder to your web server or
-other location. It has no dependencies on anything other than a basic HTML web server.
-
-
-Submitting bugs
-===============
-If you think you've found a bug, please report it by following these instructions:
-
-1. Visit the [Issue tracker: https://github.com/jquery/jquery-mobile/issues](https://github.com/jquery/jquery-mobile/issues)
-2. Create an issue explaining the problem and expected result
- - Be sure to include any relevant information for reproducing the issue
- - Include information such as:
- * Browser/device (with version #)
- * The version of the jQuery Mobile code you're running
- * If you are running from a git version, include the date and/or hash number
- - Make sure that the bug still exists at http://jquerymobile.com/test/ as it may be fixed already
- - You can use the CDN hosted JS and CSS files to test in your own code by using:
- * [JS](http://code.jquery.com/mobile/latest/jquery.mobile.min.js)
- * [CSS](http://code.jquery.com/mobile/latest/jquery.mobile.min.css)
- - Include a link to some code of the bug in action. You can use either of these services to host your code
- * [jsbin](http://jsbin.com)
- * [jsfiddle](http://jsfiddle.net)
-3. Submit the issue.
-
-Recommended: [JS Bin issue template with instructions](http://jsbin.com/obowiw/edit)
-
-Submitting patches
-==================
-To contribute code and bug fixes to jQuery Mobile: fork this project on Github, make changes to the code in your fork,
-and then send a "pull request" to notify the team of updates that are ready to be reviewed for inclusion.
-
-Detailed instructions can be found at [jQuery Mobile Patching](https://gist.github.com/1294035)
-
-Running the jQuery Mobile demos & docs locally
-==============================================
-To preview locally, you'll need to clone a local copy of this repository and point your Apache & PHP webserver at its
-root directory (a webserver is required, as PHP and .htaccess are used for combining development files).
-
-If you don't currently have a webserver running locally, there are a few options.
-
-If you're on a Mac, you can try dropping jQuery Mobile into your sites folder and turning on Web Sharing via System
-Prefs. From there, you'll find a URL where you can browse folders in your sites directory from a browser.
-
-Another quick way to get up and running is to download and install MAMP for Mac OSX. Once installed, just open MAMP,
-click preferences, go to the Apache tab, and select your local jQuery Mobile folder as the root. Then you can open a
-browser to http://localhost:8888 to preview the code.
-
-Another alternative is XAMPP (Mac, Windows). You need to actually modify Apache's httpd.conf to point to your checkout:
-[Instructions](http://www.apachefriends.org/en/xampp.html)
-
-You need the following Apache modules loaded:
-
-* Rewrite (mod\_rewrite.so)
-* Expire (mod\_expires.so)
-* Header (mod\_headers.so)
-
-Building With A Custom Theme
-============================
-To use a custom theme in your own build, you'll need Make installed. You can find the themes in the CSS/Themes folder.
-To create a new theme:
-
-1. Copy the `Default` folder from CSS/Themes to a new folder in the same location. The name of the folder will be the
-theme's name. For testing locally, make sure the index.php file is copied as well.
-2. Edit the `jquery.mobile.theme.css` file so it contains your custom fonts and colors.
-3. Once you are done editing your files and saving them, open a terminal.
-4. Navigate to the jQuery-Mobile folder's root.
-5. Run the following command to build jQuery-Mobile (THEME is the name of the folder for your theme from step 1.):
-
- make THEME=YourThemeName
-
-6. The compiled files will be located in the "compiled" folder in the root of jQuery-Mobile.
+++ /dev/null
-<?php
-// Get the filetype and array of files
-if ( ! isset($type) || ! isset($files) )
-{
- echo '$type and $files must be specified!';
- exit;
-}
-
-$contents = '';
-
-// Loop through the files adding them to a string
-foreach ( $files as $file ) {
- $contents .= file_get_contents($file). "\n\n";
-}
-
-// Set the content type, filesize and an expiration so its not cached
-header('Content-Type: ' . $type);
-header('Content-Length: ' . strlen($contents));
-header('Expires: Fri, 01 Jan 2010 05:00:00 GMT');
-
-// Deliver the file
-echo $contents;
+++ /dev/null
-<?php
-$files = array_merge($files, array(
- '../../../LICENSE-INFO.txt',
- '../../structure/jquery.mobile.core.css',
- '../../structure/jquery.mobile.transitions.css',
- '../../structure/jquery.mobile.grids.css',
- '../../structure/jquery.mobile.headerfooter.css',
- '../../structure/jquery.mobile.navbar.css',
- '../../structure/jquery.mobile.button.css',
- '../../structure/jquery.mobile.collapsible.css',
- '../../structure/jquery.mobile.controlgroup.css',
- '../../structure/jquery.mobile.dialog.css',
- '../../structure/jquery.mobile.forms.checkboxradio.css',
- '../../structure/jquery.mobile.forms.fieldcontain.css',
- '../../structure/jquery.mobile.forms.select.css',
- '../../structure/jquery.mobile.forms.textinput.css',
- '../../structure/jquery.mobile.listview.css',
- '../../structure/jquery.mobile.forms.slider.css'
-));
-
-require_once($base.'/../../../combine.php');
-
+++ /dev/null
-.ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 5px; padding: 0; }
-.ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; }
-.ui-btn-inline { display: inline-block; }
-.ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; }
-.ui-btn input, .ui-btn button { z-index: 2; }
-.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; }
-.ui-btn-icon-notext { width: 24px; height: 24px; }
-.ui-btn-icon-notext .ui-btn-inner { padding: 2px 1px 2px 3px; }
-.ui-btn-text { position: relative; z-index: 1; }
-.ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; }
-.ui-btn-icon-left .ui-btn-inner { padding-left: 33px; }
-.ui-header .ui-btn-icon-left .ui-btn-inner,
-.ui-footer .ui-btn-icon-left .ui-btn-inner,
-.ui-bar .ui-btn-icon-left .ui-btn-inner { padding-left: 27px; }
-.ui-btn-icon-right .ui-btn-inner { padding-right: 33px; }
-.ui-header .ui-btn-icon-right .ui-btn-inner,
-.ui-footer .ui-btn-icon-right .ui-btn-inner,
-.ui-bar .ui-btn-icon-right .ui-btn-inner { padding-right: 27px; }
-.ui-btn-icon-top .ui-btn-inner { padding-top: 33px; }
-.ui-header .ui-btn-icon-top .ui-btn-inner,
-.ui-footer .ui-btn-icon-top .ui-btn-inner,
-.ui-bar .ui-btn-icon-top .ui-btn-inner { padding-top: 27px; }
-.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 33px; }
-.ui-header .ui-btn-icon-bottom .ui-btn-inner,
-.ui-footer .ui-btn-icon-bottom .ui-btn-inner,
-.ui-bar .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 27px; }
-
-/*btn icon positioning*/
-.ui-btn-icon-notext .ui-icon { display: block; z-index: 0;}
-.ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
-.ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%; margin-left: -9px; }
-.ui-btn-icon-left .ui-icon { left: 10px; }
-.ui-btn-icon-right .ui-icon { right: 10px; }
-.ui-btn-icon-top .ui-icon { top: 10px; }
-.ui-btn-icon-bottom .ui-icon { bottom: 10px; }
-.ui-header .ui-btn-icon-left .ui-icon,
-.ui-footer .ui-btn-icon-left .ui-icon,
-.ui-bar .ui-btn-icon-left .ui-icon { left: 4px; }
-.ui-header .ui-btn-icon-right .ui-icon,
-.ui-footer .ui-btn-icon-right .ui-icon,
-.ui-bar .ui-btn-icon-right .ui-icon { right: 4px; }
-.ui-header .ui-btn-icon-top .ui-icon,
-.ui-footer .ui-btn-icon-top .ui-icon,
-.ui-bar .ui-btn-icon-top .ui-icon { top: 4px; }
-.ui-header .ui-btn-icon-bottom .ui-icon,
-.ui-footer .ui-btn-icon-bottom .ui-icon,
-.ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4px; }
-
-/*hiding native button,inputs */
-.ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: .1; cursor: pointer; background: #fff; background: rgba(255,255,255,0); filter: Alpha(Opacity=.0001); font-size: 1px; border: none; line-height: 999px; }
+++ /dev/null
-.ui-collapsible { margin: .5em 0; }
-.ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; }
-.ui-collapsible-heading a { text-align: left; margin: 0; }
-.ui-collapsible-heading a .ui-btn-inner { padding-left: 40px; }
-.ui-collapsible-heading a span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; }
-.ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; }
-.ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
-.ui-collapsible-heading-status { position: absolute; top: -9999px; left:0px; }
-.ui-collapsible-content {
- display: block;
- margin: 0 -8px;
- padding: 10px 16px;
- border-top: none; /* Overrides ui-btn-up-* */
- background-image: none; /* Overrides ui-btn-up-* */
- font-weight: normal; /* Overrides ui-btn-up-* */
-}
-.ui-collapsible-content-collapsed { display: none; }
-
-.ui-collapsible-set { margin: .5em 0; }
-.ui-collapsible-set .ui-collapsible { margin: -1px 0 0; }
+++ /dev/null
-.ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0 1em; }
-.ui-bar .ui-controlgroup { margin: 0 .3em; }
-.ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; }
-.ui-controlgroup-controls { display: block; width: 100%;}
-.ui-controlgroup li { list-style: none; }
-.ui-controlgroup-vertical .ui-btn,
-.ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0; }
-.ui-controlgroup-controls label.ui-select { position: absolute; left: -9999px; }
-
-.ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
-.ui-controlgroup-horizontal { padding: 0; }
-.ui-controlgroup-horizontal .ui-btn, .ui-controlgroup-horizontal .ui-select { display: inline-block; margin: 0 -5px 0 0; }
-.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { float: left; margin: 0 -1px 0 0; }
-.ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn,
-.ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
-.ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; }
-.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
-/* conflicts with listview..
-.ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; }
-.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { padding: 5px 6px 5px 5px; }
-*/
-
-@media all and (min-width: 450px){
- .ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
- .ui-field-contain .ui-controlgroup-controls { width: 60%; display: inline-block; }
- .ui-field-contain .ui-controlgroup .ui-select { width: 100%; }
- .ui-field-contain .ui-controlgroup-horizontal .ui-select { width: auto; }
-}
\ No newline at end of file
+++ /dev/null
-/* some unsets - more probably needed */
-.ui-mobile, .ui-mobile body { height: 100%; }
-.ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
-.ui-mobile a img, .ui-mobile fieldset { border: 0; }
-
-/* responsive page widths */
-.ui-mobile-viewport { margin: 0; overflow-x: visible; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
-/* Issue #2066 */
-body.ui-mobile-viewport,
-div.ui-mobile-viewport { overflow-x: hidden; }
-
-/* "page" containers - full-screen views, one should always be in view post-pageload */
-.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; }
-.ui-mobile .ui-page-active { display: block; overflow: visible; }
-
-/* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
-.ui-page { outline: none; }
-
-/*orientations from js are available */
-@media screen and (orientation: portrait){
-.ui-mobile, .ui-mobile .ui-page { min-height: 420px; }
-}
-@media screen and (orientation: landscape){
-.ui-mobile, .ui-mobile .ui-page { min-height: 300px; }
-}
-
-/* native overflow scrolling */
-.ui-page.ui-mobile-touch-overflow,
-.ui-mobile-touch-overflow.ui-native-fixed .ui-content {
- overflow: auto;
- height: 100%;
- -webkit-overflow-scrolling: touch;
- -moz-overflow-scrolling: touch;
- -o-overflow-scrolling: touch;
- -ms-overflow-scrolling: touch;
- overflow-scrolling: touch;
-}
-.ui-page.ui-mobile-touch-overflow,
-.ui-page.ui-mobile-touch-overflow * {
- /* some level of transform keeps elements from blinking out of visibility on iOS */
- -webkit-transform: rotateY(0);
-}
-.ui-page.ui-mobile-pre-transition {
- display: block;
-}
-
-/* loading screen */
-.ui-loading .ui-mobile-viewport { overflow: hidden !important; }
-.ui-loading .ui-loader { display: block; }
-.ui-loading .ui-page { overflow: hidden; }
-.ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; }
-.ui-loader h1 { font-size: 15px; text-align: center; }
-.ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; }
-
-/*fouc*/
-.ui-mobile-rendering > * { visibility: hidden; }
-
-/*headers, content panels*/
-.ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
-.ui-bar { font-size: 16px; margin: 0; }
-.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; }
-
-.ui-header, .ui-footer { display: block; }
-.ui-page .ui-header, .ui-page .ui-footer { position: relative; }
-.ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em; }
-.ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; }
-.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 90px .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
-.ui-footer .ui-title { margin: .6em 15px .8em; }
-
-/*content area*/
-.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
-.ui-page-fullscreen .ui-content { padding:0; }
-
-/* native fixed headers and footers */
-.ui-mobile-touch-overflow.ui-page.ui-native-fixed,
-.ui-mobile-touch-overflow.ui-page.ui-native-fullscreen {
- overflow: visible;
-}
-.ui-mobile-touch-overflow.ui-native-fixed .ui-header,
-.ui-mobile-touch-overflow.ui-native-fixed .ui-footer {
- position: fixed;
- left: 0;
- right: 0;
- top: 0;
- z-index: 200;
-}
-.ui-mobile-touch-overflow.ui-page.ui-native-fixed .ui-footer {
- top: auto;
- bottom: 0;
-}
-.ui-mobile-touch-overflow.ui-native-fixed .ui-content {
- padding-top: 2.5em;
- padding-bottom: 3em;
- top: 0;
- bottom: 0;
- height: auto;
- position: absolute;
-}
-.ui-mobile-touch-overflow.ui-native-fullscreen .ui-content {
- padding-top: 0;
- padding-bottom: 0;
-}
-.ui-mobile-touch-overflow.ui-native-fullscreen .ui-header,
-.ui-mobile-touch-overflow.ui-native-fullscreen .ui-footer {
- opacity: .9;
-}
-.ui-native-bars-hidden {
- display: none;
-}
-
-/* icons sizing */
-.ui-icon { width: 18px; height: 18px; }
-
-/* fullscreen class on ui-content div */
-.ui-fullscreen { }
-.ui-fullscreen img { max-width: 100%; }
-
-/* non-js content hiding */
-.ui-nojs { position: absolute; left: -9999px; }
-
-/* accessible content hiding */
-.ui-hide-label label,
-.ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
+++ /dev/null
-.ui-dialog { min-height: 480px; }
-.ui-dialog .ui-header,
-.ui-dialog .ui-content,
-.ui-dialog .ui-footer {
- max-width: 500px;
- margin: 10% auto 15px auto;
- width: 85%;
- position: relative;
-}
-.ui-dialog .ui-header,
-.ui-dialog .ui-footer {
- padding: 0 15px;
- z-index: 10;
-}
-.ui-dialog .ui-content {
- padding: 15px;
-}
-.ui-dialog .ui-content,
-.ui-dialog .ui-footer {
- margin-top: -15px;
-}
+++ /dev/null
-.ui-checkbox, .ui-radio { position:relative; margin: .2em 0 .5em; z-index: 1; }
-.ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; z-index: 2; }
-.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
-.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
-.ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
-.ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
-.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {left: 15px; }
-.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon {right: 15px; }
-/* input, label positioning */
-.ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px; margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }
\ No newline at end of file
+++ /dev/null
-.ui-field-contain { padding: 1.5em 0; margin: 0; border-bottom-width: 1px; overflow: visible; }
-.ui-field-contain:first-child { border-top-width: 0; }
-@media all and (min-width: 450px){
- .ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
-}
\ No newline at end of file
+++ /dev/null
-.ui-select { display: block; position: relative; }
-.ui-select select { position: absolute; left: -9999px; top: -9999px; }
-.ui-select .ui-btn { overflow: hidden; }
-
-
-.ui-select .ui-btn { opacity: 1; }
-
-/* Fixes #2588 — When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select—including “inherit”—without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. */
-.ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); z-index: 2; }
-
-.ui-select .ui-disabled { opacity: .3; }
-
-@-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }}
-.ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; }
-
-.ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
-.ui-select .ui-btn-icon-right .ui-icon { right: 15px; }
-
-/* labels */
-label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
-
-/*listbox*/
-.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden; }
-.ui-select .ui-btn-text { text-overflow: ellipsis; }
-
-.ui-selectmenu { position: absolute; padding: 0; z-index: 1100 !important; width: 80%; max-width: 350px; padding: 6px; }
-.ui-selectmenu .ui-listview { margin: 0; }
-.ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
-.ui-selectmenu-hidden { top: -9999px; left: -9999px; }
-.ui-selectmenu-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; }
-.ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
-.ui-selectmenu-list .ui-li .ui-icon { display: block; }
-.ui-li.ui-selectmenu-placeholder { display: none; }
-.ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
-
-@media all and (min-width: 450px){
- .ui-field-contain label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
- .ui-field-contain .ui-select { width: 60%; display: inline-block; }
-}
-
-/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button. this shim's content in there */
-.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
\ No newline at end of file
+++ /dev/null
-label.ui-slider { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
-input.ui-slider-input,
-.ui-field-contain input.ui-slider-input { display: inline-block; width: 50px; }
-select.ui-slider-switch { display: none; }
-div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 60%; }
-div.ui-slider-switch { width: 99.8%; }
-a.ui-slider-handle { position: absolute; z-index: 10; top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; }
-a.ui-slider-handle .ui-btn-inner { padding-left: 0; padding-right: 0; }
-@media all and (min-width: 480px){
- .ui-field-contain label.ui-slider { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
- .ui-field-contain div.ui-slider { width: 43%; }
-}
-
-div.ui-slider-switch { height: 32px; overflow: hidden; margin-left: 0; }
-div.ui-slider-inneroffset { margin-left: 50%; position: absolute; top: 1px; height: 100%; width: 50%; }
-a.ui-slider-handle-snapping { -webkit-transition: left 70ms linear; }
-div.ui-slider-labelbg { position: absolute; top:0; margin: 0; border-width: 0; }
-div.ui-slider-switch div.ui-slider-labelbg-a { width: 60%; height: 100%; left: 0; }
-div.ui-slider-switch div.ui-slider-labelbg-b { width: 60%; height: 100%; right: 0; }
-.ui-slider-switch-a div.ui-slider-labelbg-a, .ui-slider-switch-b div.ui-slider-labelbg-b { z-index: -1; }
-.ui-slider-switch-a div.ui-slider-labelbg-b, .ui-slider-switch-b div.ui-slider-labelbg-a { z-index: 0; }
-
-div.ui-slider-switch a.ui-slider-handle { z-index: 20; width: 101%; height: 32px; margin-top: -18px; margin-left: -101%; }
-span.ui-slider-label { width: 100%; position: absolute;height: 32px; font-size: 16px; text-align: center; line-height: 2; background: none; border-color: transparent; }
-span.ui-slider-label-a { left: -100%; margin-right: -1px }
-span.ui-slider-label-b { right: -100%; margin-left: -1px }
+++ /dev/null
-label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
-input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 97%; }
-input.ui-input-text { -webkit-appearance: none; }
-textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
-.ui-input-search { padding: 0 30px; background-image: none; position: relative; }
-.ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; }
-.ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
-.ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; }
-.ui-input-search .ui-input-clear-hidden { display: none; }
-
-/* orientation adjustments - incomplete!*/
-@media all and (min-width: 450px){
- .ui-field-contain label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
- .ui-field-contain input.ui-input-text,
- .ui-field-contain textarea.ui-input-text,
- .ui-field-contain .ui-input-search { width: 60%; display: inline-block; }
- .ui-field-contain .ui-input-search { width: 50%; }
- .ui-hide-label input.ui-input-text,
- .ui-hide-label textarea.ui-input-text,
- .ui-hide-label .ui-input-search { padding: .4em; width: 97%; }
- .ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }
-}
\ No newline at end of file
+++ /dev/null
-/* content configurations. */
-.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
-.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height:1px;}
-
-/* grid solo: 100 - single item fallback */
-.ui-grid-solo .ui-block-a { width: 100%; float: none; }
-
-/* grid a: 50/50 */
-.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; }
-.ui-grid-a .ui-block-a { clear: left; }
-
-/* grid b: 33/33/33 */
-.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; }
-.ui-grid-b .ui-block-a { clear: left; }
-
-/* grid c: 25/25/25/25 */
-.ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; }
-.ui-grid-c .ui-block-a { clear: left; }
-
-/* grid d: 20/20/20/20/20 */
-.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; }
-.ui-grid-d .ui-block-a { clear: left; }
+++ /dev/null
-/* fixed page header & footer configuration */
-.ui-header, .ui-footer, .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { position: absolute; overflow: hidden; width: 100%; border-left-width: 0; border-right-width: 0; }
-.ui-header-fixed, .ui-footer-fixed {
- z-index: 1000;
- -webkit-transform: translateZ(0); /* Force header/footer rendering to go through the same rendering pipeline as native page scrolling. */
-}
-.ui-footer-duplicate, .ui-page-fullscreen .ui-fixed-inline { display: none; }
-.ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { opacity: .9; }
+++ /dev/null
-.ui-listview { margin: 0; counter-reset: listnumbering; }
-.ui-content .ui-listview { margin: -15px; }
-.ui-content .ui-listview-inset { margin: 1em 0; }
-.ui-listview, .ui-li { list-style:none; padding:0; }
-.ui-li, .ui-li.ui-field-contain { display: block; margin:0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; }
-.ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
-.ui-li-divider, .ui-li-static { padding: .5em 15px; font-size: 14px; font-weight: bold; }
-.ui-li-divider { counter-reset: listnumbering; }
-ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal;counter-increment: listnumbering; content: counter(listnumbering) ". "; }
-ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
-.ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
-.ui-li:last-child, .ui-li.ui-field-contain:last-child { border-bottom-width: 1px; }
-.ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
-.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px .7em 15px; display: block; }
-.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb { min-height: 60px; padding-left: 100px; }
-.ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; }
-.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-count { padding-right: 45px; }
-.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow { padding-right: 30px; }
-.ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow.ui-li-has-count { padding-right: 75px; }
-.ui-li-has-count .ui-btn-text { padding-right: 15px; }
-.ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
-.ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
-.ui-li-thumb, .ui-listview .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
-.ui-listview .ui-li-icon { max-height: 40px; max-width: 40px; left: 10px; top: .9em; }
-.ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
-
-.ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
-@media all and (min-width: 480px){
- .ui-li-aside { width: 45%; }
-}
-.ui-li-divider { cursor: default; }
-.ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 95px; }
-.ui-li-has-count .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 38px; }
-.ui-li-divider .ui-li-count, .ui-li-static .ui-li-count { right: 10px; }
-.ui-li-has-alt .ui-li-count { right: 55px; }
-.ui-li-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; z-index: 2; }
-.ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -11px 0 0 0; border-bottom-width: 1px; z-index: -1;}
-.ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;}
-.ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; }
-
-.ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0px; }
-
-.ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px }
-.ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
-
-.ui-listview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; }
-.ui-li.ui-screen-hidden{display:none;}
-/* Odd iPad positioning issue. */
-@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
- .ui-li .ui-btn-text { overflow: visible; }
-}
\ No newline at end of file
+++ /dev/null
-.ui-navbar { overflow: hidden; }
-.ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;}
-.ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; }
-.ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; }
-.ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; }
-.ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; }
-.ui-navbar li .ui-btn { margin-right: -1px; }
-.ui-navbar li .ui-btn:last-child { margin-right: 0; }
-.ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn,
-.ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; }
-.ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; }
-.ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; }
-/*expanded page styles*/
-.ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; }
-.ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px; }
-.ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; }
-.ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; }
-.ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; }
-.ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; }
-.ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; }
-.ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; }
+++ /dev/null
-.spin {
- -webkit-transform: rotate(360deg);
- -webkit-animation-name: spin;
- -webkit-animation-duration: 1s;
- -webkit-animation-iteration-count: infinite;
- -webkit-animation-timing-function: linear;
-}
-@-webkit-keyframes spin {
- from {-webkit-transform: rotate(0deg);}
- to {-webkit-transform: rotate(360deg);}
-}
-
-/* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/
-Built by David Kaneda and maintained by Jonathan Stark.
-*/
-.in, .out {
- -webkit-animation-timing-function: ease-in-out;
- -webkit-animation-duration: 350ms;
-}
-
-
-.slide.out {
- -webkit-transform: translateX(-100%);
- -webkit-animation-name: slideouttoleft;
-}
-
-.slide.in {
- -webkit-transform: translateX(0);
- -webkit-animation-name: slideinfromright;
-}
-
-.slide.out.reverse {
- -webkit-transform: translateX(100%);
- -webkit-animation-name: slideouttoright;
-}
-
-.slide.in.reverse {
- -webkit-transform: translateX(0);
- -webkit-animation-name: slideinfromleft;
-}
-
-.slideup.out {
- -webkit-animation-name: dontmove;
- z-index: 0;
-}
-
-.slideup.in {
- -webkit-transform: translateY(0);
- -webkit-animation-name: slideinfrombottom;
- z-index: 10;
-}
-
-.slideup.in.reverse {
- z-index: 0;
- -webkit-animation-name: dontmove;
-}
-
-.slideup.out.reverse {
- -webkit-transform: translateY(100%);
- z-index: 10;
- -webkit-animation-name: slideouttobottom;
-}
-
-.slidedown.out {
- -webkit-animation-name: dontmove;
- z-index: 0;
-}
-
-.slidedown.in {
- -webkit-transform: translateY(0);
- -webkit-animation-name: slideinfromtop;
- z-index: 10;
-}
-
-.slidedown.in.reverse {
- z-index: 0;
- -webkit-animation-name: dontmove;
-}
-
-.slidedown.out.reverse {
- -webkit-transform: translateY(-100%);
- z-index: 10;
- -webkit-animation-name: slideouttotop;
-}
-
-@-webkit-keyframes slideinfromright {
- from { -webkit-transform: translateX(100%); }
- to { -webkit-transform: translateX(0); }
-}
-
-@-webkit-keyframes slideinfromleft {
- from { -webkit-transform: translateX(-100%); }
- to { -webkit-transform: translateX(0); }
-}
-
-@-webkit-keyframes slideouttoleft {
- from { -webkit-transform: translateX(0); }
- to { -webkit-transform: translateX(-100%); }
-}
-
-@-webkit-keyframes slideouttoright {
- from { -webkit-transform: translateX(0); }
- to { -webkit-transform: translateX(100%); }
-}
-
-@-webkit-keyframes slideinfromtop {
- from { -webkit-transform: translateY(-100%); }
- to { -webkit-transform: translateY(0); }
-}
-
-@-webkit-keyframes slideinfrombottom {
- from { -webkit-transform: translateY(100%); }
- to { -webkit-transform: translateY(0); }
-}
-
-@-webkit-keyframes slideouttobottom {
- from { -webkit-transform: translateY(0); }
- to { -webkit-transform: translateY(100%); }
-}
-
-@-webkit-keyframes slideouttotop {
- from { -webkit-transform: translateY(0); }
- to { -webkit-transform: translateY(-100%); }
-}
-@-webkit-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
-}
-
-@-webkit-keyframes fadeout {
- from { opacity: 1; }
- to { opacity: 0; }
-}
-
-.fade.out {
- z-index: 0;
- -webkit-animation-name: fadeout;
-}
-
-.fade.in {
- opacity: 1;
- z-index: 10;
- -webkit-animation-name: fadein;
-}
-
-/* The properties in this rule are only necessary for the 'flip' transition.
- * We need specify the perspective to create a projection matrix. This will add
- * some depth as the element flips. The depth number represents the distance of
- * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
- * value.
- */
-.viewport-flip {
- -webkit-perspective: 1000;
- position: absolute;
-}
-
-.ui-mobile-viewport-transitioning,
-.ui-mobile-viewport-transitioning .ui-page {
- width: 100%;
- height: 100%;
- overflow: hidden;
-}
-
-.flip {
- -webkit-animation-duration: .65s;
- -webkit-backface-visibility:hidden;
- -webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
-}
-
-.flip.out {
- -webkit-transform: rotateY(-180deg) scale(.8);
- -webkit-animation-name: flipouttoleft;
-}
-
-.flip.in {
- -webkit-transform: rotateY(0) scale(1);
- -webkit-animation-name: flipinfromleft;
-}
-
-/* Shake it all about */
-
-.flip.out.reverse {
- -webkit-transform: rotateY(180deg) scale(.8);
- -webkit-animation-name: flipouttoright;
-}
-
-.flip.in.reverse {
- -webkit-transform: rotateY(0) scale(1);
- -webkit-animation-name: flipinfromright;
-}
-
-@-webkit-keyframes flipinfromright {
- from { -webkit-transform: rotateY(-180deg) scale(.8); }
- to { -webkit-transform: rotateY(0) scale(1); }
-}
-
-@-webkit-keyframes flipinfromleft {
- from { -webkit-transform: rotateY(180deg) scale(.8); }
- to { -webkit-transform: rotateY(0) scale(1); }
-}
-
-@-webkit-keyframes flipouttoleft {
- from { -webkit-transform: rotateY(0) scale(1); }
- to { -webkit-transform: rotateY(-180deg) scale(.8); }
-}
-
-@-webkit-keyframes flipouttoright {
- from { -webkit-transform: rotateY(0) scale(1); }
- to { -webkit-transform: rotateY(180deg) scale(.8); }
-}
-
-
-/* Hackish, but reliable. */
-
-@-webkit-keyframes dontmove {
- from { opacity: 1; }
- to { opacity: 1; }
-}
-
-.pop {
- -webkit-transform-origin: 50% 50%;
-}
-
-.pop.in {
- -webkit-transform: scale(1);
- opacity: 1;
- -webkit-animation-name: popin;
- z-index: 10;
-}
-
-.pop.in.reverse {
- z-index: 0;
- -webkit-animation-name: dontmove;
-}
-
-.pop.out.reverse {
- -webkit-transform: scale(.2);
- opacity: 0;
- -webkit-animation-name: popout;
- z-index: 10;
-}
-
-@-webkit-keyframes popin {
- from {
- -webkit-transform: scale(.2);
- opacity: 0;
- }
- to {
- -webkit-transform: scale(1);
- opacity: 1;
- }
-}
-
-@-webkit-keyframes popout {
- from {
- -webkit-transform: scale(1);
- opacity: 1;
- }
- to {
- -webkit-transform: scale(.2);
- opacity: 0;
- }
-}
\ No newline at end of file
+++ /dev/null
-<?php
-$type = 'text/css';
-$files = array(
- '../../../LICENSE-INFO.txt',
- 'jquery.mobile.theme.css'
-);
-$base = dirname(__FILE__);
-require_once('../../structure/index.php');
+++ /dev/null
-/* Swatches */
-
-/* A
------------------------------------------------------------------------------------------------------------*/
-
-.ui-bar-a {
- border: 1px solid #2A2A2A /*{a-bar-border}*/;
- background: #111111 /*{a-bar-background-color}*/;
- color: #ffffff /*{a-bar-color}*/;
- font-weight: bold;
- text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
-}
-.ui-bar-a,
-.ui-bar-a input,
-.ui-bar-a select,
-.ui-bar-a textarea,
-.ui-bar-a button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-.ui-bar-a .ui-link-inherit {
- color: #fff /*{a-bar-color}*/;
-}
-
-.ui-bar-a .ui-link {
- color: #7cc4e7 /*{a-bar-link-color}*/;
- font-weight: bold;
-}
-
-.ui-bar-a .ui-link:hover {
- color: #2489CE /*{a-bar-link-hover}*/;
-}
-
-.ui-bar-a .ui-link:active {
- color: #2489CE /*{a-bar-link-active}*/;
-}
-
-.ui-bar-a .ui-link:visited {
- color: #2489CE /*{a-bar-link-visited}*/;
-}
-.ui-body-a,
-.ui-dialog.ui-overlay-a {
- border: 1px solid #2A2A2A /*{a-body-border}*/;
- background: #222222 /*{a-body-background-color}*/;
- color: #fff /*{a-body-color}*/;
- text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #000 /*{a-body-shadow-color}*/;
- font-weight: normal;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #666 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);
-}
-.ui-body-a,
-.ui-body-a input,
-.ui-body-a select,
-.ui-body-a textarea,
-.ui-body-a button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-.ui-body-a .ui-link-inherit {
- color: #fff /*{a-body-color}*/;
-}
-
-.ui-body-a .ui-link {
- color: #2489CE /*{a-body-link-color}*/;
- font-weight: bold;
-}
-
-.ui-body-a .ui-link:hover {
- color: #2489CE /*{a-body-link-hover}*/;
-}
-
-.ui-body-a .ui-link:active {
- color: #2489CE /*{a-body-link-active}*/;
-}
-
-.ui-body-a .ui-link:visited {
- color: #2489CE /*{a-body-link-visited}*/;
-}
-
-.ui-btn-up-a {
- border: 1px solid #222 /*{a-bup-border}*/;
- background: #333333 /*{a-bup-background-color}*/;
- font-weight: bold;
- color: #fff /*{a-bup-color}*/;
- text-shadow: 0 /*{a-bup-shadow-x}*/ -1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #000 /*{a-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #555 /*{a-bup-background-start}*/), to( #333 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/);
-}
-.ui-btn-up-a a.ui-link-inherit {
- color: #fff /*{a-bup-color}*/;
-}
-.ui-btn-hover-a {
- border: 1px solid #000 /*{a-bhover-border}*/;
- background: #444444 /*{a-bhover-background-color}*/;
- font-weight: bold;
- color: #fff /*{a-bhover-color}*/;
- text-shadow: 0 /*{a-bhover-shadow-x}*/ -1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #000 /*{a-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #666 /*{a-bhover-background-start}*/), to( #444 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/);
-}
-.ui-btn-hover-a a.ui-link-inherit {
- color: #fff /*{a-bhover-color}*/;
-}
-.ui-btn-down-a {
- border: 1px solid #000 /*{a-bdown-border}*/;
- background: #3d3d3d /*{a-bdown-background-color}*/;
- font-weight: bold;
- color: #fff /*{a-bdown-color}*/;
- text-shadow: 0 /*{a-bdown-shadow-x}*/ -1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #000 /*{a-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #333 /*{a-bdown-background-start}*/), to( #5a5a5a /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/);
-}
-.ui-btn-down-a a.ui-link-inherit {
- color: #fff /*{a-bdown-color}*/;
-}
-.ui-btn-up-a,
-.ui-btn-hover-a,
-.ui-btn-down-a {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
- text-decoration: none;
-}
-
-
-/* B
------------------------------------------------------------------------------------------------------------*/
-
-.ui-bar-b {
- border: 1px solid #456f9a /*{b-bar-border}*/;
- background: #5e87b0 /*{b-bar-background-color}*/;
- color: #fff /*{b-bar-color}*/;
- font-weight: bold;
- text-shadow: 0 /*{b-bar-shadow-x}*/ -1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #254f7a /*{b-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #81a8ce /*{b-bar-background-start}*/), to( #5e87b0 /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/);
-}
-.ui-bar-b,
-.ui-bar-b input,
-.ui-bar-b select,
-.ui-bar-b textarea,
-.ui-bar-b button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-.ui-bar-b .ui-link-inherit {
- color: #fff /*{b-bar-color}*/;
-}
-.ui-bar-b .ui-link {
- color: #ddf0f8 /*{b-bar-link-color}*/;
- font-weight: bold;
-}
-
-.ui-bar-b .ui-link:hover {
- color: #ddf0f8 /*{b-bar-link-hover}*/;
-}
-
-.ui-bar-b .ui-link:active {
- color: #ddf0f8 /*{b-bar-link-active}*/;
-}
-
-.ui-bar-b .ui-link:visited {
- color: #ddf0f8 /*{b-bar-link-visited}*/;
-}
-.ui-body-b,
-.ui-dialog.ui-overlay-b {
- border: 1px solid #C6C6C6 /*{b-body-border}*/;
- background: #cccccc /*{b-body-background-color}*/;
- color: #333333 /*{b-body-color}*/;
- text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/;
- font-weight: normal;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #e6e6e6 /*{b-body-background-start}*/), to( #ccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/);
-}
-.ui-body-b,
-.ui-body-b input,
-.ui-body-b select,
-.ui-body-b textarea,
-.ui-body-b button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-.ui-body-b .ui-link-inherit {
- color: #333333 /*{b-body-color}*/;
-}
-
-.ui-body-b .ui-link {
- color: #2489CE /*{b-body-link-color}*/;
- font-weight: bold;
-}
-
-.ui-body-b .ui-link:hover {
- color: #2489CE /*{b-body-link-hover}*/;
-}
-
-.ui-body-b .ui-link:active {
- color: #2489CE /*{b-body-link-active}*/;
-}
-
-.ui-body-b .ui-link:visited {
- color: #2489CE /*{b-body-link-visited}*/;
-}
-
-.ui-btn-up-b {
- border: 1px solid #145072 /*{b-bup-border}*/;
- background: #2567ab /*{b-bup-background-color}*/;
- font-weight: bold;
- color: #fff /*{b-bup-color}*/;
- text-shadow: 0 /*{b-bup-shadow-x}*/ -1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #145072 /*{b-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 /*{b-bup-background-start}*/), to( #396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
-}
-.ui-btn-up-b a.ui-link-inherit {
- color: #fff /*{b-bup-color}*/;
-}
-.ui-btn-hover-b {
- border: 1px solid #00516e /*{b-bhover-border}*/;
- background: #4b88b6 /*{b-bhover-background-color}*/;
- font-weight: bold;
- color: #fff /*{b-bhover-color}*/;
- text-shadow: 0 /*{b-bhover-shadow-x}*/ -1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #014D68 /*{b-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #72b0d4 /*{b-bhover-background-start}*/), to( #4b88b6 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/);
-}
-.ui-btn-hover-b a.ui-link-inherit {
- color: #fff /*{b-bhover-color}*/;
-}
-.ui-btn-down-b {
- border: 1px solid #225377 /*{b-bdown-border}*/;
- background: #4e89c5 /*{b-bdown-background-color}*/;
- font-weight: bold;
- color: #fff /*{b-bdown-color}*/;
- text-shadow: 0 /*{b-bdown-shadow-x}*/ -1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #225377 /*{b-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #396b9e /*{b-bdown-background-start}*/), to( #4e89c5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/);
-}
-.ui-btn-down-b a.ui-link-inherit {
- color: #fff /*{b-bdown-color}*/;
-}
-.ui-btn-up-b,
-.ui-btn-hover-b,
-.ui-btn-down-b {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
- text-decoration: none;
-}
-
-
-/* C
------------------------------------------------------------------------------------------------------------*/
-
-.ui-bar-c {
- border: 1px solid #B3B3B3 /*{c-bar-border}*/;
- background: #e9eaeb /*{c-bar-background-color}*/;
- color: #3E3E3E /*{c-bar-color}*/;
- font-weight: bold;
- text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #e9eaeb /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/);
-}
-
-.ui-bar-c .ui-link-inherit {
- color: #3E3E3E /*{c-bar-color}*/;
-}
-.ui-bar-c .ui-link {
- color: #7cc4e7 /*{c-bar-link-color}*/;
- font-weight: bold;
-}
-
-.ui-bar-c .ui-link:hover {
- color: #2489CE /*{c-bar-link-hover}*/;
-}
-
-.ui-bar-c .ui-link:active {
- color: #2489CE /*{c-bar-link-active}*/;
-}
-
-.ui-bar-c .ui-link:visited {
- color: #2489CE /*{c-bar-link-visited}*/;
-}
-
-.ui-bar-c,
-.ui-bar-c input,
-.ui-bar-c select,
-.ui-bar-c textarea,
-.ui-bar-c button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-.ui-body-c,
-.ui-dialog.ui-overlay-c {
- border: 1px solid #B3B3B3 /*{c-body-border}*/;
- color: #333333 /*{c-body-color}*/;
- text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
- background: #f0f0f0 /*{c-body-background-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{c-body-background-start}*/), to( #ddd /*{c-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/);
-}
-.ui-body-c,
-.ui-body-c input,
-.ui-body-c select,
-.ui-body-c textarea,
-.ui-body-c button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-
-.ui-body-c .ui-link-inherit {
- color: #333333 /*{c-body-color}*/;
-}
-
-.ui-body-c .ui-link {
- color: #2489CE /*{c-body-link-color}*/;
- font-weight: bold;
-}
-
-.ui-body-c .ui-link:hover {
- color: #2489CE /*{c-body-link-hover}*/;
-}
-
-.ui-body-c .ui-link:active {
- color: #2489CE /*{c-body-link-active}*/;
-}
-
-.ui-body-c .ui-link:visited {
- color: #2489CE /*{c-body-link-visited}*/;
-}
-
-.ui-btn-up-c {
- border: 1px solid #ccc /*{c-bup-border}*/;
- background: #eee /*{c-bup-background-color}*/;
- font-weight: bold;
- color: #444 /*{c-bup-color}*/;
- text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 1px /*{c-bup-shadow-radius}*/ #f6f6f6 /*{c-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fdfdfd /*{c-bup-background-start}*/), to( #eee /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/);
-}
-.ui-btn-up-c a.ui-link-inherit {
- color: #2F3E46 /*{c-bup-color}*/;
-}
-
-.ui-btn-hover-c {
- border: 1px solid #bbbbbb /*{c-bhover-border}*/;
- background: #dadada /*{c-bhover-background-color}*/;
- font-weight: bold;
- color: #101010 /*{c-bhover-color}*/;
- text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 1px /*{c-bhover-shadow-radius}*/ #fff /*{c-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #ededed /*{c-bhover-background-start}*/), to( #dadada /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/);
-}
-.ui-btn-hover-c a.ui-link-inherit {
- color: #2F3E46 /*{c-bhover-color}*/;
-}
-.ui-btn-down-c {
- border: 1px solid #808080 /*{c-bdown-border}*/;
- background: #fdfdfd /*{c-bdown-background-color}*/;
- font-weight: bold;
- color: #111111 /*{c-bdown-color}*/;
- text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 1px /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{c-bdown-background-start}*/), to( #fdfdfd /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/);
-}
-.ui-btn-down-c a.ui-link-inherit {
- color: #2F3E46 /*{c-bdown-color}*/;
-}
-.ui-btn-up-c,
-.ui-btn-hover-c,
-.ui-btn-down-c {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
- text-decoration: none;
-}
-
-
-/* D
------------------------------------------------------------------------------------------------------------*/
-
-.ui-bar-d {
- border: 1px solid #ccc /*{d-bar-border}*/;
- background: #bbb /*{d-bar-background-color}*/;
- color: #333 /*{d-bar-color}*/;
- text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{d-bar-background-start}*/), to( #bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/);
-}
-.ui-bar-d,
-.ui-bar-d input,
-.ui-bar-d select,
-.ui-bar-d textarea,
-.ui-bar-d button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-
-.ui-bar-d .ui-link-inherit {
- color: #333333 /*{d-bar-color}*/;
-}
-.ui-bar-d .ui-link {
- color: #2489CE /*{d-bar-link-color}*/;
- font-weight: bold;
-}
-
-.ui-bar-d .ui-link:hover {
- color: #2489CE /*{d-bar-link-hover}*/;
-}
-
-.ui-bar-d .ui-link:active {
- color: #2489CE /*{d-bar-link-active}*/;
-}
-
-.ui-bar-d .ui-link:visited {
- color: #2489CE /*{d-bar-link-visited}*/;
-}
-
-.ui-body-d,
-.ui-dialog.ui-overlay-d {
- border: 1px solid #ccc /*{d-body-border}*/;
- color: #333333 /*{d-body-color}*/;
- text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #fff /*{d-body-shadow-color}*/;
- background: #ffffff /*{d-body-background-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fff), to( #fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/);
-}
-.ui-body-d,
-.ui-body-d input,
-.ui-body-d select,
-.ui-body-d textarea,
-.ui-body-d button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-
-.ui-body-d .ui-link-inherit {
- color: #333333 /*{d-body-color}*/;
-}
-
-.ui-body-d .ui-link {
- color: #2489CE /*{d-body-link-color}*/;
- font-weight: bold;
-}
-
-.ui-body-d .ui-link:hover {
- color: #2489CE /*{d-body-link-hover}*/;
-}
-
-.ui-body-d .ui-link:active {
- color: #2489CE /*{d-body-link-active}*/;
-}
-
-.ui-body-d .ui-link:visited {
- color: #2489CE /*{d-body-link-visited}*/;
-}
-
-.ui-btn-up-d {
- border: 1px solid #ccc /*{d-bup-border}*/;
- background: #fff /*{d-bup-background-color}*/;
- font-weight: bold;
- color: #444 /*{d-bup-color}*/;
- text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 1px /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fff), to( #fff /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/);
-}
-.ui-btn-up-d a.ui-link-inherit {
- color: #333 /*{d-bup-color}*/;
-}
-.ui-btn-hover-d {
- border: 1px solid #aaa /*{d-bhover-border}*/;
- background: #eeeeee /*{d-bhover-background-color}*/;
- font-weight: bold;
- color: #222 /*{d-bhover-color}*/;
- cursor: pointer;
- text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 1px /*{d-bhover-shadow-radius}*/ #fff /*{d-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fdfdfd), to( #eee /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/);
-}
-.ui-btn-hover-d a.ui-link-inherit {
- color: #222 /*{d-bhover-color}*/;
-}
-.ui-btn-down-d {
- border: 1px solid #aaaaaa /*{d-bdown-border}*/;
- background: #ffffff /*{d-bdown-background-color}*/;
- font-weight: bold;
- color: #111 /*{d-bdown-color}*/;
- text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 1px /*{d-bdown-shadow-radius}*/ #ffffff /*{d-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{d-bdown-background-start}*/), to( #fff /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/);
-}
-.ui-btn-down-d a.ui-link-inherit {
- color: #111 /*{d-bdown-color}*/;
-}
-.ui-btn-up-d,
-.ui-btn-hover-d,
-.ui-btn-down-d {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
- text-decoration: none;
-}
-
-
-/* E
------------------------------------------------------------------------------------------------------------*/
-
-.ui-bar-e {
- border: 1px solid #F7C942 /*{e-bar-border}*/;
- background: #fadb4e /*{e-bar-background-color}*/;
- color: #333 /*{e-bar-color}*/;
- text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ #fff /*{e-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bar-background-start}*/), to( #fadb4e /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/);
-}
-.ui-bar-e,
-.ui-bar-e input,
-.ui-bar-e select,
-.ui-bar-e textarea,
-.ui-bar-e button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-.ui-bar-e .ui-link-inherit {
- color: #333333 /*{e-bar-color}*/;
-}
-.ui-bar-e .ui-link {
- color: #2489CE /*{e-bar-link-color}*/;
- font-weight: bold;
-}
-
-.ui-bar-e .ui-link:hover {
- color: #2489CE /*{e-bar-link-hover}*/;
-}
-
-.ui-bar-e .ui-link:active {
- color: #2489CE /*{e-bar-link-active}*/;
-}
-
-.ui-bar-e .ui-link:visited {
- color: #2489CE /*{e-bar-link-visited}*/;
-}
-
-.ui-body-e,
-.ui-dialog.ui-overlay-e {
- border: 1px solid #F7C942 /*{e-body-border}*/;
- color: #333333 /*{e-body-color}*/;
- text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #fff /*{e-body-shadow-color}*/;
- background: #faeb9e /*{e-body-background-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{e-body-background-start}*/), to( #faeb9e /*{e-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/);
-}
-.ui-body-e,
-.ui-body-e input,
-.ui-body-e select,
-.ui-body-e textarea,
-.ui-body-e button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-.ui-body-e .ui-link-inherit {
- color: #333333 /*{e-body-color}*/;
-}
-
-.ui-body-e .ui-link {
- color: #2489CE /*{e-body-link-color}*/;
- font-weight: bold;
-}
-
-.ui-body-e .ui-link:hover {
- color: #2489CE /*{e-body-link-hover}*/;
-}
-
-.ui-body-e .ui-link:active {
- color: #2489CE /*{e-body-link-active}*/;
-}
-
-.ui-body-e .ui-link:visited {
- color: #2489CE /*{e-body-link-visited}*/;
-}
-
-.ui-btn-up-e {
- border: 1px solid #F7C942 /*{e-bup-border}*/;
- background: #fadb4e /*{e-bup-background-color}*/;
- font-weight: bold;
- color: #333 /*{e-bup-color}*/;
- text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #fff /*{e-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bup-background-start}*/), to( #fadb4e /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/);
-}
-.ui-btn-up-e a.ui-link-inherit {
- color: #333 /*{e-bup-color}*/;
-}
-.ui-btn-hover-e {
- border: 1px solid #e79952 /*{e-bhover-border}*/;
- background: #fbe26f /*{e-bhover-background-color}*/;
- font-weight: bold;
- color: #111 /*{e-bhover-color}*/;
- text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 1px /*{e-bhover-shadow-radius}*/ #fff /*{e-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fcf0b5 /*{e-bhover-background-start}*/), to( #fbe26f /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/);
-}
-
-.ui-btn-hover-e a.ui-link-inherit {
- color: #333 /*{e-bhover-color}*/;
-}
-.ui-btn-down-e {
- border: 1px solid #F7C942 /*{e-bdown-border}*/;
- background: #fceda7 /*{e-bdown-background-color}*/;
- font-weight: bold;
- color: #111 /*{e-bdown-color}*/;
- text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 1px /*{e-bdown-shadow-radius}*/ #ffffff /*{e-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fadb4e /*{e-bdown-background-start}*/), to( #fceda7 /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/);
-}
-.ui-btn-down-e a.ui-link-inherit {
- color: #333 /*{e-bdown-color}*/;
-}
-.ui-btn-up-e,
-.ui-btn-hover-e,
-.ui-btn-down-e {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
- text-decoration: none;
-}
-
-/* Structure */
-
-/* links within "buttons"
------------------------------------------------------------------------------------------------------------*/
-
-a.ui-link-inherit {
- text-decoration: none !important;
-}
-
-
-/* Active class used as the "on" state across all themes
------------------------------------------------------------------------------------------------------------*/
-
-.ui-btn-active {
- border: 1px solid #155678 /*{global-active-border}*/;
- background: #4596ce /*{global-active-background-color}*/;
- font-weight: bold;
- color: #fff /*{global-active-color}*/;
- cursor: pointer;
- text-shadow: 0 /*{global-active-shadow-x}*/ -1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #145072 /*{global-active-shadow-color}*/;
- text-decoration: none;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #85bae4 /*{global-active-background-start}*/), to( #5393c5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/);
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
-}
-.ui-btn-active a.ui-link-inherit {
- color: #fff /*{global-active-color}*/;
-}
-
-
-/* button inner top highlight
------------------------------------------------------------------------------------------------------------*/
-
-.ui-btn-inner {
- border-top: 1px solid #fff;
- border-color: rgba(255,255,255,.3);
-}
-
-
-/* corner rounding classes
------------------------------------------------------------------------------------------------------------*/
-
-.ui-corner-tl {
- -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
- -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
- border-top-left-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-tr {
- -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
- -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
- border-top-right-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-bl {
- -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
- -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
- border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-br {
- -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
- -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
- border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-top {
- -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
- -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
- border-top-left-radius: .6em /*{global-radii-blocks}*/;
- -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
- -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
- border-top-right-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-bottom {
- -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
- -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
- border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
- -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
- -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
- border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
- }
-.ui-corner-right {
- -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
- -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
- border-top-right-radius: .6em /*{global-radii-blocks}*/;
- -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
- -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
- border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-left {
- -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
- -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
- border-top-left-radius: .6em /*{global-radii-blocks}*/;
- -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
- -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
- border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-all {
- -moz-border-radius: .6em /*{global-radii-blocks}*/;
- -webkit-border-radius: .6em /*{global-radii-blocks}*/;
- border-radius: .6em /*{global-radii-blocks}*/;
-}
-.ui-corner-none {
- -moz-border-radius: 0;
- -webkit-border-radius: 0;
- border-radius: 0;
-}
-
-/* Form field separator
------------------------------------------------------------------------------------------------------------*/
-.ui-br {
- border-bottom: rgb(130,130,130);
- border-bottom: rgba(130,130,130,.3);
- border-bottom-width: 1px;
- border-bottom-style: solid;
-}
-
-/* Interaction cues
------------------------------------------------------------------------------------------------------------*/
-.ui-disabled {
- opacity: .3;
-}
-.ui-disabled,
-.ui-disabled a {
- pointer-events: none;
- cursor: default;
-}
-
-/* Icons
------------------------------------------------------------------------------------------------------------*/
-
-.ui-icon,
-.ui-icon-searchfield:after {
- background: #666 /*{global-icon-color}*/;
- background: rgba(0,0,0,.4) /*{global-icon-disc}*/;
- background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
- background-repeat: no-repeat;
- -moz-border-radius: 9px;
- -webkit-border-radius: 9px;
- border-radius: 9px;
-}
-
-
-/* Alt icon color
------------------------------------------------------------------------------------------------------------*/
-
-.ui-icon-alt {
- background: #fff;
- background: rgba(255,255,255,.3);
- background-image: url(images/icons-18-black.png);
- background-repeat: no-repeat;
-}
-
-/* HD/"retina" sprite
------------------------------------------------------------------------------------------------------------*/
-
-@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
- only screen and (min--moz-device-pixel-ratio: 1.5),
- only screen and (min-resolution: 240dpi) {
-
- .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
- .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
- .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
- .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
- .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
- background-image: url(images/icons-36-white.png);
- -moz-background-size: 776px 18px;
- -o-background-size: 776px 18px;
- -webkit-background-size: 776px 18px;
- background-size: 776px 18px;
- }
- .ui-icon-alt {
- background-image: url(images/icons-36-black.png);
- }
-}
-
-/* plus minus */
-.ui-icon-plus {
- background-position: -0 50%;
-}
-.ui-icon-minus {
- background-position: -36px 50%;
-}
-
-/* delete/close */
-.ui-icon-delete {
- background-position: -72px 50%;
-}
-
-/* arrows */
-.ui-icon-arrow-r {
- background-position: -108px 50%;
-}
-.ui-icon-arrow-l {
- background-position: -144px 50%;
-}
-.ui-icon-arrow-u {
- background-position: -180px 50%;
-}
-.ui-icon-arrow-d {
- background-position: -216px 50%;
-}
-
-/* misc */
-.ui-icon-check {
- background-position: -252px 50%;
-}
-.ui-icon-gear {
- background-position: -288px 50%;
-}
-.ui-icon-refresh {
- background-position: -324px 50%;
-}
-.ui-icon-forward {
- background-position: -360px 50%;
-}
-.ui-icon-back {
- background-position: -396px 50%;
-}
-.ui-icon-grid {
- background-position: -432px 50%;
-}
-.ui-icon-star {
- background-position: -468px 50%;
-}
-.ui-icon-alert {
- background-position: -504px 50%;
-}
-.ui-icon-info {
- background-position: -540px 50%;
-}
-.ui-icon-home {
- background-position: -576px 50%;
-}
-.ui-icon-search,
-.ui-icon-searchfield:after {
- background-position: -612px 50%;
-}
-.ui-icon-checkbox-off {
- background-position: -684px 50%;
-}
-.ui-icon-checkbox-on {
- background-position: -648px 50%;
-}
-.ui-icon-radio-off {
- background-position: -756px 50%;
-}
-.ui-icon-radio-on {
- background-position: -720px 50%;
-}
-
-
-/* checks,radios */
-.ui-checkbox .ui-icon {
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
-}
-.ui-icon-checkbox-off,
-.ui-icon-radio-off {
- background-color: transparent;
-}
-.ui-checkbox-on .ui-icon,
-.ui-radio-on .ui-icon {
- background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
-}
-
-/* loading icon */
-.ui-icon-loading {
- background-image: url(images/ajax-loader.png);
- width: 40px;
- height: 40px;
- -moz-border-radius: 20px;
- -webkit-border-radius: 20px;
- border-radius: 20px;
- background-size: 35px 35px;
-}
-
-
-/* Button corner classes
------------------------------------------------------------------------------------------------------------*/
-
-.ui-btn-corner-tl {
- -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
- -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
- border-top-left-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-tr {
- -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
- -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
- border-top-right-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-bl {
- -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
- -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
- border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-br {
- -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
- -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
- border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-top {
- -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
- -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
- border-top-left-radius: 1em /*{global-radii-buttons}*/;
- -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
- -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
- border-top-right-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-bottom {
- -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
- -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
- border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
- -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
- -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
- border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-right {
- -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
- -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
- border-top-right-radius: 1em /*{global-radii-buttons}*/;
- -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
- -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
- border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-left {
- -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
- -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
- border-top-left-radius: 1em /*{global-radii-buttons}*/;
- -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
- -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
- border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
-}
-.ui-btn-corner-all {
- -moz-border-radius: 1em /*{global-radii-buttons}*/;
- -webkit-border-radius: 1em /*{global-radii-buttons}*/;
- border-radius: 1em /*{global-radii-buttons}*/;
-}
-
-/* radius clip workaround for cleaning up corner trapping */
-.ui-corner-tl,
-.ui-corner-tr,
-.ui-corner-bl,
-.ui-corner-br,
-.ui-corner-top,
-.ui-corner-bottom,
-.ui-corner-right,
-.ui-corner-left,
-.ui-corner-all,
-.ui-btn-corner-tl,
-.ui-btn-corner-tr,
-.ui-btn-corner-bl,
-.ui-btn-corner-br,
-.ui-btn-corner-top,
-.ui-btn-corner-bottom,
-.ui-btn-corner-right,
-.ui-btn-corner-left,
-.ui-btn-corner-all {
- -webkit-background-clip: padding-box;
- -moz-background-clip: padding;
- background-clip: padding-box;
-}
-
-/* Overlay / modal
------------------------------------------------------------------------------------------------------------*/
-
-.ui-overlay {
- background: #666;
- opacity: .5;
- filter: Alpha(Opacity=50);
- position: absolute;
- width: 100%;
- height: 100%;
-}
-.ui-overlay-shadow {
- -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
- -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
- box-shadow: 0px 0px 12px rgba(0,0,0,.6);
-}
-.ui-shadow {
- -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
- -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
- box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
-}
-.ui-bar-a .ui-shadow,
-.ui-bar-b .ui-shadow ,
-.ui-bar-c .ui-shadow {
- -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
- -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
- box-shadow: 0px 1px 0 rgba(255,255,255,.3);
-}
-.ui-shadow-inset {
- -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
- -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
- box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
-}
-.ui-icon-shadow {
- -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
- -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
- box-shadow: 0px 1px 0 rgba(255,255,255,.4);
-}
-
-/* Focus state - set here for specificity
------------------------------------------------------------------------------------------------------------*/
-
-.ui-focus {
- -moz-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
- -webkit-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
- box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
-}
-
-/* unset box shadow in browsers that don't do it right
------------------------------------------------------------------------------------------------------------*/
-
-.ui-mobile-nosupport-boxshadow * {
- -moz-box-shadow: none !important;
- -webkit-box-shadow: none !important;
- box-shadow: none !important;
-}
-
-/* ...and bring back focus */
-.ui-mobile-nosupport-boxshadow .ui-focus {
- outline-width: 2px;
-}
+++ /dev/null
-<?php
-$type = 'text/css';
-$files = array(
- '../../../LICENSE-INFO.txt',
- 'jquery.mobile.theme.css'
-);
-$base = dirname(__FILE__);
-require_once('../../structure/index.php');
+++ /dev/null
-/*####################################################################################################################################
-
- A
-
-####################################################################################################################################*/
-
-.ui-bar-a {
- font-weight: bold;
- border: 1px solid #be7800;
- background: #e99515;
- color: #fff;
- text-shadow: 0 -1px 0px #94440F;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#e9a015), to(#e98a15)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#e9a015, #e98a15); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#e9a015, #e98a15); /* FF3.6 */
- background-image: -ms-linear-gradient(#e9a015, #e98a15); /* IE10 */
- background-image: -o-linear-gradient(#e9a015, #e98a15); /* Opera 11.10+ */
- background-image: linear-gradient(#e9a015, #e98a15);
-}
-.ui-btn-up-a {
- border: 1px solid #BD610D;
- background: #e68510;
- color: #fff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#ea9e0c), to(#e68510)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#ea9e0c, #e68510); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#ea9e0c, #e68510); /* FF3.6 */
- background-image: -ms-linear-gradient(#ea9e0c, #e68510); /* IE10 */
- background-image: -o-linear-gradient(#ea9e0c, #e68510); /* Opera 11.10+ */
- background-image: linear-gradient(#ea9e0c, #e68510);
-}
-.ui-btn-up-a a.ui-link-inherit {
- color: #fff;
-}
-.ui-btn-hover-a {
- border: 1px solid #b77504;
- background: #ed9730;
- color: #fff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#edab30), to(#ed9730)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#edab30, #ed9730); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#edab30, #ed9730); /* FF3.6 */
- background-image: -ms-linear-gradient(#edab30, #ed9730); /* IE10 */
- background-image: -o-linear-gradient(#edab30, #ed9730); /* Opera 11.10+ */
- background-image: linear-gradient(#edab30, #ed9730);
-}
-.ui-btn-hover-a a.ui-link-inherit {
- color: #fff;
-}
-.ui-btn-down-a {
- border: 1px solid #BD610D;
- background: #BA6E11;
- color: #fff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#BA8011), to(#BA6E11)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#BA8011, #BA6E11); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#BA8011, #BA6E11); /* FF3.6 */
- background-image: -ms-linear-gradient(#BA8011, #BA6E11); /* IE10 */
- background-image: -o-linear-gradient(#BA8011, #BA6E11); /* Opera 11.10+ */
- background-image: linear-gradient(#BA8011, #BA6E11);
-}
-.ui-btn-up-a,
-.ui-btn-hover-a,
-.ui-btn-down-a {
- text-shadow: 0 -1px 0px #94440F;
- cursor: pointer;
- font-weight: bold;
- text-decoration: none;
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-bar-a,
-.ui-bar-a input,
-.ui-bar-a select,
-.ui-bar-a textarea,
-.ui-bar-a button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-bar-a .ui-link-inherit {
- color: #fff;
-}
-.ui-bar-a .ui-link {
- color: #7cc4e7;
- font-weight: bold;
-}
-.ui-body-a,
-.ui-dialog.ui-overlay-a {
- font-weight: normal;
- border: 1px solid #222;
- background: #444;
- color: #ddd;
- text-shadow: 0 -1px 0px #000;
- background-image: -webkit-gradient(linear, center top, center bottom, from(#333), color-stop(5%, #333), color-stop(15%, #444), color-stop(60%, #444), to(#222)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#333 0%, #333 5%, #444 15%, #444 60%, #222 100%); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#333 0%, #333 5%, #444 15%, #444 60%, #222 100%); /* FF3.6 */
- background-image: -ms-linear-gradient(#333 0%, #333 5%, #444 15%, #444 60%, #222 100%); /* IE10 */
- background-image: -o-linear-gradient(#333 0%, #333 5%, #444 15%, #444 60%, #222 100%); /* Opera 11.10+ */
- background-image: linear-gradient(#333 0%, #333 5%, #444 15%, #444 60%, #222 100%);
-}
-.ui-body-a,
-.ui-body-a input,
-.ui-body-a select,
-.ui-body-a textarea,
-.ui-body-a button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-body-a .ui-link-inherit {
- color: #fff;
-}
-.ui-body-a .ui-link {
- color: #e98a15;
- font-weight: bold;
-}
-
-/*####################################################################################################################################
-
- B
-
-####################################################################################################################################*/
-
-.ui-bar-b {
- font-weight: bold;
- border: 1px solid #222;
- background: #333333;
- color: #fff;
- text-shadow: 0 -1px 0px #111;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#555, #333); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#555, #333); /* FF3.6 */
- background-image: -ms-linear-gradient(#555, #333); /* IE10 */
- background-image: -o-linear-gradient(#555, #333); /* Opera 11.10+ */
- background-image: linear-gradient(#555, #333);
-}
-.ui-btn-up-b {
- border: 1px solid #232323;
- background: #393939;
- color: #eee;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#5E5E5E), to(#393939)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#5E5E5E, #393939); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#5E5E5E, #393939); /* FF3.6 */
- background-image: -ms-linear-gradient(#5E5E5E, #393939); /* IE10 */
- background-image: -o-linear-gradient(#5E5E5E, #393939); /* Opera 11.10+ */
- background-image: linear-gradient(#5E5E5E, #393939);
-}
-.ui-btn-up-b a.ui-link-inherit {
- color: #eee;
-}
-.ui-btn-hover-b {
- border: 1px solid #232323;
- background: #494949;
- color: #fff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#6E6E6E), to(#494949)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#6E6E6E, #494949); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#6E6E6E, #494949); /* FF3.6 */
- background-image: -ms-linear-gradient(#6E6E6E, #494949); /* IE10 */
- background-image: -o-linear-gradient(#6E6E6E, #494949); /* Opera 11.10+ */
- background-image: linear-gradient(#6E6E6E, #494949);
-}
-
-.ui-btn-hover-b a.ui-link-inherit {
- color: #fff;
-}
-.ui-btn-down-b {
- border: 1px solid #232323;
- background: #292929;
- color: #fff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#4E4E4E), to(#292929)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#4E4E4E, #292929); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#4E4E4E, #292929); /* FF3.6 */
- background-image: -ms-linear-gradient(#4E4E4E, #292929); /* IE10 */
- background-image: -o-linear-gradient(#4E4E4E, #292929); /* Opera 11.10+ */
- background-image: linear-gradient(#4E4E4E, #292929);
-}
-.ui-btn-down-b a.ui-link-inherit {
- color: #fff;
-}
-.ui-btn-up-b,
-.ui-btn-hover-b,
-.ui-btn-down-b {
- text-shadow: 0 -1px 0px #111;
- cursor: pointer;
- font-weight: bold;
- text-decoration: none;
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-bar-b,
-.ui-bar-b input,
-.ui-bar-b select,
-.ui-bar-b textarea,
-.ui-bar-b button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-bar-b .ui-link-inherit {
- color: #fff;
-}
-.ui-bar-b .ui-link {
- color: #7cc4e7;
- font-weight: bold;
-}
-.ui-body-b,
-.ui-dialog.ui-overlay-b {
- font-weight: normal;
- border: 1px solid #999;
- background-color: #e5e5e5;
- color: #666;
- text-shadow: 0 1px 0px #fff;
- background-image: url(images/texture_075.png);
-}
-.ui-body-b,
-.ui-body-b input,
-.ui-body-b select,
-.ui-body-b textarea,
-.ui-body-b button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-body-b .ui-link-inherit {
- color: #333333;
-}
-.ui-body-b .ui-link {
- font-weight: bold;
- color: #e98a15;
-}
-/*####################################################################################################################################
-
- C Styles
-
-####################################################################################################################################*/
-
-.ui-bar-c {
- font-weight: bold;
- border: 1px solid #ccc;
- background: #e5e5e5;
- color: #111;
- text-shadow: 0 1px 0px #fff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e5e5e5)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#eee, #e5e5e5); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#eee, #e5e5e5); /* FF3.6 */
- background-image: -ms-linear-gradient(#eee, #e5e5e5); /* IE10 */
- background-image: -o-linear-gradient(#eee, #e5e5e5); /* Opera 11.10+ */
- background-image: linear-gradient(#eee, #e5e5e5);
-}
-.ui-bar-c,
-.ui-bar-c input,
-.ui-bar-c select,
-.ui-bar-c textarea,
-.ui-bar-c button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-btn-up-c,
-.ui-btn-hover-c,
-.ui-btn-down-c {
- font-family: Helvetica, Arial, sans-serif;
- cursor: pointer;
- font-weight: bold;
- text-decoration: none;
- text-shadow: 0 1px 0px #fff;
-}
-.ui-btn-up-c {
- border: 1px solid #ccc;
- background: #e5e5e5;
- color: #444;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e5e5e5)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#eee, #e5e5e5); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#eee, #e5e5e5); /* FF3.6 */
- background-image: -ms-linear-gradient(#eee, #e5e5e5); /* IE10 */
- background-image: -o-linear-gradient(#eee, #e5e5e5); /* Opera 11.10+ */
- background-image: linear-gradient(#eee, #e5e5e5);
-}
-.ui-btn-up-c a.ui-link-inherit {
- color: #444;
-}
-.ui-btn-hover-c {
- border: 1px solid #ccc;
- background: #f5f5f5;
- color: #222;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#fff, #f5f5f5); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#fff, #f5f5f5); /* FF3.6 */
- background-image: -ms-linear-gradient(#fff, #f5f5f5); /* IE10 */
- background-image: -o-linear-gradient(#fff, #f5f5f5); /* Opera 11.10+ */
- background-image: linear-gradient(#fff, #f5f5f5);
-}
-.ui-btn-hover-c a.ui-link-inherit {
- color: #222;
-}
-.ui-btn-down-c {
- border: 1px solid #ccc;
- background: #d5d5d5;
- color: #111;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#d5d5d5)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#ddd, #d5d5d5); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#ddd, #d5d5d5); /* FF3.6 */
- background-image: -ms-linear-gradient(#ddd, #d5d5d5); /* IE10 */
- background-image: -o-linear-gradient(#ddd, #d5d5d5); /* Opera 11.10+ */
- background-image: linear-gradient(#ddd, #d5d5d5);
-}
-.ui-btn-down-c a.ui-link-inherit {
- color: #111;
-}
-.ui-body-c,
-.ui-dialog.ui-overlay-c {
- border: 1px solid #ddd;
- color: #333333;
- text-shadow: 0 1px 0px #fff;
- background: #fff;
- background-image: url(images/texture_075.png);
-}
-.ui-body-c,
-.ui-body-c input,
-.ui-body-c select,
-.ui-body-c textarea,
-.ui-body-c button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-body-c .ui-link-inherit {
- color: #333333; }
-.ui-body-c .ui-link {
- font-weight: bold;
- color: #e98a15;
-}
-
-/*####################################################################################################################################
-
- D
-
-####################################################################################################################################*/
-
-.ui-bar-d {
- font-weight: bold;
- border: 1px solid #ccc;
- background: #cbcbcb;
- color: #666;
- text-shadow: 0 1px 0px #fff;
- background-image: -webkit-gradient(linear, center top, center bottom, from(#ddd), color-stop(5%, #ccc), color-stop(15%, #bbb), color-stop(95%, #ddd), to(#ccc)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%); /* FF3.6 */
- background-image: -ms-linear-gradient(#ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%); /* IE10 */
- background-image: -o-linear-gradient(#ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%); /* Opera 11.10+ */
- background-image: linear-gradient(#ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%);
-}
-.ui-bar-d,
-.ui-bar-d input,
-.ui-bar-d select,
-.ui-bar-d textarea,
-.ui-bar-d button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-bar-d .ui-link-inherit {
- color: #333;
-}
-.ui-bar-d .ui-link {
- font-weight: bold;
- color: #2489CE;
-}
-
-.ui-btn-up-d {
- border: 1px solid #c5c5c5;
- background: #ddd;
- color: #666;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#ddd)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#d5d5d5, #ddd); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#d5d5d5, #ddd); /* FF3.6 */
- background-image: -ms-linear-gradient(#d5d5d5, #ddd); /* IE10 */
- background-image: -o-linear-gradient(#d5d5d5, #ddd); /* Opera 11.10+ */
- background-image: linear-gradient(#d5d5d5, #ddd);
-}
-.ui-btn-up-d a.ui-link-inherit {
- color: #666;
-}
-.ui-btn-hover-d {
- border: 1px solid #aaa;
- background: #c5c5c5;
- color: #666;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#ccc)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#c5c5c5, #ccc); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#c5c5c5, #ccc); /* FF3.6 */
- background-image: -ms-linear-gradient(#c5c5c5, #ccc); /* IE10 */
- background-image: -o-linear-gradient(#c5c5c5, #ccc); /* Opera 11.10+ */
- background-image: linear-gradient(#c5c5c5, #ccc);
-}
-.ui-btn-hover-d a.ui-link-inherit {
- color: #666;
-}
-.ui-btn-down-d {
- border: 1px solid #999;
- background: #b5b5b5;
- color: #444;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#b5b5b5), to(#bbb)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#b5b5b5, #bbb); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#b5b5b5, #bbb); /* FF3.6 */
- background-image: -ms-linear-gradient(#b5b5b5, #bbb); /* IE10 */
- background-image: -o-linear-gradient(#b5b5b5, #bbb); /* Opera 11.10+ */
- background-image: linear-gradient(#b5b5b5, #bbb);
-}
-.ui-btn-up-d a.ui-link {
- color: #444;
-}
-.ui-btn-up-d,
-.ui-btn-hover-d,
-.ui-btn-down-d {
- font-family: Helvetica, Arial, sans-serif;
- cursor: pointer;
- font-weight: bold;
- text-decoration: none;
- text-shadow: 0 1px 0px #fff;
-}
-.ui-body-d,
-.ui-body-d input,
-.ui-body-d select,
-.ui-body-d textarea,
-.ui-body-d button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-body-d .ui-link-inherit {
- color: #333333;
-}
-.ui-body-d,
-.ui-dialog.ui-overlay-d {
- border: 1px solid #aaa;
- color: #666;
- text-shadow: 0 1px 0px #fff;
- background: #eee;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(15%, #f5f5f5), to(#eee)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#fff 0%, #f5f5f5 15%, #eee 100%); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#fff 0%, #f5f5f5 15%, #eee 100%); /* FF3.6 */
- background-image: -ms-linear-gradient(#fff 0%, #f5f5f5 15%, #eee 100%); /* IE10 */
- background-image: -o-linear-gradient(#fff 0%, #f5f5f5 15%, #eee 100%); /* Opera 11.10+ */
- background-image: linear-gradient(#fff 0%, #f5f5f5 15%, #eee 100%);
-}
-.ui-body-d .ui-link {
- font-weight: bold;
- color: #e98a15;
-}
-
-.ui-body-c .ui-link-inherit {
- color: #333333; }
-.ui-body-c .ui-link {
- font-weight: bold;
- color: #e98a15;
-}
-
-
-/*####################################################################################################################################
-
- E
-
-####################################################################################################################################*/
-
-.ui-bar-e {
- font-weight: bold;
- border: 1px solid #999;
- background: #dedede;
- color: #000;
- text-shadow: 0 1px 0px #fff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #ccc), color-stop(50%, #b5b5b5), to(#eee)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%); /* FF3.6 */
- background-image: -ms-linear-gradient(#fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%); /* IE10 */
- background-image: -o-linear-gradient(#fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%); /* Opera 11.10+ */
- background-image: linear-gradient(#fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%);
-}
-.ui-bar-e,
-.ui-bar-e input,
-.ui-bar-e select,
-.ui-bar-e textarea,
-.ui-bar-d button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-bar-e .ui-link-inherit {
- color: #333;
-}
-.ui-bar-e .ui-link {
- color: #2489CE;
- font-weight: bold;
-}
-.ui-btn-up-e {
- border: 1px solid #999;
- background: #dfdfdf;
- color: #333;
- text-shadow: 0 1px 0px #fff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), color-stop(50%, #ccc), color-stop(50%, #b5b5b5), to(#f5f5f5)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%); /* FF3.6 */
- background-image: -ms-linear-gradient(#f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%); /* IE10 */
- background-image: -o-linear-gradient(#f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%); /* Opera 11.10+ */
- background-image: linear-gradient(#f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%);
-}
-.ui-btn-up-e a.ui-link-inherit {
- color: #333;
-}
-.ui-btn-hover-e {
- border: 1px solid #777;
- background: #e5e5e5;
- color: #333;
- text-shadow: 0 1px 0px #fff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #ddd), color-stop(50%, #ccc), to(#fff)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#fff 0%, #ddd 50%, #ccc 50%, #fff 100%); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#fff 0%, #ddd 50%, #ccc 50%, #fff 100%); /* FF3.6 */
- background-image: -ms-linear-gradient(#fff 0%, #ddd 50%, #ccc 50%, #fff 100%); /* IE10 */
- background-image: -o-linear-gradient(#fff 0%, #ddd 50%, #ccc 50%, #fff 100%); /* Opera 11.10+ */
- background-image: linear-gradient(#fff 0%, #ddd 50%, #ccc 50%, #fff 100%);
-}
-.ui-btn-hover-e a.ui-link-inherit {
- color: #333;
-}
-.ui-btn-down-e {
- border: 1px solid #888;
- background: #ccc;
- color: #333;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), color-stop(50%, #ccc), color-stop(50%, #bbb), to(#ddd)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%); /* FF3.6 */
- background-image: -ms-linear-gradient(#ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%); /* IE10 */
- background-image: -o-linear-gradient(#ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%); /* Opera 11.10+ */
- background-image: linear-gradient(#ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%);
-}
-.ui-btn-down-e a.ui-link-inherit {
- color: #333;
-}
-.ui-btn-up-e,
-.ui-btn-hover-e,
-.ui-btn-down-e {
- font-family: Helvetica, Arial, sans-serif;
- cursor: pointer;
- font-weight: bold;
- text-decoration: none;
- text-shadow: 0 1px 0px #fff;
-}
-.ui-body-e,
-.ui-dialog.ui-overlay-e {
- font-weight: normal;
- border: 1px solid #aaa;
- background: #ccc;
- color: #111;
- text-shadow: 0 1px 0px #fff;
- background-image: url(images/texture_075.png);
-}
-.ui-body-e,
-.ui-body-e input,
-.ui-body-e select,
-.ui-body-e textarea,
-.ui-body-e button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-body-e .ui-link-inherit {
- color: #333333;
-}
-.ui-body-e .ui-link {
- font-weight: bold;
- color: #e98a15;
-}
-
-/*####################################################################################################################################
-
- Everything Else
-
-####################################################################################################################################*/
-
-
-a.ui-link-inherit {
- text-decoration: none !important;
-}
-
-/* Active class used as the "on" state across all themes */
-.ui-btn-active {
- font-weight: bold;
- cursor: pointer;
- text-decoration: none;
- border: 1px solid #FFBC19;
- background: #FFBC19;
- color: #222;
- text-shadow: 0 1px 0px #eee;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#FFDC52), to(#FFBC19)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#FFDC52, #FFBC19); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#FFDC52, #FFBC19); /* FF3.6 */
- background-image: -ms-linear-gradient(#FFDC52, #FFBC19); /* IE10 */
- background-image: -o-linear-gradient(#FFDC52, #FFBC19); /* Opera 11.10+ */
- background-image: linear-gradient(#FFDC52, #FFBC19);
-}
-.ui-btn-active a.ui-link-inherit {
- color: #333;
-}
-
-/* button Inner Highlight */
-.ui-btn-inner {
- border-top: 1px solid #fff;
- border-color: rgba(255,255,255,.25);
-}
-
-/* Container Corner radius */
-.ui-corner-tl {
- -moz-border-radius-topleft: .6em;
- -webkit-border-top-left-radius: .6em;
- border-top-left-radius: .6em;
-}
-.ui-corner-tr {
- -moz-border-radius-topright: .6em;
- -webkit-border-top-right-radius: .6em;
- border-top-right-radius: .6em;
-}
-.ui-corner-bl {
- -moz-border-radius-bottomleft: .6em;
- -webkit-border-bottom-left-radius: .6em;
- border-bottom-left-radius: .6em;
-}
-.ui-corner-br {
- -moz-border-radius-bottomright: .6em;
- -webkit-border-bottom-right-radius: .6em;
- border-bottom-right-radius: .6em;
-}
-.ui-corner-top {
- -moz-border-radius-topleft: .6em;
- -webkit-border-top-left-radius: .6em;
- border-top-left-radius: .6em;
- -moz-border-radius-topright: .6em;
- -webkit-border-top-right-radius: .6em;
- border-top-right-radius: .6em;
-}
-.ui-corner-bottom {
- -moz-border-radius-bottomleft: .6em;
- -webkit-border-bottom-left-radius: .6em;
- border-bottom-left-radius: .6em;
- -moz-border-radius-bottomright: .6em;
- -webkit-border-bottom-right-radius: .6em;
- border-bottom-right-radius: .6em;
-}
-.ui-corner-right {
- -moz-border-radius-topright: .6em;
- -webkit-border-top-right-radius: .6em;
- border-top-right-radius: .6em;
- -moz-border-radius-bottomright: .6em;
- -webkit-border-bottom-right-radius: .6em;
- border-bottom-right-radius: .6em;
-}
-.ui-corner-left {
- -moz-border-radius-topleft: .6em;
- -webkit-border-top-left-radius: .6em;
- border-top-left-radius: .6em;
- -moz-border-radius-bottomleft: .6em;
- -webkit-border-bottom-left-radius: .6em;
- border-bottom-left-radius: .6em;
-}
-.ui-corner-all {
- -moz-border-radius: .6em;
- -webkit-border-radius: .6em;
- border-radius: .6em;
-}
-
-/* Interaction Cues
-----------------------------------*/
-.ui-disabled {
- opacity: .3;
-}
-.ui-disabled, .ui-disabled a {
- cursor: default !important;
-}
-
-/* Icons
------------------------------------------------------------------------------------------------------------*/
-
-.ui-icon {
- background: #666;
- background: rgba(0,0,0,.4);
- background-image: url(images/icons-18-white.png);
- background-repeat: no-repeat;
- -moz-border-radius: 9px;
- -webkit-border-radius: 9px;
- border-radius: 9px;
-}
-
-
-/* Alt icon color
------------------------------------------------------------------------------------------------------------*/
-
-.ui-icon-alt {
- background: #fff;
- background: rgba(255,255,255,.3);
- background-image: url(images/icons-18-black.png);
- background-repeat: no-repeat;
-}
-
-/* HD/"retina" sprite
------------------------------------------------------------------------------------------------------------*/
-
-@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
- only screen and (min--moz-device-pixel-ratio: 1.5),
- only screen and (min-resolution: 240dpi) {
-
- .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
- .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
- .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
- .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search,
- .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
- background-image: url(images/icons-36-white.png);
- -moz-background-size: 776px 18px;
- -o-background-size: 776px 18px;
- -webkit-background-size: 776px 18px;
- background-size: 776px 18px;
- }
- .ui-icon-alt {
- background-image: url(images/icons-36-black.png);
- }
-}
-
-/* plus minus */
-.ui-icon-plus {
- background-position: -0 50%;
-}
-.ui-icon-minus {
- background-position: -36px 50%;
-}
-
-/* delete/close */
-.ui-icon-delete {
- background-position: -72px 50%;
-}
-
-/* arrows */
-.ui-icon-arrow-r {
- background-position: -108px 50%;
-}
-.ui-icon-arrow-l {
- background-position: -144px 50%;
-}
-.ui-icon-arrow-u {
- background-position: -180px 50%;
-}
-.ui-icon-arrow-d {
- background-position: -216px 50%;
-}
-
-/* misc */
-.ui-icon-check {
- background-position: -252px 50%;
-}
-.ui-icon-gear {
- background-position: -288px 50%;
-}
-.ui-icon-refresh {
- background-position: -324px 50%;
-}
-.ui-icon-forward {
- background-position: -360px 50%;
-}
-.ui-icon-back {
- background-position: -396px 50%;
-}
-.ui-icon-grid {
- background-position: -432px 50%;
-}
-.ui-icon-star {
- background-position: -468px 50%;
-}
-.ui-icon-alert {
- background-position: -504px 50%;
-}
-.ui-icon-info {
- background-position: -540px 50%;
-}
-.ui-icon-home {
- background-position: -576px 50%;
-}
-.ui-icon-search {
- background-position: -612px 50%;
-}
-.ui-icon-checkbox-off {
- background-position: -684px 50%;
-}
-.ui-icon-checkbox-on {
- background-position: -648px 50%;
-}
-.ui-icon-radio-off {
- background-position: -756px 50%;
-}
-.ui-icon-radio-on {
- background-position: -720px 50%;
-}
-
-
-/* checks,radios */
-.ui-checkbox .ui-icon {
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
-}
-.ui-icon-checkbox-off,
-.ui-icon-radio-off {
- background-color: transparent;
-}
-.ui-checkbox-on .ui-icon,
-.ui-radio-on .ui-icon {
- background-color: #FFBC19; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
-}
-.ui-icon-searchfield {
- background-image: url(images/icon-search-black.png);
- background-size: 16px 16px;
-}
-
-/* loading icon */
-.ui-icon-loading {
- background-image: url(images/ajax-loader.png);
- width: 40px;
- height: 40px;
- -moz-border-radius: 20px;
- -webkit-border-radius: 20px;
- border-radius: 20px;
- background-size: 35px 35px;
-}
-
-
-/* Button corner classes
------------------------------------------------------------------------------------------------------------*/
-
-.ui-btn-corner-tl {
- -moz-border-radius-topleft: 1em;
- -webkit-border-top-left-radius: 1em;
- border-top-left-radius: 1em;
-}
-.ui-btn-corner-tr {
- -moz-border-radius-topright: 1em;
- -webkit-border-top-right-radius: 1em;
- border-top-right-radius: 1em;
-}
-.ui-btn-corner-bl {
- -moz-border-radius-bottomleft: 1em;
- -webkit-border-bottom-left-radius: 1em;
- border-bottom-left-radius: 1em;
-}
-.ui-btn-corner-br {
- -moz-border-radius-bottomright: 1em;
- -webkit-border-bottom-right-radius: 1em;
- border-bottom-right-radius: 1em;
-}
-.ui-btn-corner-top {
- -moz-border-radius-topleft: 1em;
- -webkit-border-top-left-radius: 1em;
- border-top-left-radius: 1em;
- -moz-border-radius-topright: 1em;
- -webkit-border-top-right-radius: 1em;
- border-top-right-radius: 1em;
-}
-.ui-btn-corner-bottom {
- -moz-border-radius-bottomleft: 1em;
- -webkit-border-bottom-left-radius: 1em;
- border-bottom-left-radius: 1em;
- -moz-border-radius-bottomright: 1em;
- -webkit-border-bottom-right-radius: 1em;
- border-bottom-right-radius: 1em;
-}
-.ui-btn-corner-right {
- -moz-border-radius-topright: 1em;
- -webkit-border-top-right-radius: 1em;
- border-top-right-radius: 1em;
- -moz-border-radius-bottomright: 1em;
- -webkit-border-bottom-right-radius: 1em;
- border-bottom-right-radius: 1em;
-}
-.ui-btn-corner-left {
- -moz-border-radius-topleft: 1em;
- -webkit-border-top-left-radius: 1em;
- border-top-left-radius: 1em;
- -moz-border-radius-bottomleft: 1em;
- -webkit-border-bottom-left-radius: 1em;
- border-bottom-left-radius: 1em;
-}
-.ui-btn-corner-all {
- -moz-border-radius: .4em;
- -webkit-border-radius: .4em;
- border-radius: .4em;
-}
-
-.ui-corner-tl, .ui-corner-tr, .ui-corner-bl,
-.ui-corner-br, .ui-corner-top, .ui-corner-bottom,
-.ui-corner-right, .ui-corner-left, .ui-corner-all,
-.ui-btn-corner-tl, .ui-btn-corner-tr, .ui-btn-corner-bl,
-.ui-btn-corner-br, .ui-btn-corner-top, .ui-btn-corner-bottom,
-.ui-btn-corner-right, .ui-btn-corner-left, .ui-btn-corner-all {
- -webkit-background-clip: padding-box;
- -moz-background-clip: padding;
- background-clip: padding-box;
-
-}
-
-/* Form field separator */
-.ui-br {
- border-bottom: rgb(130,130,130);
- border-bottom: rgba(130,130,130,.3);
- border-bottom-width: 1px;
- border-bottom-style: solid;
-}
-
-/* Overlays */
-.ui-overlay {
- position: absolute;
- opacity: .5;
- filter: Alpha(Opacity=50);
- width: 100%;
- height: 100%;
- background: #666;
-}
-.ui-overlay-shadow {
- -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
- -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
- box-shadow: 0px 0px 12px rgba(0,0,0,.6);
-}
-.ui-shadow {
- -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
- -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
- box-shadow: 0px 1px 4px rgba(0,0,0,.3);
-}
-.ui-bar-a .ui-shadow,
-.ui-bar-b .ui-shadow ,
-.ui-bar-c .ui-shadow {
- -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
- -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
- box-shadow: 0px 1px 0 rgba(255,255,255,.3);
-}
-.ui-shadow-inset {
- -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
- -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
- box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
-}
-.ui-icon-shadow {
- -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
- -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
- box-shadow: 0px 1px 0 rgba(255,255,255,.4);
-}
-
-/* set focus state last */
-.ui-focus {
- -moz-box-shadow: 0px 0px 12px #FFBC19;
- -webkit-box-shadow: 0px 0px 12px #FFBC19;
- box-shadow: 0px 0px 12px #FFBC19;
-}
-
-/*####################################################################################################################################
-
- CUSTOM ADDITIONS
-
-####################################################################################################################################*/
-
-
-/* Make inline buttons more rounded */
-.ui-slider.ui-btn-corner-all .ui-slider-handle.ui-btn-corner-all,
-.ui-slider.ui-btn-corner-all .ui-slider-handle.ui-btn-corner-all .ui-btn-inner,
-.ui-slider.ui-btn-corner-all{
- -moz-border-radius: 1em;
- -webkit-border-radius: 1em;
- border-radius: 1em;
-}
-a.ui-btn.ui-btn-inline.ui-btn-corner-all,
-a.ui-btn.ui-btn-inline.ui-btn-corner-all .ui-btn-inner{
- -moz-border-radius: 2em;
- -webkit-border-radius: 2em;
- border-radius: 2em;
-}
-
-/* Give the search input a stronger border */
-.ui-input-search{
- border: 1px solid #999;
-}
-
-/* Adjustment for indicator icons inside split list & Search Input - Well I hope so :) */
-.ui-input-search .ui-btn-icon-notext,
-.ui-btn-inner .ui-btn-icon-notext{
- -moz-border-radius: 1em;
- -webkit-border-radius: 1em;
- border-radius: 1em;
-}
-.ui-dialog a.ui-btn-icon-notext.ui-btn-corner-all,
-.ui-dialog a.ui-btn-icon-notext.ui-btn-corner-all .ui-btn-inner.ui-btn-corner-all{
- -moz-border-radius: 1em;
- -webkit-border-radius: 1em;
- border-radius: 1em;
-}
-/* inner highlight is janky! */
-.ui-dialog a.ui-btn-icon-notext.ui-btn-corner-all .ui-btn-inner.ui-btn-corner-all{
- border-top-color: transparent;
-}
+++ /dev/null
-/* jqm docs css
-
-Beware: lots of last-minute CSS going on in here
-cobblers, shoes,
-*/
-
-body { background: #dddddd; }
-.ui-mobile .type-home .ui-content { margin: 0; background: #e5e5e5 url(../images/jqm-sitebg.png) top center repeat-x; }
-.ui-mobile #jqm-homeheader { padding: 40px 10px 0; text-align: center; margin: 0 auto; }
-.ui-mobile #jqm-homeheader h1 { margin: 0 0 ; }
-.ui-mobile #jqm-homeheader p { margin: .3em 0 0; line-height: 1.3; font-size: .9em; font-weight: bold; color: #666; }
-.ui-mobile #jqm-version { text-indent: -99999px; background: url(../images/version.png) top right no-repeat; width: 119px; height: 122px; overflow: hidden; position: absolute; z-index: 50; top: -11px; right: 0; }
-.ui-mobile .jqm-themeswitcher { margin: 10px 25px 10px 10px; }
-
-h2 { margin:1.2em 0 .4em 0; }
-p code { font-size:1.2em; font-weight:bold; }
-
-dt { font-weight: bold; margin: 2em 0 .5em; }
-dt code, dd code { font-size:1.3em; line-height:150%; }
-pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
-
-#jqm-homeheader img { width: 235px; }
-img { max-width: 100%; }
-
-.ui-header .jqm-home { top:0.65em; }
-nav { margin: 0; }
-
-p.intro {
- font-size: .96em;
- line-height: 1.3;
- border-top: 1px solid #75ae18;
- border-bottom: 0;
- background: none;
- margin: 1.5em 0;
- padding: 1.5em 15px 0;
-
-}
-p.intro strong {
- color: #558e08;
-}
-.footer-docs {
- padding: 5px 0;
-}
-.footer-docs p {
- float: left;
- margin-left:15px;
- font-weight: normal;
- font-size: .9em;
-}
-
-.type-interior .content-secondary {
- border-right: 0;
- border-left: 0;
- margin: 10px -15px 0;
- background: #fff;
- border-top: 1px solid #ccc;
-}
-.type-home .ui-content {
- margin-top: 5px;
-}
-.type-interior .ui-content {
- padding-bottom: 0;
-}
-.content-secondary .ui-collapsible {
- padding: 0 15px 10px;
-
-}
-.content-secondary .ui-collapsible-content {
- padding: 0;
- background: none;
- border-bottom: none;
-}
-.content-secondary .ui-listview {
- margin: 0;
-}
-/* new API additions */
-
-dt {
- margin: 35px 0 15px 0;
- background-color:#ddd;
- font-weight:normal;
-}
-dt code {
- display:inline-block;
- font-weight:bold;
- color:#56A00E;
- padding:3px 7px;
- margin-right:10px;
- background-color:#fff;
-}
-dd {
- margin-bottom:10px;
-}
-dd .default { font-weight:bold; }
-dd pre {
- margin:0 0 0 0;
-}
-dd code { font-weight: normal; }
-dd pre code {
- margin:0;
- border:none;
- font-weight:normal;
- font-size:100%;
- background-color:transparent;
-}
-dd h4 { margin:15px 0 0 0; }
-
-.localnav {
- margin:0 0 20px 0;
- overflow:hidden;
-}
-.localnav li {
- float:left;
-}
-.localnav .ui-btn-inner {
- padding: .6em 10px;
- font-size:80%;
-}
-
-
-/* F bar theme - just for the docs overview headers */
-.ui-bar-f {
- border-top: 1px solid #56A00E;
- border-bottom: 1px solid #56A00E;
- background: #74b042;
- color: #fff;
- font-weight: bold;
- text-shadow: 0 -1px 1px #234403;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#74b042), to(#56A00E)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#74b042, #56A00E); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#74b042, #56A00E); /* FF3.6 */
- background-image: -ms-linear-gradient(#74b042, #56A00E); /* IE10 */
- background-image: -o-linear-gradient(#74b042, #56A00E); /* Opera 11.10+ */
- background-image: linear-gradient(#74b042, #56A00E);
-}
-.ui-bar-f,
-.ui-bar-f .ui-link-inherit {
- color: #fff;
-}
-.ui-bar-f .ui-link {
- color: #fff;
- font-weight: bold;
-}
-.ui-btn-up-f {
- border: 1px solid #3B6F07;
- background: #56A00E;
- font-weight: bold;
- color: #fff;
- text-shadow: 0 -1px 1px #234403;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#74b042), to(#56A00E)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#74b042, #56A00E); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#74b042, #56A00E); /* FF3.6 */
- background-image: -ms-linear-gradient(#74b042, #56A00E); /* IE10 */
- background-image: -o-linear-gradient(#74b042, #56A00E); /* Opera 11.10+ */
- background-image: linear-gradient(#74b042, #56A00E);
-}
-.ui-btn-up-f a.ui-link-inherit {
- color: #fff;
-}
-.ui-btn-hover-f {
- border: 1px solid #3B6F07;
- background: #6EBC1F;
- font-weight: bold;
- color: #fff;
- text-shadow: 0 -1px 1px #234403;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#8FC963), to(#6EBC1F)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#8FC963, #6EBC1F); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#8FC963, #6EBC1F); /* FF3.6 */
- background-image: -ms-linear-gradient(#8FC963, #6EBC1F); /* IE10 */
- background-image: -o-linear-gradient(#8FC963, #6EBC1F); /* Opera 11.10+ */
- background-image: linear-gradient(#8FC963, #6EBC1F);
-}
-.ui-btn-hover-f a.ui-link-inherit {
- color: #fff;
-}
-.ui-btn-down-f {
- border: 1px solid #3B6F07;
- background: #3d3d3d;
- font-weight: bold;
- color: #fff;
- text-shadow: 0 -1px 1px #234403;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#56A00E), to(#64A234)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#56A00E, #64A234); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#56A00E, #64A234); /* FF3.6 */
- background-image: -ms-linear-gradient(#56A00E, #64A234); /* IE10 */
- background-image: -o-linear-gradient(#56A00E, #64A234); /* Opera 11.10+ */
- background-image: linear-gradient(#56A00E, #64A234);
-}
-.ui-btn-down-f a.ui-link-inherit {
- color: #fff;
-}
-.ui-btn-up-f,
-.ui-btn-hover-f,
-.ui-btn-down-f {
- font-family: Helvetica, Arial, sans-serif;
- text-decoration: none;
-}
-
-
-
-
-/* docs site layout */
-
-@media all and (min-width: 650px){
-
- .jqm-home {
- position: absolute;
- left: 10px;
- top: 0;
- }
- .type-home .ui-content {
- margin-top: 5px;
- }
- .ui-mobile #jqm-homeheader {
- max-width: 340px;
- }
- .ui-mobile .jqm-themeswitcher {
- float: right;
- }
- p.intro {
- margin: 2em 0;
- }
- .type-home .ui-content,
- .type-interior .ui-content {
- padding: 0;
- background: url(../images/px-ccc.gif) 50% 0 repeat-y;
- }
- .type-interior .ui-content {
- background-position: 45%;
- overflow: hidden;
- }
- .content-secondary {
- text-align: left;
- float: left;
- width: 45%;
- background: none;
- }
- .content-secondary,
- .type-interior .content-secondary {
- margin: 30px 0 20px 2%;
- padding: 20px 4% 0 0;
- background: none;
- border-top: none;
- }
- .type-index .content-secondary {
- padding: 0;
- }
- .content-secondary .ui-collapsible {
- margin: 0;
- padding: 0;
- }
- .content-secondary .ui-collapsible-content {
- border: none;
- }
- .type-index .content-secondary .ui-listview {
- margin: 0;
- }
-
- .ui-mobile #jqm-homeheader {
- padding: 0;
- }
- .content-primary {
- width: 45%;
- float: right;
- margin-top: 30px;
- margin-right: 1%;
- padding-right: 1%;
- }
- .content-primary ul:first-child {
- margin-top: 0;
- }
- .content-secondary h2 {
- position: absolute;
- left: -9999px;
- }
- .type-interior .content-primary {
- padding: 1.5em 6% 3em 0;
- margin: 0;
- }
- /* fix up the collapsibles - expanded on desktop */
- .content-secondary .ui-collapsible-heading {
- display: none;
- }
- .content-secondary .ui-collapsible-contain {
- margin:0;
- }
- .content-secondary .ui-collapsible-content {
- display: block;
- margin: 0;
- padding: 0;
- }
- .type-interior .content-secondary .ui-li-divider {
- padding-top: 1em;
- padding-bottom: 1em;
- }
- .type-interior .content-secondary {
- margin: 0;
- padding: 0;
- }
-
-}
-@media all and (min-width: 750px){
- .type-home .ui-content,
- .type-interior .ui-content {
- background-position: 39%;
- }
- .content-secondary {
- width: 34%;
- }
- .content-primary {
- width: 56%;
- padding-right: 1%;
- }
- .type-interior .ui-content {
- background-position: 34%;
- }
-}
-
-@media all and (min-width: 1200px){
- .type-home .ui-content{
- background-position: 38.5%;
- }
- .type-interior .ui-content {
- background-position: 30%;
- }
- .content-secondary {
- width: 30%;
- padding-right:6%;
- margin: 30px 0 20px 5%;
- }
- .type-interior .content-secondary {
- margin: 0;
- padding: 0;
- }
- .content-primary {
- width: 50%;
- margin-right: 5%;
- padding-right: 3%;
- }
- .type-interior .content-primary {
- width: 60%;
- }
-}
\ No newline at end of file
+++ /dev/null
-//quick view source in new window links
-$.fn.addSourceLink = function(style){
-
- return $(this).each(function(){
- var link = $('<a href="#" data-'+ $.mobile.ns +'inline="true">View Source</a>'),
- src = src = $('<div></div>').append( $(this).clone() ).html(),
- page = $( "<div data-"+ $.mobile.ns +"role='dialog' data-"+ $.mobile.ns +"theme='a'>" +
- "<div data-"+ $.mobile.ns +"role='header' data-"+ $.mobile.ns +"theme='b'>" +
- "<a href='#' class='ui-btn-left' data-"+ $.mobile.ns +"icon='delete' data-"+ $.mobile.ns +"iconpos='notext'>Close</a>"+
- "<div class='ui-title'>jQuery Mobile Source Excerpt</div>"+
- "</div>"+
- "<div data-"+ $.mobile.ns +"role='content'></div>"+
- "</div>" )
- .appendTo( "body" )
- .page();
-
- $('<a href="#">View Source</a>')
- .buttonMarkup({
- icon: 'arrow-u',
- iconpos: 'notext'
- })
- .click(function(){
- var codeblock = $('<pre><code></code></pre>');
- src = src.replace(/&/gmi, '&').replace(/"/gmi, '"').replace(/>/gmi, '>').replace(/</gmi, '<').replace('data-'+ $.mobile.ns +'source="true"','');
- codeblock.find('code').append(src);
-
- var activePage = $(this).parents('.ui-page-active');
- page.find('.ui-content').append(codeblock);
- $.changePage(page, 'slideup',false);
- page.find('.ui-btn-left').click(function(){
- $.changePage(activepage, 'slideup',true);
- return false;
- });
- })
- .insertAfter(this);
- });
-};
-
-//set up view source links
-$('div').live('pagebeforecreate',function(){
- $(this).find('[data-'+ $.mobile.ns +'source="true"]').addSourceLink();
-});
\ No newline at end of file
+++ /dev/null
-//set up the theme switcher on the homepage
-$('div').live('pagecreate',function(event){
- if( !$(this).is('.ui-dialog')){
- var appendEl = $(this).find('.ui-footer:last');
-
- if( !appendEl.length ){
- appendEl = $(this).find('.ui-content');
- }
-
- if( appendEl.is("[data-position]") ){
- return;
- }
-
- $('<a href="#themeswitcher" data-'+ $.mobile.ns +'rel="dialog" data-'+ $.mobile.ns +'transition="pop">Switch theme</a>')
- .buttonMarkup({
- 'icon':'gear',
- 'inline': true,
- 'shadow': false,
- 'theme': 'd'
- })
- .appendTo( appendEl )
- .wrap('<div class="jqm-themeswitcher">')
- .bind( "vclick", function(){
- $.themeswitcher();
- });
- }
-
-});
-
-//collapse page navs after use
-$(function(){
- $('body').delegate('.content-secondary .ui-collapsible-content', 'click', function(){
- $(this).trigger("collapse")
- });
-});
-
-function setDefaultTransition(){
- var winwidth = $( window ).width(),
- trans ="slide";
-
- if( winwidth >= 1000 ){
- trans = "none";
- }
- else if( winwidth >= 650 ){
- trans = "fade";
- }
-
- $.mobile.defaultPageTransition = trans;
-}
-
-
-$(function(){
- setDefaultTransition();
- $( window ).bind( "throttledresize", setDefaultTransition );
-});
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Accessibility</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Accessibility</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
-
- <div class="content-primary">
-
- <h2>Accessibility</h2>
- <p>jQuery Mobile is built upon standard, semantic HTML, allowing pages to be accessible to the broadest range of devices possible. For A-Grade browsers, many of the components in jQuery Mobile leverage techniques such as focus management, keyboard navigation, and HTML attributes specified in the W3C's <a href="http://www.w3.org/TR/wai-aria/">WAI-ARIA</a> specification.</p>
-
- <p>By utilizing these techniques, we do our best to ensure an accessible experience to users with disabilities such as blindness, who may use screen readers (like <em>VoiceOver</em>, on Apple's iPhone device) or other assistive technology to access the web.</p>
-
- <p>While our accessibility implementation is currently a work in progress, we aim to provide a fully accessible suite of components for version 1.0.</p>
-
- </div>
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Overview</li>
- <li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
- <li><a href="../../docs/about/getting-started.html">Quick start guide</a></li>
- <li><a href="../../docs/about/features.html">Features</a></li>
- <li data-theme="a"><a href="../../docs/about/accessibility.html">Accessibility</a></li>
- <li><a href="../../docs/about/platforms.html">Supported platforms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
-
-
- </div><!-- /content -->
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Features</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Features</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <div class="content-primary">
-
- <h2>Key features:</h2>
- <ul>
- <li><strong>Built on jQuery core</strong> for familiar and consistent jQuery syntax and minimal learning curve and leverages jQuery UI code and patterns.</li>
- <li><strong>Compatible with all major mobile, tablet, e-reader & desktop platforms</strong> - iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, Windows Phone 7, MeeGo, Opera Mobile/Mini, Firefox Mobile, Kindle, Nook, and all modern browsers with graded levels of support.</li>
- <li><strong>Lightweight size</strong> and minimal image dependencies for speed.</li>
- <li><strong>Modular architecture</strong> for creating custom builds that are optimized to only the features needed for a particular application</li>
- <li><strong>HTML5 Markup-driven configuration</strong> of pages and behavior for fast development and minimal required scripting.</li>
- <li><strong>Progressive enhancement</strong> approach brings core content and functionality to all mobile, tablet and desktop platforms and a rich, installed application-like experience on newer mobile platforms.</li>
- <li><strong>Responsive design</strong> techniques and tools allow the same underlying codebase to automatically scale from smartphone to desktop-sized screens</li>
- <li><strong>Powerful Ajax-powered navigation system</strong> to enable animated page transitions while maintaining back button, bookmarking and and clean URLs though pushState. </li>
- <li><strong>Accessibility</strong> features such as WAI-ARIA are also included to ensure that the pages work for screen readers (e.g. VoiceOver in iOS) and other assistive technologies.</li>
- <li><strong>Touch and mouse event support</strong> streamline the process of supporting touch, mouse, and cursor focus-based user input methods with a simple API. </li>
- <li><strong>Unified UI widgets</strong> for common controls enhance native controls with touch-optimized, themable controls that are platform-agnostic and easy to use.</li>
- <li><strong>Powerful theming framework</strong> and ThemeRoller application make highly-branded experiences easy to build.</li>
-
- </ul>
-
- </div>
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Overview</li>
- <li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
- <li><a href="../../docs/about/getting-started.html">Quick start guide</a></li>
- <li data-theme="a"><a href="../../docs/about/features.html">Features</a></li>
- <li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
- <li><a href="../../docs/about/platforms.html">Supported platforms</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
-
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Quick start</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Quick start guide</h1>
-
-
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <div class="content-primary">
-
- <h2>Getting Started with jQuery Mobile</h2>
-
- <p>jQuery Mobile provides a set of touch-friendly UI widgets and an AJAX-powered navigation system to support animated page transitions. Building your first jQuery Mobile page is easy, here's how:</p>
-
- <h2>Create a basic page template</h2>
- <p>Pop open your favorite text editor, paste in the <a href="../pages/page-anatomy.html" id="" title="page-anatomy">page template</a> below, save and open in a browser. You are now a mobile developer!</p>
- <p>Here's what's in the template. In the <code>head</code>, a meta <code>viewport</code> tag sets the screen width to the pixel width of the device and references to jQuery, jQuery Mobile and the mobile theme stylesheet from the CDN add all the styles and scripts. </p>
- <p>In the <code>body</code>, a div with a <code>data-role</code> of <code>page</code> is the wrapper used to delineate a page, and the header bar (<code>data-role="header"</code>) and content region (<code>data-role="content"</code>) are added inside to create a basic page (these are both optional). These <code>data-</code> attributes are HTML5 attributes are used throughout jQuery Mobile to transform basic markup into an enhanced and styled widget.</p>
-
-<pre><code>
-<!DOCTYPE html>
-<html>
- <head>
- <title>My Page</title>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
- <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
- <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
-</head>
-<body>
-
-<div <strong>data-role="page"</strong>>
-
- <div <strong>data-role="header"</strong>>
- <h1>My Title</h1>
- </div><!-- /header -->
-
- <div <strong>data-role="content"</strong>>
- <p>Hello world</p>
- </div><!-- /content -->
-
-</div><!-- /page -->
-
-</body>
-</html>
-</code></pre>
-
-
- <h2>Add your content</h2>
- <p>Inside your content container, you can add all any standard <a href="../content/content-html.html">HTML elements</a> - headings, lists, paragraphs, etc. You can write your own custom styles to create custom layouts by adding an additional stylesheet to the <code>head</code> after the jQuery Mobile stylesheet.</p>
-
- <h2>Make a listview</h2>
- <p>jQuery Mobile includes a diverse set of common <a href="../lists/docs-lists.html" id="" title="docs-lists">listviews</a> that are coded as lists with a <code>data-role="listview"</code> added. Here is a simple linked list that has a role of <code>listview</code>. We're going to make this look like an inset module by adding a <code>data-inset="true"</code> and add a dynamic search filter with the <code>data-filter="true"</code> attributes.</p>
-
-<pre><code>
-<ul <strong>data-role="listview" data-inset="true" data-filter="true"</strong>>
- <li><a href="#">Acura</a></li>
- <li><a href="#">Audi</a></li>
- <li><a href="#">BMW</a></li>
- <li><a href="#">Cadillac</a></li>
- <li><a href="#">Ferrari</a></li>
-</ul>
-
-</code></pre>
- <ul data-role="listview" data-inset="true" data-filter="true">
- <li><a href="#">Acura</a></li>
- <li><a href="#">Audi</a></li>
- <li><a href="#">BMW</a></li>
- <li><a href="#">Cadillac</a></li>
- <li><a href="#">Ferrari</a></li>
- </ul>
-
-
-
-
- <h2>Add a slider</h2>
- <p>The framework contains a full set of <a href="../forms/forms-all.html">form elements</a> that automatically are enhanced into touch-friendly styled widgets. Here's a slider made with the new HTML5 input type of range, no <code>data-role</code> needed. Be sure to wrap these in a <code>form</code> element and always properly associate a <code>label</code> to every form element.</p>
-
-<pre><code>
-<form>
- <label for="slider-0">Input slider:</label>
- <input <strong>type="range"</strong> name="slider" id="slider-0" value="25" min="0" max="100" />
-</form>
-</code></pre>
-
- <form>
- <label for="slider-0">Input slider:</label>
- <input type="range" name="slider-1" id="slider-0" value="25" min="0" max="100" />
- </form>
-
-
-
- <h2>Make a button</h2>
- <p>There are a few ways to make <a href="../buttons/buttons-types.html" title="buttons-types">buttons</a>, but lets turn a link into a button so it's easy to click. Just start with a link and add a <code>data-role="button"</code> attribute to it. You can add an <a href="../buttons/buttons-icons.html">icon</a> with the <code>data-icon</code> attribute and optionally set its position with the <code>data-iconpos</code> attribute.</p>
-
-<pre><code>
-<a href="#" <strong>data-role="button" data-icon="star"</strong>>Star button</a>
-</code></pre>
-
- <a href="#" data-role="button" data-icon="star">Star button</a>
-
-
-
- <h2>Play with theme swatches</h2>
- <p>jQuery Mobile has a robust <a href="../api/themes.html" id="">theme framework</a> that supports up to 26 sets of toolbar, content and button colors, called a "swatch". Just add a <code>data-theme="e"</code> attribute to any of the widgets on this page: page, header, list, input for the slider, or button to turn it yellow. Try different swatch letters in default theme from a-e to mix and match swatches. </p>
- <p>Cool party trick: add the theme swatch to the page and see how all the widgets inside the content will automatically inherit the theme (headers don't inherit, they default to swatch A).</p>
-
-<code><a href="#" data-role="button" data-icon="star" <strong>data-theme="a"</strong>>Button</a></code>
-
- <a href="#" data-role="button" data-icon="star" data-theme="a">data-theme="a"</a>
- <a href="#" data-role="button" data-icon="star" data-theme="b">data-theme="b"</a>
- <a href="#" data-role="button" data-icon="star" data-theme="c">data-theme="c"</a>
- <a href="#" data-role="button" data-icon="star" data-theme="d">data-theme="d"</a>
- <a href="#" data-role="button" data-icon="star" data-theme="e">data-theme="e"</a>
-
- <p>When you're ready to build a custom theme, use <a href="http://www.jquerymobile.com/themeroller" rel="external">ThemeRoller</a> to drag and drop, then download a custom theme.</p>
-
- <h2>Go forth and build stuff</h2>
- <p>This is just scratching the surface of all the cool things you can build with jQuery Mobile with little effort. Be sure to explore <a href="../pages/page-links.html" id="" title="page-links">linking pages</a>, <a href="../pages/page-transitions.html" id="" title="page-transitions">adding animated page transitions</a>, and <a href="../pages/page-dialogs.html" id="" title="page-dialogs">creating dialogs</a>. Use the <a href="../api/data-attributes.html" id="" title="data-attributes">data-attribute reference</a> to try out some of the other <code>data-</code> attributes you can play with. </p>
-
- <p><strong>More of a developer?</strong> Great, forget everything we just covered (kidding). If you don't want to use the <code>data-</code> attribute configuration system, you can take full control of everything and call plugins directly because these are all just standard jQuery plugins built with the UI widget factory. Be sure to dig into <a href="../api/globalconfig.html" id="" title="globalconfig">global configuration</a>, <a href="../api/events.html" id="" title="events">events</a>, and <a href="../api/methods.html" id="" title="methods">methods</a>. Then read up on <a href="../pages/page-scripting.html" id="" title="page-scripting">scripting pages</a>, <a href="../pages/page-dynamic.html" id="" title="page-dynamic">generating dynamic pages</a>, and <a href="../pages/phonegap.html" id="" title="phonegap">building PhoneGap apps</a>.</p>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Overview</li>
- <li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
- <li data-theme="a"><a href="../../docs/about/getting-started.html">Quick start guide</a></li>
- <li><a href="../../docs/about/features.html">Features</a></li>
- <li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
- <li><a href="../../docs/about/platforms.html">Supported platforms</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery UI Mobile Framework - About</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-index">
-
-<div data-role="header" data-theme="f">
- <h1>About jQuery Mobile</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
-</div>
-
-<div data-role="content">
-
- <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
- <li data-role="list-divider">Overview</li>
- <li><a href="intro.html">Intro to jQuery Mobile</a></li>
- <li><a href="getting-started.html">Quick start guide</a></li>
- <li><a href="features.html">Features</a></li>
- <li><a href="accessibility.html">Accessibility</a></li>
- <li><a href="platforms.html">Supported platforms</a></li>
- </ul>
-
-</div>
-
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Intro</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Introduction</h1>
-
-
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <div class="content-primary">
-
- <h2>jQuery Mobile Overview</h2>
-
- <p>jQuery’s mobile strategy can be summarized simply: A unified user interface system that works seamlessly across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Focused on a lightweight codebase built on progressive enhancement with a flexible, easily themeable design.</p>
-
- <p>The critical difference with our approach is the <a href="platforms.html">wide variety of mobile platforms we’re targeting</a> with jQuery Mobile. We’ve been working hard at bringing jQuery support to all mobile browsers that are sufficiently-capable and have at least a nominal amount of market share. In this way, we’re treating mobile web browsers exactly how we treat desktop web browsers.</p>
-
- <p>To make this broad support possible, all pages in jQuery Mobile are built on a foundation of <strong>clean, semantic HTML</strong> to ensure compatibility with pretty much any web-enabled device. In devices that interpret CSS and JavaScript, jQuery Mobile applies <strong>progressive enhancement techniques</strong> to unobtrusively transform the semantic page into a rich, interactive experience that leverages the power of jQuery and CSS. <strong>Accessibility features</strong> such as WAI-ARIA are tightly integrated throughout the framework to provide support for screen readers and other assistive technologies.</p>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Overview</li>
- <li data-theme="a"><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
- <li><a href="../../docs/about/getting-started.html">Quick start guide</a></li>
- <li><a href="../../docs/about/features.html">Features</a></li>
- <li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
- <li><a href="../../docs/about/platforms.html">Supported platforms</a></li>
-
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Supported platforms</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Supported platforms</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
-
- <div class="content-primary">
- <h2 id="platforms">jQuery Mobile Supported Platforms</h2>
- <p>jQuery Mobile has broad support for the vast majority of all modern desktop, smartphone, tablet, and e-reader platforms. In addition, feature phones and older browsers are supported because of our progressive enhancement approach. We're very proud of our commitment to universal accessibility through our broad support for all popular platforms.</p>
-
- <p>We use a 3-level graded platform support system: A (full), B (full minus Ajax), C (basic). The visual fidelity of the experience is highly dependent on the CSS rendering capabilities of the device and platform so not all A grade experience will be pixel-perfect but that's the nature of the web.</p>
-
- <h3 style="display: block; font-size: 15px !important; font-weight: normal; background: #f0f0f0; border-left: 7px solid #74B64A; padding: 5px 0 5px 8px;"><strong> A-grade</strong> - Full enhanced experience with Ajax-based animated page transitions.</h3>
- <ul>
- <li><strong>Apple iOS 3.2-5.0</strong> - Tested on the original iPad (4.3 / 5.0), iPad 2 (4.3), original iPhone (3.1), iPhone 3 (3.2), 3GS (4.3), and 4 (4.3 / 5.0)</li>
- <li><strong>Android 2.1-2.3</strong> - Tested on the HTC Incredible (2.2), original Droid (2.2), Nook Color (2.2), HTC Aria (2.1), Google Nexus S (2.3). Functional on 1.5 & 1.6 but performance may be sluggish, tested on Google G1 (1.5)</li>
- <li><strong>Android Honeycomb</strong>- Tested on the Samsung Galaxy Tab 10.1 and Motorola XOOM</li>
- <li><strong>Windows Phone 7-7.5</strong> - Tested on the HTC Surround (7.0) HTC Trophy (7.5), and LG-E900 (7.5)</li>
- <li><strong>Blackberry 6.0</strong> - Tested on the Torch 9800 and Style 9670</li>
- <li><strong>Blackberry 7</strong> - Tested on BlackBerry® Torch 9810</li>
- <li><strong>Blackberry Playbook</strong> - Tested on PlayBook version 1.0.1 / 1.0.5</li>
- <li><strong>Palm WebOS (1.4-2.0)</strong> - Tested on the Palm Pixi (1.4), Pre (1.4), Pre 2 (2.0)</li>
- <li><strong>Palm WebOS 3.0 </strong> - Tested on HP TouchPad</li>
- <li><strong>Firebox Mobile (Beta)</strong> - Tested on Android 2.2</li>
- <li><strong>Opera Mobile 11.0</strong>: Tested on the iPhone 3GS and 4 (5.0/6.0), Android 2.2 (5.0/6.0)</li>
- <li><strong>Meego 1.2</strong> - Tested on Nokia 950 and N9</li>
- <li><strong>Kindle 3 and Fire</strong>: Tested on the built-in WebKit browser for each</li>
- <li><strong>Chrome <strong>Desktop </strong>11-15</strong> - Tested on OS X 10.6.7 and Windows 7</li>
- <li><strong>Firefox Desktop 4-8</strong> - Tested on OS X 10.6.7 and Windows 7</li>
- <li><strong>Internet Explorer 7-9</strong> - Tested on Windows XP, Vista and 7 (minor CSS issues)</li>
- <li><strong>Opera Desktop 10-11</strong> - Tested on OS X 10.6.7 and Windows 7</li>
- </ul>
- <h3 style="display: block; font-size: 15px !important; font-weight: normal; background: #f0f0f0; border-left: 7px solid #6699cc; padding: 5px 0 5px 8px;"><strong>B-grade</strong> - Enhanced experience except without Ajax navigation features.</h3>
- <ul>
- <li><strong>Blackberry 5.0</strong>: Tested on the Storm 2 9550, Bold 9770</li>
- <li><strong>Opera Mini (5.0-6.0)</strong> - Tested on iOS 3.2/4.3</li>
- <li><strong>Nokia Symbian^3 </strong>- Tested on Nokia N8 (Symbian^3), C7 (Symbian^3), also works on N97 (Symbian^1)</li>
- </ul>
- <h3 style="display: block; font-size: 15px !important; font-weight: normal; background: #f0f0f0; border-left: 7px solid #FFCC33; padding: 5px 0 5px 8px;"><strong>C<strong>-grade</strong></strong> - Basic, non-enhanced HTML experience that is still functional</h3>
- <ul>
- <li><strong>Blackberry 4.x</strong> - Tested on the Curve 8330</li>
- <li><strong>Windows Mobile</strong> - Tested on the HTC Leo (WInMo 5.2)</li>
- <li><strong>All older smartphone platforms and featurephones</strong> - Any device that doesn't support media queries will receive the basic, C grade experience</li>
- </ul>
- <h3 style="display: block; font-size: 15px !important; font-weight: normal; background: #f0f0f0; border-left: 7px solid #aaaaaa; padding: 6px 0 8px 8px;"><strong>Not Officially Supported - </strong>May work, but haven't been thoroughly tested or debugged</h3>
- <ul>
- <li><strong>Samsung Bada</strong> - The project doesn't currently have test devices or emulators, but current support is known to be fairly good. Support level undecided for 1.0</li>
- </ul>
-
-
- </div>
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Overview</li>
- <li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
- <li><a href="../../docs/about/getting-started.html">Quick start guide</a></li>
- <li><a href="../../docs/about/features.html">Features</a></li>
- <li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
- <li data-theme="a"><a href="../../docs/about/platforms.html">Supported platforms</a></li>
-
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Data Attribute Reference</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Data Attributes</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="c">
-
- <div class="content-primary">
- <h2>Data- attribute reference</h2>
- <p>The jQuery Mobile framework uses HTML5 <code>data-</code> attributes to allow for markup-based initialization and configuration of widgets. These attributes are completely optional; calling plugins manually and passing options directly is also supported. To avoid naming conflicts with other plugins or frameworks that also use <code>data-</code> attributes, set a custom namespace by modifying the <a href="globalconfig.html"><code>ns</code> global option</a>.<p>
-
- <style>
- table { width:100%; border-bottom:1px solid #ccc; }
- th { text-align:left; width: 170px; }
- th, td { vertical-align:top; border-top:1px solid #ccc; padding: 6px 10px 4px 0; }
- </style>
-
- <h2><a href="../buttons/buttons-types.html">Button</a></h2>
- <p>Links with <code>data-role="button"</code>. Input-based buttons and button elements are auto-enhanced, no <code>data-role</code> required</p>
- <table>
- <tr>
- <th>data-corners</th>
- <td><strong>true</strong> | false</td>
- </tr>
- <tr>
- <th>data-icon</th>
- <td>home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search</td>
- </tr>
- <tr>
- <th>data-iconpos</th>
- <td><strong>left</strong> | right | top | bottom | notext</td>
- </tr>
- <tr>
- <th>data-iconshadow</th>
- <td><strong>true</strong> | false</td>
- </tr>
- <tr>
- <th>data-inline</th>
- <td>true | <strong>false</strong></td>
- </tr>
- <tr>
- <th>data-shadow</th>
- <td><strong>true</strong> | false</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- </table>
- <p>Multiple buttons can be wrapped in a container with a <code>data-role="controlgroup"</code> attribute for a vertically grouped set. Add the <code>data-type="horizontal"</code> attribute for the buttons to sit side-by-side.</p>
-
-
- <h2><a href="../forms/checkboxes/">Checkbox</a></h2>
- <p>Pairs of labels and inputs with <code>type="checkbox"</code> are auto-enhanced, no <code>data-role</code> required</p>
- <table>
- <tr>
- <th>data-role</th>
- <td>none (prevents auto-enhancement to use native control)</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z) - Added to the form element</td>
- </tr>
- </table>
-
- <h2><a href="../content/content-collapsible.html">Collapsible</a></h2>
- <p>A heading and content wrapped in a container with the <code>data-role="collapsible"</code></p>
- <table>
- <tr>
- <th>data-collapsed</th>
- <td><strong>true</strong> | false</td>
- </tr>
- <tr>
- <th>data-content-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- </table>
-
- <h2><a href="../content/content-collapsible-set.html">Collapsible set</a></h2>
- <p>A number of collapsibles wrapped in a container with the <code>data-role="collapsible-set"</code></p>
- <table>
- <tr>
- <th>data-content-theme</th>
- <td>swatch letter (a-z) - Sets all collapsibles in set</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z) - Sets all collapsibles in set</td>
- </tr>
- </table>
-
- <h2><a href="../pages/page-dialogs.html">Dialog</a></h2>
- <p>Container with <code>data-role="page"</code> or <code>"dialog"</code> linked to with <code>data-rel="dialog"</code> on the anchor.</p>
- <table>
- <tr>
- <th>data-close-btn-text</th>
- <td>string (text for the close button, dialog only)</td>
- </tr>
- <tr>
- <th>data-dom-cache</th>
- <td>true | <strong>false</strong></td>
- </tr>
- <tr>
- <th>data-id</th>
- <td>string (unique id for the page)</td>
- </tr>
- <tr>
- <th>data-fullscreen</th>
- <td>true | false (used in conjunction with fixed toolbars)</td>
- </tr>
- <tr>
- <th>data-overlay-theme</th>
- <td>swatch letter (a-z) - overlay theme when the page is opened in a dialog</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- <tr>
- <th>data-title</th>
- <td>string (title used when page is shown)</td>
- </tr>
- </table>
-
- <h2><a href="../pages/page-anatomy.html">Content</a></h2>
- <p>Container with <code>data-role="content"</code></p>
- <table>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- </table>
-
-
- <h2><a href="../forms/docs-forms.html">Field container</a></h2>
- <p>Container with <code>data-role="fieldcontain"</code> wrapped around label/form element pair</p>
-
- <h2><a href="../forms/switch/">Flip toggle switch</a></h2>
- <p>Select with <code>data-role="slider"</code>, two options only</p>
- <table>
- <tr>
- <th>data-role</th>
- <td>none (prevents auto-enhancement to use native control)</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z) - Added to the form element</td>
- </tr>
- <tr>
- <th>data-track-theme</th>
- <td>swatch letter (a-z) - Added to the form element</td>
- </tr>
- </table>
-
- <h2><a href="../toolbars/docs-footers.html">Footer</a></h2>
- <p>Container with <code>data-role="footer"</code></p>
- <table>
- <tr>
- <th>data-id</th>
- <td>string (unique id, useful in persistent footers)</td>
- </tr>
- <tr>
- <th>data-position</th>
- <td>fixed</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- </table>
-
- <h2><a href="../toolbars/docs-headers.html">Header</a></h2>
- <p>Container with <code>data-role="header"</code></p>
- <table>
- <tr>
- <th>data-add-back-btn</th>
- <td>true | <strong>false</strong> (auto add back button, header only)</td>
- </tr>
- <tr>
- <th>data-back-btn-text</th>
- <td>string</td>
- </tr>
- <tr>
- <th>data-back-btn-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- <tr>
- <th>data-position</th>
- <td>fixed</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- <tr>
- <th>data-title</th>
- <td>string (title used when page is shown)</td>
- </tr>
- </table>
-
- <h2><a href="../pages/page-links.html">Link</a></h2>
- <p>Links, including those with a <code>data-role="button"</code>, and form submit buttons share these attributes</p>
- <table>
- <tr>
- <th>data-ajax</th>
- <td><strong>true</strong> | false</td>
- </tr>
- <tr>
- <th>data-direction</th>
- <td>reverse (reverse page transition animation)</td>
- </tr>
- <tr>
- <th>data-dom-cache</th>
- <td>true | <strong>false</strong></td>
- </tr>
- <tr>
- <th>data-prefetch</th>
- <td>true | <strong>false</strong></td>
- </tr>
- <tr>
- <th>data-rel</th>
- <td>back (to move one step back in history)<br />
- dialog (to open link styled as dialog, not tracked in history)<br />
- external (for linking to another domain)</td>
- </tr>
- <tr>
- <th>data-transition</th>
- <td><strong>slide</strong> | slideup | slidedown | pop | fade | flip</td>
- </tr>
- </table>
-
- <h2><a href="../lists/docs-lists.html">Listview</a></h2>
- <p>OL or UL with <code>data-role="listview"</code></p>
- <table>
- <tr>
- <th>data-count-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- <tr>
- <th>data-dividertheme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- <tr>
- <th>data-filter</th>
- <td>true | <strong>false</strong></td>
- </tr>
- <tr>
- <th>data-filter-placeholder</th>
- <td>string</td>
- </tr>
- <tr>
- <th>data-filter-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- <tr>
- <th>data-inset</th>
- <td>true | <strong>false</strong></td>
- </tr>
- <tr>
- <th>data-split-icon</th>
- <td>home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- </table>
-
- <h2><a href="../lists/docs-lists.html">Listview item</a></h2>
- <p>LI within a listview</p>
- <table>
- <tr>
- <th>data-icon</th>
- <td>home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search</td>
- </tr>
- <tr>
- <th>data-role</th>
- <td>list-divider</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z) - can also be set on individual LIs</td>
- </tr>
- </table>
-
- <h2><a href="../pages/page-anatomy.html">Page</a></h2>
- <p>Container with <code>data-role="page"</code></p>
- <table>
- <tr>
- <th>data-close-btn-text</th>
- <td>string (text for the close button, dialog only)</td>
- </tr>
- <tr>
- <th>data-dom-cache</th>
- <td>true | <strong>false</strong></td>
- </tr>
- <tr>
- <th>data-id</th>
- <td>string (unique id for the page)</td>
- </tr>
- <tr>
- <th>data-fullscreen</th>
- <td>true | false (used in conjunction with fixed toolbars)</td>
- </tr>
- <tr>
- <th>data-overlay-theme</th>
- <td>swatch letter (a-z) - overlay theme when the page is opened in a dialog</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z)</td>
- </tr>
- <tr>
- <th>data-title</th>
- <td>string (title used when page is shown)</td>
- </tr>
- </table>
-
- <h2><a href="../forms/radiobuttons/">Radio button</a></h2>
- <p>Pairs of labels and inputs with <code>type="radio"</code> are auto-enhanced, no <code>data-role</code> required</p>
- <table>
- <tr>
- <th>data-role</th>
- <td>none (prevents auto-enhancement to use native control)</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z) - Added to the form element</td>
- </tr>
- </table>
-
- <h2><a href="../forms/selects/">Select</a></h2>
- <p>All <code>select</code> form elements are auto-enhanced, no <code>data-role</code> required</p>
- <table>
- <tr>
- <th>data-icon</th>
- <td>home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search</td>
- </tr>
- <tr>
- <th>data-iconpos</th>
- <td><strong>left</strong> | right | top | bottom | notext</td>
- </tr>
- <tr>
- <th>data-inline</th>
- <td>true | <strong>false</strong></td>
- </tr>
- <tr>
- <th>data-native-menu</th>
- <td><strong>true</strong> | false</td>
- </tr>
- <tr>
- <th>data-overlay-theme</th>
- <td>swatch letter (a-z) - overlay theme for non-native selects</td>
- </tr>
- <tr>
- <th>data-placeholder</th>
- <td>true | false - Add to the Option</td>
- </tr>
- <tr>
- <th>data-role</th>
- <td>none (prevents auto-enhancement to use native control)</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z) - Added to the form element</td>
- </tr>
- </table>
- <p>Multiple selects can be wrapped in a fieldset with a <code>data-role="controlgroup"</code> attribute for a vertically grouped set. Add the <code>data-type="horizontal"</code> attribute for the selects to sit side-by-side.</p>
-
- <h2><a href="../forms/slider/">Slider</a></h2>
- <p>Inputs with <code>type="range"</code> are auto-enhanced, no <code>data-role</code> required</p>
- <table>
- <tr>
- <th>data-role</th>
- <td>none (prevents auto-enhancement to use native control)</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z) - Added to the form element</td>
- </tr>
- <tr>
- <th>data-track-theme</th>
- <td>swatch letter (a-z) - Added to the form element</td>
- </tr>
- </table>
-
- <h2><a href="../forms/textinputs/">Text input & Textarea</a></h2>
- <p>Input <code>type="text|number|search|etc."</code> or <code>textarea</code> elements are auto-enhanced, no <code>data-role</code> required</p>
- <table>
- <tr>
- <th>data-role</th>
- <td>none (prevents auto-enhancement to use native control)</td>
- </tr>
- <tr>
- <th>data-theme</th>
- <td>swatch letter (a-z) - Added to the form element</td>
- </tr>
- </table>
-
- </div><!--/content -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">API</li>
- <li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
- <li><a href="../../docs/api/events.html">Events</a></li>
- <li><a href="../../docs/api/methods.html">Methods & Utilities</a></li>
- <li data-theme="a"><a href="../../docs/api/data-attributes.html">Data attribute reference</a></li>
- <li><a href="../../docs/api/themes.html">Theme framework</a></li>
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Events</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Events</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <p>jQuery Mobile offers several custom events that build upon native events to create useful hooks for development. Note that these events employ various touch, mouse, and window events, depending on event existence, so you can bind to them for use in both handheld and desktop environments. You can bind to these events like you would with other jQuery events, using <code>live()</code> or <code>bind()</code>.</p>
-
- <div class="ui-body ui-body-e">
- <h4 style="margin:.5em 0">Important: Use pageInit(), not $(document).ready()</h4>
- The first thing you learn in jQuery is to call code inside the $(document).ready() function so everything will execute as soon as the DOM is loaded. However, in jQuery Mobile, Ajax is used to load the contents of each page into the DOM as you navigate, and the DOM ready handler only executes for the first page. To execute code whenever a new page is loaded and created, you can bind to the <code><strong>pageinit</strong></code> event. This event is explained in detail at the bottom of this page.</div>
-
- <p>
- <div class="ui-body ui-body-e">
- <h4 style="margin:.5em 0">Important: pageCreate() vs pageInit()</h4>
- Prior to Beta 2 the recommendation to users wishing to manipulate jQuery Mobile enhanced page and child widget markup was to bind to the <code><strong>pagecreate</strong></code> event. In Beta 2 an internal change was made to decouple each of the widgets by binding to the <code><strong>pagecreate</strong></code> event in place of direct calls to the widget methods. As a result, users binding to the <code><strong>pagecreate</strong></code> in <code><strong>mobileinit</strong></code> would find their binding executing before the markup had been enhanced by each of the plugins. In keeping with the lifecycle of the jQuery UI Widget Factory, the initialization method is invoked <strong>after</strong> the create method, so the <code><strong>pageinit</strong></code> event provides the correct timing for post enhancement manipulation of the DOM and/or Javascript objects.
-
- In short, if you were previously using <code><strong>pagecreate</strong></code> to manipulate the enhanced markup before the page was shown its very likely you'll want to migrate to 'pageinit'.
- </div></p>
-
- <h2>Touch events</h2>
- <dl>
- <dt><code>tap</code></dt>
- <dd>Triggers after a quick, complete touch event.</dd>
-
- <dt><code>taphold</code></dt>
- <dd>Triggers after a held complete touch event (close to one second).</dd>
-
- <dt><code>swipe</code></dt>
- <dd><p>Triggers when a horizontal drag of 30px or more (and less than 20px vertically) occurs within 1 second duration but these can be configured:</p>
- <ul>
- <li><code>scrollSupressionThreshold</code> (default: 10px) – More than this horizontal displacement, and we will suppress scrolling</li>
- <li><code>durationThreshold</code> (default: 1000ms) – More time than this, and it isn’t a swipe</li>
- <li><code>horizontalDistanceThreshold</code> (default: 30px) – Swipe horizontal displacement must be more than this.</li>
- <li><code>verticalDistanceThreshold</code> (default: 75px) – Swipe vertical displacement must be less than this.</li>
- </ul>
- </dd>
-
- <dt><code>swipeleft</code></dt>
- <dd>Triggers when a swipe event occurred moving in the left direction.</dd>
-
- <dt><code>swiperight</code></dt>
- <dd>Triggers when a swipe event occurred moving in the right direction.</dd>
- </dl>
-
- <h2>Virtual mouse events</h2>
- <p>We provide a set of "virtual" mouse events that attempt to abstract away mouse and touch events. This allows the developer to register listeners for the basic mouse events, such as mousedown, mousemove, mouseup, and click, and the plugin will take care of registering the correct listeners behind the scenes to invoke the listener at the fastest possible time for that device. In touch environments, the plugin retains the order of event firing that is seen in traditional mouse environments, so for example, vmouseup is always dispatched before vmousedown, and vmousedown before vclick, etc. The virtual mouse events also normalize how coordinate information is extracted from the event, so in touch based environments, coordinates are available from the pageX, pageY, screenX, screenY, clientX, and clientY properties, directly on the event object.</p>
- <dl>
- <dt><code>vmouseover</code></dt>
- <dd>Normalized event for handling touch or <code>mouseover</code> events</dd>
-
- <dt><code>vmousedown</code></dt>
- <dd>Normalized event for handling touchstart or <code>mousedown</code> events</dd>
-
- <dt><code>vmousemove</code></dt>
- <dd>Normalized event for handling touchmove or <code>mousemove</code> events</dd>
-
- <dt><code>vmouseup</code></dt>
- <dd>Normalized event for handling touchend or <code>mouseup</code> events</dd>
-
- <dt><code>vclick</code></dt>
- <dd>Normalized event for handling touchend or mouse <code>click</code> events. On touch devices, this event is dispatched *AFTER* vmouseup. </dd>
-
- <dt><code>vmousecancel</code></dt>
- <dd>Normalized event for handling touch or mouse <code>mousecancel</code> events</dd>
- </dl>
-
- <div class="ui-body ui-body-e">
- <h4 style="margin:.5em 0">Warning: Use vclick with caution</h4>
- <p> Use vclick with caution on touch devices. Webkit based browsers synthesize mousedown, mouseup, and click events roughly 300ms after the touchend event is dispatched. The target of the synthesized mouse events are calculated at the time they are dispatched and are based on the location of the touch events and, in some cases, implementation specific heuristics which leads to different target calculations on different devices and even different OS versions for the same device. This means the target element within the original touch events could be different from the target element within the synthesized mouse events.</p>
- <p>We recommend using click instead of vclick anytime the action being triggered has the possibility of changing the content underneath the point that was touched on screen. This includes page transitions and other behaviors such as collapse/expand that could result in the screen shifting or content being completely replaced.</p>
- </div>
- <p> </p>
- <div class="ui-body ui-body-e">
- <h4 style="margin:.5em 0">Canceling an elements default click behavior</h4>
- <p>Applications can call preventDefault() on a vclick event to cancel an element's default click behavior. On mouse based devices, calling preventDefault() on a vclick event equates to calling preventDefault() on the real click event during the bubble event phase. On touch based devices, it's a bit more complicated since the actual click event is dispatched about 300ms after the vclick event is dispatched. For touch devices, calling preventDefault() on a vclick event triggers some code in the vmouse plugin that attempts to catch the next click event that gets dispatched by the browser, during the capture event phase, and call preventDefault() and stopPropagation() on it. As mentioned in the warning above, it is sometimes difficult match up a touch event with its corresponding mouse event because the targets can differ. For this reason, the vmouse plugin also falls back to attempting to identify a corresponding click event by coordinates. There are still cases where both target and coordinate identification fail, which results in the click event being dispatched and either triggering the default action of the element, or in the case where content has been shifted or replaced, triggering a click on a different element. If this happens on a regular basis for a given element/control, we suggest you use click for triggering your action.</p>
- </div>
-
- <h2>Orientation change event</h2>
- <dl>
- <dt><code>orientationchange</code></dt>
- <dd>Triggers when a device orientation changes (by turning it vertically or horizontally). When bound to this event, your callback function can leverage a second argument, which contains an <code>orientation</code> property equal to either "portrait" or "landscape". These values are also added as classes to the HTML element, allowing you to leverage them in your CSS selectors. Note that we currently bind to the resize event when orientationChange is not natively supported, or when <code>$.mobile.orientationChangeEnabled</code> is set to false.</dd>
- <div class="ui-body ui-body-e">
- <h4>orientationchange timing</h4>
-
- The timing of the <code>orientationchange</code> with relation to the change of the client height and width is different between browsers, though the current implementation will give you the correct value for <code>event.orientation</code> derived from <code>window.orientation</code>. This means that if your bindings are dependent on the height and width values you may want to disable orientationchange all together with <code>$.mobile.orientationChangeEnabled = false</code> to let the fallback resize code trigger your bindings.
- </div>
- </dl>
-
- <h2>Scroll events</h2>
- <dl>
- <dt><code>scrollstart</code></dt>
- <dd>Triggers when a scroll begins. Note that iOS devices freeze DOM manipulation during scroll, queuing them to apply when the scroll finishes. We're currently investigating ways to allow DOM manipulations to apply before a scroll starts.</dd>
- </dl>
- <dl>
- <dt><code>scrollstop</code></dt>
- <dd>Triggers when a scroll finishes.</dd>
- </dl>
-
- <h2>Page load events</h2>
- <p>Whenever an external page is loaded into the application DOM, 2 events are fired. The first is pagebeforeload. The 2nd event will be either pageload or pageloadfailed.</p>
- <dl>
- <dt><code>pagebeforeload</code></dt>
- <dd><p>Triggered before any load request is made. Callbacks bound to this event can call preventDefault() on the event to indicate that they are handling the load request. Callbacks that do this *MUST* make sure they call resolve() or reject() on the deferred object reference contained in the data object passed to the callback.</p>
- <p>The data object, passed as the 2nd arg to the callback function contains the following properties:</p>
- <ul>
- <li><code>url</code> (string)
-<ul>
- <li>The absolute or relative URL that was passed into $.mobile.loadPage() by the caller.</li>
- </ul>
- </li>
- <li><code>absUrl</code> (string)
- <ul>
- <li>The absolute version of the url. If url was relative, it is resolved against the url used to load the current active page.</li>
- </ul>
- </li>
- <li><code>dataUrl</code> (string)
- <ul>
- <li>The filtered version of absUrl to be used when identifying the page and updating the browser location when the page is made active.</li>
- </ul>
- </li>
- <li><code>deferred</code> (object)
- <ul>
- <li>Callbacks that call preventDefault() on the event, *MUST* call resolve() or reject() on this object so that changePage() requests resume processing. Deferred object observers expect the deferred object to be resolved like this:</p>
- <pre><code>
-$( document ).bind( "pagebeforeload", function( event, data ){
-
- // Let the framework know we're going to handle the load.
-
- event.preventDefault();
-
- // ... load the document then insert it into the DOM ...
- // at some point, either in this callback, or through
- // some other async means, call resolve, passing in
- // the following args, plus a jQuery collection object
- // containing the DOM element for the page.
-
- data.deferred.resolve( data.absUrl, data.options, page );
-
-});</code></pre>
- <p>or rejected like this:
- <pre><code>
-$( document ).bind( "pagebeforeload", function( event, data ){
-
- // Let the framework know we're going to handle the load.
-
- event.preventDefault();
-
- // ... load the document then insert it into the DOM ...
- // at some point, if the load fails, either in this
- // callback, or through some other async means, call
- // reject like this:
-
- data.deferred.reject( data.absUrl, data.options );
-
-});</code></pre>
- </li>
- </ul>
- </li>
- <li><code>options</code> (object)
- <ul>
- <li>This object contains the options that were passed into $.mobile.loadPage().</li>
- </ul>
- </li>
- </ul>
- </dd>
- <dt><code>pageload</code></dt>
- <dd>Triggered after the page is successfully loaded and inserted into the DOM. Callbacks bound to this event will be passed a data object as its 2nd arg. This object contains the following information:
- <ul>
- <li><code>url</code> (string)
-<ul>
- <li>The absolute or relative URL that was passed into $.mobile.loadPage() by the caller.</li>
- </ul>
- </li>
- <li><code>absUrl</code> (string)
- <ul>
- <li>The absolute version of the url. If url was relative, it is resolved against the url used to load the current active page.</li>
- </ul>
- </li>
- <li><code>dataUrl</code> (string)
- <ul>
- <li>The filtered version of absUrl to be used when identifying the page and updating the browser location when the page is made active.</li>
- </ul>
- </li>
- <li><code>options</code> (object)
- <ul>
- <li>This object contains the options that were passed into $.mobile.loadPage().</li>
- </ul>
- </li>
- <li><code>xhr</code> (object)
- <ul>
- <li>The jQuery XMLHttpRequest object used when attempting to load the page. This is what gets passed as the 3rd argument to the framework's $.ajax() success callback.</li>
- </ul>
- </li>
- <li><code>textStatus</code> (null or string)
- <ul>
- <li>According to the jQuery Core <a href="http://api.jquery.com/jQuery.ajax/">documentation</a>, this will be a string describing the status. This is what gets passed as the 2nd argument to the framework's $.ajax() error callback.</li>
- </ul>
- </li>
- </ul>
- </dd>
- <dt><code>pageloadfailed</code></dt>
- <dd>Triggered if the page load request failed. By default, after dispatching this event, the framework will display a page failed message and call reject() on the deferred object contained within the event's data object. Callbacks can prevent this default behavior from executing by calling preventDefault() on the event.
- <p>The data object, passed as the 2nd arg to the callback function contains the following properties:</p>
- <ul>
- <li><code>url</code> (string)
-<ul>
- <li>The absolute or relative URL that was passed into $.mobile.loadPage() by the caller.</li>
- </ul>
- </li>
- <li><code>absUrl</code> (string)
- <ul>
- <li>The absolute version of the url. If url was relative, it is resolved against the url used to load the current active page.</li>
- </ul>
- </li>
- <li><code>dataUrl</code> (string)
- <ul>
- <li>The filtered version of absUrl to be used when identifying the page and updating the browser location when the page is made active.</li>
- </ul>
- </li>
- <li><code>deferred</code> (object)
- <ul>
- <li>Callbacks that call preventDefault() on the event, *MUST* call resolve() or reject() on this object so that changePage() requests resume processing. Deferred object observers expect the deferred object to be resolved like this:</p>
- <pre><code>
-$( document ).bind( "pageloadfailed", function( event, data ){
-
- // Let the framework know we're going to handle things.
-
- event.preventDefault();
-
- // ... attempt to load some other page ...
- // at some point, either in this callback, or through
- // some other async means, call resolve, passing in
- // the following args, plus a jQuery collection object
- // containing the DOM element for the page.
-
- data.deferred.resolve( data.absUrl, data.options, page );
-
-});</code></pre>
- <p>or rejected like this:
- <pre><code>
-$( document ).bind( "pageloadfailed", function( event, data ){
-
- // Let the framework know we're going to handle things.
-
- event.preventDefault();
-
- // ... attempt to load some other page ...
- // at some point, if the load fails, either in this
- // callback, or through some other async means, call
- // reject like this:
-
- data.deferred.reject( data.absUrl, data.options );
-
-});</code></pre>
- </li>
- </ul>
- </li>
- <li><code>options</code> (object)
- <ul>
- <li>This object contains the options that were passed into $.mobile.loadPage().</li>
- </ul>
- </li>
- <li><code>xhr</code> (object)
- <ul>
- <li>The jQuery XMLHttpRequest object used when attempting to load the page. This is what gets passed as the first argument to the framework's $.ajax() error callback.</li>
- </ul>
- </li>
- <li><code>textStatus</code> (null or string)
- <ul>
- <li>According to the jQuery Core <a href="http://api.jquery.com/jQuery.ajax/">documentation</a>, possible values for this property, aside from null, are "timeout", "error", "abort", and "parsererror". This is what gets passed as the 2nd argument to the framework's $.ajax() error callback.</li>
- </ul>
- </li>
- <li><code>errorThrown</code> (null, string, object)
- <ul>
- <li>According to the jQuery Core <a href="http://api.jquery.com/jQuery.ajax/">documentation</a>, this property may be an exception object if one occured, or if an HTTP error occured this will be set to the textual portion of the HTTP status. This is what gets passed as the 3rd argument to the framework's $.ajax() error callback.</li>
- </ul>
- </li>
- </ul>
- </dd>
- </dl>
- <h2>Page change events</h2>
- <p>Navigating between pages in the application is usually accomplished through a call to <code>$.mobile.changePage()</code>. This function is responsible for making sure that the page we are navigating to is loaded and inserted into the DOM, and then kicking off the transition animations between the current active page, and the page the caller wants to to make active. During this process, which is usually asynchronous, changePage() will fire off 2 events. The first is <code>pagebeforechange</code>. The second event depends on the success or failure of the change request. It will either be <code>pagechange</code> or <code>pagechangefailed</code>.</p>
- <dl>
- <dt><code>pagebeforechange</code></dt>
- <dd>This event is triggered prior to any page loading or transition. Callbacks can prevent execution of the changePage() function by calling preventDefault on the event object passed into the callback. The callback also recieves a data object as its 2nd arg. The data object has the following properties:
- <ul>
- <li><code>toPage</code> (object or string)
- <ul>
- <li>This property represents the page the caller wishes to make active. It can be either a jQuery collection object containing the page DOM element, or an absolute/relative url to an internal or external page. The value exactly matches the 1st arg to the changePage() call that triggered the event.</li>
- </ul>
- </li>
- <li><code>options</code> (object)
- <ul>
- <li>This object contains the configuration options to be used for the current changePage() call.</li>
- </ul>
- </li>
- </ul>
- <p>It should be noted that callbacks can modify both the toPage and options properties to alter the behavior of the current changePage() call. So for example, the toPage can be mapped to a different url from within a callback to do a sort of redirect.</p>
- </dd>
- <dt><code>pagechange</code></dt>
- <dd>This event is triggered after the changePage() request has finished loading the page into the DOM and all page transition animations have completed. Note that any pageshow or pagehide events will have fired *BEFORE* this event is triggered. Callbacks for this particular event will be passed a data object as the 2nd arg. The properties for this object are as follows:
- <ul>
- <li><code>toPage</code> (object or string)
- <ul>
- <li>This property represents the page the caller wishes to make active. It can be either a jQuery collection object containing the page DOM element, or an absolute/relative url to an internal or external page. The value exactly matches the 1st arg to the changePage() call that triggered the event.</li>
- </ul>
- </li>
- <li><code>options</code> (object)
- <ul>
- <li>This object contains the configuration options to be used for the current changePage() call.</li>
- </ul>
- </li>
- </ul>
- </dd>
- <dt><code>pagechangefailed</code></dt>
- <dd>This event is triggered when the changePage() request fails to load the page. Callbacks for this particular event will be passed a data object as the 2nd arg. The properties for this object are as follows:
- <ul>
- <li><code>toPage</code> (object or string)
- <ul>
- <li>This property represents the page the caller wishes to make active. It can be either a jQuery collection object containing the page DOM element, or an absolute/relative url to an internal or external page. The value exactly matches the 1st arg to the changePage() call that triggered the event.</li>
- </ul>
- </li>
- <li><code>options</code> (object)
- <ul>
- <li>This object contains the configuration options to be used for the current changePage() call.</li>
- </ul>
- </li>
- </ul>
- </dd>
- </dl>
- <h2>Page transition events</h2>
- <p>Page transitions are used to animate the change from the current active page (fromPage) to a new page (toPage). Events are triggered before and after these transitions so that observers can be notified whenever pages are shown or hidden. The events triggered are as follows:</p>
- <dl>
- <dt><code>pagebeforeshow</code></dt>
- <dd>Triggered on the "toPage" we are transitioning to, before the actual transition animation is kicked off. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it:
- <ul>
- <li><code>prevPage</code> (object)
- <ul>
- <li>A jQuery collection object that contains the page DOM element that we are transitioning away from. Note that this collection is empty when the first page is transitioned in during application startup.</li>
- </ul>
- </li>
- </ul>
- </dd>
-
- <dt><code>pagebeforehide</code></dt>
- <dd>Triggered on the "fromPage" we are transitioning away from, before the actual transition animation is kicked off. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it:
- <ul>
- <li><code>nextPage</code> (object)
- <ul>
- <li>A jQuery collection object that contains the page DOM element that we are transitioning to.</li>
- </ul>
- </li>
- </ul>
- <p>Note that this event will not be dispatched during the transition of the first page at application startup since there is no previously active page.</p>
- </dd>
-
- <dt><code>pageshow</code></dt>
- <dd>Triggered on the "toPage" after the transition animation has completed. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it:
- <ul>
- <li><code>prevPage</code> (object)
- <ul>
- <li>A jQuery collection object that contains the page DOM element that we just transitioned away from. Note that this collection is empty when the first page is transitioned in during application startup.</li>
- </ul>
- </li>
- </ul>
- </dd>
-
- <dt><code>pagehide</code></dt>
- <dd>Triggered on the "fromPage" after the transition animation has completed. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it:
- <ul>
- <li><code>nextPage</code> (object)
- <ul>
- <li>A jQuery collection object that contains the page DOM element that we just transitioned to.</li>
- </ul>
- </li>
- </ul>
- <p>Note that this event will not be dispatched during the transition of the first page at application startup since there is no previously active page.</p>
- </dd>
-
- </dl>
-
- <p>You can access the prevPage or nextPage properties via the second argument of a bound callback function. For example: </p>
-<pre><code>
-$( 'div' ).live( 'pageshow',function(event, ui){
- alert( 'This page was just hidden: '+ ui.prevPage);
-});
-
-$( 'div' ).live( 'pagehide',function(event, ui){
- alert( 'This page was just shown: '+ ui.nextPage);
-});
-</code></pre>
- <p>Also, for these handlers to be invoked during the initial page load, you must bind them before jQuery Mobile executes. This can be done in the <code>mobileinit</code> handler, as described on the <a href="globalconfig.html">global config</a> page.
- <h2>Page initialization events</h2>
-
- <p>Internally, jQuery Mobile auto-initializes plugins based on the markup conventions found in a given "page". For example, an <code>input</code> element with a <code>type</code> of <code>range</code> will automatically generate a custom slider control.</p>
-
- <p>This auto-initialization is controlled by the "page" plugin, which dispatches events before and after it executes, allowing you to manipulate a page either pre-or-post initialization, or even provide your own intialization behavior and prevent the auto-initializations from occuring. Note that these events will only fire once per "page", as opposed to the show/hide events, which fire every time a page is shown and hidden.</p>
-
- <dl>
- <dt><code>pagebeforecreate</code></dt>
- <dd>
- <p>Triggered on the page being initialized, before most plugin auto-initialization occurs.</p>
-<pre><code>
-$( '#aboutPage' ).live( 'pagebeforecreate',function(event){
- alert( 'This page was just inserted into the dom!' );
-});
-</code></pre>
- <p>Note that by binding to <code>pagebeforecreate</code>, you can manipulate markup before jQuery Mobile's default widgets are auto-initialized. For example, say you want to add data-attributes via JavaScript instead of in the HTML source, this is the event you'd use.</p>
-
-<pre><code>
-$( '#aboutPage' ).live( 'pagebeforecreate',function(event){
- // manipulate this page before its widgets are auto-initialized
-});
-</code></pre>
- </dd>
-
- <dt><code>pagecreate</code></dt>
- <dd>
- <p>Triggered when the page has been created in the DOM (via ajax or other) but before all widgets have had an opportunity to enhance the contained markup. This event is most useful for user's wishing to create their own custom widgets for child markup enhancement as the jquery mobile widgets do.</p>
-<pre><code>
-$( '#aboutPage' ).live( 'pagecreate',function(event){
- ( ":jqmData(role='sweet-plugin')" ).sweetPlugin();
-});
-</code></pre>
- </dd>
-
- <dt><code>pageinit</code></dt>
- <dd>
- <p>Triggered on the page being initialized, after initialization occurs. We recommend binding to this event instead of DOM ready() because this will work regardless of whether the page is loaded directly or if the content is pulled into another page as part of the Ajax navigation system.</p>
-<pre><code>
-$( '#aboutPage' ).live( 'pageinit',function(event){
- alert( 'This page was just enhanced by jQuery Mobile!' );
-});
-</code></pre>
- </dd>
- </dl>
-
-
-
- <h2>Page remove events</h2>
- <p>By default, the framework removes any non active dynamically loaded external pages from the DOM as soon as the user navigates away to a different page. The <code>pageremove</code> event is dispatched just before the framework attempts to remove the a page from the DOM.</p>
- <dl>
- <dt><code>pageremove</code></dt>
- <dd>This event is triggered just before the framework attempts to remove an external page from the DOM. Event callbacks can call preventDefault on the event object to prevent the page from being removed.
- </dd>
- </dl>
-
- <h2>Layout events</h2>
- <p>Some components within the framework, such as collapsible and listview search, dynamically hide and show content based on user events. This hiding/showing of content affects the size of the page and may result in the browser adjusting/scrolling the viewport to accommodate the new page size. Since this has the potential to affect other components such as fixed headers and footers, components like collapsible and listview trigger a custom <code>updatelayout</code> event to notify other components that they may need to adjust their layouts in response to their content changes. Developers who are building dynamic applications that inject, hide, or remove content from the page, or manipulate it in any way that affects the dimensions of the page, can also manually trigger this <code>updatelayout</code> event to ensure components on the page update in response to the changes.</p>
- <dl>
- <dt><code>updatelayout</code></dt>
- <dd>This event is triggered by components within the framework that dynamically show/hide content, and is meant as a generic mechanism to notify other components that they may need to update their size or position. Within the framework, this event is fired on the component element whose content was shown/hidden, and bubbles all the way up to the document element.
-<pre><code>
-$( '#foo' ).hide().trigger( 'updatelayout' );
-</code></pre>
- </dd>
- </dl>
-
- <h2>Animation Events</h2>
- <p>jQuery Mobile exposes the <code>animationComplete</code> plugin, which you can utilize after adding or removing a class that applies a CSS transition.</p>
-
- </div><!--/content-secondary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">API</li>
- <li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
- <li data-theme="a"><a href="../../docs/api/events.html">Events</a></li>
- <li><a href="../../docs/api/methods.html">Methods & Utilities</a></li>
- <li><a href="../../docs/api/data-attributes.html">Data attribute reference</a></li>
- <li><a href="../../docs/api/themes.html">Theme framework</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Configuring default settings</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Configuring Defaults</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="c">
- <div class="content-primary">
-
- <h2>Working with jQuery Mobile's Auto-initialization</h2>
- <p>Unlike other jQuery projects, such as jQuery and jQuery UI, jQuery Mobile automatically applies many markup enhancements as soon as it loads (long before document.ready event fires). These enhancements are applied based on jQuery Mobile's default configuration, which is designed to work with common scenarios, but may or may not match your particular needs. Fortunately, these settings are easy to configure.</p>
-
- <h3>The mobileinit event</h3>
- <p>When the jQuery Mobile starts to execute, it triggers a <code>mobileinit</code> event on the <code>document</code> object, to which you can bind to apply overrides to jQuery Mobile's defaults.</p>
-
- <pre>
- <code>
-$(document).bind("mobileinit", function(){
- //apply overrides here
-});
- </code>
- </pre>
-
- <p>Because the <code>mobileinit</code> event is triggered immediately upon execution, you'll need to bind your event handler before jQuery Mobile is loaded. Thus, we recommend linking to your JavaScript files in the following order:</p>
-
- <pre>
- <code>
-<script src="jquery.js"></script>
-<strong><script src="custom-scripting.js"></script></strong>
-<script src="jquery-mobile.js"></script>
- </code>
- </pre>
-
- <p>Within this event binding, you can configure defaults either by extending the <code>$.mobile</code> object using jQuery's <code>$.extend</code> method:</p>
-
- <pre>
- <code>
-$(document).bind("mobileinit", function(){
- $.extend( $.mobile , {
- <strong>foo: bar</strong>
- });
-});
- </code>
- </pre>
-
- <p>...or by setting them individually:</p>
- <pre>
- <code>
-$(document).bind("mobileinit", function(){
- <strong>$.mobile.foo = bar;</strong>
-});
- </code>
- </pre>
-
- <p>To quickly preview these global configuration options in action, check out the <a href="../config/index.html">config test pages</a>.</p>
-
- <h2>Configurable options</h2>
- <p>The following defaults are configurable via the <code>$.mobile</code> object:</p>
-
-<dl>
- <dt><code>ns</code> <em>string</em>, default: ""</dt>
- <dd>The namespace used in data- attributes, for example, data-role. Can be set to anything, including a blank string which is the default. When using, it's clearest if you include a trailing dash, such as "mynamespace-" which maps to <code>data-mynamespace-foo="..."</code>.
- <p><strong>NOTE:</strong> if you're using data- namespacing, you'll need to manually update/override one selector in the theme CSS. The following data selectors should incorporate the namespace you're using:
- <pre><code>
-.ui-mobile [data-<strong>mynamespace-</strong>role=page], .ui-mobile [data-<strong>mynamespace-</strong>role=dialog], .ui-page { ...
- </code></pre>
- </p>
- </dd>
-
- <dt><code>autoInitializePage</code> <em>boolean</em>, default: true</dt>
- <dd>When the DOM is ready, the framework should automatically call <code>$.mobile.initializePage</code>. If false, page will not initialize, and will be visually hidden until until <code>$.mobile.initializePage</code> is manually called.</dd>
-
- <dt><code>subPageUrlKey</code> <em>string</em>, default: "ui-page"</dt>
- <dd>The url parameter used for referencing widget-generated sub-pages (such as those generated by nested listviews). Translates to to <em>example.html<strong>&ui-page=</strong>subpageIdentifier</em>. The hash segment before &ui-page= is used by the framework for making an Ajax request to the URL where the sub-page exists.</dd>
-
- <dt><code>activePageClass</code> <em>string</em>, default: "ui-page-active"</dt>
- <dd>The class assigned to page currently in view, and during transitions</dd>
-
-
- <dt><code>activeBtnClass</code> <em>string</em>, default: "ui-btn-active"</dt>
- <dd>The class used for "active" button state, from CSS framework.</dd>
-
- <dt><code>ajaxEnabled</code> <em>boolean</em>, default: true</dt>
- <dd>jQuery Mobile will automatically handle link clicks and form submissions through Ajax, when possible. If false, url hash listening will be disabled as well, and urls will load as regular http requests.</dd>
-
- <dt><code>linkBindingEnabled</code> <em>boolean</em>, default: true</dt>
- <dd>jQuery Mobile will automatically bind the clicks on anchor tags in your document. Setting this options to false will prevent all anchor click handling <em>including</em> the addition of active button state and alternate link bluring. This should only be used when attempting to delegate the click management to another library or custom code.</dd>
-
- <dt><code>hashListeningEnabled</code> <em>boolean</em>, default: true</dt>
- <dd>jQuery Mobile will automatically listen and handle changes to the location.hash. Disabling this will prevent jQuery Mobile from handling hash changes, which allows you to handle them yourself, or simply to use simple deep-links within a document that scroll to a particular ID.</dd>
-
- <dt><code>pushStateEnabled</code> <em>boolean</em>, default: true</dt>
- <dd>Enhancement to use <code>history.replaceState</code> in supported browsers, to convert the hash-based Ajax URL into the full document path. Note that we <a href="../pages/page-navmodel.html">recommend</a> disabling this feature if Ajax is disabled or if extensive use of external links are used.</dd>
-
- <dt><code>defaultPageTransition</code> <em>string</em>, default: 'slide'</dt>
- <dd>Set the default transition for page changes that use Ajax. Set to 'none' for no transitions by default.</dd>
-
- <dt><code>touchOverflowEnabled</code> <em>boolean</em>, default: false</dt>
- <dd>Enable smoother page transitions and true fixed toolbars in devices that support both the <code>overflow:</code> and <code>overflow-scrolling: touch; </code> CSS properties.</dd>
-
- <dt><code>defaultDialogTransition</code> <em>string</em>, default: 'pop'</dt>
- <dd>Set the default transition for dialog changes that use Ajax. Set to 'none' for no transitions by default.</dd>
-
- <dt><code>minScrollBack</code> <em>string</em>, default: 150</dt>
- <dd>Minimum scroll distance that will be remembered when returning to a page. </dd>
-
- <dt><code>loadingMessage</code> <em>string</em>, default: "loading"</dt>
- <dd>Set the text that appears when a page is loading. If set to false, the message will not appear at all.</dd>
-
- <dt><code>pageLoadErrorMessage</code> <em>string</em>, default: "Error Loading Page"</dt>
- <dd>Set the text that appears when a page fails to load through Ajax.</dd>
-
- <dt><code>gradeA</code> <em>function that returns a boolean</em>, default: a function returning the value of $.support.mediaquery</dt>
- <dd>Any support conditions that must be met in order to proceed.</dd>
-
-
-</dl>
- </div><!--/content-secondary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">API</li>
- <li data-theme="a"><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
- <li><a href="../../docs/api/events.html">Events</a></li>
- <li><a href="../../docs/api/methods.html">Methods & Utilities</a></li>
- <li><a href="../../docs/api/data-attributes.html">Data attribute reference</a></li>
- <li><a href="../../docs/api/themes.html">Theme framework</a></li>
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery UI Mobile Framework - API</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-<div data-role="page" class="type-index">
-
-<div data-role="header" data-theme="f">
- <h1>API</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
-</div>
-
-<div data-role="content">
-
-
- <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
- <li data-role="list-divider">API</li>
- <li><a href="globalconfig.html">Configuring defaults</a></li>
- <li><a href="events.html">Events</a></li>
- <li><a href="methods.html">Methods & Utilities</a></li>
- <li><a href="data-attributes.html">Data attribute reference</a></li>
- <li><a href="themes.html">Theme framework</a></li>
- </ul>
-
-</div>
-
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Responsive Layout Helpers</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Responsive Layout Helpers</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="c">
-
- <div class="content-primary">
- <h2>Media Query Helper Classes</h2>
-<p class="ui-bar-e ui-body"><strong>Note: This feature was deprecated in beta, and removed in 1.0rc1. We recommend using CSS3 Media Queries instead.</strong> To support older versions of Internet Explorer, check out <a href="https://github.com/scottjehl/Respond">respond.js</a>, a fast & lightweight polyfill for min/max-width CSS3 Media Queries.</p>
- <p class="ui-bar-e ui-body">If you still need this feature, you can find the code here: <a href="https://raw.github.com/jquery/jquery-mobile/38d7ad8848f00b0921bf4ae723f3ad199eb851c1/js/jquery.mobile.media.classes.js">jquery.mobile.media.classes.js</a></p>
-
- <p>jQuery Mobile adds classes to the <code>HTML</code> element that mimic browser orientation and common min/max-width CSS media queries. These classes are updated on load, resize and orientationchange, allowing you to key off these classes in your CSS, to create <a href="http://www.alistapart.com/articles/responsive-web-design/">responsive layouts</a> - even in browsers that don't support media queries! </p>
-
- <h3>Orientation Classes </h3>
-
- <p>The HTML element will always have a class of either <code>"portrait"</code> or <code>"landscape"</code>, depending on the orientation of the browser or device. You can utilize these in your CSS like this:</p>
- <pre>
- <code>
-.portrait {
- /* portrait orientation changes go here! */
-}
-.landscape {
- /* landscape orientation changes go here! */
-}
- </code>
- </pre>
-
- <h3>Min/Max Width Breakpoint Classes</h3>
- <p>By default, we create min and max breakpoint classes at the following widths: <code>320</code>,<code>480</code>,<code>768</code>,<code>1024</code>. These translate to classes that look like this: <code>"min-width-320px"</code>, <code>"max-width-480px"</code>, and are meant to be used as a replacement of (or in addition to) the media query equivalents they mimic.</p>
-<pre>
- <code>
-.myelement {
- float: none;
-}
-.min-width-480px .myelement {
- float: left;
-}
- </code>
-</pre>
-
- <p>Many plugins in jQuery Mobile leverage these width breakpoints. For example, form elements float beside their labels when the browser is wider than 480 pixels. The CSS to support this behavior for form text inputs looks like this:</p>
-
-<pre>
- <code>
-label.ui-input-text {
- display: block;
-}
-.min-width-480px label.ui-input-text {
- display: inline-block;
-}
- </code>
-</pre>
-
- <h3>Adding Width Breakpoints</h3>
- <p>To utilize width breakpoints of your own, jQuery Mobile exposes the <code>$.mobile.addResolutionBreakpoints </code> function, which accepts either a single number or array of numbers that will be added to the min/max breakpoints whenever they apply.</p>
-<pre>
- <code>
-//add a min/max class for 1200 pixel widths
-$.mobile.addResolutionBreakpoints(1200);
-
-//add min/max classes for 1200, and 1440 pixel widths
-$.mobile.addResolutionBreakpoints([1200, 1440]);
- </code>
-</pre>
-
-<h3>Running Media Queries</h3>
-<p>jQuery Mobile provides a function that allows you to test whether a particular CSS Media Query applies. Simple call <code>$.mobile.media()</code> and pass a media type or query. If the browser supports that type or query, and it currently applies, the function will return true. If not, it'll return false.</p>
-
-<pre>
- <code>
-//test for screen media type
-$.mobile.media("screen");
-
-//test a min-width media query
-$.mobile.media("screen and (min-width: 480px)");
-
-//test for iOS retina display
-$.mobile.media("screen and (-webkit-min-device-pixel-ratio: 2)");
-
- </code>
-</pre>
-
- </div><!--/content-secondary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">API</li>
- <li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
- <li><a href="../../docs/api/events.html">Events</a></li>
- <li><a href="../../docs/api/methods.html">Methods & Utilities</a></li>
- <li data-theme="a"><a href="../../docs/api/mediahelpers.html">Responsive Layout</a></li>
- <li><a href="../../docs/api/data-attributes.html">Data attribute reference</a></li>
- <li><a href="../../docs/api/themes.html">Theme framework</a></li>
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Methods</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Methods</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <p>jQuery Mobile exposes several methods and properties on the $.mobile object for use in your applications.</p>
-
-
- <dl>
- <dt><code>$.mobile.changePage</code> (<em>method</em>)</dt>
- <dd>Programmatically change from one page to another. This method is used internally for the page loading and transitioning that occurs as a result of clicking a link or submitting a form, when those features are enabled.</dd>
-
- <dd>
-
- <dl>
- <dt><code>·</code> Arguments</dt>
- <dd><code>to</code> (<em>string or object</em>, required)
-<ul>
- <li>String: Absolute or relative URL. ("about/us.html")</li>
- <li>Object: jQuery collection object. (<code>$("#about")</code>)</li>
- </ul>
- </dd>
-
- <dd><code>options</code> (<em>object</em>, optional)
- <ul>
- <li>Properties:
- <ul>
- <li><code>allowSamePageTransition</code> (<em>boolean</em>, default: false) By default, changePage() ignores requests to change to the current active page. Setting this option to true, allows the request to execute. Developers should note that some of the page transitions assume that the fromPage and toPage of a changePage request are different, so they may not animate as expected. Developers are responsible for either providing a proper transition, or turning it off for this specific case.</li>
- <li><code>changeHash</code> (<em>boolean</em>, default: true) Decides if the hash in the location bar should be updated. </li>
- <li><code>data</code> (<em>object</em> or string, default: undefined) The data to send with an Ajax page request.
- <ul>
- <li>Used only when the 'to' argument of changePage() is a URL.</li>
- </ul>
- </li>
- <li><code>data-url</code> (string, default: undefined) The URL to use when updating the browser location upon changePage completion.
- If not specified, the value of the data-url attribute of the page element is used.</li>
- <li><code>pageContainer</code> (jQuery collection, default: $.mobile.pageContainer) Specifies the element that should contain the page. </li>
- <li><code>reloadPage</code> (<em>boolean</em>, default: false) Forces a reload of a page, even if it is already in the DOM of the page container.
- <ul>
- <li>Used only when the 'to' argument of changePage() is a URL.</li>
- </ul>
- </li>
- <li><code>reverse</code> (<em>boolean</em>, default: false) Decides what direction the transition will run when showing the page. </li>
- <li><code>showLoadMsg</code> (<em>boolean</em>, default: true) Decides whether or not to show the loading message when loading external pages.</li>
- <li><code>role</code> (<em>string</em>, default: undefined) The data-role value to be used when displaying the page. By default this is undefined which means rely on the value of the @data-role attribute defined on the element.</li>
- <li><code>transition</code> (<em>string</em>, default: $.mobile.defaultPageTransition) The transition to use when showing the page. </li>
- <li><code>type</code> (<em>string</em>, default: "get") Specifies the method ("get" or "post") to use when making a page request.
- <ul>
- <li>Used only when the 'to' argument of changePage() is a URL.</li>
- </ul>
- </li>
- </ul>
- </li>
- </ul>
- </dd>
-
- </dl>
- </dd>
-
- <dd>Examples:
- <pre>
- <code>
-<strong>//transition to the "about us" page with a slideup transition</strong>
-$.mobile.changePage( "about/us.html", { transition: "slideup"} );
-
-<strong>//transition to the "search results" page, using data from a form with an ID of "search"" </strong>
-$.mobile.changePage( "searchresults.php", {
- type: "post",
- data: $("form#search").serialize()
-});
-
-<strong>//transition to the "confirm" page with a "pop" transition without tracking it in history </strong>
-$.mobile.changePage( "../alerts/confirm.html", {
- transition: "pop",
- reverse: false,
- changeHash: false
-});
-
- </code>
- </pre>
-
- </dd>
-
-
- <dt><code>$.mobile.loadPage</code> (<em>method</em>)</dt>
- <dd>Load an external page, enhance its content, and insert it into the DOM. This method is called internally by the changePage() function when its first argument is a URL. This function does not affect the current active page so it can be used to load pages in the background. The function returns a deferred promise object that gets resolved after the page has been enhanced and inserted into the document.</dd>
-
- <dd>
-
- <dl>
- <dt><code>·</code> Arguments</dt>
- <dd><code>url</code> (<em>string or object</em>, required) A relative or absolute URL.</dd>
-
- <dd><code>options</code> (<em>object</em>, optional)
- <ul>
- <li>Properties:
- <ul>
- <li><code>data</code> (<em>object</em> or string, default: undefined) The data to send with an Ajax page request. </li>
- <li><code>loadMsgDelay</code> (<em>number (in ms)</em>, default: 50) Forced delay before the loading message is shown. This is meant to allow time for a page that has already been visited to be fetched from cache without a loading message.</li>
- <li><code>pageContainer</code> (jQuery collection, default: $.mobile.pageContainer) Specifies the element that should contain the page after it is loaded. </li>
- <li><code>reloadPage</code> (<em>boolean</em>, default: false) Forces a reload of a page, even if it is already in the DOM of the page container. </li>
- <li><code>role</code> (<em>string</em>, default: undefined) The data-role value to be used when displaying the page. By default this is undefined which means rely on the value of the @data-role attribute defined on the element.</li>
- <li><code>type</code> (<em>string</em>, default: "get") Specifies the method ("get" or "post") to use when making a page request.
- </li>
- </ul>
- </li>
- </ul>
- </dd>
-
- </dl>
- </dd>
-
- <dd>Examples:
- <pre>
- <code>
-<strong>//load the "about us" page into the DOM</strong>
-$.mobile.loadPage( "about/us.html" );
-
-<strong>//load a "search results" page, using data from a form with an ID of "search"" </strong>
-$.mobile.loadPage( "searchresults.php", {
- type: "post",
- data: $("form#search").serialize()
-});
- </code>
- </pre>
-
- </dd>
-
-
- <dt><code>jqmData(), jqmRemoveData()</code> (<em>method</em>)</dt>
- <dd>When working with jQuery Mobile, <code>jqmData</code> and <code>jqmRemoveData</code> should be used in place of jQuery core's <code>data</code> and <code>removeData</code> methods (note that this includes $.fn.data, $.fn.removeData, and the $.data, $.removeData, and $.hasData utilities), as they automatically incorporate getting and setting of namespaced data attributes (even if no namespace is currently in use).</dd>
- <dd>
- <dl>
- <dt><code>·</code> Arguments:</dt>
- <dd>See jQuery's <a href="http://api.jquery.com/jQuery.data/">data</a> and <a href="http://api.jquery.com/jQuery.removeData/">removeData</a> methods</dd>
- <strong>Note: </strong>Calling jqmData() with no argument will return <code>undefined</code>. This behavior is subject to change in future versions.
- <dt><code>·</code> Also:</dt>
- <dd>When finding elements by their jQuery Mobile data attribute, please use the custom selector <code>:jqmData()</code>, as it automatically incorporates namespaced data attributes into the lookup when they are in use. For example, instead of calling <code>$("div[data-role='page']")</code>, you should use <code>$("div:jqmData(role='page')")</code>, which internally maps to <code>$("div[data-"+ $.mobile.ns +"role='page']")</code> without forcing you to concatenate a namespace into your selectors manually.</dd>
- </dl>
- </dd>
-
-
-
-
- <dt><code>$.mobile.showPageLoadingMsg</code> (<em></em>)</dt>
- <dd>Show the page loading message, which is configurable via $.mobile.loadingMessage.</dd>
-
- <dd>Example:
- <pre>
- <code>
-<strong>//cue the page loader</strong>
-$.mobile.showPageLoadingMsg();
- </code>
- </pre>
-
- </dd>
-
-
-
-
- <dt><code>$.mobile.hidePageLoadingMsg</code> (<em></em>)</dt>
- <dd>Hide the page loading message, which is configurable via $.mobile.loadingMessage.</dd>
-
- <dd>Example:
- <pre>
- <code>
-<strong>//cue the page loader</strong>
-$.mobile.hidePageLoadingMsg();
- </code>
- </pre>
-
- </dd>
-
- <dt><code>$.mobile.fixedToolbars.show</code> (<em>method</em>)</dt>
- <dd>Utility method for displaying the fixed header and/or footer of the current active page within the viewport. Note that fixed headers/footers are never really hidden. Toggling the show/hide state of a toolbar is really toggling whether or not they are inline within the page content, or displayed within the viewport as if they were fixed.</dd>
- <dd>
- <dl>
- <dt><code>·</code> Arguments</dt>
- <dd><code>immediately</code> (<em>boolean</em>, optional) If true, any fixed header or footer for the current active page is displayed immediately within the viewport. If false or unspecified, the fixed header/footer will fade-in after a 100 millisecond delay. Note that other events such as a document resize or scroll event can result in an additional delay before the start of the header/footer display animation.</dd>
- </dl>
- </dd>
- <dd>Example:
- <pre>
- <code>
-<strong>// Show fixed header/footer with a fade animation.</strong>
-$.mobile.fixedToolbars.show();
-
-<strong>// Show fixed header/footer immediately.</strong>
-$.mobile.fixedToolbars.show(true);
- </code>
- </pre>
-
- </dd>
-
- <dt><code>$.mobile.fixedToolbars.hide</code> (<em>method</em>)</dt>
- <dd>Utility method for hiding the fixed header and/or footer of the current active page.</dd>
- <dd>
- <dl>
- <dt><code>·</code> Arguments</dt>
- <dd><code>immediately</code> (<em>boolean</em>, optional) If true, any fixed header or footer for the current active page is immediately placed inline (back in flow) with the page content, which means it will scroll along with the content and will only be visible when viewing the top or bottom of the page within the viewport. If false or unspecified, the fixed header/footer will fade-out after a 100 millisecond delay. Note that other events such as a document resize or scroll event can result in the header/footer being immediately hidden.</dd>
- </dl>
- </dd>
- <dd>Example:
- <pre>
- <code>
-<strong>// Hide fixed header/footer with a fade animation.</strong>
-$.mobile.fixedToolbars.hide();
-
-<strong>// Hide fixed header/footer immediately.</strong>
-$.mobile.fixedToolbars.hide(true);
- </code>
- </pre>
-
- </dd>
-
- <dt><code>$.mobile.path.parseUrl</code> (<em>method</em>)</dt>
- <dd>Utility method for parsing a URL and its relative variants into an object that makes accessing the components of the URL easy. When parsing relative variants, the resulting object will contain empty string values for missing components (like protocol, host, etc). Also, when parsing URLs that have no authority, such as tel: urls, the pathname property of the object will contain the data after the protocol/scheme colon.</dd>
-
- <dd>
-
- <dl>
- <dt><code>·</code> Arguments</dt>
- <dd><code>url</code> (<em>string</em>, required) A relative or absolute URL.</dd>
-
- <dt><code>·</code> Return Value</dt>
- <dd>
- <p>This function returns an object that contains the various components of the URL as strings. The properties on the object mimic the browser's location object:</p>
- <dl>
- <dt><code>hash</code></dt>
- <dd>The fragment conponent of the URL, including the leading '#' character.</dd>
- <dt><code>host</code></dt>
- <dd>The host and port number of the URL.</dd>
- <dt><code>hostname</code></dt>
- <dd>The name of the host within the URL.</dd>
- <dt><code>href</code></dt>
- <dd>The original URL that was parsed.</dd>
- <dt><code>pathname</code></dt>
- <dd>The path of the file or directory referenced by the URL.</dd>
- <dt><code>port</code></dt>
- <dd>The port specified within the URL. Most URLs rely on the default port for the protocol used, so this may be an empty string most of the time.</dd>
- <dt><code>protocol</code></dt>
- <dd>The protocol for the URL including the trailing ':' character.</dd>
- <dt><code>search</code></dt>
- <dd>The query component of the URL including the leading '?' character.</dd>
- </dl>
- <p>But it also contains additional properties that provide access to additional components as well as some common forms of the URL developers access:</p>
- <dl>
- <dt><code>authority</code></dt>
- <dd>The username, password, and host components of the URL</dd>
- <dt><code>directory</code></dt>
- <dd>The directory component of the pathname, minus any filename.</dd>
- <dt><code>domain</code></dt>
- <dd>The protocol and authority components of the URL.</dd>
- <dt><code>filename</code></dt>
- <dd>The filename within the pathname component, minus the directory.</dd>
- <dt><code>hrefNoHash</code></dt>
- <dd>The original URL minus the fragment (hash) components.</dd>
- <dt><code>hrefNoSearch</code></dt>
- <dd>The original URL minus the query (search) and fragment (hash) components.</dd>
- <dt><code>password</code></dt>
- <dd>The password contained within the authority component.</dd>
- <dt><code>username</code></dt>
- <dd>The username contained within the authority component.</dd>
- </dl>
- </dd>
-
- </dl>
- </dd>
-
- <dd>Examples:
- <pre>
- <code>
-<strong>// Parsing the Url below results an object that is returned with the
-// following properties:
-//
-// obj.href: http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread#msg-content
-// obj.hrefNoHash: http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread
-// obj.hrefNoSearch: http://jblas:password@mycompany.com:8080/mail/inbox
-// obj.domain: http://jblas:password@mycompany.com:8080
-// obj.protocol: http:
-// obj.authority: jblas:password@mycompany.com:8080
-// obj.username: jblas
-// obj.password: password
-// obj.host: mycompany.com:8080
-// obj.hostname: mycompany.com
-// obj.port: 8080
-// obj.pathname: /mail/inbox
-// obj.directory: /mail/
-// obj.filename: inbox
-// obj.search: ?msg=1234&type=unread
-// obj.hash: #msg-content</strong>
-
-var obj = $.mobile.path.parseUrl("http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234");
- </code>
- </pre>
-
- </dd>
-
-
- <dt><code>$.mobile.path.makePathAbsolute</code> (<em>method</em>)</dt>
- <dd>Utility method for converting a relative file or directory path into an absolute path.</dd>
- <dd>
- <dl>
- <dt><code>·</code> Arguments</dt>
- <dd><code>relPath</code> (<em>string</em>, required) A relative file or directory path.</dd>
- <dd><code>absPath</code> (<em>string</em>, required) An absolute file or relative path to resolve against.</dd>
-
- <dt><code>·</code> Return Value</dt>
- <dd>This function returns a string that is an absolute version of the relative path passed in.</dd>
-
- </dl>
- </dd>
- <dd>Examples:
- <pre>
- <code>
-<strong>// Returns: /a/b/c/file.html</strong>
-var absPath = $.mobile.path.makePathAbsolute("file.html", "/a/b/c/bar.html");
-
-<strong>// Returns: /a/foo/file.html</strong>
-var absPath = $.mobile.path.makePathAbsolute("../../foo/file.html", "/a/b/c/bar.html");
-
- </code>
- </pre>
- </dd>
-
-
- <dt><code>$.mobile.path.makeUrlAbsolute</code> (<em>method</em>)</dt>
- <dd>Utility method for converting a relative URL to an absolute URL.</dd>
- <dd>
-
- <dl>
- <dt>Arguments</dt>
- <dd><code>relUrl</code> (<em>string</em>, required) A relative URL.</dd>
- <dd><code>absUrl</code> (<em>string</em>, required) An absolute URL to resolve against.</dd>
-
- <dt>Return Value</dt>
- <dd>This function returns a string that is an absolute version of the relative URL passed in.</dd>
-
- </dl>
- </dd>
- <dd>Examples:
- <pre>
- <code>
-<strong>// Returns: http://foo.com/a/b/c/file.html</strong>
-var absUrl = $.mobile.path.makeUrlAbsolute("file.html", "http://foo.com/a/b/c/test.html");
-
-<strong>// Returns: http://foo.com/a/foo/file.html</strong>
-var absUrl = $.mobile.path.makeUrlAbsolute("../../foo/file.html", "http://foo.com/a/b/c/test.html");
-
-<strong>// Returns: http://foo.com/bar/file.html</strong>
-var absUrl = $.mobile.path.makeUrlAbsolute("//foo.com/bar/file.html", "http://foo.com/a/b/c/test.html");
-
-<strong>// Returns: http://foo.com/a/b/c/test.html?a=1&b=2</strong>
-var absUrl = $.mobile.path.makeUrlAbsolute("?a=1&b=2", "http://foo.com/a/b/c/test.html");
-
-<strong>// Returns: http://foo.com/a/b/c/test.html#bar</strong>
-var absUrl = $.mobile.path.makeUrlAbsolute("#bar", "http://foo.com/a/b/c/test.html");
-
- </code>
- </pre>
-
- </dd>
-
-
- <dt><code>$.mobile.path.isSameDomain</code> (<em>method</em>)</dt>
- <dd>Utility method for comparing the domain of 2 URLs.</dd>
- <dd>
-
- <dl>
- <dt><code>·</code> Arguments</dt>
- <dd><code>url1</code> (<em>string</em>, required) A relative URL.</dd>
- <dd><code>url2</code> (<em>string</em>, required) An absolute URL to resolve against.</dd>
-
- <dt>Return Value</dt>
- <dd>This function returns a boolean true if the domains match, false if they don't.</dd>
-
- </dl>
- </dd>
- <dd>Examples:
- <pre>
- <code>
-<strong>// Returns: true</strong>
-var same = $.mobile.path.isSameDomain("http://foo.com/a/file.html", "http://foo.com/a/b/c/test.html");
-
-<strong>// Returns: false</strong>
-var same = $.mobile.path.isSameDomain("file://foo.com/a/file.html", "http://foo.com/a/b/c/test.html");
-
-<strong>// Returns: false</strong>
-var same = $.mobile.path.isSameDomain("https://foo.com/a/file.html", "http://foo.com/a/b/c/test.html");
-
-<strong>// Returns: false</strong>
-var same = $.mobile.path.isSameDomain("http://foo.com/a/file.html", "http://bar.com/a/b/c/test.html");
-
- </code>
- </pre>
-
- </dd>
-
-
- <dt><code>$.mobile.path.isRelativeUrl</code> (<em>method</em>)</dt>
- <dd>Utility method for determining if a URL is a relative variant.</dd>
- <dd>
-
- <dl>
- <dt><code>·</code> Arguments</dt>
- <dd><code>url</code> (<em>string</em>, required) A relative or absolute URL.</dd>
-
- <dt><code>·</code> Return Value</dt>
- <dd>This function returns a boolean true if the URL is relative, false if it is absolute.</dd>
-
- </dl>
- </dd>
- <dd>Examples:
- <pre>
- <code>
-<strong>// Returns: false</strong>
-var isRel = $.mobile.path.isRelativeUrl("http://foo.com/a/file.html");
-
-<strong>// Returns: true</strong>
-var isRel = $.mobile.path.isRelativeUrl("//foo.com/a/file.html");
-
-<strong>// Returns: true</strong>
-var isRel = $.mobile.path.isRelativeUrl("/a/file.html");
-
-<strong>// Returns: true</strong>
-var isRel = $.mobile.path.isRelativeUrl("file.html");
-
-<strong>// Returns: true</strong>
-var isRel = $.mobile.path.isRelativeUrl("?a=1&b=2");
-
-<strong>// Returns: true</strong>
-var isRel = $.mobile.path.isRelativeUrl("#foo");
-
-
- </code>
- </pre>
-
- </dd>
-
-
- <dt><code>$.mobile.path.isAbsoluteUrl</code> (<em>method</em>)</dt>
- <dd>Utility method for determining if a URL is absolute.</dd>
- <dd>
-
- <dl>
- <dt><code>·</code> Arguments</dt>
- <dd><code>url</code> (<em>string</em>, required) A relative or absolute URL.</dd>
-
- <dt><code>·</code> Return Value</dt>
- <dd>This function returns a boolean true if the URL is absolute, false if it is absolute.</dd>
-
- </dl>
- </dd>
- <dd>Examples:
- <pre>
- <code>
-<strong>// Returns: true</strong>
-var isAbs = $.mobile.path.isAbsoluteUrl("http://foo.com/a/file.html");
-
-<strong>// Returns: false</strong>
-var isAbs = $.mobile.path.isAbsoluteUrl("//foo.com/a/file.html");
-
-<strong>// Returns: false</strong>
-var isAbs = $.mobile.path.isAbsoluteUrl("/a/file.html");
-
-<strong>// Returns: false</strong>
-var isAbs = $.mobile.path.isAbsoluteUrl("file.html");
-
-<strong>// Returns: false</strong>
-var isAbs = $.mobile.path.isAbsoluteUrl("?a=1&b=2");
-
-<strong>// Returns: false</strong>
-var isAbs = $.mobile.path.isAbsoluteUrl("#foo");
-
-
- </code>
- </pre>
-
- </dd>
-
-
- <dt><code>$.mobile.base</code> (<em>methods, properties</em>)</dt>
- <dd>Utilities for working with generated base element. TODO: document as public API is finalized.</dd>
-
-
-
- <dt><code>$.mobile.silentScroll</code> (<em>method</em>)</dt>
- <dd>Scroll to a particular Y position without triggering scroll event listeners.</dd>
- <dd>
- <dl>
- <dt><code>·</code> Arguments:</dt>
- <dd><code>yPos</code> (<em>number</em>, defaults to 0). Pass any number to scroll to that Y location.</dd>
- </dl>
- </dd>
-
- <dd>Examples:
- <pre>
- <code>
-<strong>//scroll to Y 100px</strong>
-$.mobile.silentScroll(100);
- </code>
- </pre>
-
- </dd>
-
-
-
-
-
- <dt><code>$.mobile.activePage</code> (<em>property</em>)</dt>
- <dd>Reference to the page currently in view.</dd>
-
-
-
-
- </dl>
- </div><!--/content-secondary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">API</li>
- <li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
- <li><a href="../../docs/api/events.html">Events</a></li>
- <li data-theme="a"><a href="../../docs/api/methods.html">Methods & Utilities</a></li>
- <li><a href="../../docs/api/data-attributes.html">Data attribute reference</a></li>
- <li><a href="../../docs/api/themes.html">Theme framework</a></li>
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Static Containers, States</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Themes</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div>
-
- <div data-role="content">
-
- <div class="content-primary">
- <h2>Theming overview</h2>
-
- <p>Every layout and widget in jQuery Mobile is designed around a new object-oriented CSS framework that makes it possible to apply a complete unified visual design Theme to sites and applications. The theming system is similar to the ThemeRoller system in jQuery UI, but adds a few important improvements:</p>
-
- <ul>
- <li>It takes advantage of <strong>CSS3 properties</strong> to add rounded corners, box and text shadow and gradients instead of images, allowing the theme file to be very lightweight and reducing server requests.</li>
- <li>Themes include multiple <strong>color "swatches"</strong> — each consisting of a header bar, content body, and button states that can be freely mixed and matched to create visual texture — to make richer designs possible</li>
- <li><strong>Open-ended theming</strong> allows for up to 26 unique swatches per theme, to add almost unlimited variety to designs</li>
- <li>All backgrounds now use <strong>CSS3 gradients</strong> to dramatically reduce file size and number of server requests</li>
- <li>A <strong>simplified icon set</strong> including those most commonly used for mobile, in a sprite to reduce image weight</li>
- </ul>
-
- <h2>ThemeRoller</h2>
- <a href="http://www.jquerymobile.com/themeroller" rel="external"><img src="../_assets/images/themroller-mobile-logo.png" width="250" style="float:right; margin-left:25px;" alt="Themroller Mobile Logo"></a>
- The easiest way to create custom themes is with the <a href="http://www.jquerymobile.com/themeroller" rel="external">ThemeRoller tool</a>. It allows you to build a theme, then download a custom CSS file, ready to be dropped into your project.
-
- <h2>Themes & swatches</h2>
-
- <p>The key to the Theme system is separation of color and texture, from structural styles that define things like padding and dimensions. This allows theme colors and textures to be defined once in the stylesheet and be mixed, matched and combined to achieve a wide range of visual effects. </p>
-
- <p>Each Theme includes several global settings, including font family, drop shadows for overlays, and corner radius values for buttons and boxes. In addition, the Theme can include multiple color "swatches", each with color values for bars, content blocks, buttons and list items, and font <code>text-shadow</code>. </p>
-
- <p>jQuery Mobile's default Theme includes 5 swatches that are given letters (a, b, c, d, e) for quick reference. To make mapping of color swatches consistent across our widgets, we have followed the convention that swatch "a" is the highest level of visual priority (black in our default theme), "b" is secondary level (blue) and "c" is the baseline level (gray) that we use by default in many situations, "d" for an alternate secondary level and "e" as an accent swatch. Themes may have additional swatches for accent colors or specific situations. For example, you could add a new theme swatch "f" that has a red bar and button for use in error situations. </p>
-
- <p>A new ThemeRoller tool will launched with the jQuery Mobile 1.0 release in 2011. In the meantime, it's simple to manually edit the base swatches in the default theme and/or add additional swatches by editing the theme css file: copy a block of swatch styles, rename the classes with the new swatch letter name, and tweak colors.</p>
-
-
- <h3>Bars</h3>
- <p>The default theme contains the following five Bar styles:</p>
-
- <div class="swatch-preview">
- <div class="ui-bar ui-bar-a">Bar A - <a href="#" data-role="none" class="ui-link">Link</a></div>
- <div class="ui-bar ui-bar-b">Bar B - <a href="#" data-role="none" class="ui-link">Link</a></div>
- <div class="ui-bar ui-bar-c">Bar C - <a href="#" data-role="none" class="ui-link">Link</a></div>
- <div class="ui-bar ui-bar-d">Bar D - <a href="#" data-role="none" class="ui-link">Link</a></div>
- <div class="ui-bar ui-bar-e">Bar E - <a href="#" data-role="none" class="ui-link">Link</a></div>
- </div><!-- end swatch-bars -->
-
- <p>By default, the framework assigns the "a" swatch to all headers and footers, because these are typically given high visual priority in an application. To set the color of a bar to a different swatch color, simply add the <code> data-theme</code> attribute to your header or footer and specify an alternate swatch letter ('b' or 'd', for example) and the specified theme swatch color will be applied. Learn more about <a href="../toolbars/bars-themes.html">toolbar theming</a>.</p>
-
-
-
- <h3>Content Blocks</h3>
- <p>The default theme also includes color swatch values for use in content blocks, designed to coordinate with the header color swatches in the theme. </p>
-
- <div class="swatch-preview">
- <div class="ui-body ui-body-a">Block A - <a href="#">Link</a></div>
- <div class="ui-body ui-body-b">Block B - <a href="#">Link</a></div>
- <div class="ui-body ui-body-c">Block C - <a href="#">Link</a></div>
- <div class="ui-body ui-body-d">Block D - <a href="#">Link</a></div>
- <div class="ui-body ui-body-e">Block E - <a href="#">Link</a></div>
- </div><!-- end swatch-bars -->
-
-
- <p>If a theme isn't specified on a content block, the framework will default to "c" to maximize contrast against the default header "a", as shown here:</p>
-
- <div data-role="header" data-position="inline">
- <a href="#" data-icon="arrow-l">Back</a>
- <h1>Default Header</h1>
- </div>
- <div class="ui-body ui-body-c">
- <h3>Default Theme Content Header</h3>
- <p>This is the default content color swatch and a preview of a <a href="#" class="ui-link">link</a>.</p>
- <label for="slider1">Input slider:</label>
- <input type="range" name="slider1" id="slider1" value="50" min="0" max="100" />
- <fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">
- <legend>Cache settings:</legend>
- <input type="radio" name="radio-choice-a1" id="radio-choice-a1" value="on" checked="checked" />
- <label for="radio-choice-a1">On</label>
- <input type="radio" name="radio-choice-a1" id="radio-choice-b1" value="off" />
- <label for="radio-choice-b1">Off</label>
- </fieldset>
- <a href="#" data-role="button" data-inline="true">Button</a>
- </div>
- <div class="ui-bar ui-bar-a">
- <div data-role="controlgroup" data-type="horizontal" >
- <a href="#" data-role="button" data-inline="true">Button</a><a href="#" data-role="button" data-inline="true">Button</a><a href="#" data-role="button" data-inline="true">Button</a>
- </div><!-- /controlgroup -->
- </div>
-
-
- <p>Learn more about <a href="../content/content-themes.html">content theming</a>.</p>
-
-
- <h2>Lists & Buttons</h2>
- <p>Each swatch also includes default styles for interactive elements like list items and buttons.</p>
- <ul data-role="listview" data-inset="true" data-theme="a">
- <li><a href="index.html">List item</a></li>
- <li><a href="index.html">List item</a></li>
- </ul>
-
- <ul data-role="listview" data-inset="true" data-theme="b">
- <li><a href="index.html">List item</a></li>
- <li><a href="index.html">List item</a></li>
- </ul>
-
- <ul data-role="listview" data-inset="true" data-theme="c">
- <li><a href="index.html">List item</a></li>
- <li><a href="index.html">List item</a></li>
- </ul>
-
- <ul data-role="listview" data-inset="true" data-theme="d">
- <li><a href="index.html">List item</a></li>
- <li><a href="index.html">List item</a></li>
- </ul>
-
- <ul data-role="listview" data-inset="true" data-theme="e">
- <li><a href="index.html">List item</a></li>
- <li><a href="index.html">List item</a></li>
- </ul>
-
-
- <p>A button is included for each swatch in the theme. Each button has styles for normal, hover/focus and pressed states.</p>
-
- <div class="swatch-preview">
- <a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l">Button A</a>
- <a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l">Button B</a>
- <a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l">Button C</a>
- <a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l">Button D</a>
- <a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l">Button E</a>
- </div><!-- end swatch-bars -->
-
-
- <p>By default, any button that's placed in a bar is automatically assigned a swatch letter that matches its parent bar or content box, to visually integrate the button into the parent theme like a chameleon, as shown here:</p>
-
- <div class="swatch-preview">
- <div data-role="header" data-theme="a"><h1>Bar A</h1><a href="index.html" data-icon="arrow-l">Button A</a></div>
- <div data-role="header" data-theme="b"><h1>Bar B</h1><a href="index.html" data-icon="arrow-l">Button B</a></div>
- <div data-role="header" data-theme="c"><h1>Bar C</h1><a href="index.html" data-icon="arrow-l">Button C</a></div>
- <div data-role="header" data-theme="d"><h1>Bar D</h1><a href="index.html" data-icon="arrow-l">Button D</a></div>
- <div data-role="header" data-theme="e"><h1>Bar E</h1><a href="index.html" data-icon="arrow-l">Button E</a></div>
- </div><!-- end swatch-bars -->
-
- <p>This default behavior makes it easy to ripple a theme change through a page by setting a theme swatch on a parent because you know the buttons will maintain the same relative visual weight across themes. Since form elements use the button styles, they will also adapt to their parent container too. </p>
-
- <p>If you want to add visual emphasis to a button and help it stand out visually from its parent toolbar, an alternate swatch color can be set by adding a <code> data-theme="a"</code> to the anchor. Once an alternate swatch color is set on a button in the markup, the framework won't override that color if the parent theme is changed, because you made a conscious decision to set it.</p>
-
- <div class="swatch-bars">
- <div data-role="header" data-theme="a" class="ui-bar" >
- <div><!-- wrapper div to have control over butttons -->
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
- </div>
- </div>
- <div data-role="header" data-theme="b" class="ui-bar" >
- <div><!-- wrapper div to have control over butttons -->
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
- </div>
- </div>
- <div data-role="header" data-theme="c" class="ui-bar" >
- <div><!-- wrapper div to have control over butttons -->
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
- </div>
- </div>
- <div data-role="header" data-theme="d" class="ui-bar" >
- <div><!-- wrapper div to have control over butttons -->
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
- </div>
- </div>
- <div data-role="header" data-theme="e" class="ui-bar" >
- <div><!-- wrapper div to have control over butttons -->
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="a">A</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="b">B</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="c">C</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="d">D</a>
- <a href="index.html" data-role="button" data-icon="arrow-l" data-theme="e">E</a>
- </div>
- </div>
-
- </div><!-- end swatch-bars -->
-
-<p>Learn more about <a href="../lists/lists-themes.html">list theming</a> and <a href="../buttons/buttons-themes.html">button theming</a>.</p>
-
- <h3>Global "Active" state</h3>
- <p>The jQuery Mobile framework uses a single Theme-level swatch called "active" (bright blue in the default theme) to consistently indicate the selected state, regardless of the individual swatch of the given widget. We apply this in navigation and form controls whenever there is a need to indicate what is currently selected. Because this theme swatch is designed for clear, consistent user feedback, it cannot be overridden via the markup; it is set once in the Theme and applied by the framework whenever a selected or active state is needed. The styling for this state is in the theme stylesheet under the <code>ui-btn-active</code> style rules.</p>
-
- <fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">
- <legend>Active is used for the on state of these toggles:</legend>
- <input type="radio" name=" radio-choice-a" id="radio-choice-a" value="on" checked="checked" />
- <label for="radio-choice-a">On</label>
- <input type="radio" name=" radio-choice-a" id="radio-choice-b" value="off" />
- <label for="radio-choice-b">Off</label>
- </fieldset>
-
-
- <h3>Icons</h3>
- <p>There a core set of <a href="../buttons/buttons-icons.html">standard icons</a> included in the framework that can be assigned to any button. To minimize the download size of the core icons, jQuery Mobile only includes these icons in white and automatically adds a semi-transparent black circle behind the icon to make sure it has good contrast on all background colors.</p>
-
- <h3>Theme classes</h3>
- <p>Assigning color swatches through the <code> data-theme</code> attribute is one way to leverage the theme system, but it's also possible to apply any of the theme swatches directly to your markup through classes to apply the colors, textures and font formatting of your theme to any markup. This is especially useful when creating your own custom layout elements or UI widgets. Here are a few common theme classes, but many more are available in the theme stylesheet:</p>
- <dl>
- <dt><code>ui-bar-(a-z)</code></dt>
- <dd>Applies the toolbar theme styles for the selected swatch letter. Commonly used in conjunction with <code>ui-bar</code> structural class to add the standard bar padding styles.</dd>
- <dt><code>ui-body-(a-z)</code></dt>
- <dd>Applies the content body theme styles for the selected swatch letter. Commonly used in conjunction with <code>ui-body</code> structural class to add the standard content block padding styles. </dd>
- <dt><code>ui-btn-up-(a-z)</code></dt>
- <dd>Applies the button/clickable element theme styles for the selected swatch letter. Commonly used in with the <code>ui-btn-hover-(a-z)</code> and <code>ui-btn-down-(a-z)</code> interaction class states to provide visual feedback and <code>ui-btn-active</code> to indicate the selected or "on" state.</dd>
- <dt><code>ui-corner-all</code></dt>
- <dd>Applies the theme's global border-radius for rounded corners and is used for container or grouped items in the framework (inset lists, radiobutton sets). There are additional classes for all the possible combinations of rounded corners, for example: <code>ui-corner-tl</code> (top left only), <code>-top</code> (both top corners), <code>-left</code> (both left corners), etc. A second full set of corner classes is provided for buttons so these can have a different corner radius. These use classes with a similar naming convention, but with "btn-corner" instead of "corner", like this: <code>.ui-<strong>btn-corner</strong>-all</code>.</dd>
- <dt><code>ui-shadow</code></dt>
- <dd>Applies the theme's global drop shadow to any element using CSS <code>box-shadow</code> property. </dd>
- <dt><code>ui-disabled</code></dt>
- <dd>Applies the disabled look and feel which essentially reduces the opacity of any element with this class to 30%, hides the cursor, and sets <code>pointer-events: none;</code> which prevents any interaction in many modern browsers.</dd>
- </dl>
-
- <h3>Overriding themes</h3>
- <p>The themes are meant as a solid starting point, but are meant to be customized to add the custom design elements that make your site or app unique. Since everything is controlled by CSS, it's easy to use a web inspector tool to identify the style properties you want to modify. The set of of theme classes (global) and semantic structural classes (widget-specific) added to elements provide a rich set of possible selectors to target style overrides against. We recommend adding an external stylesheet to the <code>head</code>, placed <strong>after</strong> the structure and theme stylesheet references, that contain all your style overrides. This allows you to easily update to newer versions of the library because overrides are kept separate from the library code.</p>
-
-
- <p><strong>Learn more</strong> about theming individual components:</p>
- <ul data-role="listview" data-inset="true">
- <li><a href="../pages/pages-themes.html">Page theming</a></li>
- <li><a href="../toolbars/bars-themes.html">Toolbar theming</a></li>
- <li><a href="../content/content-themes.html">Content theming</a></li>
- <li><a href="../buttons/buttons-themes.html">Button theming</a></li>
- <li><a href="../forms/forms-themes.html">Form theming</a></li>
- <li><a href="../lists/lists-themes.html">List theming</a></li>
- </ul>
- </div><!--/content-secondary -->
-
- <div class="content-secondary ui-body-d">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">API</li>
- <li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
- <li><a href="../../docs/api/events.html">Events</a></li>
- <li><a href="../../docs/api/methods.html">Methods & Utilities</a></li>
- <li><a href="../../docs/api/data-attributes.html">Data attribute reference</a></li>
- <li data-theme="a"><a href="../../docs/api/themes.html">Theme framework</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Buttons</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Button API</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="c">
-
- <h2>Dependencies</h2>
- <p>To be documented</p>
-
- <h2>Options</h2>
- <p>To be documented</p>
-
- <h2>Methods</h2>
- <p>To be documented</p>
-
- <h2>Known Issues</h2>
- <p>To be documented</p>
-
-
-
- </div><!-- /content -->
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Button events</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Button basics</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Button basics</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="buttons-types.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="buttons-options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="buttons-methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="buttons-events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
- </ul>
-
- <p>Bind events directly to the <code>a</code>, <code>input</code>, or <code>button</code> element. Use jQuery Mobile's <a href="../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
- <pre><code>
-$( ".myButton" ).bind( "click", function(event, ui) {
- ...
-});
-</code></pre>
-
- <p>The <strong>form button</strong> plugin has the following custom events:</p>
-
- <dl>
-
- <dt><code>create</code> triggered when a form button is created</dt>
- <dd>
-
- <pre><code>
-$('[type='submit']').button({
- create: function(event, ui) { ... }
-});
- </code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Buttons</li>
- <li data-theme="a"><a href="buttons-types.html">Button basics</a></li>
- <li><a href="buttons-icons.html">Button icons</a></li>
- <li><a href="buttons-inline.html">Inline buttons</a></li>
- <li><a href="buttons-grouped.html">Grouped buttons</a></li>
- <li><a href="buttons-themes.html">Theming buttons</a></li>
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Grouped Buttons</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Grouped buttons</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <p>Occasionally, you may want to visually group a set of buttons together to form a single block that looks contained like a navigation component. To get this effect, wrap a set of buttons in a container with the <code> data-role="controlgroup"</code> attribute — the framework will create a vertical button group, remove all margins and drop shadows between the buttons, and only round the first and last buttons of the set to create the effect that they are grouped together. </p>
-<pre><code>
-<div data-role="controlgroup">
-<a href="index.html" data-role="button">Yes</a>
-<a href="index.html" data-role="button">No</a>
-<a href="index.html" data-role="button">Maybe</a>
-</div>
-</code></pre>
-
- <p>By default, grouped buttons are presented as a vertical list:</p>
-
- <div data-role="controlgroup">
- <a href="index.html" data-role="button">Yes</a>
- <a href="index.html" data-role="button">No</a>
- <a href="index.html" data-role="button">Maybe</a>
- </div>
-
- <p>By adding the <code>data-type="horizontal"</code> attribute to the <code>controlgroup</code> container, you can swap to a horizontal-style group that floats the buttons side-by-side and sets the width to only be large enough to fit the content. (Be aware that these will wrap to multiple lines if the number of buttons or the overall text length is too wide for the screen.)
-
- <p>Horizontal grouped buttons:</p>
- <div data-role="controlgroup" data-type="horizontal">
- <a href="index.html" data-role="button">Yes</a>
- <a href="index.html" data-role="button">No</a>
- <a href="index.html" data-role="button">Maybe</a>
- </div>
-
- <p>Horizontal grouped buttons with icons:</p>
- <div data-role="controlgroup" data-type="horizontal" >
- <a href="index.html" data-role="button" data-icon="plus">Add</a>
- <a href="index.html" data-role="button" data-icon="delete">Delete</a>
- </div>
-
- <p>Horizontal grouped buttons, icon only:</p>
- <div data-role="controlgroup" data-type="horizontal" >
- <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext">Up</a>
- <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="notext">Down</a>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a>
- </div>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Buttons</li>
- <li><a href="buttons-types.html">Button basics</a></li>
- <li><a href="buttons-icons.html">Button icons</a></li>
- <li><a href="buttons-inline.html">Inline buttons</a></li>
- <li data-theme="a"><a href="buttons-grouped.html">Grouped buttons</a></li>
- <li><a href="buttons-themes.html">Theming buttons</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Button icons</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Button icons</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <h2>Adding Icons to Buttons</h2>
- <p>The jQuery Mobile framework includes a selected set of icons most often needed for mobile apps. To minimize download size, jQuery Mobile includes a single white icon sprite, and automatically adds a semi-transparent black circle behind the icon to ensure that it has good contrast on any background color.</p>
-
-
- <p>An icon can be added to a button by adding a <code> data-icon</code> attribute on the anchor specifying the icon to display. For example, the following markup:</p>
-
- <code>
- <a href="index.html" data-role="button" <strong> data-icon="delete"</strong>>Delete</a>
- </code>
-
- <p>Creates this button with an icon:</p>
- <a href="index.html" data-role="button" data-icon="delete">Delete</a>
-
- <h2>Icon set</h2>
-
- <p>The following <code> data-icon</code> attributes can be referenced to create the icons shown below:</p>
-
- <p><strong>Left arrow</strong> - data-icon="arrow-l"</p>
- <a href="index.html" data-role="button" data-icon="arrow-l">My button</a>
- <p><strong>Right arrow</strong> - data-icon="arrow-r"</p>
- <a href="index.html" data-role="button" data-icon="arrow-r">My button</a>
- <p><strong>Up arrow</strong> - data-icon="arrow-u"</p>
- <a href="index.html" data-role="button" data-icon="arrow-u">My button</a>
- <p><strong>Down arrow</strong> - data-icon="arrow-d"</p>
- <a href="index.html" data-role="button" data-icon="arrow-d">My button</a>
- <p><strong>Delete</strong> - data-icon="delete"</p>
- <a href="index.html" data-role="button" data-icon="delete">My button</a>
- <p><strong>Plus</strong> - data-icon="plus"</p>
- <a href="index.html" data-role="button" data-icon="plus">My button</a>
- <p><strong>Minus</strong> - data-icon="minus"</p>
- <a href="index.html" data-role="button" data-icon="minus">My button</a>
- <p><strong>Check</strong> - data-icon="check"</p>
- <a href="index.html" data-role="button" data-icon="check">My button</a>
- <p><strong>Gear</strong> - data-icon="gear"</p>
- <a href="index.html" data-role="button" data-icon="gear">My button</a>
- <p><strong>Refresh</strong> - data-icon="refresh"</p>
- <a href="index.html" data-role="button" data-icon="refresh">My button</a>
- <p><strong>Forward</strong> - data-icon="forward"</p>
- <a href="index.html" data-role="button" data-icon="forward">My button</a>
- <p><strong>Back</strong> - data-icon="back"</p>
- <a href="index.html" data-role="button" data-icon="back">My button</a>
- <p><strong>Grid</strong> - data-icon="grid"</p>
- <a href="index.html" data-role="button" data-icon="grid">My button</a>
- <p><strong>Star</strong> - data-icon="star"</p>
- <a href="index.html" data-role="button" data-icon="star">My button</a>
- <p><strong>Alert</strong> - data-icon="alert"</p>
- <a href="index.html" data-role="button" data-icon="alert">My button</a>
- <p><strong>Info</strong> - data-icon="info"</p>
- <a href="index.html" data-role="button" data-icon="info">My button</a>
- <p><strong>Home</strong> - data-icon="home"</p>
- <a href="index.html" data-role="button" data-icon="home">My button</a>
- <p><strong>Search</strong> - data-icon="search"</p>
- <a href="index.html" data-role="button" data-icon="search">My button</a>
-
-
- <h2>Icon positioning</h2>
- <p>By default, all icons in buttons are placed to the left of the button text. </p>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="left">Delete</a>
-
- <p>This default may be overridden using the <code> data-iconpos</code> attribute to set the icon to the right, above (top) or below (bottom) the text. For example, the markup:</p>
-
-<code>
-<a href="index.html" data-role="button" data-icon="delete"<strong> data-iconpos="right"</strong>>Delete</a>
-</code>
-
- <p>Creates this button with right-aligned icon:</p>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="right">Delete</a>
-
- <p>Icons can also be positioned above the text by specifying <code> data-iconpos="top"</code></p>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="top">Delete</a>
-
- <p>Or icons can also be positioned below the text by specifying <code> data-iconpos="bottom"</code></p>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="bottom">Delete</a>
-
- <p>You can also create an icon-only button, by setting the <code> data-iconpos</code> attribute to <code>notext</code>. The button plugin will hide the text on-screen, but add it as a <code>title</code> attribute on the link to provide context for screen readers and devices that support tooltips. For example, replacing <code> data-iconpos="right"</code> on the previous example with <code> data-iconpos="notext"</code>:</p>
-
-<code>
-<a href="index.html" data-role="button" data-icon="delete"<strong> data-iconpos="notext"</strong>>Delete</a>
-</code>
-
- <p>Creates this icon-only button:</p>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a>
-
- <h2>Custom Icons</h2>
- <p>To use custom icons, specify a <code>data-icon</code> value that has a unique name like <code>myapp-email</code> and the button plugin will generate a class by prefixing <code>ui-icon-</code> to the <code> data-icon</code> value and apply it to the button: <code>ui-icon-myapp-email</code>. </p>
- <p>You can then write a CSS rule in your stylesheet that targets the <code>ui-icon-myapp-email</code> class to specify the icon background source. To maintain visual consistency with the rest of the icons, create a white icon 18x18 pixels saved as a PNG-8 with alpha transparency.</p>
- <p> In this example, we're just pointing to a standalone icon image, but you could just as easily use an icon sprite and specify the positioning instead, just like the icon sprite we use in the framework.</p>
-
-<pre><code>.ui-icon-myapp-email {
- background-image: url("app-icon-email.png");
-}</code></pre>
-
- <p>This will create the standard resolution icon, but many devices now have very high resolution displays, like the retina display on the iPhone 4. To add a HD icon, create an icon that is 36x36 pixels (exactly double the 18 pixel size), and add second rule that uses the <code>-webkit-min-device-pixel-ratio: 2</code> media query to target a rule only to high resolution displays. Specify the background image for the HD icon file and set the background size to 18x18 pixels which will fit the 36 pixel icon into the same 18 pixel space. The media query block can wrap multiple icon rules:</p>
-<pre><code>
-@media only screen and (-webkit-min-device-pixel-ratio: 2) {
- .ui-icon-myapp-email {
- background-image: url("app-icon-email-highres.png");
- background-size: 18px 18px;
- }
- ...more HD icon rules go here...
-}
-</code></pre>
-
- <h2>Icons and themes</h2>
- <p>The semi-transparent black circle behind the white icon ensures good contrast on any background color so it works well with the jQuery Mobile theming system. Here are examples of the same icons sitting on top of a range of different color swatches in out theme.</p>
-
- <!-- A themed -->
- <p><strong>Swatch "A"</strong> themed buttons</p>
- <div data-role="controlgroup" data-type="horizontal">
- <a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="check" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="refresh" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="forward" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="back" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="grid" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="star" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="alert" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="info" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="home" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="search" data-iconpos="notext" data-theme="a" data-inline="true">My button</a>
- </div>
-
- <!-- B themed -->
- <p><strong>Swatch "B"</strong> themed buttons</p>
- <div data-role="controlgroup" data-type="horizontal">
- <a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="check" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="refresh" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="forward" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="back" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="grid" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="star" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="alert" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="info" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="home" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="search" data-iconpos="notext" data-theme="b" data-inline="true">My button</a>
- </div>
-
- <!-- C themed -->
- <p><strong>Swatch "C"</strong> themed buttons</p>
- <div data-role="controlgroup" data-type="horizontal">
- <a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="plus" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="minus" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="check" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="refresh" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="forward" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="back" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="grid" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="star" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="alert" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="info" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="home" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- <a href="index.html" data-role="button" data-icon="search" data-iconpos="notext" data-theme="c" data-inline="true">My button</a>
- </div>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Buttons</li>
- <li><a href="buttons-types.html">Button basics</a></li>
- <li data-theme="a"><a href="buttons-icons.html">Button icons</a></li>
- <li><a href="buttons-inline.html">Inline buttons</a></li>
- <li><a href="buttons-grouped.html">Grouped buttons</a></li>
- <li><a href="buttons-themes.html">Theming buttons</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Inline buttons</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Inline buttons</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <p>By default, all buttons in the body content are styled as block-level element so they fill the width of the screen:</p>
-
- <a href="index.html" data-role="button">Button</a>
-
-
- <p>However, if you want a more compact button that is only as wide as the text and icons inside, add the <code> data-inline="true"</code> attribute to the button:</p>
-
-
- <a href="index.html" data-role="button" data-inline="true">Button</a>
-
- <p>If you have multiple buttons that should sit side-by-side on the same line, add the <code> data-inline="true"</code> attribute to each button. This will style the buttons to be the width of their content and float the buttons so they sit on the same line. </p>
-
-<pre><code>
-<a href="index.html" data-role="button" data-inline="true">Cancel</a>
-<a href="index.html" data-role="button" data-inline="true" data-theme="b">Save</a>
-</code></pre>
-
- <p>The result is this:</p>
-
- <a href="index.html" data-role="button" data-inline="true">Cancel</a>
- <a href="index.html" data-role="button" data-theme="b" data-inline="true">Save</a>
-
-
- <p>If you want buttons to sit side-by-side but stretch to fill the width of the screen, you can use the <a href="../content/content-grids.html">content column grids</a> to put normal full-width buttons into 2- or 3-columns.</p>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Buttons</li>
- <li><a href="buttons-types.html">Button basics</a></li>
- <li><a href="buttons-icons.html">Button icons</a></li>
- <li data-theme="a"><a href="buttons-inline.html">Inline buttons</a></li>
- <li><a href="buttons-grouped.html">Grouped buttons</a></li>
- <li><a href="buttons-themes.html">Theming buttons</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Button methods</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Button basics</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Button basics</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="buttons-types.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="buttons-options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="buttons-methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
- <li><a href="buttons-events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The following methods apply only to <strong>form buttons</strong>. Link-based buttons do not have any associated methods.</p>
-
- <dl>
-
- <dt><code>enable</code> enable a disabled form button</dt>
- <dd>
- <pre><code>
-$('[type='submit']').button('enable');
- </code></pre>
- </dd>
-
- <dt><code>disable</code> disable a form button</dt>
- <dd>
- <pre><code>
-$('[type='submit']').button('disable');
- </code></pre>
- </dd>
-
- <dt><code>refresh</code> update the form button</dt>
- <dd>
- <p>If you manipulate a form button via JavaScript, you must call the refresh method on it to update the visual styling.</p>
-
- <pre><code>
-$('[type='submit']').button('refresh');
- </code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Buttons</li>
- <li data-theme="a"><a href="buttons-types.html">Button basics</a></li>
- <li><a href="buttons-icons.html">Button icons</a></li>
- <li><a href="buttons-inline.html">Inline buttons</a></li>
- <li><a href="buttons-grouped.html">Grouped buttons</a></li>
- <li><a href="buttons-themes.html">Theming buttons</a></li>
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Button options</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Button basics</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Button basics</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="buttons-types.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="buttons-options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
- <li><a href="buttons-methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="buttons-events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The following options apply to <strong>all buttons</strong>:</p>
-
- <dl>
- <dt><code>corners</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: true</p>
- <p>Applies the theme button border-radius if set to true. This option is also exposed as a data attribute: <code>data-corners="false"</code></p>
- <pre><code>$('a').buttonMarkup(<strong>{ corners: "false" }</strong>);</code></pre>
- <a href="#" data-role="button" data-corners="false">No rounded corners</a>
- </dd>
- <dt><code>icon</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null</p>
- <p>Applies an icon from the <a href="../buttons/buttons-icons.html">icon set</a>. This option is also exposed as a data attribute: <code>data-icon="star"</code></p>
- <pre><code>$('a').buttonMarkup(<strong>{ icon: "star" }</strong>);</code></pre>
- <a href="#" data-role="button" data-icon="star">Star icon</a>
- </dd>
-
- <dt><code>iconpos</code> <em>string</em></dt>
- <dd>
- <p class="default">default: "left"</p>
- <p>Positions the icon in the button. Possible values: left, right, none, notext. The notext value will display an icon-only button with no text feedback. This option is also exposed as a data attribute: <code>data-iconpos="left"</code></p>
- <pre><code>$('a').buttonMarkup(<strong>{ iconpos: "right" }</strong>);</code></pre>
- <a href="#" data-role="button" data-icon="star" data-iconpos="right">Star icon</a>
- </dd>
-
- <dt><code>iconshadow</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: true</p>
- <p>Applies the theme shadow to the button's icon if set to true. This option is also exposed as a data attribute: <code>data-iconshadow="false"</code></p>
- <pre><code>$('a').buttonMarkup(<strong>{ iconshadow: "false" }</strong>);</code></pre>
- <a href="#" data-role="button" data-icon="star" data-iconshadow="false">No icon shadow</a>
- </dd>
-
- <dt><code>inline</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: null (false)</p>
- <p>If set to true, this will make the button act like an inline button so the width is determined by the button's text. By default, this is null (false) so the button is full width, regardless of the feedback content. Possible values: true, false. This option is also exposed as a data attribute: <code>data-inline="true"</code></p>
- <pre><code>$('a').buttonMarkup(<strong>{ inline: "true" }</strong>);</code></pre>
- <a href="#" data-role="button" data-inline="true">Inline</a>
- </dd>
-
- <dt><code>shadow</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: true</p>
- <p>Applies the drop shadow style to the button if set to true. This option is also exposed as a data attribute: <code>data-shadow="false"</code></p>
- <pre><code>$('a').buttonMarkup(<strong>{ shadow: "false" }</strong>);</code></pre>
- <a href="#" data-role="button" data-shadow="false">No button shadow</a>
- </dd>
-
- <dt><code>theme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme="a"</code></p>
- <pre><code>$('a').buttonMarkup(<strong>{ theme: "a" }</strong>);</code></pre>
- <a href="#" data-role="button" data-theme="a">Theme A</a>
- </dd>
- </dl>
-
- <div class="ui-body ui-body-e">
- <p>The following option applies only to <strong>form buttons</strong>, which are automatically initialized by the framework:</p>
- </div>
-
- <dl>
- <dt><code>initSelector</code> <em>CSS selector string</em></dt>
- <dd>
- <p class="default">default: "button, [type='button'], [type='submit'], [type='reset'], [type='image']"</p>
- <p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as form buttons. To change which elements are initialized, bind this option to the <a href="../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.button.prototype.options.initSelector = ".myButtons";</strong>
-});
-</code></pre>
- </dd>
- </dl>
-
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Buttons</li>
- <li data-theme="a"><a href="buttons-types.html">Button basics</a></li>
- <li><a href="buttons-icons.html">Button icons</a></li>
- <li><a href="buttons-inline.html">Inline buttons</a></li>
- <li><a href="buttons-grouped.html">Grouped buttons</a></li>
- <li><a href="buttons-themes.html">Theming buttons</a></li>
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Theming buttons</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Theming buttons</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <h2>Theming buttons</h2>
-
- <p>jQuery Mobile has a rich <a href="../api/themes.html">theming system</a> that gives you full control of how buttons are styled. When a link is added to a container, it is automatically assigned a theme swatch letter that matches its parent bar or content box to visually integrate the button into the parent container, like a chameleon. So a button placed inside a content container with a theme of "a" (black in the default theme) will be automatically assigned the button theme of "a" (charcoal in the default theme). Here are examples of the button theme pairings in the default theme. All buttons have the same HTML markup: </p>
-
- <div class="ui-body ui-body-a"><h4>A swatch</h4><a href="index.html" data-role="button">Button</a></div>
- <div class="ui-body ui-body-b"><h4>B swatch</h4><a href="index.html" data-role="button">Button</a></div>
- <div class="ui-body ui-body-c"><h4>C swatch</h4><a href="index.html" data-role="button">Button</a></div>
- <div class="ui-body ui-body-d"><h4>D swatch</h4><a href="index.html" data-role="button">Button</a></div>
- <div class="ui-body ui-body-e"><h4>E swatch</h4><a href="index.html" data-role="button">Button</a></div>
-
- <h2>Assigning theme swatches</h2>
- <p>Buttons can be manually assigned any of the button color swatches from the theme to add visual contrast with the container they sit inside by adding the <code> data-theme</code> attribute on the button markup and specifying a swatch letter. </p>
-
-<pre><code>
-<a href="index.html" data-role="button" data-theme="a">Theme a</a>
-</code></pre>
-
- <p>Here are 5 buttons with icons that have a different swatch letter assigned via the <code> data-theme</code> attribute.</p>
-
- <a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
- <a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
- <a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
- <a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
- <a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
-
- <h2>Theme variations</h2>
-
- <p><strong>"a" theme</strong> on container with themed buttons inside</p>
- <div class="ui-body ui-body-a">
- <a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
- <a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
- <a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
- <a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
- <a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
- </div>
-
- <p><strong>"b" theme</strong> on container with themed buttons inside</p>
- <div class="ui-body ui-body-b">
- <a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
- <a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
- <a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
- <a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
- <a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
- </div>
-
- <p><strong>"c" theme</strong> on container with themed buttons inside</p>
- <div class="ui-body ui-body-c">
- <a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
- <a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
- <a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
- <a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
- <a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
- </div>
-
- <p><strong>"d" theme</strong> on container with themed buttons inside</p>
- <div class="ui-body ui-body-d">
- <a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
- <a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
- <a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
- <a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
- <a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
- </div>
-
- <p><strong>"e" theme</strong> on container with themed buttons inside</p>
- <div class="ui-body ui-body-e">
- <a href="index.html" data-role="button" data-theme="a" data-icon="arrow-l" data-inline="true">Theme a</a>
- <a href="index.html" data-role="button" data-theme="b" data-icon="arrow-l" data-inline="true">Theme b</a>
- <a href="index.html" data-role="button" data-theme="c" data-icon="arrow-l" data-inline="true">Theme c</a>
- <a href="index.html" data-role="button" data-theme="d" data-icon="arrow-l" data-inline="true">Theme d</a>
- <a href="index.html" data-role="button" data-theme="e" data-icon="arrow-l" data-inline="true">Theme e</a>
- </div>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Buttons</li>
- <li><a href="buttons-types.html">Button basics</a></li>
- <li><a href="buttons-icons.html">Button icons</a></li>
- <li><a href="buttons-inline.html">Inline buttons</a></li>
- <li><a href="buttons-grouped.html">Grouped buttons</a></li>
- <li data-theme="a"><a href="buttons-themes.html">Theming buttons</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Button types</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Button basics</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <h2>Button basics</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="buttons-types.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
- <li><a href="buttons-options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="buttons-methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="buttons-events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
-
- <p>Buttons are coded with standard HTML anchor and input elements, then enhanced by jQuery Mobile to make them more attractive and useable on a mobile device. Use anchor links (<code>a</code> elements) to mark up navigation buttons, and <code>input</code> or <code>button</code> elements for form submission. View the <a href="../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to buttons.</p>
-
- <h2>Styling links as buttons</h2>
-
- <p>In the main content block of a page, you can style any anchor link as a button by adding the <code>data-role="button"</code> attribute. The framework will enhance the link with markup and classes to style the link as a button. For example, this markup: </p>
-
-<code>
-<a href="index.html" data-role="button">Link button</a>
-</code>
-
- <p>Produces this <strong>link-based</strong> button:</p>
- <a href="index.html" data-role="button">Link button</a>
-
- <p>Links styled like buttons have all the same visual options as true form-based buttons below, but there are a few important differences. Link-based buttons aren't part of the <code>button</code> plugin and only just use the underlying <code>buttonMarkup</code> plugin to generate the button styles so the form button methods (enable, disable, refresh) aren't supported. If you need to disable a link-based button (or any element), it's possible to apply the disabled class ui-disabled yourself with JavaScript to achieve the same effect.</p>
-
- <h2>Form buttons</h2>
- <p>For ease of styling, the framework automatically converts any <code>button</code> or <code>input</code> element with a <code>type</code> of <code>submit</code>, <code>reset</code>, <code>button</code>, or <code>image</code> into a custom styled button — there is no need to add the <code> data-role="button"</code> attribute. However, if needed, you can directly call the button plugin on any selector, just like any jQuery plugin:</p>
-
-<code>
-$('[type='submit']').button();
-</code>
-
- <p>To preserve events bound to the original <code>button</code> or <code>input</code>, the framework hides the original element by making it transparent and positioning it over the new button markup. When a user clicks on the the custom-styled button, they're actually clicking on the original element. To prevent a form button from being converted into an enhanced button, add the <code>data-role="none"</code> attribute and hte native control will be rendered.</p>
-
- <p><strong>Button</strong> based button:</p>
- <button>Button element</button>
-
- <p><strong>Input type="button"</strong> based button:</p>
- <input type="button" value="buttonBtn" />
-
- <p><strong>Input type="submit"</strong> based button:</p>
- <input type="submit" value="submitBtn" />
-
- <p><strong>Input type="reset"</strong> based button:</p>
- <input type="reset" value="resetBtn" />
-
- <p><strong>Input type="image"</strong> based button:</p>
- <input type="image" value="imageBtn" />
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Buttons</li>
- <li data-theme="a"><a href="buttons-types.html">Button basics</a></li>
- <li><a href="buttons-icons.html">Button icons</a></li>
- <li><a href="buttons-inline.html">Inline buttons</a></li>
- <li><a href="buttons-grouped.html">Grouped buttons</a></li>
- <li><a href="buttons-themes.html">Theming buttons</a></li>
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Buttons</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f">
- <h1>Buttons</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <p>Buttons are core widgets in jQuery Mobile, and are used within a wide range of other plugins.</p>
-
- <ul data-role="listview" data-inset="true">
- <li><a href="buttons-types.html">Button basics</a></li>
- <li><a href="buttons-icons.html">Button icons</a></li>
- <li><a href="buttons-inline.html">Inline buttons</a></li>
- <li><a href="buttons-grouped.html">Grouped buttons</a></li>
- <li><a href="buttons-themes.html">Theming buttons</a></li>
- </ul>
- </div>
- </div><!-- /content -->
-
-
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script>
- $(document).bind("mobileinit", function(){
- $.mobile.defaultDialogTransition = 'flip';
- });
- </script>
-
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f">
- <h1>Config applied</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <h2>defaultDialogTransition is now "flip"</h2>
- <p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
- <a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
- <a href="../pages/dialog.html" data-role="button" data-rel="dialog">Or open a basic dialog</a>
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
- <link rel="apple-touch-icon" href="../_assets/images/ios_icon.png"/>
- <link rel="apple-touch-startup-image" href="../_assets/images/ios_startup.png" />
- <title>jQuery Mobile Docs - Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script>
- $(document).bind("mobileinit", function() {
- if (!!window.navigator.standalone) {
- $.mobile.page.prototype.options.addBackBtn = true;
- }
- });
- </script>
-
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f">
- <h1>jQuery Mobile</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div>
-
- <div data-role="content">
-
- <h2>Fullscreen docs in iOS</h2>
- <p>First, hit Add to Home Screen to create a new shortcut icon on the home screen. Next, open the new shortcut and hit the button below to browse the docs as a fullscreen web app.</p>
- <a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
-
- </div>
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f">
- <h1>Pages</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <h2>Global config tests</h2>
- <p>The following links will cause a full page refresh so that the global options configuration can take effect. Each link below will tweak a different option for quick testing.</p>
-
-
- <ul data-role="listview" data-inset="true">
- <li>
- <a href="pushState.html" data-ajax="false">
- <h3>pushStateEnabled - False</h3>
- <p>Enhancement to use history.replaceState in supported browsers, to convert the hash-based Ajax URL into the full document path. </p>
- </a>
- </li>
- <li>
- <a href="touchOverflow.html" data-ajax="false">
- <h3>touchOverflowEnabled - True</h3>
- <p>Enable smoother page transitions and true fixed toolbars in devices that support both the overflow: and overflow-scrolling: touch; CSS properties.</p>
- </a>
- </li>
- <li>
- <a href="pageTransition.html" data-ajax="false">
- <h3>defaultPageTransition - Fade</h3>
- <p>Set the default transition for page changes that use Ajax. Set to 'none' for no transitions by default.</p>
- </a>
- </li>
- <li>
- <a href="dialogTransition.html" data-ajax="false">
- <h3>defaultDialogTransition - Flip</h3>
- <p>Set the default transition for dialog changes that use Ajax. Set to 'none' for no transitions by default.</p>
- </a>
- </li>
- <li>
- <a href="minScrollBack.html" data-ajax="false">
- <h3>minScrollBack - 999</h3>
- <p>Minimum scroll distance that will be remembered when returning to a page.</p>
- </a>
- </li>
- <li>
- <a href="loadingMessage.html" data-ajax="false">
- <h3>loadingMessage - false</h3>
- <p>Set the text that appears when a page is loading. If set to false, the message will not appear at all.</p>
- </a>
- </li>
- <li>
- <a href="pageLoadErrorMessage.html" data-ajax="false">
- <h3>pageLoadErrorMessage - "Yikes, we broke the internet!"</h3>
- <p>Set the text that appears when a page fails to load through Ajax.</p>
- </a>
- </li>
- <li>
- <a href="iOSFullscreen.html" data-ajax="false">
- <h3>apple-mobile-web-app-capable meta tag</h3>
- <p>View the docs without browser chrome in iOS.</p>
- </a>
- </li>
- <li>
- <a href="jq17b1.html" data-ajax="false">
- <h3>jQuery core version 1.7 Beta 1</h3>
- <p>Test the docs with the latest jQuery core version</p>
- </a>
- </li>
- </ul>
-
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="http://code.jquery.com/jquery-1.7b1.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f">
- <h1>jQuery version</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <h2>jQuery core version 1.7 Beta 1</h2>
- <p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
- <a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
-
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script>
- $(document).bind("mobileinit", function(){
- $.mobile.loadingMessage = false;
- });
- </script>
-
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f">
- <h1>Config applied</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <h2>loadingMessage is now disabled</h2>
- <p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
- <a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
-
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script>
- $(document).bind("mobileinit", function(){
- $.mobile.minScrollBack = 999;
- });
- </script>
-
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f">
- <h1>Config applied</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <h2>minScrollBack is now set to 999 (disabled)</h2>
- <p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
- <a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
-
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script>
- $(document).bind("mobileinit", function(){
- $.mobile.pageLoadErrorMessage = 'Yikes, we broke the internet!';
- });
- </script>
-
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f">
- <h1>Config applied</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <h2>pageLoadErrorMessage is now "Yikes, we broke the internet!"</h2>
- <p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
- <a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
- <a href="broken.html" data-role="button" data-rel="dialog">Or try this broken link</a>
-
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script><!-- Moving the docs JS up here because it was overriding with my override -->
-
- <script>
- $(document).bind("mobileinit", function(){
- $.mobile.defaultPageTransition = 'fade';
- });
- </script>
-
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f">
- <h1>Config applied</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <h2>defaultPageTransition is now "fade"</h2>
- <p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
- <a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script>
- $(document).bind("mobileinit", function(){
- $.mobile.pushStateEnabled = false;
- });
- </script>
-
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f">
- <h1>Config applied</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <h2>pushStateEnabled is now disabled</h2>
- <p>To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
- <a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
-
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script>
- $(document).bind("mobileinit", function(){
- $.mobile.touchOverflowEnabled = true;
- });
- </script>
-
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f" data-position="fixed">
- <h1>Config applied</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <h2>touchOverflowEnabled is now active</h2>
- <p>The toolbar on this page should now be fixed, like a native toolbar. To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.</p>
- <a href="../../index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Browse docs</a>
- <a href="../pages/touchoverflow.html" data-role="button" data-icon="arrow-r" data-iconpos="right">touchOverflow docs</a>
-
- <h3>Some good pages to test out:</h3>
- <a href="../toolbars/bars-fixed.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Fixed toolbars</a>
- <a href="../toolbars/bars-fullscreen.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Fullscreen toolbars</a>
- <a href="../toolbars/footer-persist-a.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Fixed persistent footer</a>
- <a href="../pages/page-dialogs.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Dialogs & transitions</a>
-
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Content formatting</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Content formatting API</h1>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="c">
-
- <h2>Dependencies</h2>
- <p>To be documented</p>
-
- <h2>Options</h2>
- <p>To be documented</p>
-
- <h2>Methods</h2>
- <p>To be documented</p>
-
- <h2>Known Issues</h2>
- <p>To be documented</p>
-
-
-
- </div><!-- /content -->
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Collapsible Content</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Collapsible sets (Accordions)</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <h2>Collapsible set markup</h2>
- <p>Collapsible sets start with the exact same markup as <a href="content-collapsible.html">individual collapsibles</a>. By adding a parent wrapper with a <code> data-role="collapsible-set"</code> attribute around a number of collapsibles, the framework will style these to looks like a visually grouped widget and make it behave like an accordion so only one section can be open at a time. View the <a href="../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to collapsible sets.</p>
- <p>By default, all the sections will be collapsed. To set a section to be open when the page loads, add the <code> data-collapsed="false"</code> attribute to the heading of the section you want expanded.</p>
-
- <pre><code>
-<strong><div data-role="collapsible-set"></strong>
-
- <div data-role="collapsible" <strong>data-collapsed="false"</strong>>
- <h3>Section 1</h3>
- <p>I'm the collapsible set content for section B.</p>
- </div>
-
- <div data-role="collapsible">
- <h3>Section 2</h3>
- <p>I'm the collapsible set content for section B.</p>
- </div>
-
-<strong></div></strong>
- </code></pre>
-
-
- <p>Here is an example of a collapsible set with 5 sections.</p>
-
- <div data-role="collapsible-set">
- <div data-role="collapsible" data-collapsed="false">
- <h3>Section 1</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm open by default because I have the <code>data-collapsed="false"</code> attribute.</p>
- </div>
- <div data-role="collapsible">
- <h3>Section 2</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- <div data-role="collapsible">
- <h3>Section 3</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- <div data-role="collapsible">
- <h3>Section 4</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- <div data-role="collapsible">
- <h3>Section 5</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- </div>
-
- <h2>Theming collapsible content</h2>
- <p>The standard <code>data-theme</code> attribute can be used to set the color of each collapsible in a set. To provide a clearer visual grouping of the content with the headers, add the <code>data-content-theme</code> attribute with a swatch letter. This adds a themed background color and border to the content block. For consistent theming, add these attributes to the parent collapsible set.</p>
-
-
-<pre><code>
-<div data-role="collapsible-set" <strong>data-theme="c" data-content-theme="d"</strong>>
-</code></pre>
-
-
- <div data-role="collapsible-set" data-theme="c" data-content-theme="d">
- <div data-role="collapsible">
- <h3>Section 1</h3>
- <p>Collapsible content</p>
- </div>
- <div data-role="collapsible">
- <h3>Section 2</h3>
- <p>Collapsible content</p>
-
- </div>
- <div data-role="collapsible">
- <h3>Section 3</h3>
- <p>Collapsible content</p>
- </div>
- </div>
-
-
- <h2>Theming individual sections</h2>
- <p>To have individual sections in a group styled differently, add <code>data-theme</code> and <code>data-content-theme</code> attributes to specific collapsibles.</p>
-
- <div data-role="collapsible-set" data-content-theme="c">
- <div data-role="collapsible" data-theme="b" data-content-theme="b">
- <h3>Section header, swatch B</h3>
- <p>Collapsible content, swatch B</p>
-
- </div>
- <div data-role="collapsible" data-theme="a" data-content-theme="a">
- <h3>Section header, swatch A</h3>
- <p>Collapsible content, swatch A</p>
- </div>
- <div data-role="collapsible" data-theme="e" data-content-theme="d">
- <h3>Section header, swatch E</h3>
- <p>Collapsible content, swatch D</p>
- </div>
- </div>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Content Formatting</li>
- <li><a href="content-html.html">Basic HTML styles</a></li>
- <li><a href="content-grids.html">Layout grids (columns)</a></li>
- <li><a href="content-collapsible.html">Collapsible content blocks</a></li>
- <li data-theme="a"><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
- <li><a href="content-themes.html">Theming content</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Collapsible Content</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Collapsible content</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <h2>Collapsible content markup</h2>
- <p>To create a collapsible block of content, create a container and add the <code> data-role="collapsible"</code> attribute. Using <code>data-content-theme</code> attribute allows you to set a theme for the content of the collapsible. View the <a href="../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to collapsibles.</p>
-
- <p>Directly inside this container, add any header element (H1-H6). The framework will style the header to look like a clickable button and add a "+" icon to the left to indicate it's expandable.</p>
-
- <p>After the header, add any HTML markup you want to be collapsible. The framework will wrap this markup in a container that will be hidden/shown when the heading is clicked.</p>
-
- <p>By default, the content will be collapsed.</p>
-<pre><code>
-<div <strong>data-role="collapsible"</strong>>
- <h3>I'm a header</h3>
- <p>I'm the collapsible content. By default I'm closed, but you can click the header to open me.</p>
-</div>
-</code></pre>
-
-
- <div data-role="collapsible">
- <h3>I'm a header</h3>
- <p>I'm the collapsible content. By default I'm closed, but you can click the header to open me.</p>
- </div>
-
- <h2>Expanding collapsibles on load</h2>
-
- <p>To expand the content when the page loads, add the <code>data-collapsed="false"</code> attribute to the wrapper.</p>
-
- <code>
- <div data-role="collapsible" <strong>data-collapsed="false"></strong>
- </code>
-
- <p>This code will create a collapsible widget like this:</p>
-
-
- <div data-role="collapsible" data-collapsed="false">
- <h3>I'm a header</h3>
- <p>I'm the collapsible content. I'm expanded by default because I have the "collapsed" state set to false.</p>
- </div>
-
- <h2>Theming collapsible content</h2>
-
-
- <p>Collapsible content is minimally styled — we add only a bit of margin between the bar and content, and the header adopts the default Theme styles of the container it sits within.</p>
-
- <p>To provide a stronger visual connection between the collapsible header and content, add the <code>data-content-theme</code> attribute to the wrapper and specify a theme swatch letter. This will apply the swatch's border and <em>flat</em> background color (not the gradient) to the content block and changes the corner rounding to square off the bottom of the header and round the bottom of the content block instead to visually group these elements.</p>
-
-<pre><code>
-<div data-role="collapsible" <strong>data-content-theme="c"</strong>>
- <h3>Header swatch A</h3>
- <p>I'm the collapsible content with a themed content block set to "C".</p>
-</div>
-</code></pre>
-
- <div data-role="collapsible" data-content-theme="c">
- <h3>Header swatch</h3>
- <p>I'm the collapsible content with a themed content block set to "C".</p>
- </div>
-
- <h2>Theming collapsible headers</h2>
- <p>To set the theme on a collapsible header button, add the <code>data-theme</code> attribute to the wrapper and specify a swatch letter. Note that you can mix and match swatch letters between the header and content with these theme attributes.</p>
-
-<pre><code>
-<div data-role="collapsible" <strong>data-theme="a" data-content-theme="a"</strong>>
- <h3>Header swatch A</h3>
- <p>I'm the collapsible content with a themed content block set to "A".</p>
-</div>
-</code></pre>
-
- <div data-role="collapsible" data-theme="a" data-content-theme="a">
- <h3>Header swatch A</h3>
- <p>I'm the collapsible content with a themed content block set to "A".</p>
- </div>
-
-
-
- <div data-role="collapsible" data-theme="b" data-content-theme="d">
- <h3>Header swatch B</h3>
- <p>I'm the collapsible content with a themed content block set to "D".</p>
- </div>
-
-
-
- <h2>Nested Collapsibles</h2>
-
- <p>Collapsibles can be nested inside each other if needed. In this example, we're setting the content theme to provide clearer visual connection between the levels.</p>
- <div data-role="collapsible" data-collapsed="false" data-theme="e" data-content-theme="c">
- <h3>I'm a header</h3>
- <p>I'm the collapsible content. By default I'm open and displayed on the page, but you can click the header to hide me.</p>
-
- <div data-role="collapsible" data-theme="c" data-content-theme="c">
- <h3>I'm a nested collapsible with a child collapsible</h3>
- <p>I'm a child collapsible.</p>
- <div data-role="collapsible" data-theme="d" data-content-theme="d">
- <h3>Nested inside again.</h3>
- <p>Three levels deep now.</p>
- </div><!-- /section 1A -->
- </div><!-- /section 1 -->
-
-
- <div data-role="collapsible" data-content-theme="c">
- <h3>Section 3: Form elements</h3>
- <form action="#" method="get">
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </div>
- <div data-role="fieldcontain">
- <label for="slider">Input slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
- </div>
- <fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit" data-theme="c">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
- </fieldset>
- </form>
- </div><!-- /section 2 -->
-
- <div data-role="collapsible" data-content-theme="c">
- <h3>Section 4: Collapsed list</h3>
- <p>Here is an inset list:</p>
- <ul data-role="listview" data-inset="true" data-theme="d">
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- </ul>
- </div><!-- /section 3 -->
- </div>
-
-
-
- <h2>Collapsible sets (accordions)</h2>
- <p>It's possible to combine multiple collapsibles into a grouped sets that acts like an accordion widget. <a href="content-collapsible-set.html">Learn more</a></p>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Content Formatting</li>
- <li><a href="content-html.html">Basic HTML styles</a></li>
- <li><a href="content-grids.html">Layout grids (columns)</a></li>
- <li data-theme="a"><a href="content-collapsible.html">Collapsible content blocks</a></li>
- <li><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
- <li><a href="content-themes.html">Theming content</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Content Grids</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Layout grids</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <p>Using multiple column layouts isn't generally recommended on a mobile device because of the narrow screen width, but there are times where you may need to place small elements side-by-side (like buttons or navigation tabs, for example). </p>
-
- <p>The jQuery Mobile framework provides a simple way to build CSS-based columns through a block style class convention called <code>ui-grid</code>. </p>
-
- <p>There are four preset configurations layouts that can be used in any situation that requires columns:</p>
- <ul>
- <li><strong>two</strong>-column (using the <code>ui-grid-a</code> class)</li>
- <li><strong>three</strong>-column (using the <code>ui-grid-b</code> class)</li>
- <li><strong>four</strong>-column (using the <code>ui-grid-c</code> class)</li>
- <li><strong>five</strong>-column (using the <code>ui-grid-d</code> class)</li>
- </ul>
-
- <p>Grids are 100% width, completely invisible (no borders or backgrounds) and don't have padding or margins, so they shouldn't interfere with the styles of elements placed inside them. </p>
- <p>Within the grid container, child elements are assigned <code>ui-block-a/b/c/d</code> in a sequential manner which makes each "block" element float side-by-side, forming the grid. The <code>ui-block-a</code> class essentially clears the floats which will start a new line (see multiple row grids, below).</p>
-
- <h2>Two column grids</h2>
- <p>To build a two-column (50/50%) layout, start with a container with a <code>class</code> of <code>ui-grid-a</code>, and add two child containers inside it classed with <code>ui-block-a</code> for the first column and <code>ui-block-b</code> for the second:</p>
-
-<pre><code>
-<div class="ui-grid-a">
- <div class="ui-block-a"><strong>I'm Block A</strong> and text inside will wrap</div>
- <div class="ui-block-b"><strong>I'm Block B</strong> and text inside will wrap</div>
-</div><!-- /grid-a -->
-</code></pre>
-
-
-
- <p>The above markup produces the following content layout:</p>
-
- <div class="ui-grid-a">
- <div class="ui-block-a"><strong>I'm Block A</strong> and text inside will wrap.</div>
- <div class="ui-block-b"><strong>I'm Block B</strong> and text inside will wrap.</div>
- </div><!-- /grid-a -->
-
- <p>As you see above, by default grid blocks have no visual styling; they simply present content side-by-side.</p>
-
- <p>Grid classes can be applied to any container. In this next example, we add <code>ui-grid-a</code> to a <code>fieldset</code>, and apply the <code>ui-block</code> classes to the two buttons inside to stretch them each to 50% of the screen width:</p>
-
-<pre><code>
-<fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit" data-theme="c">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
-</fieldset>
-</code></pre>
-
- <fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit" data-theme="c">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
- </fieldset>
-
-
- <p>Theme classes (not data-theme attributes) from the <a href="../api/themes.html">theming system</a> can be added to an element, including grids. On the blocks below, we're adding two classes: <code>ui-bar</code> to add the default bar padding and <code>ui-bar-e</code> to apply the background gradient and font styling for the "e" toolbar theme swatch. For illustration purposes, an inline <code>style="height:120px"</code> attribute is also added to each grid to set each to a standard height. </p>
-
- <div class="ui-grid-a">
- <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">Block A</div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">Block B</div></div>
- </div><!-- /grid-a -->
-
- <h2>Three-column grids</h2>
- <p>The other grid layout configuration uses <code>class=ui-grid-b</code> on the parent, and 3 child container elements, each with its respective <code>ui-block-a/b/c</code> class, to create a three-column layout (33/33/33%). Note: These blocks are also styled with theme classes so the grid layout is clearly visible.</p>
-
-<pre><code>
-<div class="ui-grid-b">
- <div class="ui-block-a">Block A</div>
- <div class="ui-block-b">Block B</div>
- <div class="ui-block-c">Block C</div>
-</div><!-- /grid-b -->
-</code></pre>
-
- <p>This will produce a 33/33/33% grid for our content.</p>
-
- <div class="ui-grid-b">
- <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">Block A</div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">Block B</div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">Block C</div></div>
- </div><!-- /grid-b -->
-
- <p>And an example of a 3 column grid with buttons inside:</p>
-
- <fieldset class="ui-grid-b">
- <div class="ui-block-a"><button type="submit" data-theme="c">Hmm</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="a">No</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="b">Yes</button></div>
- </fieldset>
-
- <h2>Four-column grids</h2>
-
- <p>A four-column, 25/25/25/25% grid is created by specifying <code>class=ui-grid-c</code> on the parent and adding a fourth block. Note: These blocks are also styled with theme classes so the grid layout is clearly visible.</p>
-
- <div class="ui-grid-c">
- <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
- <div class="ui-block-d"><div class="ui-bar ui-bar-e" style="height:120px">D</div></div>
- </div><!-- /grid-c -->
-
- <h2>Five-column grids</h2>
- <p>A five-column, 20/20/20/20/20% grid is created by specifying <code>class=ui-grid-d</code> on the parent and adding a fourth block. Note: These blocks are also styled with theme classes so the grid layout is clearly visible.</p>
-
- <div class="ui-grid-d">
- <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
- <div class="ui-block-d"><div class="ui-bar ui-bar-e" style="height:120px">D</div></div>
- <div class="ui-block-e"><div class="ui-bar ui-bar-e" style="height:120px">E</div></div>
- </div><!-- /grid-c -->
-
- <h2>Multiple row grids</h2>
-
- <p>Grids are designed to wrap to multiple rows of items. For example, if you specify a 3-column grid (ui-grid-b) on a container that has nine child blocks, it will wrap to 3 rows of 3 items each. There is a CSS rule to clear the floats and start a new line when the <code>class=ui-block-a</code> is seen so make sure to assign block classes in a repeating sequence (a, b, c, a, b, c, etc.) that maps to the grid type:</p>
-
- <div class="ui-grid-b">
- <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
- </div><!-- /grid-c -->
-
-
- <h2>Grids in toolbars</h2>
- <p>Grids are helpful for creating layouts within a toolbar. Here's a footer with a 3 column grid.</p>
- <!-- NOTE: Inline styles are for demo purposes only, please use external styles -->
- <div data-role="footer" data-theme="a" class="ui-bar ui-grid-c">
- <div class="ui-block-a"><h3 style="margin-top:10px;">Settings</h3></div>
- <div class="ui-block-b"><label for="value" style="margin:8px 10px 0 0; text-align:right;">Price</label> </div>
- <div class="ui-block-c"><input id="value" value="5,000"></div>
- <div class="ui-block-d"><div style="margin:6px 0 0 10px;"><button type="submit" data-theme="b">Update</button></div></div>
- </div><!-- /footer -->
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Content Formatting</li>
- <li><a href="content-html.html">Basic HTML styles</a></li>
- <li data-theme="a"><a href="content-grids.html">Layout grids (columns)</a></li>
- <li><a href="content-collapsible.html">Collapsible content blocks</a></li>
- <li><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
- <li><a href="content-themes.html">Theming content</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - HTML formatting</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>HTML Formatting</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <style>
- table { width:100%; }
- table caption { text-align:left; }
- table thead th { text-align:left; border-bottom-width:1px; border-top-width:1px; }
- table th, td { text-align:left; padding:6px;}
- </style>
-
-
-
-
- <p>The default approach to styling content in jQuery Mobile is simple: Use a light hand. Our goal is to let the browser's native rendering take precedence; we add a bit of padding for more comfortable readability, and use the <a href="../api/themes.html">theming system</a> to apply the font family and colors. </p>
- <p>Taking a light hand with content styling gives designers and developers a clean slate to work with, instead of fighting against a lot of complex style overhead.</p>
-
- <h2>Default HTML markup styling</h2>
- <p>By default, jQuery Mobile themes use standard HTML styles and sizes for standard markup elements like headers, paragraph content, block quotes, anchor links, standard ordered, unordered and definition lists, and tables — as shown in the examples below:</p>
- <hr>
-
- <h1>H1 Heading</h1>
- <h2>H2 Heading</h2>
- <h3>H3 Heading</h3>
- <h4>H4 Heading</h4>
- <h5>H5 Heading</h5>
- <h6>H6 Heading</h6>
-
- <p>This is a paragraph that contains <strong>strong</strong>, <em>emphasized</em> and <a href="index.html">linked</a> text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.</p>
-
- <blockquote>How about some blockquote action with a <cite>cite</cite></blockquote>
-
- <p>This is another paragraph of text so you can see how HTML markup works in content. This is another paragraph of text so you can see how HTML markup works in content. This is another paragraph of text so you can see how HTML markup works in content.</p>
-
- <p>We add a few styles to <code>tables</code> and <code>fieldsets</code> to make them more legible, which are easily overridden with customs styles.</p>
-
- <ul>
- <li>Unordered list item 1</li>
- <li>Unordered list item 1</li>
- <li>Unordered list item 1</li>
- </ul>
-
- <ol>
- <li>Ordered list item 1</li>
- <li>Ordered list item 1</li>
- <li>Ordered list item 1</li>
- </ol>
-
- <dl title="Definition list">
- <dt>Definition term</dt>
- <dd>I'm the definition text</dd>
- <dt>Definition term</dt>
- <dd>I'm the definition text</dd>
- </dl>
-
-
-
- <table summary="This table lists all the JetBlue flights.">
- <caption>Travel Itinerary</caption>
- <thead>
- <tr>
- <th scope="col">Flight:</th>
- <th scope="col">From:</th>
- <th scope="col">To:</th>
- </tr>
- </thead>
- <tfoot>
- <tr>
- <td colspan="5">Total: 3 flights</td>
- </tr>
- </tfoot>
- <tbody>
- <tr>
- <th scope="row">JetBlue 983</th>
- <td>Boston (BOS)</td>
- <td>New York (JFK)</td>
- </tr>
- <tr>
- <th scope="row">JetBlue 354</th>
- <td>San Francisco (SFO)</td>
- <td>Los Angeles (LAX)</td>
- </tr>
- <tr>
- <th scope="row">JetBlue 465</th>
- <td>New York (JFK)</td>
- <td>Portland (PDX)</td>
- </tr>
- </tbody>
- </table>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Content Formatting</li>
- <li data-theme="a"><a href="content-html.html">Basic HTML styles</a></li>
- <li><a href="content-grids.html">Layout grids (columns)</a></li>
- <li><a href="content-collapsible.html">Collapsible content blocks</a></li>
- <li><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
- <li><a href="content-themes.html">Theming content</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Content Themes</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Theming content</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Theming the content area</h2>
- <p>The main content area of a page (container with the <code> data-role="content"</code> attribute) should be themed by adding the <code> data-theme</code> attribute to the <code> data-role="page"</code> container to ensure that the background colors are applied to the full page, regardless of the content length. (If you add the <code> data-theme</code> attribute to the content container, the background color will stop after the content. So there may be a gap in color between the content and fixed footer.)</p>
- <p>Additionally, the content area of a collapsible can be themed to match the theme of the collapsible header using the <code>data-content-theme</code> attribute.</p>
-
-<code>
-<div data-role="page" <strong> data-theme="a"</strong> <strong>data-content-theme="a"</strong>>
-</code>
-
- <h2>Theming collapsible blocks</h2>
- <p>To set the color of the collapsible header, add the <code> data-theme</code> attribute to the collapsible container. The icon and body are not currently themable through data attributes, but can be styled directly with custom css.</p>
-
-<code>
-<div data-role="collapsible" data-collapsed="true" <strong> data-theme="a"></strong>
-</code>
- <h2>Themed examples</h2>
-
- <p><strong>A</strong> theme swatch on content & collapsible</p>
- <div class="ui-body ui-body-a">
- <h1>H1 Heading</h1>
- <p>This is a paragraph that contains <strong>strong</strong>, <em>emphasized</em> and <a href="index.html">linked</a> text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.</p>
- <div data-role="collapsible" data-collapsed="true" data-theme="a">
- <h3>I'm a themed collapsible</h3>
- <p>I have <code> data-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
- </div><!-- /collapsible -->
- <div data-role="collapsible" data-theme="a" data-content-theme="a">
- <h3>I'm a themed collapsible with a themed content</h3>
- <p>I have <code> data-content-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
- </div>
- </div><!-- /themed container -->
-
- <p><strong>B</strong> theme swatch on content & collapsible</p>
- <div class="ui-body ui-body-b">
- <h1>H1 Heading</h1>
- <p>This is a paragraph that contains <strong>strong</strong>, <em>emphasized</em> and <a href="index.html">linked</a> text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.</p>
- <div data-role="collapsible" data-collapsed="true" data-theme="b">
- <h3>I'm a themed collapsible</h3>
- <p>I have <code> data-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
- </div><!-- /collapsible -->
- <div data-role="collapsible" data-theme="b" data-content-theme="b">
- <h3>I'm a themed collapsible with a themed content</h3>
- <p>I have <code> data-content-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
- </div>
- </div><!-- /themed container -->
-
- <p><strong>C</strong> theme swatch on content & collapsible</p>
- <div class="ui-body ui-body-c">
- <h1>H1 Heading</h1>
- <p>This is a paragraph that contains <strong>strong</strong>, <em>emphasized</em> and <a href="index.html">linked</a> text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.</p>
- <div data-role="collapsible" data-collapsed="true" data-theme="c">
- <h3>I'm a themed collapsible</h3>
- <p>I have <code> data-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
- </div><!-- /collapsible -->
- <div data-role="collapsible" data-theme="c" data-content-theme="c">
- <h3>I'm a themed collapsible with a themed content</h3>
- <p>I have <code> data-content-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
- </div>
- </div><!-- /themed container -->
-
- <p><strong>D</strong> theme swatch on content & collapsible</p>
- <div class="ui-body ui-body-d">
- <h1>H1 Heading</h1>
- <p>This is a paragraph that contains <strong>strong</strong>, <em>emphasized</em> and <a href="index.html">linked</a> text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.</p>
- <div data-role="collapsible" data-collapsed="true" data-theme="d">
- <h3>I'm a themed collapsible</h3>
- <p>I have <code> data-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
- </div><!-- /collapsible -->
- <div data-role="collapsible" data-theme="d" data-content-theme="d">
- <h3>I'm a themed collapsible with a themed content</h3>
- <p>I have <code> data-content-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
- </div>
- </div><!-- /themed container -->
-
- <p><strong>E</strong> theme swatch on content & collapsible</p>
- <div class="ui-body ui-body-e">
- <h1>H1 Heading</h1>
- <p>This is a paragraph that contains <strong>strong</strong>, <em>emphasized</em> and <a href="index.html">linked</a> text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.</p>
- <div data-role="collapsible" data-collapsed="true" data-theme="e">
- <h3>I'm a themed collapsible</h3>
- <p>I have <code> data-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
- </div><!-- /collapsible -->
- <div data-role="collapsible" data-theme="e" data-content-theme="e">
- <h3>I'm a themed collapsible with a themed content</h3>
- <p>I have <code> data-content-theme</code> attribute set manually on my container to set the color to match the content block I'm in. </p>
- </div>
- </div><!-- /themed container -->
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Content Formatting</li>
- <li><a href="content-html.html">Basic HTML styles</a></li>
- <li><a href="content-grids.html">Layout grids (columns)</a></li>
- <li><a href="content-collapsible.html">Collapsible content blocks</a></li>
- <li><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
- <li data-theme="a"><a href="content-themes.html">Theming content</a></li>
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Content formatting</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f">
- <h1>Content formatting</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <p>The content of pages in jQuery Mobile is completely open-ended, but the jQuery Mobile framework provides a number of helpful tools and widgets — such as collapsible panels and multiple-column grid layouts — to make it easy to format your content for mobile devices.</p>
-
-
-
-
- <ul data-role="listview" data-inset="true">
- <li><a href="content-html.html">Basic HTML styles</a></li>
- <li><a href="content-grids.html">Layout grids (columns)</a></li>
- <li><a href="content-collapsible.html">Collapsible content blocks</a></li>
- <li><a href="content-collapsible-set.html">Collapsible sets (accordions)</a></li>
- <li><a href="content-themes.html">Theming content</a></li>
- <!--<li><a href="api-content.html">API documentation</a></li>-->
- </ul>
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Checkboxes</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Checkboxes</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Checkboxes</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
- </ul>
-
- <p>Bind events directly to the <code>input</code> element. Use jQuery Mobile's <a href="../../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
- <pre><code>
-$("input[type='checkbox']").bind( "change", function(event, ui) {
- ...
-});
-</code></pre>
-
- <p>The checkbox plugin has the following custom events:</p>
-
- <dl>
-
- <dt><code>create</code> triggered when a checkbox is created</dt>
- <dd>
-
- <pre><code>
-$("input[type='checkbox']").checkboxradio({
- create: function(event, ui) { ... }
-});
- </code></pre>
- </dd>
-
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li data-theme="a"><a href="index.html">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Checkboxes</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Checkboxes</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Checkboxes</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>Checkboxes are used to provide a list of options where more than one can be selected. Traditional desktop checkboxes are not optimized for touch input so in jQuery Mobile, we style the <code>label</code> for the checkboxes so they are larger and look clickable. A custom set of icons are added to the label to provide additional visual feedback.</p>
-
- <p>Both the radio and checkbox controls below use standard input/label markup, but are styled to be more touch-friendly. The styled control you see is actually the label element, which sits over the real input, so if images fail to load, you'll still have a functional control. In most browsers, clicking the label automatically triggers a click on the input, but we've had to trigger the update manually for a few mobile browsers that don't do this natively. On the desktop, these controls are keyboard and screen-reader accessible. View the <a href="../../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to checkboxes.</p>
-
- <p>To create a single checkbox, add an <code>input</code> with a <code>type="checkbox"</code> attribute and a corresponding <code>label</code>. Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>input</code> so they are semantically associated.</p>
-
- <pre><code>
-<input type="checkbox" name="checkbox-1" id="checkbox-0" class="custom" />
-<label for="checkbox-0">I agree</label>
- </code></pre>
-
- <p>This will produce a basic checkbox. The default styles will set the width of the element to 100% of the parent container.</p>
-
- <input type="checkbox" name="checkbox-0" id="checkbox-0" class="custom" />
- <label for="checkbox-0">I agree</label>
-
-
-
- <p>Because checkboxes use the <code>label</code> element for the text displayed next to the checkbox form element, we recommend wrapping the checkbox in a <code>fieldset</code> element that has a <code>legend</code> which acts as the title for the question. Add the <code> data-role="controlgroup"</code> attribute to the <code>fieldset</code> so it can be styled in a parallel way as text inputs, selects or other form elements.</p>
-
- <p>Lastly, need to wrap the <code>fieldset</code> in a <code>div</code> with <code> data-role="controlgroup"</code> attribute to the <code>fieldset</code> so it can be styled in a parallel way as text inputs, selects or other form elements.</p>
-
-
-<pre><code>
-<div data-role="fieldcontain">
- <strong><fieldset data-role="controlgroup">
- <legend>Agree to the terms:</legend></strong>
- <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
- <label for="checkbox-1">I agree</label>
- <strong></fieldset></strong>
-</div>
-</code></pre>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Agree to the terms:</legend>
- <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
- <label for="checkbox-1">I agree</label>
- </fieldset>
- </div>
-
- <h2>Vertically grouped checkboxes</h2>
-
- <p>Typically, there are multiple checkboxes listed under a question title. To visually integrate multiple checkboxes into a grouped button set, the framework will automatically remove all margins between buttons and round only the top and bottom corners of the set if there is a <code> data-role="controlgroup"</code> attribute on the fie.</p>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose as many snacks as you'd like:</legend>
- <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
- <label for="checkbox-1a">Cheetos</label>
-
- <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
- <label for="checkbox-2a">Doritos</label>
-
- <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
- <label for="checkbox-3a">Fritos</label>
-
- <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
- <label for="checkbox-4a">Sun Chips</label>
- </fieldset>
- </div>
-
- <h2>Horizontal toggle sets</h2>
-
- <p>Checkboxes can also be used for grouped button sets where more than one button can be selected at once, such as the bold, italic and underline button group seen in word processors. To make a horizontal button set, add the <code> data-type="horizontal"</code> to the <code>fieldset</code>.</p>
-
-<code>
-<fieldset data-role="controlgroup" <strong>data-type="horizontal"</strong>>
-</code>
-
- <p>The framework will float the labels so they sit side-by-side on a line, hide the checkbox icons and only round the left and right edges of the group.</p>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
- <label for="checkbox-6">b</label>
-
- <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
- <label for="checkbox-7"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
- <label for="checkbox-8">u</label>
- </fieldset>
- </div>
-
-
-
-
- </form>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li data-theme="a"><a href="index.html">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Checkboxes</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Checkboxes</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Checkboxes</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The checkbox has the following methods:</p>
-
- <dl>
-
- <dt><code>enable</code> enable a disabled checkbox</dt>
- <dd>
- <pre><code>
- $("input[type='checkbox']").checkboxradio('enable');
- </code></pre>
- </dd>
-
- <dt><code>disable</code> disable a select.</dt>
- <dd>
- <pre><code>
-$("input[type='checkbox']").checkboxradio('disable');
- </code></pre>
- </dd>
-
- <dt><code>refresh</code> update the custom select</dt>
- <dd>
- If you manipulate a checkbox via JavaScript, you must call the refresh method on it to update the visual styling.
- <pre><code>
-$("input[type='checkbox']:first").attr("checked",true).checkboxradio("refresh");
- </code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li data-theme="a"><a href="index.html">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Checkboxes</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Checkboxes</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Checkboxes</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The checkbox has the following options:</p>
-
- <dl>
-
- <dt><code>theme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme="a"</code></p>
- <pre><code>$("input[type='checkbox']").checkboxradio(<strong>{ theme: "a" }</strong>);</code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li data-theme="a"><a href="index.html">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Forms</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Forms</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <p>jQuery Mobile provides a complete set of finger-friendly form elements that are based on native HTML form elements.</p>
-
- <h2>Form structure</h2>
-
- <p>All forms should be wrapped in a <code>form</code> tag that has an <code>action</code> and <code>method</code> that will handle the form data processing on the server.</p>
-
-<code>
-<form action="form.php" method="post">
-...
-</form>
-</code>
-
-
-<h2>Markup conventions</h2>
-<p>When constructing forms to be used in jQuery Mobile, most of the standard guidelines used to create forms that submit via normal HTTP post or get still apply. However, one thing to keep in mind is that the <code>id</code> attributes of form controls need to be not only unique on a given page, but also unique across the pages in a site. This is because jQuery Mobile's single-page navigation model allows many different "pages" to be present in the DOM at the same time, so you must be careful to use unique <code>id</code> attributes so there will be only one of each in the DOM (and of course, be sure to pair them properly with <code>label</code> elements via the <code>for</code> attribute).</p>
-
- <h2>Hiding labels accessibly</h2>
- <p>For the sake of accessibility, jQuery Mobile requires that all form elements be paired with a meaningful <code>label</code>. To hide labels in a way that leaves them visible to assistive technologies—for example, when letting an element’s <code>placeholder</code> attribute serve as a label—apply the helper class <code>ui-hidden-accessible</code> to the label itself:</p>
-<code>
-<pre>
-<label for="username" <strong>class="ui-hidden-accessible"</strong>>Username:</label>
-<input type="text" name="username" id="username" value="" placeholder="Username"/>
-</pre>
-</code>
-
- <p>To hide labels within a field container and adjust the layout accordingly, add the class <code>ui-hide-label</code> to the field container as in the following:</p>
-
-<code>
-<pre>
-<div data-role="fieldcontain" <strong>class="ui-hide-label"</strong>>
- <label for="username">Username:</label>
- <input type="text" name="username" id="username" value="" placeholder="Username"/>
-</div>
-</pre>
-</code>
-
- <p>Both of the above examples will render as:</p>
- <div data-role="fieldcontain" class="ui-hide-label">
- <label for="username">Username:</label>
- <input type="text" name="username" id="username" value="" placeholder="Username" />
- </div>
-
- <p>While the label will no longer be visible, it will be available to assisitive technologies such as screen readers.</p>
-
-
- <h2>Disabling form elements</h2>
- <p>All jQuery Mobile widgets can be disabled in the markup by adding the standard <code>disabled</code> attribute to the element, just like you would with native controls. Each form widget also has standard <code>disable</code> and <code>enable</code> methods that are documented with each form widget. Here are a few examples of disabled widgets: </p>
-
- <div data-role="fieldcontain">
- <label for="foo">Text Input:</label>
- <input type="text" name="name" id="foo" value="" disabled />
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Gender:</legend>
- <input type="radio" name="gender" id="radio-female" value="f" disabled />
- <label for="radio-female">Female</label>
-
- <input type="radio" name="gender" id="radio-male" value="m" disabled />
- <label for="radio-male">Male</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="flip-s">Server status:</label>
- <select name="flip-s" id="flip-s" data-role="slider" disabled >
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider">Max bandwidth:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" disabled />
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-x" class="select">Shipping:</label>
- <select name="select-shipper" id="select-choice-x" disabled>
- <option></option>
- <option value="standard">Standard</option>
- <option value="rush">Rush</option>
- <option value="express">Express</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <p>Note that you can disable buttons created from <code>button</code> or <code>input</code>-based markup, but not links with a role of button. Links don't have a parallel disabled feature in HTML, but if you need to disable a link-based button (or any element), it's possible to apply the disabled class <code>ui-disabled</code> yourself with JavaScript to achieve the same effect. </p>
-
- <h2>Field containers</h2>
- <p>To improve the styling to labels and form elements on wider screens, we recommend wrapping a <code>div</code> or <code>fieldset </code>with the <code> data-role="fieldcontain"</code> attribute around each label/form element. This framework aligns the input and associated label side-by-side, and breaks to stacked block-level elements below ~480px. The framework will also add a thin bottom border to act as a field separator.</p>
-
- <p>For example:</p>
-<pre><code>
-<div data-role="fieldcontain">
-<label for="name">Text Input:</label>
-<input type="text" name="name" id="name" value="" />
-</div>
-</code></pre>
-
- <p>Will render as:</p>
-
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
-
- <p>For additional examples, see the <a href="forms-all.html">form elements gallery</a></p>
-
-
- <h2>Auto-initialization of form elements</h2>
- <p>By default, jQuery Mobile will automatically enhance certain native form controls into rich touch-friendly components. This is handled internally by finding form elements by tag name and running a plugin method on them, so for instance, a <code>select</code> element will be found and initialized with the "selectmenu" plugin, while an <code>input</code> element with a <code>type="checkbox"</code> will be enhanced with the "checkboxradio" plugin. Once initialized, you can address these enhanced components programmatically through their jQuery UI widget API methods - see options, methods and events listed on each form plugin's documentation page for details. </p>
-
- <h2>Initializing groups of dynamically-injected form elements</h2>
- <p>If you should generate new markup client-side or load in content via AJAX and inject it into a page, you can trigger the <code>create</code> event to handle the auto-initialization for all the plugins contained within the new markup. This can be triggered on any element (even the page div itself), saving you the task of manually initializing each plugin (see below).</p>
-
- <p>For example, if a block of HTML markup (say a login form) was loaded in through Ajax, trigger the create event to automatically transform all the widgets it contains (inputs and buttons in this case) into the enhanced versions. The code for this scenario would be:</p>
-
- <code>
- $( ...new markup that contains widgets... ).appendTo( ".ui-page" ).trigger( "create" );
- </code>
-
- <h2>Refreshing form elements</h2>
-
- <p>In jQuery Mobile, some enhanced form controls are simply styled (inputs), but others are custom controls (selects, sliders) built from, and kept in sync with, the native control. To programmatically update a form control with JavaScript, first manipulate the native control, then use the <code>refresh</code> method to tell the enhanced control to update itself to match the new state. Here are some examples of how to update common form controls, then call the <code>refresh</code> method:</p>
- <h4>Checkboxes:</h4>
-
-<code>
-$("input[type='checkbox']").prop("checked",true).checkboxradio("refresh");
-</code>
-
-<h4>Radios:</h4>
-<code>
-$("input[type='radio']").prop("checked",true).checkboxradio("refresh");
-</code>
-
-<h4>Selects:</h4>
-<code><pre>
-var myselect = $("#selectfoo");
-myselect[0].selectedIndex = 3;
-myselect.selectmenu("refresh");
-</pre></code>
-
-<h4>Sliders:</h4>
-<code>
-$("input[type='range']").val(60).slider("refresh");
-</code>
-
-<h4>Flip switches (they use slider):</h4>
-
-<code><pre>
-var myswitch = $("#selectbar");
-myswitch[0].selectedIndex = 1;
-myswitch.slider("refresh");
-</pre></code>
-
- <h2>Preventing auto-initialization of form elements</h2>
- <p>If you'd prefer that a particular form control be left untouched by jQuery Mobile, simply give that element the attribute <code> data-role="none"</code>. For example:</p>
- <pre><code>
-<label for="foo">
-<select name="foo" id="foo" <strong> data-role="none"</strong>>
- <option value="a" >A</option>
- <option value="b" >B</option>
- <option value="c" >C</option>
-</select>
-</code></pre>
-
-
- <p>Or, if you'd like to prevent auto-initialization without adding attributes to your markup, you can customize the selector that is used for preventing auto-initialization by setting the page plugin's <code>keepNative</code> option (which defaults to <code>[data-role="none"]</code>. Be sure to configure this option inside an event handler bound to the <code>mobileinit</code> event, so that it applies to the first page as well as subsequent pages that are loaded.</p>
- <pre><code>
-$(document).bind('mobileinit',function(){
- <strong>$.mobile.page.prototype.options.keepNative = "select, input.foo, textarea.bar";</strong>
-});
- </pre></code>
-
-<p>One special case is that of selects. The above sample will prevent any and all augmentation from taking place on select elements in the page if <code>select</code> is included. If you wish to retain the native performance, look/feel of the menu itself and benefit from the visual augmentation of the select button by jQuery Mobile you can set $.mobile.nativeSelectMenu to true in a <code>mobileinit</code> callback as a global setting or use <code>data-native="true"</code> on a case by case basis.</p>
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li data-theme="a"><a href="docs-forms.html">Form basics</a></li>
- <li><a href="forms-all.html">Form element gallery</a></li>
- <li><a href="textinputs/">Text inputs</a></li>
- <li><a href="search/">Search inputs</a></li>
- <li><a href="slider/">Slider</a></li>
- <li><a href="switch/">Flip toggle switch</a></li>
- <li><a href="radiobuttons/">Radio buttons</a></li>
- <li><a href="checkboxes/">Checkboxes</a></li>
- <li><a href="selects/">Select menus</a></li>
- <li><a href="forms-themes.html">Theming forms</a></li>
- <li><a href="forms-all-native.html">Native form elements</a></li>
- <li><a href="forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Native Form Controls</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Forms</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Native form elements & buttons</h2>
-
- <p>Although the framework automatically enhances form elements and buttons into <a href="forms-all.html">touch input optimized controls</a> to streamline development, it's easy to tell jQuery Mobile to leave these elements alone so the standard, native control can be used instead.</p>
- <p>Adding the <code>data-role="none"</code> attribute to any form or button element tells the framework to not apply any enhanced styles or scripting. The examples below all have this attribute in place to demonstrate the effect. You may need to write custom styles to lay out your form controls because we try to leave all the default styling intact.</p>
-
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" data-role="none" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea" data-role="none"></textarea>
- </div>
-
- <div data-role="fieldcontain">
- <label for="search">Search Input:</label>
- <input type="search" name="password" id="search" value="" data-role="none" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="none">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" data-role="none" />
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose as many snacks as you'd like:</legend>
- <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" data-role="none" />
- <label for="checkbox-1a">Cheetos</label>
-
- <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" data-role="none" />
- <label for="checkbox-2a">Doritos</label>
-
- <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" data-role="none" />
- <label for="checkbox-3a">Fritos</label>
-
- <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" data-role="none" />
- <label for="checkbox-4a">Sun Chips</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" data-role="none" />
- <label for="checkbox-6">b</label>
-
- <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" data-role="none" />
- <label for="checkbox-7"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" data-role="none" />
- <label for="checkbox-8">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" data-role="none" />
- <label for="radio-choice-1">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" data-role="none" />
- <label for="radio-choice-2">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" data-role="none" />
- <label for="radio-choice-3">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" data-role="none" />
- <label for="radio-choice-4">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Layout view:</legend>
- <input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" data-role="none" />
- <label for="radio-choice-c">List</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" data-role="none" />
- <label for="radio-choice-d">Grid</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-e" value="other" data-role="none" />
- <label for="radio-choice-e">Gallery</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1" data-role="none">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-3" class="select">Your state:</label>
- <select name="select-choice-3" id="select-choice-3" data-role="none">
- <option>Choose...</option>
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
-
-
-
- <p><strong>Button</strong> based button:</p>
- <button data-role="none">Button element</button>
-
- <p><strong>Input type="button"</strong> based button:</p>
- <input type="button" value="Input type=button" data-role="none" />
-
- <p><strong>Input type="submit"</strong> based button:</p>
- <input type="submit" value="Input type=submit" data-role="none" />
-
- <p><strong>Input type="reset"</strong> based button:</p>
- <input type="reset" value="Input type=reset" data-role="none" />
-
- <p><strong>Input type="image"</strong> based button:</p>
- <input type="image" src="../_assets/images/jquery-logo.png" style="width:120px; padding:5px; background:#fff; border:1px solid #999;" value="Input type=image" data-role="none" />
-
- </form>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="docs-forms.html">Form basics</a></li>
- <li><a href="forms-all.html">Form element gallery</a></li>
- <li><a href="textinputs/">Text inputs</a></li>
- <li><a href="search/">Search inputs</a></li>
- <li><a href="slider/">Slider</a></li>
- <li><a href="switch/">Flip toggle switch</a></li>
- <li><a href="radiobuttons/">Radio buttons</a></li>
- <li><a href="checkboxes/">Checkboxes</a></li>
- <li><a href="selects/">Select menus</a></li>
- <li><a href="forms-themes.html">Theming forms</a></li>
- <li data-theme="a"><a href="forms-all-native.html">Native form elements</a></li>
- <li><a href="forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Gallery of Form Controls</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Forms</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Form elements</h2>
-
- <p>This page contains various progressive-enhancement driven form controls. Native elements are sometimes hidden from view, but their values are maintained so the form can be submitted normally. </p>
-
- <p>Browsers that don't support the custom controls will still deliver a usable experience, because all are based on native form elements.</p>
-
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </div>
-
- <div data-role="fieldcontain">
- <label for="search">Search Input:</label>
- <input type="search" name="password" id="search" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose as many snacks as you'd like:</legend>
- <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
- <label for="checkbox-1a">Cheetos</label>
-
- <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
- <label for="checkbox-2a">Doritos</label>
-
- <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
- <label for="checkbox-3a">Fritos</label>
-
- <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
- <label for="checkbox-4a">Sun Chips</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
- <label for="checkbox-6">b</label>
-
- <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
- <label for="checkbox-7"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
- <label for="checkbox-8">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
- <label for="radio-choice-1">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" />
- <label for="radio-choice-2">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" />
- <label for="radio-choice-3">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" />
- <label for="radio-choice-4">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Layout view:</legend>
- <input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" />
- <label for="radio-choice-c">List</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" />
- <label for="radio-choice-d">Grid</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-e" value="other" />
- <label for="radio-choice-e">Gallery</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-3" class="select">Your state:</label>
- <select name="select-choice-3" id="select-choice-3">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-a" class="select">Choose shipping method:</label>
- <select name="select-choice-a" id="select-choice-a" data-native-menu="false">
- <option>Custom menu example</option>
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div class="ui-body ui-body-b">
- <fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="a">Submit</button></div>
- </fieldset>
- </div>
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="docs-forms.html">Form basics</a></li>
- <li data-theme="a"><a href="forms-all.html">Form element gallery</a></li>
- <li><a href="textinputs/">Text inputs</a></li>
- <li><a href="search/">Search inputs</a></li>
- <li><a href="slider/">Slider</a></li>
- <li><a href="switch/">Flip toggle switch</a></li>
- <li><a href="radiobuttons/">Radio buttons</a></li>
- <li><a href="checkboxes/">Checkboxes</a></li>
- <li><a href="selects/">Select menus</a></li>
- <li><a href="forms-themes.html">Theming forms</a></li>
- <li><a href="forms-all-native.html">Native form elements</a></li>
- <li><a href="forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Sample form response</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="e">
- <h1>Sample form response</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="c">
- <div class="content-primary">
-
- <form action="index.html" method="get">
-
- <h2>You Chose:</h2>
-
- <div class="ui-body ui-body-d ui-corner-all">
-
- <?php
- echo "<p> " . $_REQUEST['shipping'] . "</p>";
- ?>
-
- </div>
-
- <a href="forms-sample.html" data-role="button" data-theme="b" data-icon="arrow-l">Change shipping method</a>
-
- </form>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="docs-forms.html">Form basics</a></li>
- <li><a href="forms-all.html">Form element gallery</a></li>
- <li><a href="textinputs/">Text inputs</a></li>
- <li><a href="search/">Search inputs</a></li>
- <li><a href="slider/">Slider</a></li>
- <li><a href="switch/">Flip toggle switch</a></li>
- <li><a href="radiobuttons/">Radio buttons</a></li>
- <li><a href="checkboxes/">Checkboxes</a></li>
- <li><a href="forms-selects.html">Select menus</a></li>
- <li><a href="forms-themes.html">Theming forms</a></li>
- <li><a href="forms-all-native.html">Native form elements</a></li>
- <li data-theme="a"><a href="forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Sample Form Submit to Self</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Sample form submit to self</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="c">
- <div class="content-primary">
-
- <form action="forms-sample-selfsubmit.php" method="post">
-
- <fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">
- <legend>Testing</legend>
- <div>
- <?php $g = $_REQUEST['gender']; ?>
- <input type="radio" name="gender" value="m" id="gender-1" <?=$g=="m"? "checked": ""; ?> /><label for="gender-1">Male</label>
- <input type="radio" name="gender" value="f" id="gender-2" <?=$g=="f"? "checked": ""; ?> /><label for="gender-2">Female</label>
- </div>
- </fieldset>
-
- <button type="submit">Submit</submit>
- </form>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="docs-forms.html">Form basics</a></li>
- <li><a href="forms-all.html">Form element gallery</a></li>
- <li><a href="textinputs/">Text inputs</a></li>
- <li><a href="search/">Search inputs</a></li>
- <li><a href="slider/">Slider</a></li>
- <li><a href="switch/">Flip toggle switch</a></li>
- <li><a href="radiobuttons/">Radio buttons</a></li>
- <li><a href="checkboxes/">Checkboxes</a></li>
- <li><a href="forms-selects.html">Select menus</a></li>
- <li><a href="forms-themes.html">Theming forms</a></li>
- <li><a href="forms-all-native.html">Native form elements</a></li>
- <li data-theme="a"><a href="forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Sample Form Submit</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Forms</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <h2>Ajax form submission</h2>
-
- <p>In jQuery Mobile, form submissions are automatically handled using Ajax whenever possible, creating a smooth transition between the form and the result page. To ensure your form submits as intended, be sure to specify <code>action</code> and <code>method</code> properties on your form element. When unspecified, the method will default to <code>get</code>, and the <code>action</code> will default to the current page's relative path (found via <code>$.mobile.path.get()</code></p>
- <p>Forms also accept attributes for transitions just like anchors, such as <code>data-transition="pop"</code> and <code>data-direction="reverse"</code>. To submit a form without Ajax, you can either disable Ajax form handling globally, or per form via the <code>data-ajax="false"</code> attribute. The <code>target</code> attribute (as in <code>target="_blank"</code>) is respected on forms as well, and will default to the browser's handling of that target when the form submits. Note that unlike anchors, the <code>rel</code> attribute is not allowed on forms.</p>
-
-
- <h2>Default Ajax form example</h2>
- <p>This demonstrates automated ajax handling of form submissions. The form below is configured to send regular a <code>get</code> request to <code>forms-sample-response.php</code>. On submit, jQuery Mobile will make sure that the Url specified is able to be retrieved via Ajax, and handle it appropriately. Keep in mind that just like ordinary HTTP form submissions, jQuery Mobile allows <code>get</code> result pages to be bookmarked by updating the Url hash when the response returns successfully. Also like ordinary form submissions, <code>post</code> requests do not contain query parameters in the hash, so they are not bookmarkable.</p>
- <form action="forms-sample-response.php" method="get" class="ui-body ui-body-a ui-corner-all">
- <fieldset>
- <div data-role="fieldcontain">
- <label for="shipping" class="select">Shipping method:</label>
- <select name="shipping" id="shipping">
- <option value="Standard shipping">Standard: 7 day</option>
- <option value="Rush shipping">Rush: 3 days</option>
- <option value="Express shipping">Express: next day</option>
- <option value="Overnight shipping">Overnight</option>
- </select>
- </div>
- <button type="submit" data-theme="b" name="submit" value="submit-value">Submit</button>
- </fieldset>
- </form>
-
- <h2>Non-Ajax form example</h2>
-
- <p>To prevent form submissions from being automatically handled with Ajax, add the <code>data-ajax="false"</code> attribute to the form element. You can also turn of Ajax form handling completely via the <code>ajaxEnabled</code> <a href="../api/globalconfig.html">global config option</a>.</p>
-
- <p>The form below is identical to the one above except for the addition of the <code>data-ajax="false"</code> attribute attribute. When the submit button is pressed, it will result in a full page refresh.</p>
- <form action="forms-sample-response.php" method="get" data-ajax="false" class="ui-body ui-body-a ui-corner-all">
- <fieldset>
- <div data-role="fieldcontain">
- <label for="shipping" class="select">Shipping method:</label>
- <select name="shipping" id="shipping">
- <option value="Standard shipping">Standard: 7 day</option>
- <option value="Rush shipping">Rush: 3 days</option>
- <option value="Express shipping">Express: next day</option>
- <option value="Overnight shipping">Overnight</option>
- </select>
- </div>
- <button type="submit" data-theme="b" name="submit" value="submit-value">Submit</button>
- </fieldset>
- </form>
-
- <h2>Self-submitting Forms</h2>
- <p>Just like in ordinary HTML, can also submit forms to the same URL you're currently viewing by setting the form's <code>action</code> attribute to that URL. <A href="forms-sample-selfsubmit.php">This page demonstrates.</a></p>
- <p>When a <code>post</code> request is submitted to a page that's already in the DOM (which would commonly happen when submitting a form to the same URL currently in view), the response URL will be identical to that existing page, as <code>post</code> requests do not append query string parameters to the URL. In this situation, jQuery Mobile will replace the page that submitted the form with the page returned in the response body.</p>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="docs-forms.html">Form basics</a></li>
- <li><a href="forms-all.html">Form element gallery</a></li>
- <li><a href="textinputs/">Text inputs</a></li>
- <li><a href="search/">Search inputs</a></li>
- <li><a href="slider/">Slider</a></li>
- <li><a href="switch/">Flip toggle switch</a></li>
- <li><a href="radiobuttons/">Radio buttons</a></li>
- <li><a href="checkboxes/">Checkboxes</a></li>
- <li><a href="selects/">Select menus</a></li>
- <li><a href="forms-themes.html">Theming forms</a></li>
- <li><a href="forms-all-native.html">Native form elements</a></li>
- <li data-theme="a"><a href="forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Theming Forms</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Theming forms</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <h2>Form themes</h2>
- <p>jQuery Mobile has a rich <a href="../api/themes.html">theming system</a> that gives you full control of how pages and forms are styled. By default all form elements inside a container will automatically adopt the same theme color swatch as their parent. This allows form elements to blend into their layouts with minimal work. The <code> data-theme</code> attribute can be applied any individual form element to apply any of the lettered theme color swatches to create contrast and emphasis in your designs.</p>
-
- <p>All the form elements in the examples below use the same HTML code with no theme swatch specified on the individual form elements. The only difference between each example block code is a <code> data-theme</code> swatch color assigned to each parent container. This illustrates the way form elements automatically adopt the theme swatch of their parent.</p>
-
-
- <h2>Body swatch A</h2>
- <div class="ui-body ui-body-a">
-
- <div data-role="fieldcontain">
- <label for="name-a">Text Input:</label>
- <input type="text" name="name" id="name-a" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="switch-a">Flip switch:</label>
- <select name="switch-a" id="switch-a" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider-a">Slider:</label>
- <input type="range" name="slider" id="slider-a" value="0" min="0" max="100" />
- </div>
-
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6a" id="checkbox-6a" class="custom" />
- <label for="checkbox-6a">b</label>
-
- <input type="checkbox" name="checkbox-7a" id="checkbox-7a" class="custom" />
- <label for="checkbox-7a"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8a" id="checkbox-8a" class="custom" />
- <label for="checkbox-8a">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1a" value="choice-1" />
- <label for="radio-choice-1a">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2a" value="choice-2" />
- <label for="radio-choice-2a">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3a" value="choice-3" />
- <label for="radio-choice-3a">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4a" value="choice-4" />
- <label for="radio-choice-4a">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-a" class="select">Choose shipping method:</label>
- <select name="select-choice-a" id="select-choice-a">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- </div><!-- /body-a -->
-
- <h2>Body swatch B</h2>
- <div class="ui-body ui-body-b">
-
- <div data-role="fieldcontain">
- <label for="name-b">Text Input:</label>
- <input type="text" name="name" id="name-b" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="switch-b">Flip switch:</label>
- <select name="switch-b" id="switch-b" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider-b">Slider:</label>
- <input type="range" name="slider" id="slider-b" value="0" min="0" max="100" />
- </div>
-
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6b" id="checkbox-6b" class="custom" />
- <label for="checkbox-6b">b</label>
-
- <input type="checkbox" name="checkbox-7b" id="checkbox-7b" class="custom" />
- <label for="checkbox-7b"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8b" id="checkbox-8b" class="custom" />
- <label for="checkbox-8b">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1b" value="choice-1" />
- <label for="radio-choice-1b">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2b" value="choice-2" />
- <label for="radio-choice-2b">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3b" value="choice-3" />
- <label for="radio-choice-3b">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4b" value="choice-4" />
- <label for="radio-choice-4b">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-b" class="select">Choose shipping method:</label>
- <select name="select-choice-b" id="select-choice-b">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- </div><!-- /body-b -->
-
-
- <h2>Body swatch C</h2>
- <div class="ui-body ui-body-c">
-
- <div data-role="fieldcontain">
- <label for="name-c">Text Input:</label>
- <input type="text" name="name" id="name-c" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="switch-c">Flip switch:</label>
- <select name="switch-c" id="switch-c" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider-c">Slider:</label>
- <input type="range" name="slider" id="slider-c" value="0" min="0" max="100" />
- </div>
-
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6c" id="checkbox-6c" class="custom" />
- <label for="checkbox-6c">b</label>
-
- <input type="checkbox" name="checkbox-7c" id="checkbox-7c" class="custom" />
- <label for="checkbox-7c"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8c" id="checkbox-8c" class="custom" />
- <label for="checkbox-8c">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1c" value="choice-1" />
- <label for="radio-choice-1c">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2c" value="choice-2" />
- <label for="radio-choice-2c">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3c" value="choice-3" />
- <label for="radio-choice-3c">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4c" value="choice-4" />
- <label for="radio-choice-4c">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-c" class="select">Choose shipping method:</label>
- <select name="select-choice-c" id="select-choice-c">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- </div><!-- /body-c -->
-
-
-
- <h2>Body swatch D</h2>
- <div class="ui-body ui-body-d">
-
- <div data-role="fieldcontain">
- <label for="name-d">Text Input:</label>
- <input type="text" name="name" id="name-d" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="switch-d">Flip switch:</label>
- <select name="switch-d" id="switch-d" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider-d">Slider:</label>
- <input type="range" name="slider" id="slider-d" value="0" min="0" max="100" />
- </div>
-
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6d" id="checkbox-6d" class="custom" />
- <label for="checkbox-6d">b</label>
-
- <input type="checkbox" name="checkbox-7d" id="checkbox-7d" class="custom" />
- <label for="checkbox-7d"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8d" id="checkbox-8d" class="custom" />
- <label for="checkbox-8d">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1d" value="choice-1" />
- <label for="radio-choice-1d">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2d" value="choice-2" />
- <label for="radio-choice-2d">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3d" value="choice-3" />
- <label for="radio-choice-3d">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4d" value="choice-4" />
- <label for="radio-choice-4d">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-d" class="select">Choose shipping method:</label>
- <select name="select-choice-d" id="select-choice-d">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- </div><!-- /body-d -->
-
-
- <h2>Body swatch E</h2>
- <div class="ui-body ui-body-e">
-
- <div data-role="fieldcontain">
- <label for="name-e">Text Input:</label>
- <input type="text" name="name" id="name-e" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="switch-e">Flip switch:</label>
- <select name="switch-e" id="switch-e" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider-e">Slider:</label>
- <input type="range" name="slider" id="slider-e" value="0" min="0" max="100" />
- </div>
-
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6e" id="checkbox-6e" class="custom" />
- <label for="checkbox-6e">b</label>
-
- <input type="checkbox" name="checkbox-7e" id="checkbox-7e" class="custom" />
- <label for="checkbox-7e"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8e" id="checkbox-8e" class="custom" />
- <label for="checkbox-8e">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1e" value="choice-1" />
- <label for="radio-choice-1e">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2e" value="choice-2" />
- <label for="radio-choice-2e">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3e" value="choice-3" />
- <label for="radio-choice-3e">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4e" value="choice-4" />
- <label for="radio-choice-4e">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-e" class="select">Choose shipping method:</label>
- <select name="select-choice-e" id="select-choice-e">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- </div><!-- /body-e -->
-
- </form>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="docs-forms.html">Form basics</a></li>
- <li><a href="forms-all.html">Form element gallery</a></li>
- <li><a href="textinputs/">Text inputs</a></li>
- <li><a href="search/">Search inputs</a></li>
- <li><a href="slider/">Slider</a></li>
- <li><a href="switch/">Flip toggle switch</a></li>
- <li><a href="radiobuttons/">Radio buttons</a></li>
- <li><a href="checkboxes/">Checkboxes</a></li>
- <li><a href="selects/">Select menus</a></li>
- <li data-theme="a"><a href="forms-themes.html">Theming forms</a></li>
- <li><a href="forms-all-native.html">Native form elements</a></li>
- <li><a href="forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Forms</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f">
- <h1>Form elements</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <p>All form elements begin with standard html controls that are enhanced to make them more attractive and easy-to-use. In browsers that don't support the custom controls, they will still have a usable experience because these are all based on native form elements.</p>
-
- <ul data-role="listview" data-inset="true">
- <li><a href="docs-forms.html">Form basics</a></li>
- <li><a href="forms-all.html">Form element gallery</a></li>
- <li><a href="textinputs/">Text inputs</a></li>
- <li><a href="search/">Search inputs</a></li>
- <li><a href="slider/">Slider</a></li>
- <li><a href="switch/">Flip toggle switch</a></li>
- <li><a href="radiobuttons/">Radio buttons</a></li>
- <li><a href="checkboxes/">Checkboxes</a></li>
- <li><a href="selects/">Select menus</a></li>
- <li><a href="forms-themes.html">Theming forms</a></li>
- <li><a href="forms-all-native.html">Native form elements</a></li>
- <li><a href="forms-sample.html">Submitting forms</a></li>
-
- </ul>
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Form Plugin Methods</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Form Plugin Methods</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <div class="ui-body ui-body-e">
- <h4>We've retired this page.</h4>
-
- <p>Plugin events and methods are now documented separately for each component (see links on the left).</p>
- </div>
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="docs-forms.html">Form basics</a></li>
- <li><a href="forms-all.html">Form element gallery</a></li>
- <li><a href="textinputs/">Text inputs</a></li>
- <li><a href="search/">Search inputs</a></li>
- <li><a href="slider/">Slider</a></li>
- <li><a href="switch/">Flip toggle switch</a></li>
- <li><a href="radiobuttons/">Radio buttons</a></li>
- <li><a href="checkboxes/">Checkboxes</a></li>
- <li><a href="selects/">Select menus</a></li>
- <li><a href="forms-themes.html">Theming forms</a></li>
- <li><a href="forms-all-native.html">Native form elements</a></li>
- <li><a href="forms-sample.html">Submitting forms</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Radio buttons</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Radio buttons</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Radio buttons</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
- </ul>
-
-
- <p>Bind events directly to the <code>input</code> element. Use jQuery Mobile's <a href="../../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
- <pre><code>
-$("input[type='radio']").bind( "change", function(event, ui) {
- ...
-});
-</code></pre>
-
- <p>The radio button plugin has the following custom events:</p>
-
- <dl>
-
- <dt><code>create</code> triggered when a radio button is created</dt>
- <dd>
-
-
- <pre><code>
-$("input[type='radio']").checkboxradio({
- create: function(event, ui) { ... }
-});
- </code></pre>
- </dd>
-
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li data-theme="a"><a href="index.html">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Radio Buttons</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Radio buttons</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Radio buttons</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>Radio buttons are used to provide a list of options where only a single items can be selected. Traditional desktop radio buttons are not optimized for touch input so in jQuery Mobile, we style the <code>label</code> for the radio buttons so they are larger and look clickable. A custom set of icons are added to the label to provide additional visual feedback.</p>
-
- <p>Both the radio and checkbox controls below use standard input/label markup, but are styled to be more touch-friendly. The styled control you see is actually the label element, which sits over the real input, so if images fail to load, you'll still have a functional control. In most browsers, clicking the label automatically triggers a click on the input, but we've had to trigger the update manually for a few mobile browsers that don't do this natively. On the desktop, these controls are keyboard and screen-reader accessible. View the <a href="../../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to radio buttons.</p>
-
- <h2>Vertically grouped radio buttons</h2>
-
- <p>To create a set of radio buttons, add an <code>input</code> with a <code>type="radio"</code> attribute and a corresponding <code>label</code>. Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>input</code> so they are semantically associated.</p>
-
- <p>Because radio buttons use the <code>label</code> element for the text displayed next to the checkbox form element, we recommend wrapping the radio buttons in a <code>fieldset</code> element that has a <code>legend</code> which acts as the title for the question.</p>
-
- <p>To visually integrate multiple radio buttons into a vertically grouped button set, the framework will automatically remove all margins between buttons and round only the top and bottom corners of the set if there is a <code> data-role="controlgroup"</code> attribute on the container.</p>
-
-<pre><code>
-<strong><fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend></strong>
- <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
- <label for="radio-choice-1">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" />
- <label for="radio-choice-2">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" />
- <label for="radio-choice-3">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" />
- <label for="radio-choice-4">Lizard</label>
-<strong></fieldset></strong>
-</code></pre>
-
-
- <p>This will produce a vertically grouped radio button set. The default styles set the width of the button group to 100% of the parent container and stacks the label on a separate line.</p>
-
-
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-pet-1a" id="radio-pet-1a" value="choice-1" checked="checked" />
- <label for="radio-pet-1a">Cat</label>
-
- <input type="radio" name="radio-pet-1a" id="radio-pet-2a" value="choice-2" />
- <label for="radio-pet-2a">Dog</label>
-
- <input type="radio" name="radio-pet-1a" id="radio-pet-3a" value="choice-3" />
- <label for="radio-pet-3a">Hamster</label>
-
- <input type="radio" name="radio-pet-1a" id="radio-pet-4a" value="choice-4" />
- <label for="radio-pet-4a">Lizard</label>
- </fieldset>
-
-
- <pre><code>
-<strong><div data-role="fieldcontain">
-</strong> <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
- <label for="radio-choice-1">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" />
- <label for="radio-choice-2">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" />
- <label for="radio-choice-3">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" />
- <label for="radio-choice-4">Lizard</label>
- </fieldset>
-<strong></div>
-</strong> </code></pre>
-
-
- <p>To visually integrate multiple radio buttons into a vertically grouped button set, the framework will automatically remove all margins between buttons and round only the top and bottom corners of the set if there is a <code> data-role="controlgroup"</code> attribute on the container.</p>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-pet-1" id="radio-pet-1" value="choice-1" checked="checked" />
- <label for="radio-pet-1">Cat</label>
-
- <input type="radio" name="radio-pet-1" id="radio-pet-2" value="choice-2" />
- <label for="radio-pet-2">Dog</label>
-
- <input type="radio" name="radio-pet-1" id="radio-pet-3" value="choice-3" />
- <label for="radio-pet-3">Hamster</label>
-
- <input type="radio" name="radio-pet-1" id="radio-pet-4" value="choice-4" />
- <label for="radio-pet-4">Lizard</label>
- </fieldset>
- </div>
- <h2>Horizontal radio button sets</h2>
-
- <p>Radio buttons can also be used for grouped button sets only a single button can be selected at once, such as a view switcher control. To make a horizontal radio button set, add the <code> data-type="horizontal"</code> to the <code>fieldset</code>.</p>
-
- <code>
- <fieldset data-role="controlgroup" <strong>data-type="horizontal"</strong> >
- </code>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Layout view:</legend>
- <input type="radio" name="radio-view" id="radio-view-a" value="list" />
- <label for="radio-view-a">List</label>
- <input type="radio" name="radio-view" id="radio-view-b" value="grid" />
- <label for="radio-view-b">Grid</label>
- <input type="radio" name="radio-view" id="radio-view-c" value="gallery" />
- <label for="radio-view-c">Gallery</label>
- </fieldset>
- </div>
-
- <p>The framework will float the labels so they sit side-by-side on a line, hides the radio button icons and only round the left and right edges of the group.</p>
-
-
-
-
-
-
- </form>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li data-theme="a"><a href="index.html">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Radio buttons</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Radio buttons</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Radio buttons</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The radio button has the following methods:</p>
-
- <dl>
-
- <dt><code>enable</code> enable a disabled radio button</dt>
- <dd>
- <pre><code>
- $("input[type='radio']").checkboxradio('enable');
- </code></pre>
- </dd>
-
- <dt><code>disable</code> disable a select.</dt>
- <dd>
- <pre><code>
-$("input[type='radio']").checkboxradio('disable');
- </code></pre>
- </dd>
-
- <dt><code>refresh</code> update the custom select</dt>
- <dd>
- If you manipulate a radio button via JavaScript, you must call the refresh method on it to update the visual styling.
- <pre><code>
-$("input[type='radio']:first").attr("checked",true).checkboxradio("refresh");
- </code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li data-theme="a"><a href="index.html">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Radio buttons</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Radio buttons</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Radio buttons</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The radio button has the following options:</p>
-
- <dl>
-
- <dt><code>theme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme="a"</code></p>
- <pre><code>$("input[type='radio']").checkboxradio(<strong>{ theme: "a" }</strong>);</code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li data-theme="a"><a href="index.html">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Search Input events</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Search input</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Search input</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
- </ul>
-
-<p>Bind events directly to the <code>input</code> element. Use jQuery Mobile's <a href="../../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
- <pre><code>
-$(".mySearchInput").bind( "change", function(event, ui) {
- ...
-});
-</code></pre>
-
- <p>The text input plugin has the following custom events:</p>
-
- <dl>
-
- <dt><code>create</code> triggered when a text input is created</dt>
- <dd>
-
- <pre><code>
-$( ".selector" ).textinput({
- create: function(event, ui) { ... }
-});
- </code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li data-theme="a"><a href="index.html">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Search input</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Search input</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Search input</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>Search inputs are a new HTML type that is styled with pill-shaped corners and adds a "x" icon to clear the field once you start typing. Start with an <code>input</code> with a <code>type="search"</code> attribute in your markup. View the <a href="../../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to search inputs.</p>
-
- <p>Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>input</code> so they are semantically associated. It's possible to <a href="../docs-forms.html">accessibly hide the label</a> if it's not desired in the page layout, but we require that it is present in the markup for semantic and accessibility reasons.</p>
-
- <pre><code>
-<label for="search-basic">Search Input:</label>
-<input type="search" name="search" id="searc-basic" value="" />
- </code></pre>
-
- <p>This will produce a basic search input. The default styles set the width of the input to 100% of the parent container and stacks the label on a separate line.</p>
- <label for="search-basic">Search Input:</label>
- <input type="search" name="search" id="search-basic" value="" />
-
-
- <p>Optionally wrap the search input in a container with the <code>data-role="fieldcontain"</code> attribute to help visually group it in a longer form.</p>
-
-<pre><code>
-<strong><div data-role="fieldcontain">
-</strong> <label for="search">Search Input:</label>
- <input type="search" name="password" id="search" value="" />
-<strong></div>
-</strong></code></pre>
-
- <p>The search input is now displayed like this:</p>
- <div data-role="fieldcontain">
- <label for="search">Search Input:</label>
- <input type="search" name="search2" id="search" value="" />
- </div>
-
- <p>Themed variation:</p>
- <div data-role="fieldcontain">
- <label for="searchA">Search Input:</label>
- <input type="search" name="search3" id="searchA" value="" data-theme="a" />
- </div>
-
-
-
- <h2>Calling the textinput plugin</h2>
-
-<p>This plugin will auto initialize on any page that contains a text input with the <code>type="search"</code> attribute, no need for a <code>data-role</code> attribute in the markup. However, if needed you can directly call the <code>textinput</code> plugin on a selector, just like any jQuery plugin:</p>
-<pre><code>
-$('.mySearchInput').textinput();
-</code></pre>
-
-
- </form>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li data-theme="a"><a href="index.html">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Search Input methods</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Search input</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Search input</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The text input plugin has the following methods:</p>
-
- <dl>
-
- <dt><code>enable</code> enable a disabled text input</dt>
- <dd>
- <pre><code>
-$('.selector').textinput('enable');
- </code></pre>
- </dd>
-
- <dt><code>disable</code> disable a text input</dt>
- <dd>
- <pre><code>
-$('.selector').textinput('disable');
- </code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li data-theme="a"><a href="index.html">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Text Search options</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Search input</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Search input</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The text input plugin has the following options:</p>
-
- <dl>
- <dt><code>initSelector</code> <em>CSS selector string</em></dt>
- <dd>
- <p class="default">default: "input[type='text'], input[type='search'], :jqmData(type='search'), input[type='number'], :jqmData(type='number'), input[type='password'], input[type='email'], input[type='url'], input[type='tel'], textarea, input:not([type])"</p>
- <p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as textinputs. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.textinput.prototype.options.initSelector = ".myInputs";</strong>
-});
-</code></pre>
- </dd>
-
- <dt><code>theme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme="a"</code></p>
- <pre><code>$('.selector').textinput(<strong>{ theme: "a" }</strong>);</code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li data-theme="a"><a href="index.html">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Select</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Select Menus</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
-<h2>Select menus</h2>
-
-<ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
-</ul>
-
-<h2>Custom select menus</h2>
-<p>The framework is capable of building a custom menu based on the <code>select</code> element's list of options. We recommend using a custom menu when multiple selections are required, or when the menu itself must be styled with CSS.</p>
-
-<p>You can optionally use custom-styled select menus instead of the native OS menu. The custom menu supports disabled options and multiple selection (whereas native mobile OS support for both is inconsistent), adds an elegant way to handle placeholder values, and restores missing functionality on certain platforms such as <code>optgroup</code> support on Android (all explained below). In addition, the framework applies the custom button's theme to the menu to better match the look and feel and provide visual consistency across platforms. Lastly, custom menus often look better on desktop browsers because native desktop menus are smaller than their mobile counterparts and tend to look disproportionate.</p>
-
- <p>Keep in mind that there is overhead involved in parsing the native select to build a custom menu. If there are a lot of selects on a page, or a select has a long list of options, this can impact the performance of the page, so we recommend using custom menus sparingly. </p>
-
- <p>To use custom menus on a specific <code>select</code>, just add the <code>data-native-menu="false"</code> attribute. Alternately, this can also programmatically set the select menu's <code>nativeMenu</code> configuration option to <code>false</code> in a callback bound to the <code>mobileinit</code> event to achieve the same effect. This will globally make all selects use the custom menu by default. The following must be included in the page after jQuery is loaded but before jQuery Mobile is loaded.</p>
-
-
-<code>
-<pre>
-$(document).bind('mobileinit',function(){
- $.mobile.selectmenu.prototype.options.nativeMenu = false;
-});
-</pre>
-</code>
-
- <p>When the <code>select</code> has a small number of options that will fit on the device's screen, the menu will appear as a small overlay with a pop transition:</p>
-
- <div data-role="fieldcontain">
- <label for="select-choice-custom" class="select">Shipping method:</label>
- <select name="select-choice-1" id="select-choice-custom" data-native-menu="false">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <p>When it has too many options to show on the device's screen, the framework will automatically create a new "page" populated with a standard <a href="../../lists/docs-lists.html">list view</a> for the options. This allows us to use the native scrolling included on the device for moving through a long list. The text inside the <code>label</code> is used as the title for this page.</p>
-
-
- <div data-role="fieldcontain">
- <label for="select-choice-3" class="select">Your state:</label>
- <select name="select-choice-3" id="select-choice-3" data-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <h3>Disabled options</h3>
- <p>jQuery Mobile will automatically disable and style option tags with the <code>disabled</code> attribute. In the demo below, the second option "Rush: 3 days" has been set to disabled.</p>
-
- <div data-role="fieldcontain">
- <label for="select-choice-7" class="select">Shipping method:</label>
- <select name="select-choice-7" id="select-choice-7">
- <option value="standard">Standard: 7 day</option>
- <option value="rush" disabled="disabled">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <h3>Placeholder options</h3>
- <p>It's common for developers to include a "null" option in their select element to force a user to choose an option. If a placeholder option is present in your markup, jQuery Mobile will hide them in the overlay menu, showing only valid choices to the user, and display the placeholder text inside the menu as a header. A placeholder option is added when the framework finds:</p>
- <ul>
- <li>An option with no value attribute (or an empty value attribute)</li>
- <li>An option with no text node</li>
- <li>An option with a <code>data-placeholder="true"</code> attribute. (This allows you to use an option that has a value and a textnode as a placeholder option).</li>
- </ul>
-
- <p>You can disable this feature through the selectmenu plugin's <code>hidePlaceholderMenuItems</code> option, like this:</p>
- <pre>
- <code>
-$.mobile.selectmenu.prototype.options.hidePlaceholderMenuItems = false;
- </code>
- </pre>
-
- <p>Examples of various placeholder options:</p>
-
-
- <div data-role="fieldcontain">
- <label for="select-choice-4" class="select">Shipping method:</label>
- <select name="select-choice-4" id="select-choice-4" data-native-menu="false">
- <option></option>
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- <div data-role="fieldcontain">
- <label for="select-choice-5" class="select">Shipping method:</label>
- <select name="select-choice-5" id="select-choice-5" data-native-menu="false">
- <option>Choose one...</option>
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- <div data-role="fieldcontain">
- <label for="select-choice-6" class="select">Shipping method:</label>
- <select name="select-choice-6" id="select-choice-6" data-native-menu="false">
- <option value="choose-one" data-placeholder="true">Choose one...</option>
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- <h3>Multiple selects</h3>
- <p>If the <code>multiple</code> attribute is present in your markup, jQuery Mobile will enhance the element with a few extra considerations:</p>
-
- <ul>
- <li>A header element will be created inside the menu and display the placeholder text and a close button.</li>
- <li>Clicking on an item inside the overlay menu will not close the widget.</li>
- <li>A ghosted, unchecked icon will appear adjacent to each unselected item. When the item is selected the icon will change to a checkbox. Neither icon will appear inside a single select box.</li>
- <li>Once 2+ items are selected, a counter element with the total number of selected items will appear inside the button.</li>
- <li>The text of each selected item will appear inside the button as a list. If the button is not wide enough to display the entire list, it is truncated with an ellipses.</li>
- <li>If no items are selected, the button's text will default to the placeholder text.</li>
- <li>If no placeholder element exists, the default button text will be blank and the header will appear with just a close button. Because this isn't a friendly user experience, we recommended that you always specify a placeholder element when using multiple select boxes.</li>
- </ul>
-
- <div data-role="fieldcontain">
- <label for="select-choice-9" class="select">Shipping method(s):</label>
- <select name="select-choice-9" id="select-choice-9" multiple="multiple" data-native-menu="false">
- <option>Choose options</option>
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <p>When a select is large enough to where the menu will open in a new page, the placeholder text is displayed in the button when no items are selected, and the <code>label</code> text is displayed in the menu's header. This differs from smaller overlay menus where the placeholder text is displayed in both the button and the header, and from full-page single selects where the placeholder text is not used at all.</p>
-
- <div data-role="fieldcontain">
- <label for="select-choice-10" class="select">Choose state(s):</label>
- <select name="select-choice-10" id="select-choice-10" multiple="multiple" data-native-menu="false">
- <option>Choose options</option>
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
-
-
-
-
- <h3>Optgroup support</h3>
- <p>If a select menu contains <code>optgroup</code> elements, jQuery Mobile will create a divider & group items based on the <code>label</code> attribute's text:</p>
-
- <div data-role="fieldcontain">
- <label for="select-choice-8" class="select">Shipping method:</label>
- <select name="select-choice-8" id="select-choice-8" data-native-menu="false">
- <optgroup label="USPS">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </optgroup>
- <optgroup label="FedEx">
- <option value="firstOvernight">First Overnight</option>
- <option value="expressSaver">Express Saver</option>
- <option value="ground">Ground</option>
- </optgroup>
- </select>
- </div>
-
-
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li data-theme="a"><a href="index.html">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Select events</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Select Menus</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Select menus</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="custom.html" data-role="button" data-transition="fade">Custom</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
- </ul>
-
-
-<p>Bind events directly to the <code>select</code> element. Use jQuery Mobile's <a href="../../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
- <pre><code>
-$(".mySelect").bind( "change", function(event, ui) {
- ...
-});
-</code></pre>
-
- <p>The select menu plugin has the following custom events:</p>
-
- <dl>
-
- <dt><code>create</code> triggered when a select menu is created</dt>
- <dd>
-
- <pre><code>
-$( ".selector" ).selectmenu({
- create: function(event, ui) { ... }
-});
- </code></pre>
- </dd>
-
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li data-theme="a"><a href="index.html">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Select</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Select Menus</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Select menus</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The select menu is based on a native <code>select</code> element, which is hidden from view and replaced with a custom-styled select button that matches the look and feel of the jQuery Mobile framework. The select menu is ARIA-enabled and keyboard accessible on the desktop as well. View the <a href="../../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to selects.</p>
-
- <p>By default, the framework leverages the native OS options menu to use with the custom button. When the button is clicked, the native OS menu will open. When a value is selected and the menu closes, the custom button's text is updated to match the selected value.</p>
-
- <p>To add a select menu to your page, start with a standard <code>select</code> element populated with a set of <code>option</code> elements. Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>select</code> so they are semantically associated. It's possible to <a href="../docs-forms.html">accessibly hide the label</a> if it's not desired in the page layout, but we require that it is present in the markup for semantic and accessibility reasons. </p>
-
- <p>The framework will find all <code>select</code> elements and automatically enhance them into select menus, no need to apply a <code>data-role</code> attribute. To prevent the automatic enhancement of a select, add <code>data-role="none"</code> attribute to the <code>select</code>.</p>
-
- <pre><code>
-<label for="select-choice-0" class="select">Shipping method:</label>
-<select name="select-choice-0" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
-</select>
- </code></pre>
-
- <p>This will produce a basic select menu. The default styles set the width of the input to 100% of the parent container and stacks the label on a separate line.</p>
-
- <label for="select-choice-0" class="select">Shipping method:</label>
- <select name="select-choice-0" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
-
-
- <p>Optionally wrap the selects in a container with the <code>data-role="fieldcontain"</code> attribute to help visually group it in a longer form.</p>
-<pre><code>
-<strong><div data-role="fieldcontain">
-</strong> <label for="select-choice-1" class="select">Shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
-<strong></div>
-</strong></code></pre>
-
- <p>The select input is now displayed like this:</p>
-
-
-<div data-role="fieldcontain">
- <label for="select-choice-1" class="select">Shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
-</div>
-
-<p>An example of a select with a long list of options:</p>
-
-<div data-role="fieldcontain">
- <label for="select-choice-2" class="select">Your state:</label>
- <select name="select-choice-2" id="select-choice-2">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
-</div>
-
-<!--
-<p>The following example organizes the options into <code>optgroup</code> elements:</p>
-
-<div data-role="fieldcontain">
- <label for="select-choice-nc" class="select">Preferred delivery:</label>
- <select name="select-choice-8" id="select-choice-nc">
- <optgroup label="FedEx">
- <option value="firstOvernight">First Overnight</option>
- <option value="expressSaver">Express Saver</option>
- <option value="ground">Ground</option>
- </optgroup>
- <optgroup label="UPS">
- <option value="firstOvernight">First Overnight</option>
- <option value="expressSaver">Express Saver</option>
- <option value="ground">Ground</option>
- </optgroup>
- <optgroup label="US Mail">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day (disabled)</option>
- <option value="overnight">Overnight</option>
- </optgroup>
- </select>
-</div>
--->
-
-
-<h2>Vertically grouped select inputs</h2>
-
-<p>To create a grouped set of select inputs, first add <code>select</code> and a corresponding <code>label</code>. Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>select</code> so they are semantically associated.</p>
-
-<p>Because the <code>label</code> element will be associated with each individual select input, we recommend wrapping the selects in a <code>fieldset</code> element that has a <code>legend</code> which acts as the combined label for the grouped inputs.</p>
-
-<p>Lastly, one needs to wrap the <code>fieldset</code> in a <code>div</code> with <code> data-role="controlgroup"</code> attribute, so it can be styled as a group.</p>
-
-<pre><code>
-<div data-role="fieldcontain">
-<fieldset data-role="controlgroup">
- <legend>Date of Birth:</legend>
-
- <label for="select-choice-month">Month</label>
-<select name="select-choice-month" id="select-choice-month">
- <option>Month</option>
- <option value="jan">January</option>
- <!-- etc. -->
-</select>
-
- <label for="select-choice-day">Day</label>
-<select name="select-choice-day" id="select-choice-day">
- <option>Day</option>
- <option value="1">1</option>
- <!-- etc. -->
-</select>
-
-<label for="select-choice-year">Year</label>
-<select name="select-choice-year" id="select-choice-year">
- <option>Year</option>
- <option value="2011">2011</option>
- <!-- etc. -->
-</select>
-</fieldset>
-</div>
-</code></pre>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Date of Birth:</legend>
-
- <label for="select-choice-month">Month</label>
- <select name="select-choice-month" id="select-choice-month">
- <option>Month</option>
- <option value="jan">January</option>
- <option value="dec">December</option>
- <option value="feb">February</option>
- <option value="mar">March</option>
- <option value="apr">April</option>
- <option value="may">May</option>
- <option value="jun">June</option>
- <option value="jul">July</option>
- <option value="aug">August</option>
- <option value="sep">September</option>
- <option value="oct">October</option>
- <option value="nov">November</option>
- <option value="dec">December</option>
- </select>
-
- <label for="select-choice-day">Day</label>
- <select name="select-choice-day" id="select-choice-day">
- <option>Day</option>
- <option value="1">1</option>
- <option value="2">2</option>
- <option value="3">3</option>
- <option value="4">4</option>
- <option value="5">5</option>
- <option value="6">6</option>
- <option value="7">7</option>
- </select>
-
- <label for="select-choice-year">Year</label>
- <select name="select-choice-year" id="select-choice-year">
- <option>Year</option>
- <option value="2011">2011</option>
- <option value="2010">2010</option>
- <option value="2009">2009</option>
- <option value="2008">2008</option>
- <option value="2007">2007</option>
- <option value="2006">2006</option>
- <option value="2005">2005</option>
- <option value="2004">2004</option>
- </select>
- </fieldset>
-
-</div>
-
-<h2>Horizontally grouped select inputs</h2>
-<p>Select inputs can also be used for grouped sets with more than one related selections. To make a horizontal button set, add the <code>data-type="horizontal"</code> to the fieldset. Note that the buttons which trigger the select will resize depending on the currently selected option’s value. Note that browsers without support for <code>display: inline-block;</code> will group the selects vertically, as above.</p>
-
-<code>
-<fieldset data-role="controlgroup" <strong>data-type="horizontal"</strong>>
-</code>
-
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Date of Birth:</legend>
-
- <label for="select-choice-month">Month</label>
- <select name="select-choice-month" id="select-choice-month">
- <option>Month</option>
- <option value="jan">January</option>
- <option value="dec">December</option>
- <option value="feb">February</option>
- <option value="mar">March</option>
- <option value="apr">April</option>
- <option value="may">May</option>
- <option value="jun">June</option>
- <option value="jul">July</option>
- <option value="aug">August</option>
- <option value="sep">September</option>
- <option value="oct">October</option>
- <option value="nov">November</option>
- <option value="dec">December</option>
- </select>
-
- <label for="select-choice-day">Day</label>
- <select name="select-choice-day" id="select-choice-day">
- <option>Day</option>
- <option value="1">1</option>
- <option value="2">2</option>
- <option value="3">3</option>
- <option value="4">4</option>
- <option value="5">5</option>
- <option value="6">6</option>
- <option value="7">7</option>
- </select>
-
- <label for="select-choice-year">Year</label>
- <select name="select-choice-year" id="select-choice-year">
- <option>Year</option>
- <option value="2011">2011</option>
- <option value="2010">2010</option>
- <option value="2009">2009</option>
- <option value="2008">2008</option>
- <option value="2007">2007</option>
- <option value="2006">2006</option>
- <option value="2005">2005</option>
- <option value="2004">2004</option>
- </select>
- </fieldset>
-
-<h2>Calling the select menu plugin</h2>
-<p>The select menu plugin will auto initialize on any page that contains a select menu, no need for a <code>data-role</code> attribute in the markup. However, you can directly call the select menu plugin on any selector, just like any normal jQuery plugin:</p>
-<pre><code>
-$('select').selectmenu();
-</code></pre>
-
- </form>
-
-
- <h2>Theming selects</h2>
- <p>You can specify any jQuery Mobile button <code>data-</code> attribute on a select element, too. In this example, we're setting the theme, icon and inline properties:</p>
-
- <div data-role="fieldcontain">
- <label for="select-choice-11" class="select">Actions</label>
- <select name="select-choice-11" id="select-choice-11" data-theme="e" data-icon="gear" data-inline="true" data-native-menu="false">
- <option value="edit">Edit user</option>
- <option value="delete">Delete user</option>
- </select>
- </div>
-
- <p>The <code>data-overlay-theme</code> attribute can be added a select element to set the color of the overlay layer that the dialog-based custom select menus and the outer border of the smaller custom menus. By default, the content block colors for swatch A will be used for the overlays.</p>
-
- <div data-role="fieldcontain">
- <label for="select-choice-15" class="select">Size</label>
- <select name="select-choice-15" id="select-choice-15" data-theme="b" data-overlay-theme="d" data-native-menu="false">
- <option value="t">Tall</option>
- <option value="g">Grande</option>
- <option value="v">Vente</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-13" class="select">Choose state(s):</label>
- <select name="select-choice-13" id="select-choice-13" data-native-menu="false" data-theme="a" data-overlay-theme="e">
- <option>Choose options</option>
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <h2>Custom select menus</h2>
- <p>For the sake of advanced styling, the framework also offers a method of generating <a href="custom.html">custom menus</a> from existing select menu markup instead of the native OS menu. The custom menu supports disabled options and multiple selection (whereas native mobile OS support for both is inconsistent), adds an elegant way to handle placeholder values, and restores missing functionality on certain platforms such as <code>optgroup</code> support on Android.
-
- <a href="custom.html" data-role="button">Custom select menu docs</a>
- </p>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li data-theme="a"><a href="index.html">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Select methods</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Select Menus</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Select menus</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The select menu plugin has the following methods:</p>
-
- <dl>
-
- <dt><code>close</code> close an open select menu</dt>
- <dd>
- <pre><code>
-$('select').selectmenu('close');
- </code></pre>
- </dd>
-
- <dt><code>enable</code> enable a disabled select</dt>
- <dd>
- <pre><code>
-$('select').selectmenu('enable');
- </code></pre>
- </dd>
-
- <dt><code>disable</code> disable a select.</dt>
- <dd>
- <pre><code>
-$('select').selectmenu('disable');
- </code></pre>
- </dd>
-
- <dt><code>open</code> open a closed select menu</dt>
- <dd>
- <pre><code>
-$('select').selectmenu('open');
- </code></pre>
- </dd>
-
- <dt><code>refresh</code> update the custom select</dt>
- <dd>
- This is used to update the custom select to reflect the native select element's value.If the number of options in the select are different than the number of items in the custom menu, it'll rebuild the custom menu. Also, if you pass a true argument you can force the rebuild to happen.
- <pre><code>
-//refresh value
-$('select').selectmenu('refresh');
-
-//refresh and force rebuild
-$('select').selectmenu('refresh', true);
- </code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li data-theme="a"><a href="index.html">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Select options</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Select Menus</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Select menus</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The select menu plugin has the following options:</p>
-
-
- <dl>
-
- <dt><code>corners</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: true</p>
- <p>Applies the theme button border-radius to the select button if set to true. This option is also exposed as a data attribute: <code>data-corners="false"</code></p>
- <pre><code>$('select').selectmenu(<strong>{ corners: "false" }</strong>);</code></pre>
- </dd>
- <dt><code>icon</code> <em>string</em></dt>
- <dd>
- <p class="default">default: "arrow-down"</p>
- <p>Applies an icon from the <a href="../../buttons/buttons-icons.html">icon set</a> to the custom button. This option is also exposed as a data attribute: <code>data-icon="star"</code></p>
- <pre><code>$('select').selectmenu(<strong>{ icon: "star" }</strong>);</code></pre>
- </dd>
-
- <dt><code>iconpos</code> <em>string</em></dt>
- <dd>
- <p class="default">default: "right"</p>
- <p>Position of the icon in the select button. Possible values: left, right, none, notext. The notext value will display the select as an icon-only button with no text feedback. This option is also exposed as a data attribute: <code>data-iconpos="left"</code></p>
- <pre><code>$('select').selectmenu(<strong>{ iconpos: "left" }</strong>);</code></pre>
- </dd>
-
- <dt><code>iconshadow</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: true</p>
- <p>Applies the theme shadow to the select button if set to true. This option is also exposed as a data attribute: <code>data-iconshadow="false"</code></p>
- <pre><code>$('select').selectmenu(<strong>{ iconshadow: "false" }</strong>);</code></pre>
- </dd>
-
- <dt><code>initSelector</code> <em>CSS selector string</em></dt>
- <dd>
- <p class="default">default: "select:not(:jqmData(role='slider'))"</p>
- <p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as select menus. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
- <pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.selectmenu.prototype.options.initSelector = ".myselect";</strong>
-});
-</code></pre>
- </dd>
-
- <dt><code>inline</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: null (false)</p>
- <p>If set to true, this will make the select button act like an inline button so the width is determined by the button's text. By default, this is null (false) so the select button is full width, regardless of the feedback content. Possible values: true, false. This option is also exposed as a data attribute: <code>data-inline="true"</code></p>
- <pre><code>$('select').selectmenu(<strong>{ inline: "true" }</strong>);</code></pre>
- </dd>
-
- <dt><code>nativeMenu</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: true</p>
- <p>When set to true, clicking the custom-styled select menu will open the native select menu which is best for performance. If set to false, the custom select menu style will be used instead of the native menu. This option is also exposed as a data attribute: <code>data-native-menu="false"</code></p>
- <pre><code>$('select').selectmenu(<strong>{ nativeMenu: "false" }</strong>);</code></pre>
- </dd>
-
- <dt><code>shadow</code> <em>boolean</em></dt>
- <dd>
- <p class="default">default: true</p>
- <p>Applies the drop shadow style to the select button if set to true. This option is also exposed as a data attribute: <code>data-shadow="false"</code></p>
- <pre><code>$('select').selectmenu(<strong>{ shadow: "false" }</strong>);</code></pre>
- </dd>
-
- <dt><code>theme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme="a"</code></p>
- <pre><code>$('select').selectmenu(<strong>{ theme: "a" }</strong>);</code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li data-theme="a"><a href="index.html">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Slider events</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Slider</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Slider</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
- </ul>
-
- <p>Bind events directly to the <code>input</code> element. Use jQuery Mobile's <a href="../../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
- <pre><code>
-$( ".selector" ).bind( "change", function(event, ui) {
- ...
-});
-</code></pre>
-
- <p>The slider plugin has the following custom event:</p>
-
- <dl>
-
- <dt><code>create</code> triggered when a slider is created</dt>
- <dd>
-
- <pre><code>
-$( ".selector" ).slider({
- create: function(event, ui) { ... }
-});
- </code></pre>
- </dd>
-
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li data-theme="a"><a href="index.html">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Slider</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Slider</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
- <h2>Slider</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>To add a slider widget to your page, use a standard <code>input</code> with the <code>type="range"</code> attribute. The input's <code>value</code> is used to configure the starting position of the handle and the value is populated in the text input. Specify <code>min</code> and <code>max</code> attribute values to set the slider's range. The framework will parse these attributes to configure the slider widget. View the <a href="../../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to sliders.</p>
-
- <p>As you drag the slider's handle, the framework will update the native input's value (and vice-versa) so they are always in sync; this ensures that the value is submitted with the form.</p>
- <p>Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>input</code> so they are semantically associated. It's possible to <a href="../docs-forms.html">accessibly hide the label</a> if it's not desired in the page layout, but we require that it is present in the markup for semantic and accessibility reasons.</p>
-
- <p>The framework will find all <code>input</code> elements with a <code>type="range"</code> and automatically enhance them into a slider with an accompanying input, no need to apply a <code>data-role</code> attribute. To prevent the automatic enhancement of this input into a slider, add <code>data-role="none"</code> attribute to the <code>input</code> and wrap them in a <code>div</code> with the <code> data-role="fieldcontain"</code> attribute to group them.</p>
-
-<pre><code>
- <label for="slider-0">Input slider:</label>
- <input type="range" name="slider" id="slider-0" value="25" min="0" max="100" />
-</code></pre>
-
- <p>The default slider is displayed like this:</p>
- <label for="slider-0">Input slider:</label>
- <input type="range" name="slider-1" id="slider-0" value="25" min="0" max="100" />
-
- <p>Optionally wrap the slider markup in a container with the <code>data-role="fieldcontain"</code> attribute to help visually group it in a longer form.</p>
-
-
-<pre><code>
-<strong><div data-role="fieldcontain">
-</strong> <label for="slider">Input slider:</label>
- <input type="range" name="slider" id="slider" value="25" min="0" max="100" />
-<strong></div>
-</strong></code></pre>
-
- <p>The slider is now displayed like this:</p>
- <div data-role="fieldcontain">
- <label for="slider-1">Input slider:</label>
- <input type="range" name="slider-1" id="slider-1" value="25" min="0" max="100" />
- </div>
-
- <p>Sliders also respond to key commands. Right Arrow, Up Arrow and Page Up keys increase the value; Left Arrow, Down Arrow and Page Down keys decrease it. To move the slider to its minimum or maximum value, use the Home or End key, respectively.</p>
-
-
- <h2>Calling the slider plugin</h2>
-
-<p>This plugin will auto initialize on any page that contains a text <code>input</code> with the <code>type="range"</code> attribute. However, if needed you can directly call the <code>slider</code> plugin on any selector, just like any jQuery plugin:</p>
-<pre><code>
-$('input').slider();
-</code></pre>
-
-
- <h2>Theming the slider</h2>
- <p>To set the theme swatch for the slider, add a <code>data-theme</code> attribute to the <code>input</code> which will apply the theme to both the input, handle and track. The track swatch can be set separately by adding the <code>data-track-theme</code> attribute to apply the down state version of the selected button swatch.</p>
-
- <pre><code>
-<div data-role="fieldcontain">
- <label for="slider-2">Input slider:</label>
- <input type="range" name="slider-2" id="slider-2" value="25" min="0" max="100" <strong>data-theme="a" data-track-theme="b"</strong> />
-</div>
- </code></pre>
-
- <p>This will produce a themed slider:</p>
- <div data-role="fieldcontain">
- <label for="slider-2">Input slider:</label>
- <input type="range" name="slider-2" id="slider-2" value="25" min="0" max="100" data-theme="a" data-track-theme="b" />
- </div>
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li data-theme="a"><a href="index.html">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Slider methods</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Slider</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Slider</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The slider plugin has the following methods:</p>
-
- <dl>
- <dt><code>enable</code> enable a disabled slider</dt>
- <dd>
- <pre><code>
-$('.selector').slider('enable');
- </code></pre>
- </dd>
-
- <dt><code>disable</code> disable a slider</dt>
- <dd>
- <pre><code>
-$('.selector').slider('disable');
- </code></pre>
- </dd>
-
- <dt><code>refresh</code> update the slider</dt>
- <dd>
- <p>If you manipulate a slider via JavaScript, you must call the refresh method on it to update the visual styling.</p>
-
- <pre><code>
-$('.selector').slider('refresh');
- </code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li data-theme="a"><a href="index.html">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Slider options</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Slider</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Slider</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The slider plugin has the following options:</p>
-
- <dl>
- <dt><code>disabled</code> <em>string</em></dt>
- <dd>
- <p class="default">default: false</p>
- <p>Sets the default state of the slider to disabled when "true".</p>
- <pre><code>$('.selector').slider(<strong>{ disabled: "true" }</strong>);</code></pre>
- </dd>
-
- <dt><code>initSelector</code> <em>CSS selector string</em></dt>
- <dd>
- <p class="default">default: "input[type='range'], :jqmData(type='range'), :jqmData(role='slider')"</p>
- <p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as sliders. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.slider.prototype.options.initSelector = ".myslider";</strong>
-});
-</code></pre>
- </dd>
-
- <dt><code>theme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme="a"</code></p>
- <pre><code>$('.selector').slider(<strong>{ theme: "a" }</strong>);</code></pre>
- </dd>
-
- <dt><code>trackTheme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for the slider's track, specifically. It accepts a single letter from a-z that maps to the swatches included in your theme.</p>
- <pre><code>$('.selector').slider(<strong>{ theme: "a" }</strong>);</code></pre>
- <p>This option can be overridden in the markup by assigning a data attribute to the input, e.g. <code>data-track-theme="a"</code>.</p>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li data-theme="a"><a href="index.html">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Slider events</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Flip Toggle Switch</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Flip toggle switch</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
- </ul>
-
- <p>Bind events directly to the <code>select</code> element. Use jQuery Mobile's <a href="../../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
- <pre><code>
-$( ".selector" ).bind( "change", function(event, ui) {
- ...
-});
-</code></pre>
-
- <p>The slider plugin has the following custom event:</p>
-
- <dl>
-
- <dt><code>create</code> triggered when a slider is created</dt>
- <dd>
-
- <pre><code>
-$( ".selector" ).slider({
- create: function(event, ui) { ... }
-});
- </code></pre>
- </dd>
-
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li data-theme="a"><a href="index.html">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Sliders</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Flip Toggle Switch</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
- <h2>Flip toggle switch</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>A binary "flip" switch is a common UI element on mobile devices that is used for binary on/off or true/false data input. You can either drag the flip handle like a slider or tap one side of the switch.</p>
-
- <p>To create a flip toggle, start with a <code>select</code> with two options. The first option will be styled as the "on" state switch and the second will be styled as the "off" state so write your options accordingly. View the <a href="../../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to flip switches.</p>
-
- <p>Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>input</code> so they are semantically associated. It's possible to <a href="../docs-forms.html">accessibly hide the label</a> if it's not desired in the page layout, but we require that it is present in the markup for semantic and accessibility reasons.</p>
-
-<pre><code>
-<label for="flip-a">Select slider:</label>
-<select name="slider" id="flip-a" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
-</select>
-</code></pre>
-
- <p>This will produce a basic flip toggle switch input. The default styles set the width of the switch to 100% of the parent container and stacks the label on a separate line.</p>
-
- <label for="flip-a">Flip switch:</label>
- <select name="slider" id="flip-a" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
-
- <p>Optionally wrap the switch markup in a container with the <code>data-role="fieldcontain"</code> attribute to help visually group it in a longer form.</p>
-
-<pre><code>
-<strong><div data-role="fieldcontain">
-</strong><label for="flip-b">Flip switch:</label>
- <select name="slider" id="flip-b" data-role="slider">
- <option value="no">No</option>
- <option value="yes">Yes</option>
- </select>
-<strong></div>
-</strong></code></pre>
- <p>The flip toggle switch is now displayed like this:</p>
- <div data-role="fieldcontain">
- <label for="flip-b">Flip switch:</label>
- <select name="slider" id="flip-b" data-role="slider">
- <option value="no">No</option>
- <option value="yes">Yes</option>
- </select>
- </div>
-
-
- <h2>Theming the flip switch</h2>
-
- <p>Like all form elements, this widget will automatically inherit the theme from it's parent container. TO choose a specific theme color swatch, specify the <code>data-theme</code> attribute on the select and specify a swatch letter.</p>
-
-<pre><code>
-<div data-role="fieldcontain">
- <label for="flip-c">Flip switch:</label>
- <select name="slider" id="flip-c" data-role="slider" data-theme="a">
- <option value="no">No</option>
- <option value="yes">Yes</option>
- </select>
-</div>
-</code></pre>
- <p>This results in a switch with the A swatch colors for the handle. Note that the lefthand "on" state gets the active state color.</p>
- <div data-role="fieldcontain">
- <label for="flip-c">Flip switch:</label>
- <select name="slider" id="flip-c" data-role="slider" data-theme="a">
- <option value="no">No</option>
- <option value="yes">Yes</option>
- </select>
- </div>
-
- <p>Here is a E swatch variation:</p>
- <div data-role="fieldcontain">
- <label for="flip-d">Flip switch:</label>
- <select name="slider" id="flip-d" data-role="slider" data-theme="e">
- <option value="no">No</option>
- <option value="yes">Yes</option>
- </select>
- </div>
-
- <h2>Calling the switch plugin</h2>
-
-<p>This plugin will auto initialize on any page that contains a <code>select</code> with the <code>data-role="slider"</code> attribute. However, if needed you can directly call the <code>slider</code> plugin on any selector, just like any jQuery plugin:</p>
-<pre><code>
-$('select').slider();
-</code></pre>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li data-theme="a"><a href="index.html">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Slider methods</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Flip Toggle Switch</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Flip toggle switch</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The slider plugin has the following methods:</p>
-
- <dl>
- <dt><code>enable</code> enable a disabled slider</dt>
- <dd>
- <pre><code>
-$('.selector').slider('enable');
- </code></pre>
- </dd>
-
- <dt><code>disable</code> disable a slider</dt>
- <dd>
- <pre><code>
-$('.selector').slider('disable');
- </code></pre>
- </dd>
-
- <dt><code>refresh</code> update the slider</dt>
- <dd>
- <p>If you manipulate a slider via JavaScript, you must call the refresh method on it to update the visual styling.</p>
-
- <pre><code>
-$('.selector').slider('refresh');
- </code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li data-theme="a"><a href="index.html">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Slider options</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Flip Toggle Switch</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Flip toggle switch</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The slider plugin has the following options:</p>
-
- <dl>
- <dt><code>disabled</code> <em>string</em></dt>
- <dd>
- <p class="default">default: false</p>
- <p>Sets the default state of the slider to disabled when "true".</p>
- <pre><code>$('.selector').slider(<strong>{ disabled: "true" }</strong>);</code></pre>
- </dd>
-
- <dt><code>initSelector</code> <em>CSS selector string</em></dt>
- <dd>
- <p class="default">default: "input[type='range'], :jqmData(type='range'), :jqmData(role='slider')"</p>
- <p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as sliders. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.slider.prototype.options.initSelector = ".myslider";</strong>
-});
-</code></pre>
- </dd>
-
- <dt><code>theme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme="a"</code></p>
- <pre><code>$('.selector').slider(<strong>{ theme: "a" }</strong>);</code></pre>
- </dd>
-
- <dt><code>trackTheme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for the slider's track, specifically. It accepts a single letter from a-z that maps to the swatches included in your theme.</p>
- <pre><code>$('.selector').slider(<strong>{ theme: "a" }</strong>);</code></pre>
- <p>This option can be overridden in the markup by assigning a data attribute to the input, e.g. <code>data-track-theme="a"</code>.</p>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li><a href="../textinputs/index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li data-theme="a"><a href="index.html">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Text Input events</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Text inputs</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Text inputs</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
- </ul>
-
- <p>Bind events directly to the <code>input</code> element. Use jQuery Mobile's <a href="../../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
- <pre><code>
-$( ".selector" ).bind( "change", function(event, ui) {
- ...
-});
-</code></pre>
-
- <p>The text input plugin has the following custom events:</p>
-
- <dl>
-
- <dt><code>create</code> triggered when a text input is created</dt>
- <dd>
-
- <pre><code>
-$( ".selector" ).textinput({
- create: function(event, ui) { ... }
-});
- </code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li data-theme="a"><a href="index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Text inputs</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Text inputs</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Text inputs & Textareas</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>Text inputs and textareas are coded with standard HTML elements, then enhanced by jQuery Mobile to make them more attractive and useable on a mobile device. View the <a href="../../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to text inputs.</p>
-
- <h2>Text inputs</h2>
- <p>To collect standard alphanumeric text, use an <code>input</code> with a <code>type="text"</code> attribute. Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>input</code> so they are semantically associated. It's possible to <a href="../docs-forms.html">accessibly hide the label</a> if it's not desired in the page layout, but we require that it is present in the markup for semantic and accessibility reasons.</p>
-
-<pre><code>
- <label for="basic">Text Input:</label>
- <input type="text" name="name" id="basic" value="" />
-</code></pre>
-
- <p>This will produce a basic text input. The default styles set the width of the input to 100% of the parent container and stacks the label on a separate line.</p>
-
- <label for="basic">Text Input:</label>
- <input type="text" name="name" id="basic" value="" />
-
- <p>Optionally wrap the text input in a container with the <code> data-role="fieldcontain"</code> attribute to help visually group it in a longer form.</p>
-
-<pre><code>
-<strong><div data-role="fieldcontain">
-</strong> <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
-<strong></div>
-</strong></code></pre>
-
- <p>The text input is now displayed like this:</p>
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
-
-
- <h3>More text input types</h3>
- <p>In jQuery Mobile, you can use existing and new HTML5 input types such as <code>password</code>, <code>email</code>, <code>tel</code>, <code>number</code>, and more. Some type values are rendered differently across browsers — for example, Chrome displays the <code>range</code> input renders as a slider — so we standardize their appearance by dynamically changing their type to <code>text</code> (currently, this applies to <code>range</code> and <code>search</code>). You can configure which input types are degraded to <code>text</code> with the <code>page</code> plugin's options.</p>
-
- <p>One major advantage of using these more specific input types if that on mobile devices, specialized keyboards that speed data entry are offered in place of the standard text keyboard. Try the followin inputs on a mobile device to see which display custom keyboards on various platforms.</p>
-
- <div data-role="fieldcontain">
- <label for="password">Password:</label>
- <input type="password" name="password" id="password" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="number">Number:</label>
- <input type="number" name="number" id="number" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="email">Email:</label>
- <input type="email" name="email" id="email" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="url">Url:</label>
- <input type="url" name="url" id="url" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="tel">Tel:</label>
- <input type="tel" name="tel" id="tel" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="time">Time:</label>
- <input type="time" name="time" id="time" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="date">Date:</label>
- <input type="date" name="date" id="date" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="month">Month:</label>
- <input type="month" name="month" id="month" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="week">Week:</label>
- <input type="week" name="week" id="week" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="datetime">Datetime:</label>
- <input type="datetime" name="datetime" id="datetime" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="datetime-l">Datetime local:</label>
- <input type="datetime-local" name="datetime-l" id="datetime-l" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="color">Color:</label>
- <input type="color" name="color" id="color" value="" />
- </div>
-
-
-
- <h2>Textareas</h2>
- <p>For multi-line text inputs, use a <code>textarea</code> element. The framework will auto-grow the height of the textarea to avoid the need for an internal scrollbar. </p>
- <p>Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>textarea</code> so they are semantically associated, and wrap them in a <code>div</code> with the <code> data-role="fieldcontain"</code> attribute to group them.</p>
-
-<pre><code>
-<strong><label for="textarea-a">Textarea:</label>
-<textarea name="textarea" id="textarea-a"></strong>
-I'm a basic textarea. If this is pre-populated with content, the height will be automatically adjusted to fit without needing to scroll. That is a pretty handy usability feature.
-<strong></textarea></strong>
-</code></pre>
-
- <p>This will produce a basic textarea with the width set to 100% of the parent container and the label stacked on a separate line.The textarea will grow to fit new lines as you type:</p>
- <label for="textarea-a">Textarea:</label>
- <textarea name="textarea" id="textarea-a">
-I'm a basic textarea. If this is pre-populated with content, the height will be automatically adjusted to fit without needing to scroll. That is a pretty handy usability feature.
- </textarea>
-
-<pre><code>
-<strong><div data-role="fieldcontain">
-</strong><label for="textarea">Textarea:</label>
- <textarea name="textarea" id="textarea"></textarea>
-<strong></div></strong>
-</code></pre>
-
- <p>The textarea is displayed like this and will grow to fit new lines as you type:</p>
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea name="textarea" id="textarea"></textarea>
- </div>
-
-
- <h2>Calling the textinput plugin</h2>
-
- <p>This plugin will auto initialize on any page that contains a textarea or any of the text input types listed above, no need for a <code>data-role</code> attribute in the markup. However, if needed you can directly call the <code>textinput</code> plugin on any selector, just like any jQuery plugin:</p>
- <pre><code>
-$('input').textinput();
- </code></pre>
-
-
- <h2>Degraded input types</h2>
- <p>jQuery Mobile degrades several HTML5 input types back to type=text, or type=number after adding enhanced controls. For example, inputs with a type of range are enhanced with a custom slider control, and their type is set to number to offer a usable form input alongside that slider. Inputs with a type of search are degraded back to type=text after we add our own themable search input styling.</p>
- <p>The page plugin contains a list of input types that are set to either true which means they'll degrade to type=text, false which means they'll be left alone, or a string such as "number", which means they'll be converted to that type (such as the case of type=range).</p>
-
- <p>You can configure which types are changed via the page plugin's <code>degradeInputs</code> option, which can be manipulated externally via <code>$.mobile.page.prototype.options.degradeInputs</code>, which has properties: color, date, datetime, "datetime-local", email, month, number, range, search, tel, time, url, and week. Be sure to configure this inside an event handler bound to the <code>mobileinit</code> event, so that it applies to the first page as well as subsequent pages that are loaded.</p>
-
-
- </form>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li data-theme="a"><a href="index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Text Input methods</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Text inputs</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Text inputs</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The text input plugin has the following methods:</p>
-
- <dl>
-
- <dt><code>enable</code> enable a disabled text input</dt>
- <dd>
- <pre><code>
-$('.selector').textinput('enable');
- </code></pre>
- </dd>
-
- <dt><code>disable</code> disable a text input</dt>
- <dd>
- <pre><code>
-$('.selector').textinput('disable');
- </code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li data-theme="a"><a href="index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Text Input options</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Text inputs</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <form action="#" method="get">
-
- <h2>Text inputs</h2>
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
- <li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
- <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
- <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
- </ul>
-
- <p>The text input plugin has the following options:</p>
-
- <dl>
- <dt><code>initSelector</code> <em>CSS selector string</em></dt>
- <dd>
- <p class="default">default: "input[type='text'], input[type='search'], :jqmData(type='search'), input[type='number'], :jqmData(type='number'), input[type='password'], input[type='email'], input[type='url'], input[type='tel'], textarea, input:not([type])"</p>
- <p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as textinputs. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
- <strong>$.mobile.textinput.prototype.options.initSelector = ".myInputs";</strong>
-});
-</code></pre>
- </dd>
-
- <dt><code>theme</code> <em>string</em></dt>
- <dd>
- <p class="default">default: null, inherited from parent</p>
- <p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme="a"</code></p>
- <pre><code>$('.selector').textinput(<strong>{ theme: "a" }</strong>);</code></pre>
- </dd>
-
- </dl>
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Form elements</li>
- <li><a href="../docs-forms.html">Form basics</a></li>
- <li><a href="../forms-all.html">Form element gallery</a></li>
- <li data-theme="a"><a href="index.html">Text inputs</a></li>
- <li><a href="../search/">Search input</a></li>
- <li><a href="../slider/">Slider</a></li>
- <li><a href="../switch/">Flip toggle switch</a></li>
- <li><a href="../radiobuttons/">Radio buttons</a></li>
- <li><a href="../checkboxes/">Checkboxes</a></li>
- <li><a href="../selects/">Select menus</a></li>
- <li><a href="../forms-themes.html">Theming forms</a></li>
- <li><a href="../forms-all-native.html">Native form elements</a></li>
- <li><a href="../forms-sample.html">Submitting forms</a></li>
-
-
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery UI Mobile Framework - Documentation</title>
- <link rel="stylesheet" href="../css/themes/default/" />
- <link rel="stylesheet" href="_assets/css/jqm-docs.css"/>
- <script src="../js/jquery.js"></script>
- <script src="../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="_assets/js/jqm-docs.js"></script>
- <script src="../js/"></script>
- <!-- Need to get a proper redirect hooked up. Blech. -->
- <meta http-equiv="refresh" content="0;url=../index.html">
-</head>
-<body>
- <div data-role="page" class="type-index">
-
-<div data-role="header" data-theme="f">
- <h1>jQuery Mobile Docs</h1>
- <a href="../index.html" data-icon="home" data-iconpos="notext" class="ui-btn-right">Home</a>
-</div>
-
-<div data-role="content">
-
-<p>Nothing to see here folks.</p>
-<a href="../index.html" data-role="button">View the documentation home page</a>
-
-</div>
-
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists Overview</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Lists</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Basic linked lists</h2>
- <p>A list view is coded as a simple unordered list containing linked list items with a <code> data-role="listview"</code> attribute. jQuery Mobile will apply all the necessary styles to transform the list into a mobile-friendly list view with right arrow indicator that fills the full width of the browser window. When you tap on the list item, the framework will trigger a click on the first link inside the list item, issue an AJAX request for the URL in the link, create the new page in the DOM, then kick off a page transition. View the <a href="../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to listviews.</p>
- <p>Here is the HTML markup for a basic linked list.</p>
-
-<pre><code>
-<ul data-role="listview" data-theme="g">
- <li><a href="acura.html">Acura</a></li>
- <li><a href="audi.html">Audi</a></li>
- <li><a href="bmw.html">BMW</a></li>
-</ul>
-</code></pre>
-
- <a href="lists-ul.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Basic list example</a>
-
- <p><strong>Style note on non-inset lists</strong>: all standard, non-inset lists have a -15px margin to negate the 15px of padding on the content area to make lists fill to the edges of the screen. If you add other widgets above or below a list, the negative margin may make these elements overlap so you'll need to add additional spacing in your custom CSS.</p>
- <h2>Nested lists</h2>
- <p>By nesting child <code>ul</code> or <code>ol</code> inside list items, you can create nested lists. When a list item with a child list is clicked, the framework will generate a new ui-page populated with the title of the parent in the header and the list of child elements. These dynamic nested lists are styled with the "b" theme swatch (blue in the default theme) to indicate that you are in a secondary level of navigation. Lists can be nested multiple levels deep and all pages and linking will be automatically handled by the framework.</p>
- <p>To <a href="../lists/lists-themes.html">set the swatch color</a> of the child list views, set the <code>data-theme</code> attribute on each list inside.</p>
- <a href="lists-nested.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Nested list example</a>
-
- <h2>Numbered lists</h2>
- <p>Lists can also be created from ordered lists <code>(ol)</code> which is useful when presenting items that are in a sequence such as search results or a movie queue. When the enhanced markup is applied to the list view, jQuery Mobile will try to first use CSS to add numbers to the list and, if not supported, will fall back to injecting numbers with JavaScript.</p>
-
- <a href="lists-ol.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Numbered list example</a>
-
- <h2>Read-only lists</h2>
- <p>List views can also be used to display a non-interactive list of items, usually as an inset list. This list is built from an unordered or ordered list that don't have linked list items. The framework defaults to styling these list with the "c" theme swatch and sets the text size to a smaller size than the clickable lists to save a bit of space.</p>
-
- <a href="lists-readonly-inset.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Read-only list example</a>
-
- <h2>Split button lists</h2>
- <p>In cases where there is more than one possible action per list item, a split button can be used to offer two independently clickable items -- the list item and a small arrow icon in the far right. To make a split list item, simply add a second link inside the <code>li</code> and the framework will add a vertical divider line, style the link as an icon-only arrow button, and set the <code>title</code> attribute of the link to the text the link for accessibility. </p>
- <p>You can set the icon for the right split icon by specifying a <code>data-split-icon</code> attribute with the <a href="../buttons/buttons-themes.html">icon name</a> you want. The theme swatch color of the split button can be set by specifying a swatch letter in the <code>data-split-theme</code> attribute</p>
-
- <a href="lists-split.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Split list example</a>
-
-
- <h2>List dividers</h2>
- <p>List items can be turned into dividers to organize and group the list items. This is done by adding the <code> data-role="list-divider"</code> to any list item. These items are styled with the body swatch "b" by default (light gray in the default theme) but you can specify a theme for dividers by adding the <code>data-dividertheme</code> attribute to the list element (<code>ul</code> or <code>ol</code>) and specifying a theme swatch letter.</p>
-
- <a href="lists-divider.html" data-role="button" data-icon="arrow-r" data-iconpos="right">List divider example</a>
-
-
- <h2>Search filter</h2>
- <p>jQuery Mobile provides a very easy way to filter a list with a simple client-side search feature. To make a list filterable, simply add the <code>data-filter="true"</code> attribute to the list. The framework will then append a search box above the list and add the behavior to filter out list items that don't contain the current search string as the user types. The input's placeholder text defaults to "Filter items...". To configure the placeholder text in the search input, you can either <a href="../api/globalconfig.html">bind to the <code>mobileinit</code> event</a> and set the <code>$.mobile.listview.prototype.options.filterPlaceholder</code> option to a string of your choosing, or use the data-attribute <code>data-filter-placeholder</code> on your listview. By default the search box will inherit its theme from its parent. The search box theme can be configured using the data-attribute <code>data-filter-theme</code> on your listview.</p>
-
- <a href="lists-search.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Search filter example</a>
-
- <p>If you want to change the way in which list items are filtered, ie fuzzy search or matching from the beginning of the string, you can configure the callback used internally by defining <code>$.mobile.listview.prototype.options.filterCallback</code> during <code>mobileinit</code> or after the widget has been created with <code>$("#mylist").listview('option', 'filterCallback', yourFilterFunction)</code>. Any function defined for the callback will be provided two arguments. First, the text of the current list item and second, the value being searched for. A truthy value will result in a hidden list item. The default callback which filters entries without the <code>searchValue</code> as a substring is described below:
- </p>
-
- <pre>
- <code>
-function( text, searchValue ){
- return text.toLowerCase().indexOf( searchValue ) === -1;
-};
- </code>
- </pre>
-
- <h2>Text formatting & counts</h2>
- <p>The framework includes text formatting conventions for common list patterns like header/descriptions, secondary information and counts through semantic HTML markup.</p>
-
- <ul>
- <li>To add a count indicator to the right of the list item, wrap the number in an element with a class of <code>ui-li-count</code></li>
- <li>To add text hierarchy, use headings to increase font emphasis and use paragraphs to reduce emphasis. </li>
- <li>Supplemental information can be added to the right of each list item by wrapping content in an element with a class of <code>ui-li-aside</code></li>
- </ul>
- <a href="lists-count.html" data-role="button" data-icon="arrow-r" data-iconpos="right">List with count bubbles</a>
- <a href="lists-formatting.html" data-role="button" data-icon="arrow-r" data-iconpos="right">List with text formatting</a>
-
- <h2>Thumbnails & icons</h2>
- <p>To add thumbnails to the left of a list item, simply add an image inside a list item as the first child element. The framework will scale the image to 80 pixels square. To use standard 16x16 pixel icons in list items, add the class of <code>ui-li-icon</code> to the image element.</p>
- <a href="lists-thumbnails.html" data-role="button" data-icon="arrow-r" data-iconpos="right">List with thumbnail images</a>
- <a href="lists-icons.html" data-role="button" data-icon="arrow-r" data-iconpos="right">List with icon images</a>
-
- <h2>Inset lists</h2>
- <p>If lists are embedded in a page with other types of content, an inset list packages the list into a block that sits inside the content area with a bit of margin and rounded corners (theme controlled). By adding the <code> data-inset="true"</code> attribute to the list (ul or ol), applies the inset appearance.</p>
-
- <a href="lists-inset.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Inset list example</a>
-
- <h2>Calling the listview plugin</h2>
- <p>You can directly call the listview plugin on any selector, just like any jQuery plugin:</p>
- <code>$('#mylist').listview();</code>
-
- <h2>Updating lists</h2>
- <p>If you add items to a listview, you'll need to call the <code>refresh()</code> method on it to update the styles and create any nested lists that are added. For example:</p>
- <code>$('#mylist').listview('refresh');</code>
-
- <p>Note that the <code>refresh()</code> method only affects <strong>new nodes</strong> appended to a list. This is done for performance reasons. Any list items already enhanced will be ignored by the refresh process. This means that if you change the contents or attributes on an already enhanced list item, these won't be reflected. If you want a list item to be updated, replace it with fresh markup before calling refresh. </p>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li data-theme="a"><a href="docs-lists.html">List markup conventions</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
-
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f">
- <h1>Lists</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <p>Lists are used for data display, navigation, result lists, and data entry so jQuery Mobile includes a wide range of list types and formatting examples to cover most common design patterns.</p>
-
- <ul data-role="listview" data-inset="true">
- <li><a href="docs-lists.html">List markup conventions</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
-
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
-
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
- <!--<li><a href="api-lists.html">API documentation</a></li>-->
- </ul>
-
-
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Linked list samples</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <form>
- <h2>Simple list</h2>
-
- <ul data-role="listview">
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Ferrari</a></li>
- </ul>
-
- <h2>Count bubbles</h2>
- <ul data-role="listview">
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- <h2>Numbered list</h2>
- <ol data-role="listview">
- <li><a href="index.html">The Godfather</a></li>
- <li><a href="index.html">Inception</a></li>
- <li><a href="index.html">The Good, the Bad and the Ugly </a></li>
- <li><a href="index.html">Pulp Fiction</a></li>
- <li><a href="index.html">Schindler's List</a></li>
- </ol>
-
- <h2>Divided, formatted content</h2>
- <ul data-role="listview">
- <li><a href="index.html">
- <h3>Stephen Weber</h3>
- <p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
- <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
- <p class="ui-li-aside"><strong>6:24</strong>PM</p>
- </a></li>
- <li><a href="index.html">
- <h3>jQuery Team</h3>
- <p><strong>Boston Conference Planning</strong></p>
- <p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
- <p class="ui-li-aside"><strong>9:18</strong>AM</p>
- </a></li>
- </ul>
-
-
-
-
- <h2>Icon list</h2>
- <ul data-role="listview">
- <li><a href="index.html"><img src="images/gf.png" alt="France" class="ui-li-icon">France <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html"><img src="images/de.png" alt="Germany" class="ui-li-icon">Germany <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html"><img src="images/gb.png" alt="Great Britain" class="ui-li-icon">Great Britain <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html"><img src="images/fi.png" alt="Finland" class="ui-li-icon">Finland <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html"><img src="images/sj.png" alt="Norway" class="ui-li-icon">Norway <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html"><img src="images/us.png" alt="United States" class="ui-li-icon">United States <span class="ui-li-count">62</span></a></li>
- </ul>
-
- <h2>Thumbnail, split button list</h2>
-
- <ul data-role="listview">
- <li><a href="index.html">
- <img src="images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-p.jpg" />
- <h3>Wolfgang Amadeus Phoenix</h3>
- <p>Phoenix</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- </ul>
-
- <h2>Divided, filterable list</h2>
- <ul data-role="listview" data-filter="true">
- <li data-role="list-divider">A</li>
- <li><a href="index.html">Adam Kinkaid</a></li>
- <li><a href="index.html">Alex Wickerham</a></li>
- <li><a href="index.html">Avery Johnson</a></li>
- <li data-role="list-divider">B</li>
- <li><a href="index.html">Bob Cabot</a></li>
- <li data-role="list-divider">C</li>
- <li><a href="index.html">Caleb Booth</a></li>
- <li><a href="index.html">Christopher Adams</a></li>
- </ul>
-
-
-
-
- </form>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li data-theme="a"><a href="docs-lists.html">List markup conventions</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists Count Bubbles</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Basic list</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List markup conventions</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li data-theme="a"><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - List Dividers</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>List dividers</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li data-role="list-divider">A</li>
- <li><a href="index.html">Adam Kinkaid</a></li>
- <li><a href="index.html">Alex Wickerham</a></li>
- <li><a href="index.html">Avery Johnson</a></li>
- <li data-role="list-divider">B</li>
- <li><a href="index.html">Bob Cabot</a></li>
- <li data-role="list-divider">C</li>
- <li><a href="index.html">Caleb Booth</a></li>
- <li><a href="index.html">Christopher Adams</a></li>
- <li><a href="index.html">Culver James</a></li>
- <li data-role="list-divider">D</li>
- <li><a href="index.html">David Walsh</a></li>
- <li><a href="index.html">Drake Alfred</a></li>
- <li data-role="list-divider">E</li>
- <li><a href="index.html">Elizabeth Bacon</a></li>
- <li><a href="index.html">Emery Parker</a></li>
- <li><a href="index.html">Enid Voldon</a></li>
- <li data-role="list-divider">F</li>
- <li><a href="index.html">Francis Wall</a></li>
- <li data-role="list-divider">G</li>
- <li><a href="index.html">Graham Smith</a></li>
- <li><a href="index.html">Greta Peete</a></li>
- <li data-role="list-divider">H</li>
- <li><a href="index.html">Harvey Walls</a></li>
- <li data-role="list-divider">M</li>
- <li><a href="index.html">Mike Farnsworth</a></li>
- <li><a href="index.html">Murray Vanderbuilt</a></li>
- <li data-role="list-divider">N</li>
- <li><a href="index.html">Nathan Williams</a></li>
- <li data-role="list-divider">P</li>
- <li><a href="index.html">Paul Baker</a></li>
- <li><a href="index.html">Pete Mason</a></li>
- <li data-role="list-divider">R</li>
- <li><a href="index.html">Rod Tarker</a></li>
- <li data-role="list-divider">S</li>
- <li><a href="index.html">Sawyer Wakefield</a></li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List markup conventions</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li data-theme="a"><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - List Formatting</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>List formatting</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li data-role="list-divider">Friday, October 8, 2010 <span class="ui-li-count">2</span></li>
- <li><a href="index.html">
-
- <h3>Stephen Weber</h3>
- <p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
- <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
- <p class="ui-li-aside"><strong>6:24</strong>PM</p>
-
- </a></li>
- <li><a href="index.html">
-
- <h3>jQuery Team</h3>
- <p><strong>Boston Conference Planning</strong></p>
- <p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
- <p class="ui-li-aside"><strong>9:18</strong>AM</p>
-
- </a></li>
- <li data-role="list-divider">Thursday, October 7, 2010 <span class="ui-li-count">1</span></li>
- <li><a href="index.html">
- <h3>Avery Walker</h3>
- <p><strong>Re: Dinner Tonight</strong></p>
- <p>Sure, let's plan on meeting at Highland Kitchen at 8:00 tonight. Can't wait! </p>
- <p class="ui-li-aside"><strong>4:48</strong>PM</p>
- </a></li>
- <li data-role="list-divider">Wednesday, October 6, 2010 <span class="ui-li-count">3</span></li>
- <li><a href="index.html">
- <h3>Amazon.com</h3>
- <p><strong>4-for-3 Books for Kids</strong></p>
- <p>As someone who has purchased children's books from our 4-for-3 Store, you may be interested in these featured books.</p>
- <p class="ui-li-aside"><strong>12:47</strong>PM</p>
- </a></li>
- <li><a href="index.html">
- <h3>Mike Taylor</h3>
- <p><strong>Re: This weekend in Maine</strong></p>
- <p>Hey little buddy, sorry but I can't make it up to vacationland this weekend. Maybe next weekend?</p>
- <p class="ui-li-aside"><strong>6:24</strong>AM</p>
- </a></li>
- <li><a href="index.html">
- <h3>Redfin</h3>
- <p><strong>Redfin listing updates for today</strong></p>
- <p>There are 3 updates for the home on your watchlist: 1 updated MLS listing and 2 homes under contract.</p>
- <p class="ui-li-aside"><strong>5:52</strong>AM</p>
- </a></li>
- <li data-role="list-divider">Tuesday, October 5, 2010 <span class="ui-li-count">3</span></li>
- <li><a href="index.html">
- <h3>Angela Smith</h3>
- <p><strong>Link Request</strong></p>
- <p>My name is Angela Smith, SEO Consultant. I've greatly enjoyed looking through your site and I was wondering if you'd be interested in providing a link</p>
- <p class="ui-li-aside"><strong>6:24</strong>AM</p>
- </a></li>
- <li><a href="index.html">
- <h3>Mike Taylor</h3>
- <p><strong>This weekend in Maine</strong></p>
- <p>Sounds good, let me check into our plans.</p>
- <p class="ui-li-aside"><strong>6:24</strong>AM</p>
- </a></li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List markup conventions</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li data-theme="a"><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Inset Lists with Forms</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Inset with Forms</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <form>
- <ul data-role="listview" data-inset="true">
- <li data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </li>
- <li data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </li>
- <li data-role="fieldcontain">
- <label for="search">Search Input:</label>
- <input type="search" name="password" id="search" value="" />
- </li>
- <li data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </li>
- <li data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
- </li>
- <li data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose as many snacks as you'd like:</legend>
- <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
- <label for="checkbox-1a">Cheetos</label>
-
- <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
- <label for="checkbox-2a">Doritos</label>
-
- <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
- <label for="checkbox-3a">Fritos</label>
-
- <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
- <label for="checkbox-4a">Sun Chips</label>
- </fieldset>
- </li>
-
- <li data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
- <label for="checkbox-6">b</label>
-
- <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
- <label for="checkbox-7"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
- <label for="checkbox-8">u</label>
- </fieldset>
- </li>
- <li data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
- <label for="radio-choice-1">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" />
- <label for="radio-choice-2">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" />
- <label for="radio-choice-3">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" />
- <label for="radio-choice-4">Lizard</label>
- </fieldset>
- </li>
-
-
- <li data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Layout view:</legend>
- <input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" />
- <label for="radio-choice-c">List</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" />
- <label for="radio-choice-d">Grid</label>
- </fieldset>
- </li>
-
- <li data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </li>
-
- <li data-role="fieldcontain">
- <label for="select-choice-3" class="select">Your state:</label>
- <select name="select-choice-3" id="select-choice-3">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </li>
-
- <li data-role="fieldcontain">
- <label for="select-choice-a" class="select">Choose shipping method:</label>
- <select name="select-choice-a" id="select-choice-a" data-native-menu="false">
- <option>Custom menu example</option>
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </li>
-
- <li class="ui-body ui-body-b">
- <fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="a">Submit</button></div>
- </fieldset>
- </li>
-
- </ul>
-
-
-
- </form>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List markup conventions</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li data-theme="a"><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists with Forms</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Lists with Forms</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <form>
- <ul data-role="listview">
- <li data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </li>
- <li data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </li>
- <li data-role="fieldcontain">
- <label for="search">Search Input:</label>
- <input type="search" name="password" id="search" value="" />
- </li>
- <li data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </li>
- <li data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
- </li>
- <li data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose as many snacks as you'd like:</legend>
- <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
- <label for="checkbox-1a">Cheetos</label>
-
- <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
- <label for="checkbox-2a">Doritos</label>
-
- <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
- <label for="checkbox-3a">Fritos</label>
-
- <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
- <label for="checkbox-4a">Sun Chips</label>
- </fieldset>
- </li>
-
- <li data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
- <label for="checkbox-6">b</label>
-
- <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
- <label for="checkbox-7"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
- <label for="checkbox-8">u</label>
- </fieldset>
- </li>
- <li data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
- <label for="radio-choice-1">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" />
- <label for="radio-choice-2">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" />
- <label for="radio-choice-3">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" />
- <label for="radio-choice-4">Lizard</label>
- </fieldset>
- </li>
-
-
- <li data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Layout view:</legend>
- <input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" />
- <label for="radio-choice-c">List</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" />
- <label for="radio-choice-d">Grid</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-e" value="other" />
- <label for="radio-choice-e">Gallery</label>
- </fieldset>
- </li>
-
- <li data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </li>
-
- <li data-role="fieldcontain">
- <label for="select-choice-3" class="select">Your state:</label>
- <select name="select-choice-3" id="select-choice-3">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </li>
-
- <li data-role="fieldcontain">
- <label for="select-choice-a" class="select">Choose shipping method:</label>
- <select name="select-choice-a" id="select-choice-a" data-native-menu="false">
- <option>Custom menu example</option>
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </li>
-
- <li class="ui-body ui-body-b">
- <fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="a">Submit</button></div>
- </fieldset>
- </li>
-
- </ul>
-
- </form>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List markup conventions</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li data-theme="a"><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - List Icons</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Icons</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="index.html"><img src="images/gf.png" alt="France" class="ui-li-icon">France <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html"><img src="images/de.png" alt="Germany" class="ui-li-icon">Germany <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html"><img src="images/gb.png" alt="Great Britain" class="ui-li-icon">Great Britain <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html"><img src="images/fi.png" alt="Finland" class="ui-li-icon">Finland <span class="ui-li-count">12</span></a></li>
-
-
-
- <li><a href="index.html"><img src="images/sj.png" alt="Norway" class="ui-li-icon">Norway <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html"><img src="images/us.png" alt="United States" class="ui-li-icon">United States <span class="ui-li-count">62</span></a></li>
- </ul>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List markup conventions</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li data-theme="a"><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists with Form Controls</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Inset list samples</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <form>
- <h2>Simple list</h2>
-
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Ferrari</a></li>
- </ul>
-
- <h2>Count bubbles</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- <h2>Numbered list</h2>
- <ol data-role="listview" data-inset="true">
- <li><a href="index.html">The Godfather</a></li>
- <li><a href="index.html">Inception</a></li>
- <li><a href="index.html">The Good, the Bad and the Ugly </a></li>
- <li><a href="index.html">Pulp Fiction</a></li>
- <li><a href="index.html">Schindler's List</a></li>
- </ol>
-
- <h2>Divided, formatted content</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html">
- <h3>Stephen Weber</h3>
- <p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
- <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
- <p class="ui-li-aside"><strong>6:24</strong>PM</p>
- </a></li>
- <li><a href="index.html">
- <h3>jQuery Team</h3>
- <p><strong>Boston Conference Planning</strong></p>
- <p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
- <p class="ui-li-aside"><strong>9:18</strong>AM</p>
- </a></li>
- </ul>
-
-
-
-
- <h2>Icon list</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html"><img src="images/gf.png" alt="France" class="ui-li-icon ui-corner-none">France <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html"><img src="images/de.png" alt="Germany" class="ui-li-icon">Germany <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html"><img src="images/gb.png" alt="Great Britain" class="ui-li-icon">Great Britain <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html"><img src="images/fi.png" alt="Finland" class="ui-li-icon">Finland <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html"><img src="images/sj.png" alt="Norway" class="ui-li-icon">Norway <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html"><img src="images/us.png" alt="United States" class="ui-li-icon ui-corner-none">United States <span class="ui-li-count">62</span></a></li>
- </ul>
-
- <h2>Thumbnail, split button list</h2>
-
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html">
- <img src="images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-p.jpg" />
- <h3>Wolfgang Amadeus Phoenix</h3>
- <p>Phoenix</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- </ul>
-
- <h2>Divided, filterable list</h2>
- <ul data-role="listview" data-filter="true" data-inset="true">
- <li data-role="list-divider">A</li>
- <li><a href="index.html">Adam Kinkaid</a></li>
- <li><a href="index.html">Alex Wickerham</a></li>
- <li><a href="index.html">Avery Johnson</a></li>
- <li data-role="list-divider">B</li>
- <li><a href="index.html">Bob Cabot</a></li>
- <li data-role="list-divider">C</li>
- <li><a href="index.html">Caleb Booth</a></li>
- <li><a href="index.html">Christopher Adams</a></li>
- </ul>
-
-
-
-
- </form>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List markup conventions</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li data-theme="a"><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Nested Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Nested list</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li>
- <h3>Animals</h3>
- <p>All your favorites from aarkvarks to zebras.</p>
-
- <ul>
- <li>Pets
- <ul>
- <li><a href="index.html">Canary</a></li>
- <li><a href="index.html">Cat</a></li>
- <li><a href="index.html">Dog</a></li>
- <li><a href="index.html">Gerbil</a></li>
- <li><a href="index.html">Iguana</a></li>
- <li><a href="index.html">Mouse</a></li>
- </ul>
- </li>
- <li>Farm animals
- <ul>
- <li><a href="index.html">Chicken</a></li>
- <li><a href="index.html">Cow</a></li>
- <li><a href="index.html">Duck</a></li>
- <li><a href="index.html">Horse</a></li>
- <li><a href="index.html">Pig</a></li>
- <li><a href="index.html">Sheep</a></li>
- </ul>
- </li>
- <li>Wild animals
- <ul>
- <li><a href="index.html">Aardvark</a></li>
- <li><a href="index.html">Alligator</a></li>
- <li><a href="index.html">Ant</a></li>
- <li><a href="index.html">Bear</a></li>
- <li><a href="index.html">Beaver</a></li>
- <li><a href="index.html">Cougar</a></li>
- <li><a href="index.html">Dingo</a></li>
- <li><a href="index.html">Eagle</a></li>
- <li><a href="index.html">Elephant</a></li>
- <li><a href="index.html">Ferret</a></li>
- <li><a href="index.html">Frog</a></li>
- <li><a href="index.html">Giraffe</a></li>
- <li><a href="index.html">Lion</a></li>
- <li><a href="index.html">Monkey</a></li>
- <li><a href="index.html">Panda bear</a></li>
- <li><a href="index.html">Polar bear</a></li>
- <li><a href="index.html">Tiger</a></li>
- <li><a href="index.html">Zebra</a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li>
-
- <h3>Colors</h3>
- <p>Fresh colors from the magic rainbow.</p>
-
- <ul>
- <li><a href="index.html">Blue</a></li>
- <li><a href="index.html">Green</a></li>
- <li><a href="index.html">Orange</a></li>
- <li><a href="index.html">Purple</a></li>
- <li><a href="index.html">Red</a></li>
- <li><a href="index.html">Yellow</a></li>
- <li><a href="index.html">Violet</a></li>
- </ul>
- </li>
- <li>
- <h3>Vehicles</h3>
- <p>Everything from cars to planes.</p>
-
- <ul>
- <li>Cars
- <ul>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Volkswagon</a></li>
- <li><a href="index.html">Volvo</a></li>
- </ul>
- </li>
- <li>Planes
- <ul>
- <li><a href="index.html">Boeing</a></li>
- <li><a href="index.html">Cessna</a></li>
- <li><a href="index.html">Derringer</a></li>
- <li><a href="index.html">Embraer</a></li>
- <li><a href="index.html">Gulfstream</a></li>
- <li><a href="index.html">Piper Aircraft</a></li>
- <li><a href="index.html">Raytheon</a></li>
- </ul>
- </li>
- <li>Construction
- <ul>
- <li><a href="index.html">Caterpillar</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">John Deere</a></li>
-
- </ul>
- </li>
- </ul>
- </li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List markup conventions</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li data-theme="a"><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Ordered Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Numbered list</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ol data-role="listview">
- <li><a href="index.html">The Godfather</a></li>
- <li><a href="index.html">Inception</a></li>
- <li><a href="index.html">The Good, the Bad and the Ugly </a></li>
- <li><a href="index.html">Pulp Fiction</a></li>
- <li><a href="index.html">Schindler's List</a></li>
- <li><a href="index.html">12 Angry Men</a></li>
- <li><a href="index.html">One Flew Over the Cuckoo's Nest</a></li>
- <li><a href="index.html">Star Wars: Episode V - The Empire Strikes Back</a></li>
- <li><a href="index.html">The Dark Knight</a></li>
- <li><a href="index.html">The Lord of the Rings: The Return of the King</a></li>
- <li><a href="index.html">Seven Samurai</a></li>
- <li><a href="index.html">Star Wars: Episode IV - A New Hope</a></li>
- <li><a href="index.html">Casablanca</a></li>
- <li><a href="index.html">Goodfellas </a></li>
- <li><a href="index.html">Toy Story 3</a></li>
- <li><a href="index.html">Fight Club</a></li>
- <li><a href="index.html">City of God</a></li>
- <li><a href="index.html">The Lord of the Rings: The Fellowship of the Ring</a></li>
- <li><a href="index.html">The Big Lebowski</a></li>
- <li><a href="index.html">Psycho</a></li>
- </ol>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List markup conventions</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li data-theme="a"><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - List Performance Test</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>500 item list</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview" data-filter="true" data-theme="d">
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List markup conventions</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li data-theme="a"><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Readonly Inset Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Readonly Inset Lists</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Simple list</h2>
-
- <ul data-role="listview" data-inset="true">
- <li>Acura</li>
- <li>Audi</li>
- <li>BMW</li>
- <li>Cadillac</li>
- <li>Ferrari</li>
- </ul>
-
- <h2>Count bubbles</h2>
- <ul data-role="listview" data-inset="true">
- <li>Inbox <span class="ui-li-count">12</span></li>
- <li>Outbox <span class="ui-li-count">0</span></li>
- <li>Drafts <span class="ui-li-count">4</span></li>
- <li>Sent <span class="ui-li-count">328</span></li>
- <li>Trash <span class="ui-li-count">62</span></li>
- </ul>
-
- <h2>Numbered list</h2>
- <ol data-role="listview" data-inset="true">
- <li>The Godfather</li>
- <li>Inception</li>
- <li>The Good, the Bad and the Ugly </li>
- <li>Pulp Fiction</li>
- <li>Schindler's List</li>
- </ol>
-
- <h2>Divided, formatted content</h2>
- <ul data-role="listview" data-inset="true">
- <li>
- <h3>Stephen Weber</h3>
- <p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
- <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
- <p class="ui-li-aside"><strong>6:24</strong>PM</p>
- </li>
- <li>
- <h3>jQuery Team</h3>
- <p><strong>Boston Conference Planning</strong></p>
- <p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
- <p class="ui-li-aside"><strong>9:18</strong>AM</p>
- </li>
- </ul>
-
-
-
-
- <h2>Icon list</h2>
- <ul data-role="listview" data-inset="true">
- <li><img src="images/gf.png" alt="France" class="ui-li-icon">France <span class="ui-li-count">4</span></li>
- <li><img src="images/de.png" alt="Germany" class="ui-li-icon">Germany <span class="ui-li-count">4</span></li>
- <li><img src="images/gb.png" alt="Great Britain" class="ui-li-icon">Great Britain <span class="ui-li-count">0</span></li>
- <li><img src="images/fi.png" alt="Finland" class="ui-li-icon">Finland <span class="ui-li-count">12</span></li>
- <li><img src="images/sj.png" alt="Norway" class="ui-li-icon">Norway <span class="ui-li-count">328</span></li>
- <li><img src="images/us.png" alt="United States" class="ui-li-icon">United States <span class="ui-li-count">62</span></li>
- </ul>
-
- <h2>Thumbnail list</h2>
-
- <ul data-role="listview" data-inset="true">
- <li>
- <img src="images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p>
- </li>
- <li>
- <img src="images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p>
- </li>
- <li>
- <img src="images/album-p.jpg" />
- <h3>Wolfgang Amadeus Phoenix</h3>
- <p>Phoenix</p>
- </li>
- </ul>
-
- <h2>Divided, filterable list</h2>
- <ul data-role="listview" data-filter="true" data-inset="true">
- <li data-role="list-divider">A</li>
- <li>Adam Kinkaid</li>
- <li>Alex Wickerham</li>
- <li>Avery Johnson</li>
- <li data-role="list-divider">B</li>
- <li>Bob Cabot</li>
- <li data-role="list-divider">C</li>
- <li>Caleb Booth</li>
- <li>Christopher Adams</li>
- </ul>
-
-
-
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List markup conventions</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li data-theme="a"><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Inset Readonly Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <style type="text/css">
- h2 { margin:50px 0 30px 0; }
- </style>
-
- <div data-role="header" data-theme="f">
- <h1>Readonly lists</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <p>Here is a variety of full-width lists that are read-only. If a list has the <code>data-role="listview"</code> attribute, but the contents aren't linked, it will display as read-only. These look like normal lists, except they don't have a right arrow and the text is set to a smaller size to save space.</ap>
-
- <h2>Simple list</h2>
-
- <ul data-role="listview">
- <li>Acura</li>
- <li>Audi</li>
- <li>BMW</li>
- <li>Cadillac</li>
- <li>Ferrari</li>
- </ul>
-
- <h2>Count bubbles</h2>
- <ul data-role="listview">
- <li>Inbox <span class="ui-li-count">12</span></li>
- <li>Outbox <span class="ui-li-count">0</span></li>
- <li>Drafts <span class="ui-li-count">4</span></li>
- <li>Sent <span class="ui-li-count">328</span></li>
- <li>Trash <span class="ui-li-count">62</span></li>
- </ul>
-
- <h2>Numbered list</h2>
- <ol data-role="listview">
- <li>The Godfather</li>
- <li>Inception</li>
- <li>The Good, the Bad and the Ugly </li>
- <li>Pulp Fiction</li>
- <li>Schindler's List</li>
- </ol>
-
- <h2>Divided, formatted content</h2>
- <ul data-role="listview">
- <li>
- <h3>Stephen Weber</h3>
- <p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
- <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
- <p class="ui-li-aside"><strong>6:24</strong>PM</p>
- </li>
- <li>
- <h3>jQuery Team</h3>
- <p><strong>Boston Conference Planning</strong></p>
- <p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
- <p class="ui-li-aside"><strong>9:18</strong>AM</p>
- </li>
- </ul>
-
-
-
-
- <h2>Icon list</h2>
- <ul data-role="listview">
- <li><img src="images/gf.png" alt="France" class="ui-li-icon">France <span class="ui-li-count">4</span></li>
- <li><img src="images/de.png" alt="Germany" class="ui-li-icon">Germany <span class="ui-li-count">4</span></li>
- <li><img src="images/gb.png" alt="Great Britain" class="ui-li-icon">Great Britain <span class="ui-li-count">0</span></li>
- <li><img src="images/fi.png" alt="Finland" class="ui-li-icon">Finland <span class="ui-li-count">12</span></li>
- <li><img src="images/sj.png" alt="Norway" class="ui-li-icon">Norway <span class="ui-li-count">328</span></li>
- <li><img src="images/us.png" alt="United States" class="ui-li-icon">United States <span class="ui-li-count">62</span></li>
- </ul>
-
- <h2>Thumbnail list</h2>
-
- <ul data-role="listview">
- <li>
- <img src="images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p>
- </li>
- <li>
- <img src="images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p>
- </li>
- <li>
- <img src="images/album-p.jpg" />
- <h3>Wolfgang Amadeus Phoenix</h3>
- <p>Phoenix</p>
- </li>
- </ul>
-
- <h2>Divided, filterable list</h2>
- <ul data-role="listview" data-filter="true">
- <li data-role="list-divider">A</li>
- <li>Adam Kinkaid</li>
- <li>Alex Wickerham</li>
- <li>Avery Johnson</li>
- <li data-role="list-divider">B</li>
- <li>Bob Cabot</li>
- <li data-role="list-divider">C</li>
- <li>Caleb Booth</li>
- <li>Christopher Adams</li>
- </ul>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List markup conventions</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
- <li data-theme="a"><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Filtered Inset Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Inset Search filter bar</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview" data-filter="true" data-inset="true">
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Volkswagon</a></li>
- <li><a href="index.html">Volvo</a></li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List markup conventions</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li data-theme="a"><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8" />
- <title>jQuery Mobile Docs - Filtered Lists with Dividers</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>List dividers</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview" data-filter="true" data-filter-placeholder="Search people..." data-filter-theme="b">
- <li data-role="list-divider">A</li>
- <li><a href="index.html">Adam Kinkaid</a></li>
- <li><a href="index.html">Alex Wickerham</a></li>
- <li><a href="index.html">Avery Johnson</a></li>
- <li data-role="list-divider">B</li>
- <li><a href="index.html">Bob Cabot</a></li>
- <li data-role="list-divider">C</li>
- <li><a href="index.html">Caleb Booth</a></li>
- <li><a href="index.html">Christopher Adams</a></li>
- <li><a href="index.html">Culver James</a></li>
- <li data-role="list-divider">D</li>
- <li><a href="index.html">David Walsh</a></li>
- <li><a href="index.html">Drake Alfred</a></li>
- <li data-role="list-divider">E</li>
- <li><a href="index.html">Elizabeth Bacon</a></li>
- <li><a href="index.html">Emery Parker</a></li>
- <li><a href="index.html">Enid Voldon</a></li>
- <li data-role="list-divider">F</li>
- <li><a href="index.html">Francis Wall</a></li>
- <li data-role="list-divider">G</li>
- <li><a href="index.html">Graham Smith</a></li>
- <li><a href="index.html">Greta Peete</a></li>
- <li data-role="list-divider">H</li>
- <li><a href="index.html">Harvey Walls</a></li>
- <li data-role="list-divider">M</li>
- <li><a href="index.html">Mike Farnsworth</a></li>
- <li><a href="index.html">Murray Vanderbuilt</a></li>
- <li data-role="list-divider">N</li>
- <li><a href="index.html">Nathan Williams</a></li>
- <li data-role="list-divider">P</li>
- <li><a href="index.html">Paul Baker</a></li>
- <li><a href="index.html">Pete Mason</a></li>
- <li data-role="list-divider">R</li>
- <li><a href="index.html">Rod Tarker</a></li>
- <li data-role="list-divider">S</li>
- <li><a href="index.html">Sawyer Wakefield</a></li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List markup conventions</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li data-theme="a"><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Filtered Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Search filter bar</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview" data-filter="true">
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Volkswagon</a></li>
- <li><a href="index.html">Volvo</a></li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List markup conventions</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li data-theme="a"><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Sample Dialog</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-
- <div data-role="page">
-
- <div data-role="header" data-theme="a">
- <h1>Purchase?</h1>
- </div><!-- /header -->
-
- <div data-role="content">
- <h4>This album costs $10.99 and includes 9 tracks.</h4>
- <p>Your download will begin immediately on your mobile device and all tracks will by added your your library next time you sync.</p>
- <a href="index.html" data-role="button" data-rel="back" data-theme="b">Purchase album</a>
- <a href="index.html" data-role="button" data-rel="back">No thanks</a>
-
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Split Button Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior" id="album-list">
-
- <div data-role="header" data-theme="f">
- <h1>List formatting</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview" data-split-icon="gear" data-split-theme="d">
- <li><a href="index.html">
- <img src="images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
-
- <img src="images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p>
-
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-p.jpg" />
- <h3>Wolfgang Amadeus Phoenix</h3>
- <p>Phoenix</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-ok.jpg" />
- <h3>Of The Blue Colour Of The Sky</h3>
- <p>Ok Go</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-ws.jpg" />
- <h3>Elephant</h3>
- <p>The White Stripes</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-rh.jpg" />
- <h3>Kid A</h3>
- <p>Radiohead</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-xx.jpg" />
- <h3>XX</h3>
- <p>XX</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-mg.jpg" />
- <h3>Congratulations</h3>
- <p>MGMT</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-ag.jpg" />
- <h3>Ashes Grammar</h3>
- <p>A Sunny Day in Glasgow</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
-
- <li><a href="index.html">
- <img src="images/album-k.jpg" />
- <h3>Hot Fuss</h3>
- <p>Killers</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="images/album-af.jpg" />
- <h3>The Suburbs</h3>
- <p>Arcade Fire</p>
- </a><a href="lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List markup conventions</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li data-theme="a"><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Theming Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Theming lists</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content" class="ui-body">
- <div class="content-primary">
-
- <p>All the standard button swatches can be applied to lists. The framework assigns a default list theme swatch of "c" (silver in the default theme) and swatch "b" (blue in default theme) for dividers. Below is a default themed list.</p>
-
-<code>
-<ul data-role="listview" data-inset="true">
-</code>
- <ul data-role="listview" data-inset="true" data-icon="star">
- <li data-role="list-divider">Divider</li>
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- </ul>
-
- <h2>Theming list items</h2>
- <p>The list item color scheme can be changed to any button color theme swatch by adding the <code> data-theme</code> attribute to the list, and setting the letter theme swatch. Here is the same list above with the "a" swatch applied. </p>
-
-<code>
-<ul data-role="listview" data-inset="true" data-theme="d">
-</code>
-
- <ul data-role="listview" data-inset="true" data-theme="d">
- <li data-role="list-divider">Divider</li>
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- </ul>
-
- <p> data-theme attributes also work at the LI-level, for styling a single item.</p>
-
- <ul data-role="listview" data-inset="true" data-theme="d">
- <li data-role="list-divider">Divider</li>
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- <li data-theme="a"><a href="index.html">Trash <span class="ui-li-count">34</span></a></li>
- </ul>
-
- <h2>Theming dividers</h2>
-
- <p>The theme for <strong>list dividers</strong> can be set by adding the <code>data-divider-theme</code> to the list and specifying a swatch letter. Here is an example of the same list above with swatch "d" set on the dividers.</p>
-
-<code>
-<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e">
-</code>
-
- <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e">
- <li data-role="list-divider">Divider</li>
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- </ul>
-
- <h2>Theming count bubbles</h2>
-
- <p>The theme for <strong>count bubbles</strong> can be set by adding the <code>data-count-theme</code> to the list and specifying a swatch letter. Here is an example with swatch "e" set on the dividers.</p>
-
-<code>
-<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e" data-count-theme="b">
-</code>
-
- <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e" data-count-theme="b">
- <li data-role="list-divider">Divider</li>
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- </ul>
-
- <h2>Theming icons</h2>
-
- <p>The default icon for each list item is <code>arrow-r</code>. To override this, set the <code> data-icon</code> attribute on the desired list item to the <a href="../buttons/buttons-icons.html">name of a standard icon</a>. To prevent icons from appearing altogether, set the <code> data-icon</code> attribute to "false".</p>
-<pre>
-<code>
-<li data-icon="info"><a href="#">Notices</a></li>
-<li data-icon="alert"><a href="#">Alerts</a></li>
-<li data-icon="false"><a href="#">No icon</a></li>
-</code>
-</pre>
- <ul data-role="listview" data-inset="true">
- <li data-role="list-divider">Divider</li>
- <li data-icon="info"><a href="#">Notices</a></li>
- <li data-icon="alert"><a href="#">Alerts</a></li>
- <li data-icon="false"><a href="#">No icon</a></li>
- </ul>
-
-
- <h2>Theming split buttons</h2>
-
- <p>For split lists which a second button, the framework default to "b" for the theme swatch (blue in the default theme) Here is a default split list:</p>
-
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html">
- <img src="images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p></a>
- <a href="index.html">Purchase album</a>
- </li>
- <li><a href="index.html">
- <img src="images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p></a>
- <a href="index.html">Purchase album</a>
- </li>
- </ul>
-
-<code>
-<ul data-role="listview" data-inset="true" data-split-theme="a">
-</code>
- <p>To specify the color swatch for the icon button on the right, add the <code>data-split-theme</code> to the list and specify a swatch letter. This attribute can also be added to individual split inside list items by adding a <code> data-theme</code> attribute to specific links (see second list item).</p>
- <ul data-role="listview" data-inset="true" data-split-theme="a">
- <li><a href="index.html">
- <img src="images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p>
- </a>
- <a href="index.html">Purchase album</a>
- </li>
- <li><a href="index.html">
- <img src="images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p>
- </a>
- <a href="index.html" data-theme="e">Purchase album</a>
- </li>
- </ul>
-
- <p>The icon for the split theme can set at the list level by adding the <code>data-split-icon</code> to the list and specifying a <a href="../buttons/buttons-icons.html">standard icon</a>. This attribute can also be added to individual split inside list items by adding a <code> data-icon</code> attribute to specific links (see second list item).</p>
-
-<code>
-<ul data-role="listview" data-inset="true" data-split-theme="d" data-split-icon="delete">
-</code>
-
- <ul data-role="listview" data-inset="true" data-split-theme="d" data-split-icon="delete" >
- <li><a href="index.html">
- <img src="images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p>
- </a>
- <a href="index.html">Purchase album</a>
- </li>
- <li><a href="index.html">
- <img src="images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p>
- </a>
- <a href="index.html">Purchase album</a>
- </li>
- </ul>
-
-
-
- <h2>Examples of all basic list swatches</h2>
-
- <p><strong>A</strong> swatch</p>
- <ul data-role="listview" data-inset="true" data-theme="a">
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- <p><strong>B</strong> swatch</p>
- <ul data-role="listview" data-inset="true" data-theme="b">
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- <p><strong>C</strong> swatch</p>
- <ul data-role="listview" data-inset="true" data-theme="c">
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- <p><strong>D</strong> swatch</p>
- <ul data-role="listview" data-inset="true" data-theme="d">
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- <p><strong>E</strong> swatch</p>
- <ul data-role="listview" data-inset="true" data-theme="e">
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List markup conventions</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li data-theme="a"><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists with Thumbnails</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Thumbnails</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="index.html">
- <img src="images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p>
- </a></li>
- <li><a href="index.html">
- <img src="images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p>
- </a></li>
- <li><a href="index.html">
- <img src="images/album-p.jpg" />
- <h3>Wolfgang Amadeus Phoenix</h3>
- <p>Phoenix</p>
- </a></li>
- <li><a href="index.html">
- <img src="images/album-ok.jpg" />
- <h3>Of The Blue Colour Of The Sky</h3>
- <p>Ok Go</p>
- </a></li>
- <li><a href="index.html">
- <img src="images/album-ws.jpg" />
- <h3>Elephant</h3>
- <p>The White Stripes</p>
- </a></li>
- <li><a href="index.html">
- <img src="images/album-rh.jpg" />
- <h3>Kid A</h3>
- <p>Radiohead</p>
- </a></li>
- <li><a href="index.html">
- <img src="images/album-xx.jpg" />
- <h3>XX</h3>
- <p>XX</p>
- </a></li>
- <li><a href="index.html">
- <img src="images/album-mg.jpg" />
- <h3>Congratulations</h3>
- <p>MGMT</p>
- </a></li>
-
- <li><a href="index.html">
- <img src="images/album-ag.jpg" />
- <h3>Ashes Grammar</h3>
- <p>A Sunny Day in Glasgow</p>
- </a></li>
-
- <li><a href="index.html">
- <img src="images/album-k.jpg" />
- <h3>Hot Fuss</h3>
- <p>Killers</p>
- </a></li>
- <li><a href="index.html">
- <img src="images/album-af.jpg" />
- <h3>The Suburbs</h3>
- <p>Arcade Fire</p>
- </a></li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List markup conventions</a></li>
- <li><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li data-theme="a"><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-
-<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a><!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Basic Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Basic list</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Volkswagon</a></li>
- <li><a href="index.html">Volvo</a></li>
- </ul>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">List views</li>
- <li><a href="docs-lists.html">List markup conventions</a></li>
- <li data-theme="a"><a href="lists-ul.html">Basic linked list</a></li>
- <li><a href="lists-nested.html">Nested list</a></li>
- <li><a href="lists-ol.html">Numbered list</a></li>
-
- <li><a href="lists-split.html">Split button list</a></li>
- <li><a href="lists-divider.html">List dividers</a></li>
- <li><a href="lists-count.html">Count bubble</a></li>
- <li><a href="lists-thumbnails.html">Thumbnails</a></li>
- <li><a href="lists-icons.html">Icons</a></li>
- <li><a href="lists-formatting.html">Content formatting</a></li>
- <li><a href="lists-search.html">Search filter bar</a></li>
- <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
- <li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
- <li><a href="lists-readonly.html">Read-only lists</a></li>
- <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
- <li><a href="lists-forms.html">Lists with forms</a></li>
- <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
-
- <li><a href="lists-inset.html">Inset styled lists</a></li>
- <li><a href="lists-performance.html">List performance test</a></li>
- <li><a href="lists-themes.html">Theming lists</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Dialog Example</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page">
- <div data-role="header" data-theme="e">
- <h1>Dialog</h1>
-
- </div>
-
- <div data-role="content" data-theme="e">
- <h1>I'm colorful</h1>
- <p>This is a regular page, styled as a dialog. To create a dialog, just link to a normal page and include a transition and <code>data-rel="dialog"</code> attribute.</p>
- <a href="docs-dialogs.html" data-role="button" data-rel="back" data-theme="a">Good for you</a>
- <a href="docs-dialogs.html" data-role="button" data-rel="back" data-theme="c">Don't care, really</a>
- </div>
- </div>
-
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Dialog Example</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page">
-
-
- <div data-role="content" data-theme="a">
- <h3>Share Photos</h3>
- <a href="dialog-success.html" data-role="button" data-rel="dialog" data-transition="slidedown" data-theme="b">Email</a>
- <a href="dialog-success.html" data-role="button" data-rel="dialog" data-transition="slidedown" data-theme="b">Upload to flickr</a>
- <a href="dialog-success.html" data-role="button" data-rel="dialog" data-transition="slidedown" data-theme="b">Share on Facebook</a>
- <a href="dialog-success.html" data-role="button" data-rel="dialog" data-transition="slidedown" data-theme="b">Tweet photo</a>
-
- <a href="index.html" data-role="button" data-rel="back" data-theme="a">Cancel</a>
- </div>
-</div>
-
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Dialog Example</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" data-overlay-theme="e">
- <div data-role="header" data-theme="b">
- <h1>Dialog</h1>
- </div>
-
- <div data-role="content" data-theme="d">
- <h1>Custom overlay</h1>
- <p>This dialog adds <code>data-overlay-theme="e"</code> to the page container to set the overlay swatch color.</p>
- <a href="docs-dialogs.html" data-role="button" data-rel="back" data-theme="a" data-inline="true">I like it</a>
- </div>
-
- <div data-role="footer" data-theme="c">
- <form style="padding-top:4px;">
- <input type="checkbox" name="checkbox-0" id="checkbox-0" class="custom" />
- <label for="checkbox-0">Don't show this message again </label>
- </form>
- </div>
- </div>
-
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Dialog Example</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page">
-
-
- <div data-role="content" data-theme="b">
- <p>Flickr upload:</p>
- <h3>Photos posted successfully</h3>
-
- <a href="page-dialogs.html" data-role="button" data-theme="b">View photo page</a>
- <a href="page-dialogs.html" data-role="button" data-theme="c">Done</a>
- </div>
-</div>
-
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Dialog Example with Select</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Dialog select test</h1>
- </div>
- <div data-role="content" >
- <a href="#bar" data-role="button" data-rel="dialog">Open dialog</a>
- </div>
-
-</div>
-
-
-
-
-
-
-
-<div data-role="page" id="bar">
-
- <div data-role="header" data-theme="d" data-position="inline">
- <h1>Sample Dialogs</h1>
- </div>
-
- <div data-role="content" data-theme="c">
-
- <form action>
- <div data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1" data-native-menu="false">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-3" class="select">Your state:</label>
- <select name="select-choice-3" id="select-choice-3" data-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <a href="#foo" data-role="button" data-rel="back" data-theme="c">Real Submit Would go here</a>
- </form>
- <a href="#foo" data-role="button" data-rel="back" data-theme="c">Cancel</a>
- </div>
- </div>
-
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Dialog Example</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page">
-
- <div data-role="header" data-theme="d">
- <h1>Dialog</h1>
-
- </div>
-
- <div data-role="content" data-theme="c">
- <h1>Delete page?</h1>
- <p>This is a regular page, styled as a dialog. To create a dialog, just link to a normal page and include a transition and <code>data-rel="dialog"</code> attribute.</p>
- <a href="docs-dialogs.html" data-role="button" data-rel="back" data-theme="b">Sounds good</a>
- <a href="docs-dialogs.html" data-role="button" data-rel="back" data-theme="c">Cancel</a>
- </div>
- </div>
-
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Test URL Example</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" data-url="docs/pages/docs-links-urltest/">
- <div data-role="header" data-theme="f">
- <h1>URL Test Page</h1>
- </div>
- <div data-role="content">
- <p>This is a regular page that updated the url with a different value than was requested.</p>
- </div>
- </div>
-
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE HTML>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width">
-<title>Animals</title>
-<link rel="stylesheet" href="../../../css/themes/default/">
-<script src="../../../js/jquery.js"></script>
-<script src="../../../js/"></script>
-</head>
-
-<body>
-<div data-role="page">
- <div data-role="header"><h1>Animals</h1></div>
- <div data-role="content">
- <p>All your favorites from aardvarks to zebras.</p>
- <ul data-role="listview" data-inset="true">
- <li>Pets</li>
- <li>Farm Animals</li>
- <li>Wild Animals</li>
- </ul>
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-<?php
-// This is a demo script that takes a single 'id' query param argument and
-// returns its associated data as HTML, or, if called via XmlHttpRequest,
-// returns its data as JSON.
-
-// In the real-world, this category data would be looked
-// up on the fly from some database. For this sample, we
-// are just using some static in-memory data.
-
-$category_data = array(
- animals => array(
- name => "Animals",
- description => "All your favorites from aardvarks to zebras.",
- items => array(
- array(
- name => "Pets",
- ),
- array(
- name => "Farm Animals",
- ),
- array(
- name => "Wild Animals",
- )
- )
- ),
- colors => array(
- name => "Colors",
- description => "Fresh colors from the magic rainbow.",
- items => array(
- array(
- name => "Blue",
- ),
- array(
- name => "Green",
- ),
- array(
- name => "Orange",
- ),
- array(
- name => "Purple",
- ),
- array(
- name => "Red",
- ),
- array(
- name => "Yellow",
- ),
- array(
- name => "Violet",
- )
- )
- ),
- vehicles => array(
- name => "Vehicles",
- description => "Everything from cars to planes.",
- items => array(
- array(
- name => "Cars",
- ),
- array(
- name => "Planes",
- ),
- array(
- name => "Construction",
- )
- )
- )
-);
-
-// Get the name of the category to display from
-// the query params for the script.
-
-$category_name = '';
-if ( $_GET[ 'id' ] ) {
- $category_name = $_GET[ 'id' ];
-}
-
-// Now get the category data, by name, from our in-memory
-// dictionary. This is the part where a script normally fetches
-// the data from a database.
-
-$category_obj = $category_data[ $category_name ];
-
-// Now figure out how the script is being called. If it's being
-// called via XmlHttpRequest, then send the data back as JSON.
-// If not, then send it back as a list in an HTML document.
-
-if( $_SERVER[ "HTTP_X_REQUESTED_WITH" ] && $_SERVER[ "HTTP_X_REQUESTED_WITH" ] ==="XMLHttpRequest" ) {
- // Data should be written out as JSON.
- header("Content-type: application/json");
- if ( !$category_obj ) {
- echo 'null';
- } else {
- echo '{"name":"' . $category_obj[ 'name' ]
- . '","description":"' . $category_obj[ 'description' ]
- . '","items":[';
-
- $arr = $category_obj[ 'items' ];
- $count = count($arr);
- for ( $i = 0; $i < $count; $i++ ) {
- if ( $i ) {
- echo ",";
- }
- echo '{"name":"' . $arr[ $i ][ 'name' ] . '"}';
- }
- echo "]}";
- }
-} else {
- // Data should be written out as HTML.
- header("Content-type: text/html");
-?>
-<!DOCTYPE HTML>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width">
-<title>Vehicles</title>
-<link rel="stylesheet" href="../../../css/themes/default/">
-<script src="../../../js/jquery.js"></script>
-<script src="../../../js/"></script>
-</head>
-<body>
-<div data-role="page" data-add-back-btn="true">
- <div data-role="header"><h1><?php if ( $category_obj ) { echo $category_obj['name']; } else { echo "No Match"; } ?></h1></div>
- <div data-role="content">
-<?php
- if ( !$category_obj ) {
-?>
- <p>No matches found.</p>
-<?php
- } else {
-?>
- <p><?php echo $catgory_object['description']; ?></p>
- <ul data-role="listview" data-inset="true">
-<?php
- $arr = $category_obj[ 'items' ];
- $count = count($arr);
- for ( $i = 0; $i < $count; $i++ ) {
- echo "\t\t\t<li>" . $arr[ $i ][ 'name' ] . "</li>\n";
- }
-?>
- </ul>
-<?php
- }
-?>
- </div>
-</div>
-</body>
-</html>
-<?php }
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE HTML>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width">
-<title>Colors</title>
-<link rel="stylesheet" href="../../../css/themes/default/">
-<script src="../../../js/jquery.js"></script>
-<script src="../../../js/"></script>
-</head>
-
-<body>
-<div data-role="page">
- <div data-role="header"><h1>Colors</h1></div>
- <div data-role="content">
- <p>Fresh colors from the magic rainbow.</p>
- <ul data-role="listview" data-inset="true">
- <li>Blue</li>
- <li>Green</li>
- <li>Orange</li>
- <li>Purple</li>
- <li>Red</li>
- <li>Yellow</li>
- <li>Violet</li>
- </ul>
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE HTML>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width">
-<title>Dynamic Page Samples</title>
-<link rel="stylesheet" href="../../../css/themes/default/">
-<script src="../../../js/jquery.js"></script>
-<script src="../../../js/"></script>
-</head>
-
-<body>
-<div data-role="page">
- <div data-role="header"><h1>Categories</h1></div>
- <div data-role="content">
- <h2>Select a Category Below:</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="sample-reuse-page.html" rel="external">Re-using a Page with In-Memory Data</a></li>
- <li><a href="sample-reuse-page-external.html" rel="external">Re-using a Page With External Data</a></li>
- </ul>
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE HTML>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width">
-<title>changePage JSON Sample</title>
-<link rel="stylesheet" href="../../../css/themes/default/">
-<script src="../../../js/jquery.js"></script>
-<script src="../../../js/"></script>
-<script type="text/javascript">
-
-// Load the JSON data for a specific category, based on
-// the URL passed in. Generate markup for the items in the
-// category, inject it into an embedded page, and then make
-// that page the current active page.
-function showCategory( url, options )
-{
- $.getJSON( url, function( category ) {
- if ( category ) {
- // Get the page we are going to dump our content into.
- var $page = $( "#category-items" ),
-
- // Get the header for the page.
- $header = $page.children( ":jqmData(role=header)" ),
-
- // Get the content area element for the page.
- $content = $page.children( ":jqmData(role=content)" ),
-
- // The markup we are going to inject into the content
- // area of the page.
- markup = "<p>" + category.description + "</p><ul data-role='listview' data-inset='true'>",
-
- // The array of items for this category.
- cItems = category.items,
-
- // The number of items in the category.
- numItems = cItems.length;
-
- // Generate a list item for each item in the category
- // and add it to our markup.
- for ( var i = 0; i < numItems; i++ ) {
- markup += "<li>" + cItems[i].name + "</li>";
- }
- markup += "</ul>";
-
- // Find the h1 element in our header and inject the name of
- // the category into it.
- $header.find( "h1" ).html( category.name );
-
- // Inject the category items markup into the content element.
- $content.html( markup );
-
- // Pages are lazily enhanced. We call page() on the page
- // element to make sure it is always enhanced before we
- // attempt to enhance the listview markup we just injected.
- // Subsequent calls to page() are ignored since a page/widget
- // can only be enhanced once.
- $page.page();
-
- // Enhance the listview we just injected.
- $content.find( ":jqmData(role=listview)" ).listview();
-
- // We don't want the data-url of the page we just modified
- // to be the url that shows up in the browser's location field,
- // so set the dataUrl option to the URL for the category
- // we just loaded.
- options.dataUrl = url;
-
- // Now call changePage() and tell it to switch to
- // the page we just modified.
- $.mobile.changePage( $page, options );
- }
- });
-}
-
-
-// Listen for any attempts to call changePage().
-$(document).bind( "pagebeforechange", function( e, data ) {
- // We only want to handle changePage() calls where the caller is
- // asking us to load a page by URL.
- if ( typeof data.toPage === "string" ) {
- // We are being asked to load a page by URL, but we only
- // want to handle URLs that request the data for a specific
- // category.
- var u = $.mobile.path.parseUrl( data.toPage );
- if ( u.pathname.search("category.php") !== -1 ) {
- // We're being asked to display the items for a specific category.
- // Call our internal method that builds the content for the category
- // on the fly based on our in-memory category data structure.
- showCategory( u.href, data.options );
-
- // Make sure to tell changePage() we've handled this call so it doesn't
- // have to do anything.
- e.preventDefault();
- }
- }
-});
-
-</script>
-</head>
-
-<body>
-<div data-role="page">
- <div data-role="header"><h1>Categories</h1></div>
- <div data-role="content">
- <h2>Select a Category Below:</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="category.php?id=animals">Animals</a></li>
- <li><a href="category.php?id=colors">Colors</a></li>
- <li><a href="category.php?id=vehicles">Vehicles</a></li>
- </ul>
- </div>
-</div>
-<div id="category-items" data-role="page" data-add-back-btn="true">
- <div data-role="header"><h1></h1></div>
- <div data-role="content"></div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE HTML>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width">
-<title>changePage JSON Sample</title>
-<link rel="stylesheet" href="../../../css/themes/default/">
-<script src="../../../js/jquery.js"></script>
-<script src="../../../js/"></script>
-<script>
-
-// Some sample categorized data. This data is in-memory
-// for demonstration purposes, but could be loaded dynamically
-// via ajax.
-var categoryData = {
- animals: {
- name: "Animals",
- description: "All your favorites from aardvarks to zebras.",
- items: [
- {
- name: "Pets",
- },
- {
- name: "Farm Animals",
- },
- {
- name: "Wild Animals",
- }
- ]
- },
- colors: {
- name: "Colors",
- description: "Fresh colors from the magic rainbow.",
- items: [
- {
- name: "Blue",
- },
- {
- name: "Green",
- },
- {
- name: "Orange",
- },
- {
- name: "Purple",
- },
- {
- name: "Red",
- },
- {
- name: "Yellow",
- },
- {
- name: "Violet",
- }
- ]
- },
- vehicles: {
- name: "Vehicles",
- description: "Everything from cars to planes.",
- items: [
- {
- name: "Cars",
- },
- {
- name: "Planes",
- },
- {
- name: "Construction",
- }
- ]
- }
-};
-
-// Load the data for a specific category, based on
-// the URL passed in. Generate markup for the items in the
-// category, inject it into an embedded page, and then make
-// that page the current active page.
-function showCategory( urlObj, options )
-{
- var categoryName = urlObj.hash.replace( /.*category=/, "" ),
-
- // Get the object that represents the category we
- // are interested in. Note, that at this point we could
- // instead fire off an ajax request to fetch the data, but
- // for the purposes of this sample, it's already in memory.
- category = categoryData[ categoryName ],
-
- // The pages we use to display our content are already in
- // the DOM. The id of the page we are going to write our
- // content into is specified in the hash before the '?'.
- pageSelector = urlObj.hash.replace( /\?.*$/, "" );
-
- if ( category ) {
- // Get the page we are going to dump our content into.
- var $page = $( pageSelector ),
-
- // Get the header for the page.
- $header = $page.children( ":jqmData(role=header)" ),
-
- // Get the content area element for the page.
- $content = $page.children( ":jqmData(role=content)" ),
-
- // The markup we are going to inject into the content
- // area of the page.
- markup = "<p>" + category.description + "</p><ul data-role='listview' data-inset='true'>",
-
- // The array of items for this category.
- cItems = category.items,
-
- // The number of items in the category.
- numItems = cItems.length;
-
- // Generate a list item for each item in the category
- // and add it to our markup.
- for ( var i = 0; i < numItems; i++ ) {
- markup += "<li>" + cItems[i].name + "</li>";
- }
- markup += "</ul>";
-
- // Find the h1 element in our header and inject the name of
- // the category into it.
- $header.find( "h1" ).html( category.name );
-
- // Inject the category items markup into the content element.
- $content.html( markup );
-
- // Pages are lazily enhanced. We call page() on the page
- // element to make sure it is always enhanced before we
- // attempt to enhance the listview markup we just injected.
- // Subsequent calls to page() are ignored since a page/widget
- // can only be enhanced once.
- $page.page();
-
- // Enhance the listview we just injected.
- $content.find( ":jqmData(role=listview)" ).listview();
-
- // We don't want the data-url of the page we just modified
- // to be the url that shows up in the browser's location field,
- // so set the dataUrl option to the URL for the category
- // we just loaded.
- options.dataUrl = urlObj.href;
-
- // Now call changePage() and tell it to switch to
- // the page we just modified.
- $.mobile.changePage( $page, options );
- }
-}
-
-
-// Listen for any attempts to call changePage().
-$(document).bind( "pagebeforechange", function( e, data ) {
- // We only want to handle changePage() calls where the caller is
- // asking us to load a page by URL.
- if ( typeof data.toPage === "string" ) {
- // We are being asked to load a page by URL, but we only
- // want to handle URLs that request the data for a specific
- // category.
- var u = $.mobile.path.parseUrl( data.toPage ),
- re = /^#category-item/;
- if ( u.hash.search(re) !== -1 ) {
- // We're being asked to display the items for a specific category.
- // Call our internal method that builds the content for the category
- // on the fly based on our in-memory category data structure.
- showCategory( u, data.options );
-
- // Make sure to tell changePage() we've handled this call so it doesn't
- // have to do anything.
- e.preventDefault();
- }
- }
-});
-
-
-</script>
-</head>
-
-<body>
-<div id="home" data-role="page">
- <div data-role="header"><h1>Categories</h1></div>
- <div data-role="content">
- <h2>Select a Category Below:</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="#category-items?category=animals">Animals</a></li>
- <li><a href="#category-items?category=colors">Colors</a></li>
- <li><a href="#category-items?category=vehicles">Vehicles</a></li>
- </ul>
- </div>
-
-</div>
-<div id="category-items" data-role="page">
- <div data-role="header"><h1></h1></div>
- <div data-role="content"></div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE HTML>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width">
-<title>Vehicles</title>
-<link rel="stylesheet" href="../../../css/themes/default/">
-<script src="../../../js/jquery.js"></script>
-<script src="../../../js/"></script>
-</head>
-
-<body>
-<div data-role="page">
- <div data-role="header"><h1>Vehicles</h1></div>
- <div data-role="content">
- <p>Everything from cars to planes.</p>
- <ul data-role="listview" data-inset="true">
- <li>Cars</li>
- <li>Planes</li>
- <li>Destruction</li>
- </ul>
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Pages</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f">
- <h1>Pages</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <p>jQuery Mobile includes automatic AJAX page loading of external pages with back button history support, a set of animated page transitions and simple tools for displaying pages as dialogs.</p>
-
-
- <ul data-role="listview" data-inset="true">
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
- </ul>
-
-
- </div><!-- /ui-body wrapper -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
-
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Multi-page template</title>
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
- <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
-</head>
-
-
-<body>
-
-<!-- Start of first page: #one -->
-<div data-role="page" id="one">
-
- <div data-role="header">
- <h1>Multi-page</h1>
- </div><!-- /header -->
-
- <div data-role="content" >
- <h2>One</h2>
-
- <p>I have an id of "one" on my page container. I'm first in the source order so I'm shown when the page loads.</p>
-
- <p>This is a multi-page boilerplate template that you can copy to build you first jQuery Mobile page. This template contains multiple "page" containers inside, unlike a <a href="page-template.html"> single page template</a> that has just one page within it.</p>
- <p>Just view the source and copy the code to get started. All the CSS and JS is linked to the jQuery CDN versions so this is super easy to set up. Remember to include a meta viewport tag in the head to set the zoom level.</p>
- <p>You link to internal pages by referring to the ID of the page you want to show. For example, to <a href="#two" >link</a> to the page with an ID of "two", my link would have a <code>href="#two"</code> in the code.</p>
-
- <h3>Show internal pages:</h3>
- <p><a href="#two" data-role="button">Show page "two"</a></p>
- <p><a href="#popup"data-role="button" data-rel="dialog" data-transition="pop">Show page "popup" (as a dialog)</a></p>
- </div><!-- /content -->
-
- <div data-role="footer" data-theme="d">
- <h4>Page Footer</h4>
- </div><!-- /footer -->
-</div><!-- /page one -->
-
-
-<!-- Start of second page: #two -->
-<div data-role="page" id="two" data-theme="a">
-
- <div data-role="header">
- <h1>Two</h1>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="a">
- <h2>Two</h2>
- <p>I have an id of "two" on my page container. I'm the second page container in this multi-page template.</p>
- <p>Notice that the theme is different for this page because we've added a few <code>data-theme</code> swatch assigments here to show off how flexible it is. You can add any content or widget to these pages, but we're keeping these simple.</p>
- <p><a href="#one" data-direction="reverse" data-role="button" data-theme="b">Back to page "one"</a></p>
-
- </div><!-- /content -->
-
- <div data-role="footer">
- <h4>Page Footer</h4>
- </div><!-- /footer -->
-</div><!-- /page two -->
-
-
-<!-- Start of third page: #popup -->
-<div data-role="page" id="popup">
-
- <div data-role="header" data-theme="e">
- <h1>Dialog</h1>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="d">
- <h2>Popup</h2>
- <p>I have an id of "popup" on my page container and only look like a dialog because the link to me had a <code>data-rel="dialog"</code> attribute which gives me this inset look and a <code>data-transition="pop"</code> attribute to change the transition to pop. Without this, I'd be styled as a normal page.</p>
- <p><a href="#one" data-rel="back" data-role="button" data-inline="true" data-icon="back">Back to page "one"</a></p>
- </div><!-- /content -->
-
- <div data-role="footer">
- <h4>Page Footer</h4>
- </div><!-- /footer -->
-</div><!-- /page popup -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Anatomy of a Page</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Anatomy of a Page</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <p>The jQuery Mobile "page" structure is optimized to support either single pages, or local internal linked "pages" within a page.</p>
-
- <p>The goal of this model is to allow developers to create websites using best practices — where ordinary links will "just work" without any special configuration — while creating a rich, native-like experience that can't be achieved with standard HTTP requests.</p>
-
- <h2>Mobile page structure</h2>
-
- <p>A jQuery Mobile site must start with an HTML5 'doctype' to take full advantage of all of the framework's features. (Older devices with browsers that don't understand HTML5 will safely ignore the 'doctype' and various custom attributes.) In the 'head', references to jQuery, jQuery Mobile and the mobile theme CSS are all required to start things off. We recommend linking to the files hosted on the jQuery CDN for best performance:</p>
-
-<pre><code>
-<!DOCTYPE html>
-<html>
- <head>
- <title>Page Title</title>
-
- <meta name="viewport" content="width=device-width, initial-scale=1">
-
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
- <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
- <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
-</head>
-
-<body>
-...content goes here...
-</body>
-</html>
-</code></pre>
-
- <h2>Viewport meta tag</h2>
- <p>Note above that there is a meta <code>viewport</code> tag in the <code>head</code> to specify how the browser should display the page zoom level and dimensions. If this isn't set, many mobile browsers will use a "virtual" page width around 900 pixels to make it work well with exisitng desktop sites but the screens may look zoomed out and too wide. By setting the viewport attributes to <code>content="width=device-width, initial-scale=1"</code>, the width will be set to the pixel width of the device screen. </p>
-
- <pre><code><meta name="viewport" content="width=device-width, initial-scale=1"> </code></pre>
-
- <p>These settings do not disable the user's ability to zoom the pages, which is nice from an accessibility perspective. There is a minor issue in iOS that doesn't properly set the width when changing orientations with these viewport settings, but this will hopefully be fixed a a future release. You can set other viewport values to disable zooming if required since this is part of your page content, not the library. </p>
-
- <h2>Inside the body: Pages</h2>
- <p>Inside the <code><body></code> tag, each view or "page" on the mobile device is identified with an element (usually a <code>div</code>) with the <code> data-role="page"</code> attribute. View the <a href="../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to pages.</p>
-
-<div class="highlight">
-<pre><span class="nt"><div</span> <span class="na">data-role=</span><span class="s">"page"</span><span class="nt">></span>
- ...
-<span class="nt"></div></span>
-</pre>
-</div>
-
- <p>Within the "page" container, any valid HTML markup can be used, but for typical pages in jQuery Mobile, the immediate children of a "page" are divs with data-roles of <code>"header"</code>, <code>"content"</code>, and <code>"footer"</code>.</p>
-
-<div class="highlight">
-<pre><span class="nt"><div</span> <span class="na">data-role=</span><span class="s">"page"</span><span class="nt">></span>
- <span class="nt"><div</span> <span class="na">data-role=</span><span class="s">"header"</span><span class="nt">></span>...<span class="nt"></div></span>
- <span class="nt"><div</span> <span class="na">data-role=</span><span class="s">"content"</span><span class="nt">></span>...<span class="nt"></div></span>
- <span class="nt"><div</span> <span class="na">data-role=</span><span class="s">"footer"</span><span class="nt">></span>...<span class="nt"></div></span>
-<span class="nt"></div></span>
-</pre>
-</div>
-
-
-<h2>Putting it together: Basic single page template</h2>
-
-<p>Putting it all together, this is the standard boilerplate page template you should start with on a project: </p>
-
-<pre><code>
-<!DOCTYPE html>
-<html>
- <head>
- <title>Page Title</title>
-
- <meta name="viewport" content="width=device-width, initial-scale=1">
-
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
- <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
- <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
-</head>
-<body>
-
-<div data-role="page">
-
- <div data-role="header">
- <h1>Page Title</h1>
- </div><!-- /header -->
-
- <div data-role="content">
- <p>Page content goes here.</p>
- </div><!-- /content -->
-
- <div data-role="footer">
- <h4>Page Footer</h4>
- </div><!-- /footer -->
-</div><!-- /page -->
-
-</body>
-</html>
-</code></pre>
-
- <a href="page-template.html" data-inline="true" data-theme="b" data-role="button">View boilerplate template</a>
-
-
- <h2>Multi-page template structure</h2>
-
- <p>A single HTML document can contain multiple 'pages' that are loaded together by stacking multiple divs with a <code> data-role</code> of <code>"page"</code>. Each 'page' block needs a unique ID (<code>id="foo"</code>) that will be used to link internally between 'pages' (<code>href="#foo"</code>). When a link is clicked, the framework will look for an internal 'page' with the ID and transition it into view.</p>
-
- <p>Here is an example of a 2 "page" site built with two jQuery Mobile divs navigated by linking to an ID placed on each page wrapper. Note that the IDs on the page wrappers are only needed to support the internal page linking, and are optional if each page is a separate HTML document. Here is what two pages look inside the <code>body</code> element.</p>
-
-<pre><code>
-<body>
-
-<!-- Start of first page -->
-<div data-role="page" id="foo">
-
- <div data-role="header">
- <h1>Foo</h1>
- </div><!-- /header -->
-
- <div data-role="content">
- <p>I'm first in the source order so I'm shown as the page.</p>
- <p>View internal page called <a href="#bar">bar</a></p>
- </div><!-- /content -->
-
- <div data-role="footer">
- <h4>Page Footer</h4>
- </div><!-- /footer -->
-</div><!-- /page -->
-
-
-<!-- Start of second page -->
-<div data-role="page" id="bar">
-
- <div data-role="header">
- <h1>Bar</h1>
- </div><!-- /header -->
-
- <div data-role="content">
- <p>I'm the second in the source order so I'm hidden when the page loads. I'm just shown if a link that references my ID is beeing clicked.</p>
- <p><a href="#foo">Back to foo</a></p>
- </div><!-- /content -->
-
- <div data-role="footer">
- <h4>Page Footer</h4>
- </div><!-- /footer -->
-</div><!-- /page -->
-</body>
-</code></pre>
-
- <a href="../../docs/pages/multipage-template.html" data-inline="true" data-theme="b" data-role="button" rel="external">View multi-page template</a>
-
- <p> </p>
-
- <p>PLEASE NOTE: Since we are using the hash to track navigation history for all the Ajax 'pages', it's not currently possible to deep link to an anchor (<code>index.html#foo</code>) on a page in jQuery Mobile, because the framework will look for a 'page' with an <code>ID</code> of <code>#foo</code> instead of the native behavior of scrolling to the content with that <code>ID</code>.</p>
-
-
-<h2>Conventions, not requirements</h2>
-
-<p>Although the page structure outlined above is a recommended approach for a standard web app built with jQuery Mobile, the framework is very flexible with document structure. The page, header, content, and footer data-role elements are optional and are mostly helpful for providing some basic formatting and structure. The page wrapper that used to be required for auto-initialization to work is now optional for single page documents, so there isn't any required markup at all. For a web page with a custom layout, all of these structural elements can be omitted and the Ajax navigation and all widgets will work just like they do in the boilerplate structure. Behind the scenes, the framework will inject the page wrapper if it's not included in the markup because it’s needed for managing pages, but the starting markup can now be extremely simple. </p>
-
-<p>Note that in a multi-page setup, you are required to have page wrappers in your markup in order to group the content into multiple pages.</p>
-
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Pages & Dialogs</li>
- <li data-theme="a"><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Prefetching & caching pages</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Prefetching & caching pages</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
-
- <h2>Prefetching pages</h2>
-
- <p>Usually, it's a good idea to store your app's pages in several single-page templates instead of one large multi-page template. This minimizes the size of the page's DOM.</p>
-
- <p>When using single-page templates, you can prefetch pages into the DOM so that they're available instantly when the user visits them. To prefetch a page, add the <code>data-prefetch</code> attribute to a link that points to the page. jQuery Mobile then loads the target page in the background after the primary page has loaded and the <code>pagecreate</code> event has triggered. For example:</p>
-
-<pre><code>
-<a href="prefetchThisPage.html" data-prefetch> ... </a>
-</code></pre>
-
- <p>You can prefetch as many linked pages as you like. Just add <code>data-prefetch</code> to all the links you want to prefetch.</p>
-
- <p>Alternatively, you can prefetch a page programmatically using <code>$.mobile.loadPage()</code>:</p>
-
-<pre><code>
-$.mobile.loadPage( <var>pageUrl</var>, { showLoadMsg: false } );
-</code></pre>
-
- <p>Another advantage of prefetching a page is that the user doesn't see the Ajax loading message when visiting the prefetched page. The Ajax loading message only appears if the framework hasn't finished prefetching the page by the time the link is followed.</p>
-
- <p>Prefetching pages naturally creates additional HTTP requests and uses bandwidth, so it's wise to use this feature only in situations where it's highly likely that the prefetched page will be visited. A common scenario is a photo gallery, where you can prefetch the "previous" and "next" photo pages so that the user can move quickly between photos.</p>
-
-
- <h2>DOM size management</h2>
-
- <p>For animated page transitions to work, the pages you're transitioning from and to both need to be in the DOM. However, keeping old pages in the DOM quickly fills the browser's memory, and can cause some mobile browsers to slow down or even crash.</p>
-
- <p>jQuery Mobile therefore has a simple mechanism to keep the DOM tidy. Whenever it loads a page via Ajax, jQuery Mobile flags the page to be removed from the DOM when you navigate away from it later (technically, on the <code>pagehide</code> event). If you revisit a removed page, the browser may be able to retrieve the page's HTML file from its cache. If not, it refetches the file from the server. (In the case of nested list views, jQuery Mobile removes all the pages that make up the nested list once you navigate to a page that's not part of the list.)</p>
-
- <p>Pages inside a multi-page template aren't affected by this feature at all - jQuery Mobile only removes pages loaded via Ajax.</p>
-
-
- <h2>Caching pages in the DOM</h2>
-
- <p>If you prefer, you can tell jQuery Mobile to keep previously-visited pages in the DOM instead of removing them. This lets you cache pages so that they're available instantly if the user returns to them.</p>
-
- <p>To keep all previously-visited pages in the DOM, set the <code>domCache</code> option on the page plugin to <code>true</code>, like this:</p>
-
-<pre><code>
-$.mobile.page.prototype.options.domCache = true;
-</code></pre>
-
- <p>Alternatively, to cache just a particular page, you can add the <code>data-dom-cache="true"</code> attribute to the page's container:</p>
-
-<pre><code>
-<div data-role="page" id="cacheMe" data-dom-cache="true">
-</code></pre>
-
- <p>You can also cache a page programmatically like this:</p>
-
-<pre><code>
-<var>pageContainerElement</var>.page({ domCache: true });
-</code></pre>
-
- <p>The drawback of DOM caching is that the DOM can get very large, resulting in slowdowns and memory issues on some devices. If you enable DOM caching, take care to manage the DOM yourself and test thoroughly on a range of devices.</p>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li data-theme="a"><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Dialogs</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Dialogs</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content" class="ui-body">
- <div class="content-primary">
- <h2>Creating dialogs</h2>
- <p>Any page can be presented as a modal dialog by adding the <code>data-rel="dialog"</code> attribute to the page anchor link. When the "dialog" attribute is applied, the framework adds styles to add rounded corners, margins around the page and a dark background to make the "dialog" appear to be suspended above the page.</p>
-
- <p>
- <code>
- <a href="foo.html" data-rel="dialog">Open dialog</a>
- </code>
- </p>
-
- <a href="dialog.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="pop">Open dialog</a>
-
-
-
- <h2>Transitions</h2>
- <p>By default, the dialog will open with a 'pop' transition. Like all pages, you can specify any page transition you want on the dialog by adding the <code>data-transition</code> attribute to the link. To make it feel more dialog-like, we recommend specifying a transition of "pop", "slideup" or "flip".</p>
-
-<code>
-<a href="foo.html" data-rel="dialog" data-transition="pop">Open dialog</a>
-</code>
-
- <div>
- <a href="dialog.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="pop">data-transition="pop"</a>
- <a href="dialog.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="slidedown">data-transition="slidedown"</a>
- <a href="dialog.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="flip">data-transition="flip"</a>
- </div>
-
-
- <h2>Closing dialogs</h2>
- <p>When any link is clicked within in a dialog, the framework will automatically close the dialog and transition to the requested page, just as if the dialog were a normal page. To create a "cancel" button in a dialog, just link to the page that triggered the dialog to open and add the <code>data-rel="back"</code> attribute to your link. This pattern of linking to the previous page is also usable in non-JS devices as well.</p>
- <p>For JavaScript-generated links, you can simply set the href attribute to "#" and use the <code>data-rel="back"</code> attribute. You can also call the dialog's <code>close()</code> method to programmatically close dialogs, for example: <code>$('.ui-dialog').dialog('close')</code>. </p>
-
- <h3>Setting the close button text</h3>
- <p>Just like the page plugin, you can set a dialog's close button text through an option or data attribute. The option can be configured for all dialogs by binding to the <code>mobileinit</code> event and setting the <code>$.mobile.dialog.prototype.options.closeBtnText</code> property to a string of your choosing, or you can place the data attribute <code>data-close-btn-text</code> to configure the text from your markup.</p>
-
- <h2>History & Back button behavior</h2>
- <p>Since dialogs are typically used to support actions within a page, the framework does not include dialogs in the hash state history tracking. This means that dialogs will not appear in your browsing history chronology when the Back button is clicked. For example, if you are on a page, click a link to open a dialog, close the dialog, then navigate to another page, if you were to click the browser's Back button at that point you will navigate back to the first page, not the dialog.</p>
-
- <h2>Styling & theming</h2>
- <p>Dialogs can be styled with different theme swatches, just like any page by adding <code>data-theme</code> attributes to the header, content, or footer containers. Here is an example of a different dialog design:</p>
- <a href="dialog-alt.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="pop">An alternate color scheme</a>
-
- <p>Dialogs appear to be floating above an overlay layer. This overlay adopts the swatch A content color by default, but the <code>data-overlay-theme</code> attribute can be added to the page wrapper to set the overlay to any swatch letter. Here is an example of a dialog with the overlay set to swatch e:</p>
- <a href="dialog-overlay.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="pop">Custom overlay swatch</a>
-
-
- <p>Dialogs can also be used more like a control sheet to offer multiple buttons by removing the header:</p>
- <a href="dialog-buttons.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="slidedown">Share photos...</a>
-
- <h2>Dialog width and margins</h2>
- <p>For the sake of readability, dialogs have a default <code>max-width</code> of 500 pixels (plus 15px padding on each side). There is also a 10% top <code>margin</code> to give dialogs larger top margin on larger screens, but collapse to a small margin on smartphones. To override these styles, add the following CSS override rule to your stylesheet and tweak as needed:</p>
-
-<code><pre>
-.ui-dialog .ui-header,
-.ui-dialog .ui-content,
-.ui-dialog .ui-footer {
-<strong> max-width: 500px;
- margin: 10% auto 15px auto; </strong>
-}
-</pre></code>
-
-
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li data-theme="a"><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
-</div><!-- /content -->
-
-<div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
-</div>
-
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Dynamically Injecting Pages</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Dynamically Injecting Pages</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>jQuery Mobile and Dynamic Page Generation</h2>
- <p>jQuery Mobile allows pages to be pulled into the DOM dynamically via its default click hijacking behavior, or through manual calls to $.mobile.changePage(). This is great for applications that generate HTML pages/fragments on the server-side, but there are sometimes cases where an application needs to dynamically generate page content on the client-side from JSON or some other format. This may be necessary for bandwidth/performance reasons, or because it is the data format of choice for the server they are interacting with.</p>
- <p>For applications that need to generate page markup on the client-side, it's important to know about the notifications that are triggered during a $.mobile.changePage() call because they can be used as hooks into the navigation system that will allow you to generate your content at the appropriate time.</p>
- <p>A call to changePage() will usually trigger the following event notifications:</p>
- <ul>
- <li>pagebeforechange
- <ul>
- <li>Fired off before any page loading or transition.</li>
- <li>NOTE: This event was formerly known as "beforechangepage".</li>
- </ul>
- </li>
- <li>pagechange
- <ul>
- <li>Fired off after all page loading and transitions.</li>
- <li>NOTE: this event was formerly known as "changepage".</li>
- </ul>
- </li>
- <li>pagechangefailed
- <ul>
- <li>Fired off if an error has occurred while attempting to dynamically load a new page. </li>
- </ul>
- </li>
- </ul>
- <p>These notifications are triggered on the parent container element ($.mobile.pageContainer) of pages, and will bubble all the way up to the document element and window.</p>
-<p>For applications wishing to inject pages, or radically modify the content of an existing page, based on some non-HTML data, such as JSON or in-memory JS object, the pagebeforechange event is very useful since it gives you a hook for analyzing the URL or page element the application is being asked to load or switch to, and short-circuit the default changePage() behavior by simply calling preventDefault() on the pagebeforechange event.</p>
-<p>To illustrate this technique, take a look at this <a href="dynamic-samples/sample-reuse-page.html" rel="external">working sample</a>. In this sample, the main page starts off with a list of categories that the user can navigate into. The actual items in each category are stored in a JavaScript object in memory, for illustrative purposes, but the data can really come from anywhere.</p>
-<pre><code>
-var categoryData = {
- animals: {
- name: "Animals",
- description: "All your favorites from aardvarks to zebras.",
- items: [
- {
- name: "Pets",
- },
- {
- name: "Farm Animals",
- },
- {
- name: "Wild Animals",
- }
- ]
- },
- colors: {
- name: "Colors",
- description: "Fresh colors from the magic rainbow.",
- items: [
- {
- name: "Blue",
- },
- {
- name: "Green",
- },
- {
- name: "Orange",
- },
- {
- name: "Purple",
- },
- {
- name: "Red",
- },
- {
- name: "Yellow",
- },
- {
- name: "Violet",
- }
- ]
- },
- vehicles: {
- name: "Vehicles",
- description: "Everything from cars to planes.",
- items: [
- {
- name: "Cars",
- },
- {
- name: "Planes",
- },
- {
- name: "Construction",
- }
- ]
- }
-};
-</code></pre>
-<p>The application uses links with urls that contain a hash that tells the application what category items to display:</p>
-<pre>
-<code>
- <h2>Select a Category Below:</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="#category-items?category=animals">Animals</a></li>
- <li><a href="#category-items?category=colors">Colors</a></li>
- <li><a href="#category-items?category=vehicles">Vehicles</a></li>
- </ul>
-</code>
-</pre>
-<p>Internally, when the user clicks on one of these links, the application intercepts the internal $.mobile.changePage() call that is invoked by the frameworks' default link hijacking behavior. It then analyzes the URL for the page about to be loaded, and then decides whether or not it should handle the loading itself, or to let the normal changePage() code handle things.</p>
-<p>The application was able to insert itself into the changePage() flow by binding to the "pagebeforechange" event at the document level:</p>
-<pre>
-<code>
-// Listen for any attempts to call changePage().
-$(document).bind( "pagebeforechange", function( e, data ) {
-
- // We only want to handle changePage() calls where the caller is
- // asking us to load a page by URL.
- if ( typeof data.toPage === "string" ) {
-
- // We are being asked to load a page by URL, but we only
- // want to handle URLs that request the data for a specific
- // category.
- var u = $.mobile.path.parseUrl( data.toPage ),
- re = /^#category-item/;
-
- if ( u.hash.search(re) !== -1 ) {
-
- // We're being asked to display the items for a specific category.
- // Call our internal method that builds the content for the category
- // on the fly based on our in-memory category data structure.
- showCategory( u, data.options );
-
- // Make sure to tell changePage() we've handled this call so it doesn't
- // have to do anything.
- e.preventDefault();
- }
- }
-});
-</code>
-</pre>
-<p>So why listen at the document level? In short, because of deep-linking. We need our binding to be active before the jQuery Mobile framework initializes and decides how to process the initial URL that invoked the application.</p>
-<p>When the callback for the "pagebeforechange" binding is invoked, the 2nd argument to the callback will be a data object that contains the arguments that were passed to the initial $.mobile.changePage() call. The properties of this object are as follows:</p>
-<ul>
- <li>toPage
- <ul>
- <li>Can be either a jQuery collection object containing the page to be transitioned to, *OR* a URL reference for a page to be loaded/transitioned to.</li>
- </ul>
- </li>
- <li>options
- <ul>
- <li>Object containing the options that were passed in by the caller of the $.mobile.changePage() function.</li>
- <li>A list of the options can be found <a href="../api/methods.html">here</a>.</li>
- </ul>
- </li>
- </ul>
-<p>For our sample application, we are only interested in changePage() calls where URLs are initially passed in, so the first thing our callback does is check the type for the toPage. Next, with the help of some URL parsing utilities, it checks to make sure if the URL contains a hash that we are interested in handling ourselves. If so, it then calls an application function called showCategory() which will dynamically create the content for the category specified by the URL hash, and then it calls preventDefault() on the event.</p>
-<p>Calling preventDefault() on a pagebeforechange event causes the originating $.mobile.changePage() call to exit without performing any work. Calling the preventDefault() method on the event is the equivalent of telling jQuery Mobile that you have handled the changePage() request yourself.</p>
-<p>If preventDefault() is not called, changePage() will continue on processing as it normally does. One thing to point out about the data object that is passed into our callback, is that any changes you make to the toPage property, or options properties, will affect changePage() processing if preventDefault() is not called. So for example, if I wanted to redirect or map a specific URL to another internal/external page, my callback could simply set the data.toPage property in the callback to the URL or DOM element of the page to redirect to. Likewise, I could set, or un-set any option from within my callback, and changePage() would use the new settings.</p>
-<p>So now that we know how to intercept changePage() calls, let's take a closer look at how this sample actually generates the markup for a page. Our example actually uses, or I should say, re-uses the same page to display each of the categories. Each time one of our special links is clicked, the function showCategory() gets invoked:</p>
-<pre><code>
-// Load the data for a specific category, based on
-// the URL passed in. Generate markup for the items in the
-// category, inject it into an embedded page, and then make
-// that page the current active page.
-function showCategory( urlObj, options )
-{
- var categoryName = urlObj.hash.replace( /.*category=/, "" ),
-
- // Get the object that represents the category we
- // are interested in. Note, that at this point we could
- // instead fire off an ajax request to fetch the data, but
- // for the purposes of this sample, it's already in memory.
- category = categoryData[ categoryName ],
-
- // The pages we use to display our content are already in
- // the DOM. The id of the page we are going to write our
- // content into is specified in the hash before the '?'.
- pageSelector = urlObj.hash.replace( /\?.*$/, "" );
-
- if ( category ) {
- // Get the page we are going to dump our content into.
- var $page = $( pageSelector ),
-
- // Get the header for the page.
- $header = $page.children( ":jqmData(role=header)" ),
-
- // Get the content area element for the page.
- $content = $page.children( ":jqmData(role=content)" ),
-
- // The markup we are going to inject into the content
- // area of the page.
- markup = "<p>" + category.description + "</p><ul data-role='listview' data-inset='true'>",
-
- // The array of items for this category.
- cItems = category.items,
-
- // The number of items in the category.
- numItems = cItems.length;
-
- // Generate a list item for each item in the category
- // and add it to our markup.
- for ( var i = 0; i < numItems; i++ ) {
- markup += "<li>" + cItems[i].name + "</li>";
- }
- markup += "</ul>";
-
- // Find the h1 element in our header and inject the name of
- // the category into it.
- $header.find( "h1" ).html( category.name );
-
- // Inject the category items markup into the content element.
- $content.html( markup );
-
- // Pages are lazily enhanced. We call page() on the page
- // element to make sure it is always enhanced before we
- // attempt to enhance the listview markup we just injected.
- // Subsequent calls to page() are ignored since a page/widget
- // can only be enhanced once.
- $page.page();
-
- // Enhance the listview we just injected.
- $content.find( ":jqmData(role=listview)" ).listview();
-
- // We don't want the data-url of the page we just modified
- // to be the url that shows up in the browser's location field,
- // so set the dataUrl option to the URL for the category
- // we just loaded.
- options.dataUrl = urlObj.href;
-
- // Now call changePage() and tell it to switch to
- // the page we just modified.
- $.mobile.changePage( $page, options );
- }
-}
-</code></pre>
-<p>In our sample app, the hash of the URL we handle contains 2 parts:</p>
-<pre><code>
-#category-items?category=vehicles
-</code></pre>
-<p>The first part, before the '?' is actually the id of the page to write content into, the part after the '?' is info the app uses to figure out what data it should use when generating the markup for the page. The first thing showCategory() does is deconstruct this hash to extract out the id of the page to write content into, and the name of the category it should use to get the correct set of data from our in-memory JavaScript category object. After it figures out what category data to use, it then generates the markup for the category, and then injects it into the header and content area of the page, wiping out any other markup that previously existed in those elements.</p>
-<p>After it injects the markup, it then calls the appropriate jQuery Mobile widget calls to enhance the list markup it just injected. This is what turns the normal list markup into a fully styled listview with all its behaviors.</p>
-<p>Once that's done, it then calls $.mobile.changePage(), passing it the DOM element of the page we just modified, to tell the framework that it wants to show that page.</p>
-<p>Now an interesting problem here is that jQuery Mobile typically updates the browser's location hash with the URL associated with the page it is showing. Because we are re-using the same page for each category, this wouldn't be ideal, because the URL for that page has no specific category info associated with it. To get around this problem, showCategory() simply sets the dataUrl property on the options object it passes into changePage() to tell it to display our original URL instead.</p>
-<p>That's the sample in a nutshell. It should be noted that this particular sample and its usage is not a very good example of an app that degrades gracefully when JavaScript is turned off. That means it probably won't work very well on C-Grade browsers. We will be posting other examples that demonstrate how to degrade gracefully in the future. Check this <a href="http://jquerymobile.com/test/docs/pages/dynamic-samples/">page</a> for updates.</p>
- </div>
- <!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li data-theme="a"><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Linking Pages</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Linking pages</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Linking pages</h2>
-
- <p>jQuery Mobile is designed to work with simple page linking conventions. Essentially, you can link pages and assets as you normally would, and jQuery Mobile will automatically handle page requests in a single-page model, using Ajax when possible. When Ajax isn't possible (such as a non-same-domain url, or if specified using certain attributes on the link), a normal http request is used instead.</p>
-
- <p>The goal of this model is to allow developers to create websites using best practices — where ordinary links will "just work" without any special configuration — while creating a rich, native-like experience that can't be achieved with standard HTTP requests.</p>
-
- <h2>Default link behavior: Ajax</h2>
-
- <p>To enable animated page transitions, all links that point to an external page (ex. products.html) will be loaded via Ajax. To do this unobtrusively, the framework parses the link's <code>href</code> to formulate an Ajax request (Hijax) and displays the loading spinner. All this happens automatically by jQuery Mobile.</p>
-
- <p>If the Ajax request is successful, the new page content is added to the DOM, all mobile widgets are auto-initialized, then the new page is animated into view with a page transition.</p>
-
- <p>If the Ajax request fails, the framework will display a small error message overlay (styled in the "e" swatch) that disappears after a brief time so this doesn't break the navigation flow. View an <a href="notapage.html">example of the error message</a>.</p>
-
- <p><strong>Note:</strong> that you cannot link <strong>to</strong> multipage document with Ajax navigation active because the framework will only load the first page it finds, not the full set of internal pages. In these cases, you must link without Ajax (see next section) for a full page refresh to prevent potential hash collisions. There is currently a <a href="https://github.com/ToddThomson/jQuery-Mobile-Subpage-Widget" rel="external">subpage plugin</a> that makes it possible to load in multi-page documents.</p>
-
-
-<h2>Linking without Ajax</h2>
-
- <p>Links that point to other domains or that have <code>rel="external"</code>, <code>data-ajax="false"</code> or <code>target</code> attributes will not be loaded with Ajax. Instead, these links will cause a full page refresh with no animated transition. Both attributes (<code>rel="external"</code> and <code>data-ajax="false"</code>) have the same effect, but a different semantic meaning: <code>rel="external"</code> should be used when linking to another site or domain, while <code>data-ajax="false"</code> is useful for simply opting a page within your domain from being loaded via Ajax. Because of security restrictions, the framework always opts links to external domains out of the Ajax behavior.</p>
-
- <p>Note: When building a jQuery Mobile application where the Ajax navigation system is disabled globally or frequently disabled on individual links, we recommend disabling the <code>$.mobile.pushStateEnabled</code> global <a href="../api/globalconfig.html">configuration option</a> to avoid inconsistent navigation behavior in some browsers.</p>
-
-
-
- <h2>Linking within a multi-page document</h2>
-
- <p>A single HTML document can contain one or many 'page' containers simply by stacking multiple divs with a <code> data-role</code> of <code>"page"</code>. This allows you to build a small site or application within a single HTML document; jQuery Mobile will simply display the first 'page' it finds in the source order when the page loads.</p>
-
- <p>If a link in a multi-page document points to an anchor (<code>#foo</code>), the framework will look for a page wrapper with that ID (<code>id="foo"</code>). If it finds a page in the HTML document, it will transition the new page into view. You can seamlessly navigate between local, internal "pages" and external pages in jQuery Mobile. Both will look the same to the end user except that external pages will display the Ajax spinner while loading. In either situation, jQuery Mobile updates the page's URL hash to enable Back button support, deep-linking and bookmarking. </p>
-
- <p>It's important to note that if you are linking from a mobile page that was loaded via Ajax to a page that contains multiple internal pages, you need to add a <code>rel="external"</code> or <code>data-ajax="false"</code> to the link. This tells the framework to do a full page reload to clear out the Ajax hash in the URL. This is critical because Ajax pages use the hash (<code>#</code>) to track the Ajax history, while multiple internal pages use the hash to indicate internal pages so there will be conflicts in the hash between these two modes.</p>
-
- <p>For example, a link to a page containing multiple internal pages would look like this:</p>
-
- <code><a href="multipage.html" rel="external">Multi-page link</a></code>
-
-
-
- <h2>"Back" button links</h2>
- <p>If you use the attribute <code>data-rel="back"</code> on an anchor, any clicks on that anchor will mimic the back button, going back one history entry and ignoring the anchor's default href. This is particularly useful when generating "back" buttons with JavaScript, such as a button to close a dialog. When using this feature in your source markup, although browsers that support this feature will not use the specified <code>href</code> attribute, <strong>be sure to still provide a meaningful value that actually points to the URL of the referring page to allow the feature to work for users in C-Grade browsers</strong>. If users can reach this page from more than one referring pages, specify a sensible <code>href</code> so that the navigation remains logical for all users. Also, please keep in mind that if you just want a reverse transition without actually going back in history, you should use the <code>data-direction="reverse"</code> attribute instead.</p>
-
-
- <h2>Redirects and linking to directories</h2>
-
- <p>When linking to directory indexes (such as href="typesofcats/" instead of href="typesofcats/index.html"), you must provide a trailing slash. This is because jQuery Mobile assumes the section after the last "/" character in a url is a filename, and it will remove that section when creating base urls from which future pages will be referenced.</p>
-
- <p>However, you can work around this issue by returning your page div with a <code>data-url</code> attribute already specified. When you do this, jQuery Mobile will use that attribute's value for updating the URL, instead of the url used to request that page. This also allows you to return urls that change as the result of a redirect, for example, you might post a form to "/login.html" but return a page from the url "/account" after a successful submission. This tool allows you to take control of the jQuery Mobile history stack in these situations. Here's an example:</p>
-
- <p>The following link points to "docs-links-urltest/index.html": <a href="docs-links-urltest/index.html">Test Link</a> which is a directory with an index page. The return page will update the hash as "/docs/pages/docs-links-urltest/" with a trailing slash. This is done via the data-url attribute in that page's source. Keep in mind that the value will replace the entire hash, and it is up to you to replace it with a URL that actually resolves to the correct page when requested via refresh or deep link.</p>
-
- <p>Learn more about the technical details of the navigation model and <a href="page-navmodel.html">Ajax, hashes and history</a> in jQuery mobile.</p>
-
-
-
- <h2>Link examples</h2>
- <p>All standard HTML link types are supported in jQuery Mobile in addition to the types outlined above. Here is a sampler of many common link types:</p>
-
- <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="d">
- <li data-role="list-divider">Links that will be Ajax-loaded with page transitions</li>
- <li><a href="../../index.html">Link in the same domain</a></li>
- <li><a href="../pages/dialog.html" data-rel="dialog">Dialog link: data-rel="dialog" (not tracked in history)</a></li>
- <li data-role="list-divider">Links that will refresh the page</li>
- <li><a href="http://www.jquery.com">External domain</a></li>
- <li><a href="../../index.html" rel="external">Link with rel="external"</a></li>
- <li><a href="index.html" data-ajax="false">link with [data-ajax="false"]</a></li>
- <li><a href="../../index.html" target="foo">Link with target="foo"</a></li>
- <li data-role="list-divider">Email links</li>
- <li><a href="mailto:jdoe@foo.com">Basic email: mailto:jdoe@foo.com</a></li>
- <li><a href="mailto:jdoe@foo.com?cc=bill@bar.com&bcc=mark@abc.com&subject=Happy%20Birthday&body=Best%20wishes!">Mailto with a cc:, bcc:, subject and body pre-filled</a></li>
-
- <li data-role="list-divider">Phone links</li>
- <li><a href="tel:15555555555">Phone: tel:15555555555</a></li>
- <li data-role="list-divider">Other</li>
- <li><a href="#">A href="#" will return false</a></li>
- </ul>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li data-theme="a"><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Ajax, hashes & history</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Ajax, hashes & history</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>jQuery Mobile's navigation model</h2>
-
- <p>A "page" in jQuery Mobile consists of an element (usually a <code>div</code>) with a <code> data-role</code> attribute set to <code>"page"</code>, which generally contains <code>div</code> elements with roles of <code>"header"</code>, <code>"content"</code>, and <code>"footer"</code>, each containing common markup, forms, and custom jQuery Mobile widgets.</p>
-
- <p>The basic workflow with page loading is as follows: first, a page is requested with a normal HTTP request, and subsequent "pages" are then requested and injected into that page's DOM. Because of this, the DOM may have a number of "pages" in it at a time, each of which can be re-visited by linking to its <code>data-url</code> attribute.</p>
-
- <p>When a url is initially requested, there may be one or more "pages" in the response, and only the first one will be shown. The advantage of storing more than one "page" is that it allows you to pre-fetch static pages that are likely to be visited.</p>
-
- <h2>Hash and Ajax driven page navigation</h2>
-
- <p>By default all navigation within jQuery Mobile is based on changes and updates to <code>location.hash</code>. Whenever possible, page changes will use a smooth transition between the current "page" and the next, whether it is either already present in the DOM, or is automatically loaded via Ajax.</p>
-
- <p>Hash values created by jQuery Mobile are normalized as full paths relative to the URL of the first "real" page that was loaded. The hash is always maintained as a valid URL, so any "page" in jQuery mobile can be bookmarked or referenced in a link. To retrieve a non-hash-based URL, simply remove the # from the address and refresh the page.</p>
-
- <p>In general, hash changes are created whenever a link is clicked in jQuery mobile. When a link is clicked, jQuery mobile will make sure that the link is referencing a local URL, and if so, it'll prevent the link's default click behavior from occurring and request the referenced url via Ajax instead. When the page returns successfully, it will set the <code>location.hash</code> to the new page's relative url. </p>
-
- <p>Hash changes that occur independently of a click, such as when a user clicks the back button, are handled through the <code>hashchange</code> event, which is bound to the window object using Ben Alman's <code>hashchange</code> special event plugin (included in jQuery Mobile). When a hash change occurs (and also when the first page loads), the <code>hashchange</code> event handler will send the <code>location.hash</code> to the <code>$.mobile.changePage()</code> function, which in turn either loads or reveals the referenced page.</p>
-
-
- <p>Once the referenced page is present in the DOM, the <code>$.mobile.changePage()</code> function applies a transition between the current active page and the new page. Page transitions happen through adding and removing classes that apply CSS animations. For example, in a slide-left transition, the exiting page is given the classes <code>"slideleft"</code> and <code>"out"</code>, and the entering page is given the classes <code>"slideleft"</code> and <code>"in"</code>, as well as a class of <code>"ui-page-active"</code> to mark it as the new "active" page being viewed. When the animation is complete, the <code>"in"</code> and <code>"out"</code> classes are removed, and the exited page loses its <code>"ui-page-active"</code> class.</p>
-
- <h2>pushState plugin</h2>
-
- <p>There is an optional feature that converts the longer, hash-based URLs mentioned in the previous section into the full document path which is cleaner and makes the Ajax tracking transparent in the URL structure. This is built as an enhancement on top of the hash-based URL system for Ajax links. Note that despite the name, this feature technically converts hash-based urls by using <code>history.replaceState</code> (not <code>history.pushState</code>) in the current release because this works more reliably across our target platforms. For browsers that do not support <code>history.replaceState</code>, or if this feature is disabled, hash-based URLs will be used instead. </p>
-
- <p>Since the plugin initializes when the DOM is fully loaded you can enable and disable it manually by setting <code>$.mobile.pushStateEnabled</code> global <a href="../api/globalconfig.html">configuration option</a> to <code>false</code> anytime before document ready.</p>
-
- <div class="ui-body ui-body-e">
- <h4 style="margin:.5em 0">Important: rel="external" and $.mobile.ajaxEnabled=false</h4>
- <p>Slightly different implementations of the replaceState API in various browsers can cause odd behavior in specific scenarios. For example, some browser implementations (including desktop browsers) implement the <code>popstate</code> event differently when linking externally and moving back to a page onto which state has already been pushed/replaced. When building a jQuery Mobile application where the ajax navigation is being explicitly disabled, either through the frequent use of <code>rel="external"</code> on links or by disabling Ajax navigation completely via the <code>$.mobile.ajaxEnabled=false</code>, we recommend disabling the pushState feature to fall back to the hash based navigation for more consistent behavior.</p>
- </div>
-
- <h2>changePage</h2>
-
- <p>Within the framework, page changes - both for pages already in the DOM and for pages that need to be loaded via Ajax - use the <code>$.mobile.changePage()</code> function. <code>$.mobile.changePage()</code> contains all of the logic for finding pages to transition to and from, and how to handle various response conditions such as a page not found. <code>$.mobile.changePage()</code> can be called externally and accepts the following arguments (to, transition, back, changeHash). The <code>to</code> argument can accept either a string (such as a file url or local element's ID), an array (in which the first array item is any local page you'd like to transition from, and the second array item is the <code>to</code> page), or an object (with expected properties: url, type ("get" or "post"), and data (for serialized parameters)), the latter of which is useful for loading pages that expect form data. The <code>transition</code> argument accepts a string representing a named transition, such as "slide". The <code>back</code> argument accepts a boolean representing whether the transition should go forward or in reverse. Lastly, the <code>changeHash</code> argument accepts a boolean for whether you'd like the url to be updated upon a successful page change.</p>
-
- <p>The <code>$.mobile.changePage()</code> function is used in a number of places in jQuery Mobile. For example, when a link is clicked, its <code>href</code> attribute is normalized and then <code>$.mobile.changePage()</code> handles the rest. When forms are submitted, jQuery Mobile simply gathers a few of the form's attributes, serializes its data, and once again, <code>$.mobile.changePage()</code> is used to handle the submission and response. Also, links that create dialogs use <code>$.mobile.changePage()</code>to open a referenced page without updating the hash, which is useful for keeping dialogs out of history tracking. </p>
-
- <h2>Base element</h2>
-
- <p>Another key ingredient to jQuery Mobile's page navigation model is the <code>base</code> element, which is injected into the <code>head</code> and modified on every page change to ensure that any assets (images, CSS, JS, etc.) referenced on that page will be requested from a proper path. In browsers that don't support dynamic updates to the <code>base</code> element (such as Firefox 3.6), jQuery Mobile loops through all of the referenced assets on the page and prefixes their <code>href</code> and <code>src</code> attributes with the base path.</p>
-
-
- <h2>Developer explanation of base url management:</h2>
-
- <p>jQuery Mobile manages http requests using a combination of generated absolute URL paths and manipulating a generated <code><base></code> element's href attribute. The combination of these two approaches allows us to create URLs that contain full path information for loading pages, and a base element to properly direct asset requests made by those loaded pages (such as images and stylesheets).</p>
-
-<p><strong>TODO: update description of internal base and urlHistory objects</strong></p>
-
- <h2>Data-url storage</h2>
-
- <p>The navigation model maintains a <code>data-url</code> attribute on all <code>data-role="page"</code> elements. This <code>data-url</code> attribute is used to track the origin of the page element. Pages embedded within the main application document all have their <code>data-url</code> parameter set to the ID of their element with <code>data-role="page"</code>. The only exception to this is the first-page in the document. The first-page is special because it can be addressed by its <code>id</code> if it has one, or by the document or base URL (with no hash fragment).</p>
-
- <p>Pages that are external to the application document get pulled in dynamically via ajax, and their data-url is set to the site relative path to the external page. If you are running in an environment where loading an external page from a different domain is allowed, then the data-url is set to the absolute URL.</p>
-
- <h2>Auto-generated pages and sub-hash urls</h2>
-
- <p>Some plugins may choose to dynamically break a page's content into separate navigable pages, which can then be reached via deep links. One example of this would be the Listview plugin, which will break a nested UL (or OL) into separate pages, which are each given a <code>data-url</code> attribute so they can be linked to like any normal "page" in jQuery Mobile. However, in order to link to these pages, the page that generates them must first be requested from the server. To make this work, pages that are auto-generated by plugins use the following special data-url structure:
- <code><div data-url="page.html&subpageidentifier"></code></p>
-
- <p>So, for example, a page generated by the listview plugin may have a <code>data-url</code> attribute like this: <code>data-url="artists.html&ui-page=listview-1"</code></p>
-
- <p>When a page is requested, jQuery Mobile knows to split the URL at "&ui-page" and make an HTTP request to the portion of the URL before that key. In the case of the listview example mentioned above, the URL would look like this: http://example.com/artists.html&ui-page=listview-1
- ...and jQuery Mobile would request artists.html, which would then generate its sub-pages, creating the <code>div</code> with <code>data-url="artists.html&ui-page=listview-1"</code>, which it will then display as the active page.</p>
-
- <p><em>Note that the <code>data-url</code> attribute of the element contains the full URL path, not just the portion after &ui-page=. This allows jQuery Mobile to use a single consistent mechanism that matches URLs to page <code>data-url</code> attributes.</em></p>
-
- <h2>Cases when Ajax navigation will not be used</h2>
-
- <p>Under certain conditions, normal http requests will be used instead of Ajax requests. One case where this is true is when linking to pages on external websites. You can also specify that a normal http request be made through the following link attributes:</p>
-
- <ul>
- <li><p><code>rel=external</code></p></li>
- <li><p><code>target</code> (with any value, such as <code>"_blank"</code>)</p></li>
-
- </ul><h2>Form submissions</h2>
-
- <p>Form submissions are handled automatically through the navigation model as well. Visit the <a href="../forms/forms-sample.html">forms section</a> for more information.</p>
-
- <h2>Using the Application Cache</h2>
-
- <p>When using the application cache with jQuery Mobile there is at least one important issue to consider. Some browsers, when making requests to the cache will report an http status of 0 on success. This causes jQuery Core's <code>$.ajax</code> to trigger error handlers. The suggested workaround for users leveraging the application cache is to use a jQuery ajax pre-filter. Something like the following (credit to <a href="https://github.com/jquery/jquery-mobile/issues/1579#issuecomment-1209338" rel="external">jammus</a> for the snippet):</p>
-
- <pre><code>
-
-$.ajaxPrefilter( function(options, originalOptions, jqXHR) {
- if ( applicationCache &&
- applicationCache.status != applicationCache.UNCACHED &&
- applicationCache.status != applicationCache.OBSOLETE ) {
- // the important bit
- options.isLocal = true;
- }
-});
-
- </code></pre>
-
- <p>Setting <code>isLocal</code> to true for your ajax requests will alert jQuery Core that it should handle the 0 return values differently. Local requests exhibit similar behavior (ie 0 statuses), and Core will then fall back to determining success based on the presence of content in the xhr <code>responseText</code> attribute.</p>
-
- <p>One important issue to note with the above is that it will set <code>isLocal</code> to <code>true</code> for all requests made via ajax regardless of whether they are in the manifest or not so long as the cache is valid. This works for now because Core only consults the <code>isLocal</code> value when the status is in fact 0 which doesn't affect uncached results. There is no long term guarantee that <code>isLocal</code> will remain isolated in its purpose for handling 0 status values. If that changes it may break your application.</p>
-
- <h2>Known limitations</h2>
-
- <p>The non-standard environment created by jQuery Mobile's page navigation model introduces some conditions of which you should be aware when building pages:</p>
-
- <ul>
- <li><p>When linking to directories, without a filename url, (such as <code>href="typesofcats/"</code> instead of <code>href="typesofcats/index.html"</code>), you must provide a trailing slash. This is because jQuery Mobile assumes the section after the last "/" character in a url is a filename, and it will remove that section when creating base urls from which future pages will be referenced.</p></li>
- <li><p>Documents loaded via Ajax will select the first page in the DOM of that document to be loaded as a JQM page element. As a result the developer must make sure to manage the ID attributes of the loaded page and child elements to prevent confusion when manipulating the DOM.</p></li>
- <li><p>If you link to multipage document, you must use a <code>data-ajax="false"</code> attribute on the link to cause a full page refresh due to the limitation above where we only load the first page node in an Ajax request due to potential hash collisions. There is currently a <a href="https://github.com/ToddThomson/jQuery-Mobile-Subpage-Widget" rel="external">subpage plugin</a> that makes it possible to load in multi-page documents. </p></li>
- <li><p>Any unique assets referenced by pages in a jQuery Mobile-driven site should be placed inside the "page" element (the element with a <code>data-role</code> attribute of <code>"page"</code>). For example, links to styles and scripts that are specific to a particular page can be referenced inside that <code>div</code>. However, a better approach is to use jQuery Mobile's page events to trigger specific scripting when certain pages load. <strong>Note: </strong> you can return a page from the server with a <code>data-url</code> already specified in the markup, and jQuery Mobile will use that for the hash update. This allows you to ensure directory paths resolve with a trailing slash and will therefore be used in the base url path for future requests.</p></li>
- <li><p>Conversely, any non-unique assets (those used site-wide) should be referenced in the <code><head></code> section of an HTML document, or at the very least, outside of the "page" element, to prevent running scripts more than once.</p></li>
- <li><p>The <code>"ui-page"</code> key name used in sub-hash url references can be set to any value you'd like, so as to blend into your URL structure. This value is stored in <code>jQuery.mobile.subPageUrlKey</code>.</p></li>
- <li><p>When traveling back to a previously loaded jQuery Mobile document from an external <b>or</b> internal document with the push state plugin enabled, some browsers load and trigger the <code>popstate</code> event on the wrong document or for the wrong reasons (two edge cases recorded so far). If you are regularly linking to external documents and find the application behaving erratically try disabling pushstate support.</p></li>
- <li><p>jQuery Mobile does not support query parameter passing to internal/embedded pages but there are two plugins that you can add to your project to support this feature. There is a lightweight <a href="https://github.com/jblas/jquery-mobile-plugins/tree/master/page-params" rel="external">page params plugin</a> and a more fully featured <a href="https://github.com/azicchetti/jquerymobile-router" rel="external">jQuery Mobile router plugin</a> for use with backbone.js or spine.js.</p></li>
- <li><p>Since we use the URL hash to preserve Back button behavior, using page anchors to jump down to a position on the page isn't supported by using the traditional anchor link (#foo). Use the <a href="../api/methods.html"><code>silentScroll</code></a> method to scroll to a particular Y position without triggering scroll event listeners. You can pass in a <code>yPos</code> arguments to scroll to that Y location.</p></li>
- </ul>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li data-theme="a"><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Scripting pages</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Scripting pages</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <p>Since jQuery Mobile uses an Ajax-powered navigation system, there are a few helpful things to know when writing scripts that manipulate your content. You can explore the mobile API in more detail by reading up on <a href="../api/globalconfig.html">global configuration options</a>, <a href="../api/events.html">events</a>, and <a href="../api/methods.html">methods</a> or dig into the technical details of the <a href="page-navmodel.html">Ajax navigation model</a>.</p>
-
- <h2>Scripts & styles in the head</h2>
-
- <p>When the user clicks a link in a jQuery Mobile-driven site, the default behavior of the navigation system is to use that link's <code>href</code> to formulate an Ajax request (instead of allowing the browser's default link behavior of requesting that <code>href</code> with full page load). When that Ajax request goes out, the framework will receive its entire text content, but it will only inject the <em>contents of the response's <code>body</code> element (or more specifically the <code>data-role="page"</code> element, if it's provided)</em>, meaning nothing in the <code>head</code> of the page will be used (with the exception of the page title, which is fetched specifically).</p>
-
- <p> This means that any scripts and styles referenced the <code>head</code> of a page won't have any effect <em>when a page is loaded via Ajax</em>, but they <strong>will execute if the page is requested normally via HTTP</strong>. When scripting jQuery Mobile sites, both scenarios need to be considered. The reason that the <code>head</code> of a page is ignored when requested via Ajax is that the potential of re-executing the same JavaScript is very high (it's common to reference the same scripts in every page of a site). Due to the complexity of attempting to work around that issue, we leave the task of executing page-specific scripts to the developer, and assume <code>head</code> scripts are only expected to execute once per browsing session.</p>
-
- <p>The simplest approach when building a jQuery Mobile site is to reference the same set of stylesheets and scripts in the head of every page. If you need to load in specific scripts or styles for a particular page, we recommend binding logic to the <code>pagecreate</code> event (details below) to run necessary code when a specific page is created (which can be determined by its <code>id</code> attribute, or a number of other ways). Following this approach will ensure that the code executes if the page is loaded directly or is pulled in and shown via Ajax.</p>
-
- <p>Another approach for page-specific scripting would be to include scripts at the end of the <code>body</code> element. If you include your custom scripting this way, be aware that these scripts will execute when that page is loaded via Ajax or regular HTTP, so if these scripts are the same on every page, you'll likely run into problems. If you're including scripts this way, we'd recommend enclosing your page content in a <code>data-role="page"</code> element, and placing scripts that are referenced on every page outside of that element. Scripts that are unique to that page can be placed in that element, to ensure that they execute when the page is fetched via Ajax.</p>
-
- <h2>pagecreate = DOM ready</h2>
-
- <p>One of the first things people learn in jQuery is to use the <code>$(document).ready()</code> function for executing DOM-specific code as soon as the DOM is ready (which often occurs long before the <code>onload</code> event). However, in jQuery Mobile site and apps, pages are requested and injected into the same DOM as the user navigates, so the DOM ready event is not as useful, as it only executes for the first page. To execute code whenever a new page is loaded and created in jQuery Mobile, you can bind to the <a href="../api/events.html"><code>pagecreate</code></a> event. </p>
-
- <p>The <code>pagecreate</code> event is triggered on a page when it is initialized, right after initialization occurs. Most of jQuery Mobile's official widgets auto-initialize themselves based on this event, and you can set up your code to do the same.</p>
-<pre><code>
-$( document ).delegate("#aboutPage", "pagecreate", function() {
- alert('A page with an ID of "aboutPage" was just created by jQuery Mobile!');
-});
-</code></pre>
-
- <p>If you'd like to manipulate a page's contents <em>before</em> the pagecreate event fires and widgets are auto-initialized, you can instead bind to the <code>pagebeforecreate</code> event:</p>
-
-<pre><code>
-$( document ).delegate("#aboutPage", "pagebeforecreate", function() {
- alert('A page with an ID of "aboutPage" is about to be created by jQuery Mobile!');
-});
-</code></pre>
-
- <h2>Changing pages</h2>
- <p>If you want to change the current active page with JavaScript, you can use the <a href="../api/methods.html"><code>changePage</code></a> method. There are a lot of methods and properties that you can set when changing pages, but here are two simple examples:</p>
- <pre><code>
-<strong>//transition to the "about us" page with a slideup transition</strong>
-$.mobile.changePage( "about/us.html", { transition: "slideup"} );
-
-<strong>//transition to the "search results" page, using data from a form with an ID of "search"" </strong>
-$.mobile.changePage( "searchresults.php", {
- type: "post",
- data: $("form#search").serialize()
-});
-</code></pre>
-
- <h2>Loading pages</h2>
- <p>To load an external page, enhance its content, and insert it into the DOM, use the <a href="../api/methods.html"><code>loadPage</code> method</a>. There are a lot of methods and properties that you can set when loading pages, but here is a simple example:</p>
- <pre><code>
-//load the "about us" page into the DOM
-$.mobile.loadPage( "about/us.html" );
-</code></pre>
-
- <h2>Enhancing new markup</h2>
- <p>The page plugin dispatches a <code>pagecreate</code> event, which most widgets use to auto-initialize themselves. As long as a widget plugin script is referenced, it will automatically enhance any instances of the widgets it finds on the page.</p>
- <p>However, if you generate new markup client-side or load in content via Ajax and inject it into a page, you can trigger the <code>create</code> event to handle the auto-initialization for all the plugins contained within the new markup. This can be triggered on any element (even the page <code>div</code> itself), saving you the task of manually initializing each plugin (listview button, select, etc.).</p>
- <p>For example, if a block of HTML markup (say a login form) was loaded in through Ajax, trigger the <code>create</code> event to automatically transform all the widgets it contains (<a href="http://jquerymobile.com/test/docs/forms/textinputs/index.html">inputs</a> and <a href="http://jquerymobile.com/test/docs/buttons/index.html">buttons</a> in this case) into the enhanced versions. The code for this scenario would be:</p>
-<pre style="margin: 25px 0;"><code style="font-size: 12px;">$( ...new markup that contains widgets... ).appendTo( ".ui-page" ).trigger( "create" );
-</code></pre>
-
- <h2>Create vs. refresh: An important distinction</h2>
- <p>Note that there is an important difference between the <code>create</code> event and <code>refresh</code> method that some widgets have. The <code>create</code> event is suited for enhancing <em>raw markup</em> that contains one or more widgets. The <code>refresh</code> method should be used on existing (already enhanced) widgets that have been manipulated programmatically and need the UI be updated to match.</p>
-
- <p>For example, if you had a page where you dynamically appended a new unordered list with <code>data-role=listview</code> attribute after page creation, triggering <code>create</code> on a parent element of that list would transform it into a <a href="http://jquerymobile.com/test/docs/lists/index.html">listview</a> styled widget. If more list items were then programmatically added, calling the listview’s <code>refresh</code> method would update just those new list items to the enhanced state and leave the existing list items untouched.</p>
-
-
- <h2>Scrolling to a position within a page</h2>
- <p>Since we use the URL hash to preserve Back button behavior, using page anchors to jump down to a position on the page isn't supported by using the traditional anchor link (#foo). Use the <a href="../api/methods.html"><code>silentScroll</code></a> method to scroll to a particular Y position without triggering scroll event listeners. You can pass in a <code>yPos</code> arguments to scroll to that Y location. For example:</p>
-<pre><code>
-//scroll to Y 300px
-$.mobile.silentScroll(300);
-</code></pre>
-
- <h2>Binding to mouse and touch events</h2>
- <p>One inportant consideration in mobile is handling mouse and touch events. These events differ significantly across mobile platforms, but the common denominator is that click events will work everywhere, but usually after a significant delay of 500-700ms. This delay is necessary for the browser to wait for double tap, scroll and extended hold tap events to potentially occur. To avoid this delay, it's possible to bind to touch events (ex. touchstart) but the issue with this approach is that some mobile platforms (WP7, Blackberry) don't support touch. To compound this issue, some platforms will emit <em>both</em> touch and mouse events so if you bind to both types, duplicate events will be fired for a single interaction.</p>
- <p>Our solution is to create a set of <a href="../api/events.html">virtual events</a> that normalize mouse and touch events. This allows the developer to register listeners for the basic mouse events, such as mousedown, mousemove, mouseup, and click, and the plugin will take care of registering the correct listeners behind the scenes to invoke the listener at the fastest possible time for that device. This still retains the order of event firing in the traditional mouse environment, should multiple handlers be registered on the same element for different events. The virtual mouse system exposes the following virtual events to jQuery bind methods: <code>vmouseover</code>, <code>vmousedown</code>, <code>vmousemove</code>, <code>vmouseup</code>, <code>vclick</code>, and <code>vmousecancel</code></p>
-
-
- <h2>Passing parameters between pages</h2>
- <p>jQuery Mobile does not support query parameter passing to internal/embedded pages. For example, if the framework sees a link to "#somePage?someId=1" it interpret that as "#somePage" and navigate to the internal page div with an ID of <code>somePage</code> and apply a data-url of <code>#somePage?someId=1</code> to that page container. Subsequent calls to other params such as "#somePage?someId=2" will find the same div because jQuery Mobile refers to the data-url on the div which is only set once and will remain at <code>#somePage?someId=1</code>.</p>
-
- <p>There are two plugins that you can add to your project if query parameters are needed between pages. There is a lightweight <a href="https://github.com/jblas/jquery-mobile-plugins/tree/master/page-params" rel="external">page params plugin</a> and a more fully featured <a href="https://github.com/azicchetti/jquerymobile-router" rel="external">jQuery Mobile router plugin</a> for use with backbone.js or spine.js.</p>
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li data-theme="a"><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
-
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Single page template</title>
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
- <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
-</head>
-
-<body>
-
-<div data-role="page">
-
- <div data-role="header">
- <h1>Single page</h1>
- </div><!-- /header -->
-
- <div data-role="content">
- <p>This is a single page boilerplate template that you can copy to build you first jQuery Mobile page. Each link or form from here will pull a new page in via Ajax to support the animated page transitions.</p>
- <p>Just view the source and copy the code to get started. All the CSS and JS is linked to the jQuery CDN versions so this is super easy to set up. Remember to include a meta viewport tag in the head to set the zoom level.</p>
- <p>This template is standard HTML document with a single "page" container inside, unlike a <a href="multipage-template.html" data-ajax="false">multi-page template</a> that has multiple pages within it. We strongly recommend building your site or app as a series of separate pages like this because it's cleaner, more lightweight and works better without JavaScript.</p>
- </div><!-- /content -->
-
- <div data-role="footer">
- <h4>Footer content</h4>
- </div><!-- /footer -->
-
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Page titles</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Page titles</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <h2>Titles in Ajax navigation</h2>
-
- <p>When you load the first page of a jQuery Mobile based site, then click a link or submit a form, Ajax is used to pull in the content of the requested page. Having both pages in the DOM is essential to enable the animated page transitions, but one downside of this approach is that the page title is always that of the first page, not the subsequent page you’re viewing.</p>
- <p>To remedy this, jQuery Mobile automatically parses the <code>title</code> of the page pulled via Ajax and changes the <code>title</code> attribute of the parent document to match.</p>
-
- <h2>Titles in multi-page templates</h2>
-
- <p>On multi-page documents, we follow a similiar convention, but since all the pages share a common <code>title</code>, we have a <code>data-title</code> attribute that can be added to each page container within a multi-page template to manually define a title. The title of the HTML document will be automatically updated to match the <code>data-title</code> of the page currently in view.</p>
-
-<pre><code>
-<div data-role="page" id="foo" <strong>data-title="Page Foo"</strong>>
-
-</div><!-- /page -->
-</code></pre>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li data-theme="a"><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Transitions</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Transitions</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Page transitions</h2>
-
- <p>The jQuery Mobile framework includes a set of six CSS-based transition effects that can be applied to any page link or form submission with Ajax navigation: </p>
-
-
-<div class="ui-grid-a">
- <div class="ui-block-a">
- <a href="#dialog" data-role="button" data-rel="dialog" data-transition="slide">slide</a>
- <a href="#dialog" data-role="button" data-rel="dialog" data-transition="slideup">slideup</a>
- <a href="#dialog" data-role="button" data-rel="dialog" data-transition="slidedown">slidedown</a>
- </div>
- <div class="ui-block-b">
- <a href="#dialog" data-role="button" data-rel="dialog" data-transition="pop">pop</a>
- <a href="#dialog" data-role="button" data-rel="dialog" data-transition="fade">fade</a>
- <a href="#dialog" data-role="button" data-rel="dialog" data-transition="flip">flip*</a>
- </div>
-</div><!-- /grid-a -->
-
-<p><strong>Transitions from <a href="http://www.jqtouch.com/">jQtouch</a></strong> (<em>with small modifications</em>): Built by David Kaneda and maintained by Jonathan Stark.</p>
-
-<p>NOTE: The flip transition isn't rendered correctly on most versions of Android because it lacks 3D CSS transform capabilities. Unfortunately, instead of ignoring the flip, Android makes the page "cartwheel" away by rotating instead of flipping. We recommend using this transition sparingly until support improves.</p>
-
-
- <h2>Setting a transition on a link or form submit</h2>
- <p>By default, the framework applies the right to left <strong>slide</strong> transition. To set a custom transition effect, add the <code>data-transition</code> attribute to the link. </p>
-
-<code><code>
-<a href="index.html" <strong>data-transition="pop"</strong>>I'll pop</a>
-</code></code>
-
- <p>When the Back button is pressed, the framework will automatically apply the reverse version of the transition that was used to show the page. To specify that the reverse version of a transition should be used, add the <code>data-direction="reverse"</code> attribute to a link. Note: (this was formerly <code>data-back="true"</code>, which will remain supported until 1.0)</p>
-
- <p>For smoother page transitions, consider enabling the <a href="touchoverflow.html">touchOverflow</a> feature.</p>
-
- <h2>Global configuration of transitions</h2>
-
- <p>Set the <code>defaultPageTransition</code> <a href="../api/globalconfig.html">global option</a> if you'd prefer a different default transition. Dialogs have a different option called <code>defaultDialogTransition</code> that can also set configured.</p>
-
-
-
-
- <h2>Creating custom CSS-based transitions</h2>
-
-
- <p>To create a custom CSS transition, select a class name that corresponds to the name of your transition, for example "slide", and then define your "in" and "out" CSS rules to take advantage of transitions or animation keyframes:</p>
-
- <pre><code>.slide.in {
- -webkit-transform: translateX(0);
- -webkit-animation-name: slideinfromright;
- }
-
- .slide.out {
- -webkit-transform: translateX(-100%);
- -webkit-animation-name: slideouttoleft;
- }
-
- @-webkit-keyframes slideinfromright {
- from { -webkit-transform: translateX(100%); }
- to { -webkit-transform: translateX(0); }
- }
- @-webkit-keyframes slideouttoleft {
- from { -webkit-transform: translateX(0); }
- to { -webkit-transform: translateX(-100%); }
- }
- </code></pre>
-
- <p>During a CSS-based page transition, jQuery Mobile will place the class name of the transition on both the "from" and "to" pages involved in the transition. It then places an "out" class on the "from" page, and "in" class on the "to" page. The presence of these classes on the "from" and "to" page elements then triggers the animation CSS rules defined above.</p>
-
- <p>If your transition supports a reverse direction, you need to create CSS rules that use the <code>reverse</code> class in addition to the transition class name and the "in" and "out" classes:</p>
-
- <pre><code>.slide.in.reverse {
- -webkit-transform: translateX(0);
- -webkit-animation-name: slideinfromleft;
- }
-
- .slide.out.reverse {
- -webkit-transform: translateX(100%);
- -webkit-animation-name: slideouttoright;
- }
-
- @-webkit-keyframes slideinfromleft {
- from { -webkit-transform: translateX(-100%); }
- to { -webkit-transform: translateX(0); }
- }
-
- @-webkit-keyframes slideouttoright {
- from { -webkit-transform: translateX(0); }
- to { -webkit-transform: translateX(100%); }
- }
- </code></pre>
-
- <p>After the CSS rules are in place, you simply specify the name of your transition within the @data-transition attribute of a navigation link:</p>
-
- <pre><code><a href="#page2" data-transition="slide">Page 2</a>
- </code></pre>
-
- <p>When the user clicks on the navigation link, jQuery Mobile will invoke your transition when it navigates to the page mentioned within the link.</p>
-
- <p>In case you were wondering why none of the CSS rules above specified any easing or duration, it's because the CSS for jQuery Mobile defines the default easing and duration in the following rules:</p>
-
- <pre><code>
-.in, .out {
- -webkit-animation-timing-function: ease-in-out;
- -webkit-animation-duration: 350ms;
-}
- </code></pre>
-
- <p>If you need to specify a different easing or duration, simply add the appropriate CSS3 property to your custom page transition rules.</p>
-
- <h2>Creating custom JavaScript-based transitions</h2>
-
- <p>When a user clicks on a link within a page, jQuery Mobile checks if the link specifies a <code>@data-transition</code> attribute. The value of this attribute is the name of the transition to use when displaying the page referred to by the link. If there is no <code>@data-transition</code> attribute, the transition name specified by the configuration option <code>$.mobile.defaultPageTransition</code> is used for pages, and <code>$.mobile.defaultDialogTransition</code> is used for dialogs.</p>
-
- <p>After the new page is loaded, the <code>$.mobile.transitionHandlers</code> dictionary is used to see if any transition handler function is registered for the given transition name. If a handler is found, that handler is invoked to start and manage the transition. If no handler is found the handler specified by the configuration option <code>$.mobile.defaultTransitionHandler</code> is invoked.</p>
-
- <p>By default, the <code>$.mobile.transitionHandlers</code> dictionary is only populated with a single handler entry called "none". This handler simply removes the <code>"ui-page-active"</code> class from the page we are transitioning "from", and places it on the page we are transitioning "to". The transition is instantaneous; no animation, no fanfare.</p>
-
- <p>The <code>$.defaultTransitionHandler</code> points to a handler function that assumes the name is a CSS class name, and implements the "Pure CSS3 Based Transitions" section above.</p>
-
- <p>Both the "none" and "css3" transition handlers are available off of the $.mobile namespace:</p>
-
- <pre><code>
-$.mobile.noneTransitionHandler
-$.mobile.css3TransitionHandler
- </code></pre>
-
- <h3>Transition Handlers</h3>
-
- <p>A transition handler is a function with the following call signature:</p>
-
- <pre><code>function myTransitionHandler(name, reverse, $to, $from)
-{
- var deferred = new $.Deferred();
-
- // Perform any actions or set-up necessary to kick-off
- // your transition here. The only requirement is that
- // whenever the transition completes, your code calls
- // deferred.resolve(name, reverse, $to, $from).
-
- // Return a promise.
- return deferred.promise();
-}
- </code></pre>
-
- <p>Your handler must create a Deferred object and return a promise to the caller. The promise is used to communicate to the caller when your transition is actually complete. It is up to you to call <code>deferred.resolve()</code> at the correct time. If you are new to Deferred objects, you can find documentation <a href="http://api.jquery.com/category/deferred-object/" rel="nofollow">here</a>.</p>
-
- <h3>Registering and Invoking Your Transition Handler</h3>
-
- <p>Once you have created a transition handler function, you need to tell jQuery Mobile about it. To do this, simply add your handler to the <code>$.mobile.transitionHandlers</code> dictionary. Remember, the key used should be the name of your transition. This name is also the same name that will be used within the <code>@data-transition</code> attribute of any navigation links.</p>
-
- <pre><code>// Define your transition handler:
-
-function myTransitionHandler(name, reverse, $to, $from)
-{
- var deferred = new $.Deferred();
-
- // Perform any actions or set-up necessary to kick-off
- // your transition here. The only requirement is that
- // whenever the transition completes, your code calls
- // deferred.resolve(name, reverse, $to, $from).
-
- // Return a promise.
- return deferred.promise();
-}
-
-// Register it with jQuery Mobile:
-
-$.mobile.transitionHandlers["myTransition"] = myTransitionHandler;
- </code></pre>
-
- <p>Once you've registered your handler, you can invoke your transition by placing a <code>data-transition</code> attribute on a link:</p>
-
- <pre><code><a href="#page2" data-transition="myTransition">Page 2</a>
- </code></pre>
-
- <p>When the user clicks the link above, your transition handler will be invoked after the page is loaded and it is ready to be shown.</p>
-
- <h3>Overriding a CSS Transition With Your Own Handler</h3>
-
- <p>As previously mentioned the default transition handler assumes that any transition name other than "none" is a CSS class to be placed on the "from" and "to" elements to kick off a CSS3 animation. If you would like to override one of these built-in CSS transitions, you simply register your own handler with the same name as the CSS page transition you want to override. So for example, if I wanted to override the built-in "slide" CSS transition with my own JavaScript based transition, I would simply do the following:</p>
-
- <pre><code>// Define your transition handler:
-
-function myTransitionHandler(name, reverse, $to, $from)
-{
- var deferred = new $.Deferred();
-
- // Perform any actions or set-up necessary to kick-off
- // your transition here. The only requirement is that
- // whenever the transition completes, your code calls
- // deferred.resolve(name, reverse, $to, $from).
-
- // Return a promise.
- return deferred.promise();
-}
-
-// Register it with jQuery Mobile:
-
-$.mobile.transitionHandlers["slide"] = myTransitionHandler;
- </code></pre>
-
- <p>Once you do this, anytime the "slide" transition is invoked, your handler, instead of the default one, will be called to perform the transition.</p>
-
- <h3>Overriding the Default Transition Handler</h3>
-
- <p>The <code>$.mobile.css3TransitionHandler</code> function is the default transition handler that gets invoked when a transition name is used and not found in the <code>$.mobile.transitionHandlers</code> dictionary. If you want to install your own custom default handler, you simply set the <code>$.mobile.defaultTransitionHandler</code> to your handler:</p>
-
- <pre><code>// Define your default transition handler:
-
-function myTransitionHandler(name, reverse, $to, $from)
-{
- var deferred = new $.Deferred();
-
- // Perform any actions or set-up necessary to kick-off
- // your transition here. The only requirement is that
- // whenever the transition completes, your code calls
- // deferred.resolve(name, reverse, $to, $from).
-
- // Return a promise.
- return deferred.promise();
-}
-
-$.mobile.defaultTransitionHandler = myTransitionHandler;
- </code></pre>
-
- <p>Once you do this, your handler will be invoked any time a transition name is used but not found within the <code>$.mobile.transitionHandlers</code> dictionary.</p>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li data-theme="a"><a href="page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
-
-
-
-
- <div data-role="page" id="dialog"><!-- dialog-->
-
- <div data-role="header" data-theme="e">
- <h1>Ta-da!</h1>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="e">
- <p>That was an animated page transition effect that we added with a <code>data-transition</code> attribute on the link.</p>
- <p>Since it uses CSS transforms, this should be hardware accelerated on many mobile devices.</p>
- <p>What do you think?</p>
- <a href="docs-transitions.html" data-role="button" data-theme="b" data-rel="back">I like it</a>
- </div>
- </div>
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Theming Pages</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Theming pages</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="pages-themes.html" data-role="button" data-transition="fade" class="ui-btn-active">Theme Overview</a></li>
-
- <li><a href="pages-themes/theme-a.html" data-role="button" data-transition="fade">A </a></li>
- <li><a href="pages-themes/theme-b.html" data-role="button" data-transition="fade">B </a></li>
- <li><a href="pages-themes/theme-c.html" data-role="button" data-transition="fade">C </a></li>
- <li><a href="pages-themes/theme-d.html" data-role="button" data-transition="fade">D </a></li>
- <li><a href="pages-themes/theme-e.html" data-role="button" data-transition="fade">E </a></li>
- </ul>
-
- <h2>Page Theming</h2>
-
- <p>jQuery Mobile has a rich <a href="../api/themes.html">theming system</a> that gives you full control of how pages are styled. There is detailed theming documentation within each page widget, but let's look at a few high-level examples of how theming is applied.</p>
-
- <p>The <code> data-theme</code> attribute can be applied to the header and footer containers to apply any of the lettered theme color swatches. While the <code>data-theme</code> attribute could be added to the content container, we recommend adding it instead to <code>div</code> or container that has been assigned the <code> data-role="page"</code> attribute to ensure that the background color is applied to the full page. When this is done, all widgets on the page will also inherit the theme specified in the page container. However, headers and footers will default to theme "a". If you want to have a page with, for example, only theme "b" for all its elements, including its header and footer, you will need to specify <code>data-theme="b"</code> to the page <code>div</code> as well as the header and footer <code>divs</code>. </p>
-
- <p>The default Theme mixes styles from multiple swatches to create visual texture and present the various elements in optimal contrast to one another:</p>
-
- <div data-role="header">
- <h1>Default Theme</h1>
- </div>
-
- <div class="ui-body ui-body-c">
- <h3>Default Theme Content Header</h3>
- <p>This is the default content color swatch and a preview of a <a href="#" class="ui-link">link</a>.</p>
-
- <a href="#" data-role="button" data-inline="true">Button</a>
- </div>
-
- <p>And each of the five "swatches" applies its style consistently across all page elements, as shown below:</p>
-
- <h2>Swatch A</h2>
- <div data-role="header" data-position="inline">
- <h1>Header A</h1>
- </div>
-
-
- <div class="ui-body ui-body-a">
- <h3>Header</h3>
- <p>This is content color swatch "A" and a preview of a <a href="#" class="ui-link">link</a>.</p>
- <a href="#" data-role="button" data-inline="true">Button</a>
- </div>
-
-
- <h2>Swatch B</h2>
- <div data-role="header" data-theme="b">
- <h1>Header B</h1>
- </div>
- <div class="ui-body ui-body-b">
- <h3>Header</h3>
- <p>This is content color swatch "B" and a preview of a <a href="#" class="ui-link">link</a>.</p>
- <a href="#" data-role="button" data-inline="true">Button</a>
- </div>
-
- <h2>Swatch C</h2>
- <div data-role="header" data-theme="c">
- <h1>Header C</h1>
- </div>
- <div class="ui-body ui-body-c">
- <h3>Header</h3>
- <p>This is content color swatch "C" and a preview of a <a href="#" class="ui-link">link</a>.</p>
- <a href="#" data-role="button" data-inline="true">Button</a>
- </div>
-
- <h2>Swatch D</h2>
- <div data-role="header" data-theme="d">
- <h1>Header D</h1>
- </div>
- <div class="ui-body ui-body-d">
- <h3>Header</h3>
- <p>This is content color swatch "D" and a preview of a <a href="#" class="ui-link">link</a>.</p>
- <a href="#" data-role="button" data-inline="true">Button</a>
- </div>
-
- <h2>Swatch E</h2>
- <div data-role="header" data-theme="e">
- <h1>Header E</h1>
- </div>
- <div class="ui-body ui-body-e">
- <h3>Header</h3>
- <p>This is content color swatch "E" and a preview of a <a href="#" class="ui-link">link</a>.</p>
- <a href="#" data-role="button" data-inline="true">Button</a>
- </div>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li data-theme="a"><a href="pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Theming Pages</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior" data-theme="a">
-
- <div data-role="header">
- <h1>Theming pages</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="../pages-themes.html" data-role="button" data-transition="fade">Theme Overview</a></li>
-
- <li><a href="theme-a.html" data-role="button" data-transition="fade" class="ui-btn-active">A </a></li>
- <li><a href="theme-b.html" data-role="button" data-transition="fade">B </a></li>
- <li><a href="theme-c.html" data-role="button" data-transition="fade">C </a></li>
- <li><a href="theme-d.html" data-role="button" data-transition="fade">D </a></li>
- <li><a href="theme-e.html" data-role="button" data-transition="fade">E </a></li>
- </ul>
-
- <h2>Theme A Sample Page</h2>
-
- <p>This is an example of <code>data-theme="a"</code> applied to the same element as <code>data-role="page"</code>, showing how the theme is inherited by widgets throughout the page.</p>
-
- <div data-role="fieldcontain">
- <label for="name-a">Text Input:</label>
- <input type="text" name="name" id="name-a" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="switch-a">Flip switch:</label>
- <select name="switch-a" id="switch-a" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider-a">Slider:</label>
- <input type="range" name="slider" id="slider-a" value="0" min="0" max="100" />
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6a" id="checkbox-6a" class="custom" />
- <label for="checkbox-6a">b</label>
-
- <input type="checkbox" name="checkbox-7a" id="checkbox-7a" class="custom" />
- <label for="checkbox-7a"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8a" id="checkbox-8a" class="custom" />
- <label for="checkbox-8a">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1a" value="choice-1" />
- <label for="radio-choice-1a">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2a" value="choice-2" />
- <label for="radio-choice-2a">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3a" value="choice-3" />
- <label for="radio-choice-3a">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4a" value="choice-4" />
- <label for="radio-choice-4a">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-a" class="select">Choose shipping method:</label>
- <select name="select-choice-a" id="select-choice-a">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <h2>Collapsible Sets</h2>
- <div data-role="collapsible-set">
- <div data-role="collapsible" data-collapsed="false">
- <h3>Section 1</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the <code>data-collapsed="false"</code> attribute; to collapse me, either click my header or expand another header in my set.</p>
- </div>
- <div data-role="collapsible">
- <h3>Section 2</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- <div data-role="collapsible">
- <h3>Section 3</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- </div>
-
- <h2>Inset List</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html">Inbox <span class="ui-li-count" >12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
- <div data-role="collapsible" data-collapsed="true" data-theme="a" data-content-theme="a">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="a" data-dividertheme="a">
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="../page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="../page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="../multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="../page-titles.html">Page titles</a></li>
- <li><a href="../page-links.html">Linking pages</a></li>
- <li><a href="../page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li><a href="../page-dialogs.html">Dialogs</a></li>
- <li><a href="../page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="../page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="../page-dynamic.html">Dynamically Injecting Pages</a></li>
- <li><a href="../page-scripting.html">Scripting pages</a></li>
- <li data-theme="b"><a href="../pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Theming Pages</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior" data-theme="b">
-
- <div data-role="header" data-theme="b">
- <h1>Theming pages</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="../pages-themes.html" data-role="button" data-transition="fade">Theme Overview</a></li>
-
- <li><a href="theme-a.html" data-role="button" data-transition="fade">A </a></li>
- <li><a href="theme-b.html" data-role="button" data-transition="fade" class="ui-btn-active">B </a></li>
- <li><a href="theme-c.html" data-role="button" data-transition="fade">C </a></li>
- <li><a href="theme-d.html" data-role="button" data-transition="fade">D </a></li>
- <li><a href="theme-e.html" data-role="button" data-transition="fade">E </a></li>
- </ul>
-
- <h2>Theme B Sample Page</h2>
-
- <p>This is an example of <code>data-theme="b"</code> applied to the same element as <code>data-role="page"</code>, showing how the theme is inherited by widgets throughout the page.</p>
-
- <div data-role="fieldcontain">
- <label for="name-a">Text Input:</label>
- <input type="text" name="name" id="name-a" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="switch-a">Flip switch:</label>
- <select name="switch-a" id="switch-a" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider-a">Slider:</label>
- <input type="range" name="slider" id="slider-a" value="0" min="0" max="100" />
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6a" id="checkbox-6a" class="custom" />
- <label for="checkbox-6a">b</label>
-
- <input type="checkbox" name="checkbox-7a" id="checkbox-7a" class="custom" />
- <label for="checkbox-7a"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8a" id="checkbox-8a" class="custom" />
- <label for="checkbox-8a">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1a" value="choice-1" />
- <label for="radio-choice-1a">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2a" value="choice-2" />
- <label for="radio-choice-2a">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3a" value="choice-3" />
- <label for="radio-choice-3a">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4a" value="choice-4" />
- <label for="radio-choice-4a">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-a" class="select">Choose shipping method:</label>
- <select name="select-choice-a" id="select-choice-a">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <h2>Collapsible Sets</h2>
- <div data-role="collapsible-set">
- <div data-role="collapsible" data-collapsed="false">
- <h3>Section 1</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the <code>data-collapsed="false"</code> attribute; to collapse me, either click my header or expand another header in my set.</p>
- </div>
- <div data-role="collapsible">
- <h3>Section 2</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- <div data-role="collapsible">
- <h3>Section 3</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- </div>
-
- <h2>Inset List</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html">Inbox <span class="ui-li-count" >12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="b">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="b" data-dividertheme="b">
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="../page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="../page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="../multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="../page-titles.html">Page titles</a></li>
- <li><a href="../page-links.html">Linking pages</a></li>
- <li><a href="../page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li><a href="../page-dialogs.html">Dialogs</a></li>
- <li><a href="../page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="../page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="../page-dynamic.html">Dynamically Injecting Pages</a></li>
- <li><a href="../page-scripting.html">Scripting pages</a></li>
- <li data-theme="a"><a href="../pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Theming Pages</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior" data-theme="c">
-
- <div data-role="header" data-theme="c">
- <h1>Theming pages</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="../pages-themes.html" data-role="button" data-transition="fade">Theme Overview</a></li>
-
- <li><a href="theme-a.html" data-role="button" data-transition="fade">A </a></li>
- <li><a href="theme-b.html" data-role="button" data-transition="fade">B </a></li>
- <li><a href="theme-c.html" data-role="button" data-transition="fade" class="ui-btn-active">C </a></li>
- <li><a href="theme-d.html" data-role="button" data-transition="fade">D </a></li>
- <li><a href="theme-e.html" data-role="button" data-transition="fade">E </a></li>
- </ul>
-
- <h2>Theme C Sample Page</h2>
-
- <p>This is an example of <code>data-theme="c"</code> applied to the same element as <code>data-role="page"</code>, showing how the theme is inherited by widgets throughout the page.</p>
-
- <div data-role="fieldcontain">
- <label for="name-a">Text Input:</label>
- <input type="text" name="name" id="name-a" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="switch-a">Flip switch:</label>
- <select name="switch-a" id="switch-a" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider-a">Slider:</label>
- <input type="range" name="slider" id="slider-a" value="0" min="0" max="100" />
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6a" id="checkbox-6a" class="custom" />
- <label for="checkbox-6a">b</label>
-
- <input type="checkbox" name="checkbox-7a" id="checkbox-7a" class="custom" />
- <label for="checkbox-7a"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8a" id="checkbox-8a" class="custom" />
- <label for="checkbox-8a">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1a" value="choice-1" />
- <label for="radio-choice-1a">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2a" value="choice-2" />
- <label for="radio-choice-2a">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3a" value="choice-3" />
- <label for="radio-choice-3a">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4a" value="choice-4" />
- <label for="radio-choice-4a">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-a" class="select">Choose shipping method:</label>
- <select name="select-choice-a" id="select-choice-a">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <h2>Collapsible Sets</h2>
- <div data-role="collapsible-set">
- <div data-role="collapsible" data-collapsed="false">
- <h3>Section 1</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the <code>data-collapsed="false"</code> attribute; to collapse me, either click my header or expand another header in my set.</p>
- </div>
- <div data-role="collapsible">
- <h3>Section 2</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- <div data-role="collapsible">
- <h3>Section 3</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- </div>
-
- <h2>Inset List</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html">Inbox <span class="ui-li-count" >12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="c" data-content-theme="c">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="c">
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="../page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="../page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="../multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="../page-titles.html">Page titles</a></li>
- <li><a href="../page-links.html">Linking pages</a></li>
- <li><a href="../page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li><a href="../page-dialogs.html">Dialogs</a></li>
- <li><a href="../page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="../page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="../page-dynamic.html">Dynamically Injecting Pages</a></li>
- <li><a href="../page-scripting.html">Scripting pages</a></li>
- <li data-theme="a"><a href="../pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Theming Pages</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior" data-theme="d">
-
- <div data-role="header" data-theme="d">
- <h1>Theming pages</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="../pages-themes.html" data-role="button" data-transition="fade">Theme Overview</a></li>
-
- <li><a href="theme-a.html" data-role="button" data-transition="fade">A </a></li>
- <li><a href="theme-b.html" data-role="button" data-transition="fade">B </a></li>
- <li><a href="theme-c.html" data-role="button" data-transition="fade">C </a></li>
- <li><a href="theme-d.html" data-role="button" data-transition="fade" class="ui-btn-active">D </a></li>
- <li><a href="theme-e.html" data-role="button" data-transition="fade">E </a></li>
- </ul>
-
- <h2>Theme D Sample Page</h2>
-
- <p>This is an example of <code>data-theme="d"</code> applied to the same element as <code>data-role="page"</code>, showing how the theme is inherited by widgets throughout the page.</p>
-
- <div data-role="fieldcontain">
- <label for="name-a">Text Input:</label>
- <input type="text" name="name" id="name-a" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="switch-a">Flip switch:</label>
- <select name="switch-a" id="switch-a" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider-a">Slider:</label>
- <input type="range" name="slider" id="slider-a" value="0" min="0" max="100" />
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6a" id="checkbox-6a" class="custom" />
- <label for="checkbox-6a">b</label>
-
- <input type="checkbox" name="checkbox-7a" id="checkbox-7a" class="custom" />
- <label for="checkbox-7a"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8a" id="checkbox-8a" class="custom" />
- <label for="checkbox-8a">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1a" value="choice-1" />
- <label for="radio-choice-1a">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2a" value="choice-2" />
- <label for="radio-choice-2a">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3a" value="choice-3" />
- <label for="radio-choice-3a">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4a" value="choice-4" />
- <label for="radio-choice-4a">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-a" class="select">Choose shipping method:</label>
- <select name="select-choice-a" id="select-choice-a">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <h2>Collapsible Sets</h2>
- <div data-role="collapsible-set">
- <div data-role="collapsible" data-collapsed="false">
- <h3>Section 1</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the <code>data-collapsed="false"</code> attribute; to collapse me, either click my header or expand another header in my set.</p>
- </div>
- <div data-role="collapsible">
- <h3>Section 2</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- <div data-role="collapsible">
- <h3>Section 3</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- </div>
-
- <h2>Inset List</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html">Inbox <span class="ui-li-count" >12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="../page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="../page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="../multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="../page-titles.html">Page titles</a></li>
- <li><a href="../page-links.html">Linking pages</a></li>
- <li><a href="../page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li><a href="../page-dialogs.html">Dialogs</a></li>
- <li><a href="../page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="../page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="../page-dynamic.html">Dynamically Injecting Pages</a></li>
- <li><a href="../page-scripting.html">Scripting pages</a></li>
- <li data-theme="a"><a href="../pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="d">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Theming Pages</title>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
- <script src="../../../js/jquery.js"></script>
- <script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../_assets/js/jqm-docs.js"></script>
- <script src="../../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior" data-theme="e">
-
- <div data-role="header" data-theme="e">
- <h1>Theming pages</h1>
- <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <ul data-role="controlgroup" data-type="horizontal" class="localnav">
- <li><a href="../pages-themes.html" data-role="button" data-transition="fade">Theme Overview</a></li>
-
- <li><a href="theme-a.html" data-role="button" data-transition="fade">A </a></li>
- <li><a href="theme-b.html" data-role="button" data-transition="fade">B </a></li>
- <li><a href="theme-c.html" data-role="button" data-transition="fade">C </a></li>
- <li><a href="theme-d.html" data-role="button" data-transition="fade">D </a></li>
- <li><a href="theme-e.html" data-role="button" data-transition="fade" class="ui-btn-active">E </a></li>
- </ul>
-
- <h2>Theme E Sample Page</h2>
-
- <p>This is an example of <code>data-theme="e"</code> applied to the same element as <code>data-role="page"</code>, showing how the theme is inherited by widgets throughout the page.</p>
-
- <div data-role="fieldcontain">
- <label for="name-a">Text Input:</label>
- <input type="text" name="name" id="name-a" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="switch-a">Flip switch:</label>
- <select name="switch-a" id="switch-a" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider-a">Slider:</label>
- <input type="range" name="slider" id="slider-a" value="0" min="0" max="100" />
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6a" id="checkbox-6a" class="custom" />
- <label for="checkbox-6a">b</label>
-
- <input type="checkbox" name="checkbox-7a" id="checkbox-7a" class="custom" />
- <label for="checkbox-7a"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8a" id="checkbox-8a" class="custom" />
- <label for="checkbox-8a">u</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1a" value="choice-1" />
- <label for="radio-choice-1a">Cat</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-2a" value="choice-2" />
- <label for="radio-choice-2a">Dog</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-3a" value="choice-3" />
- <label for="radio-choice-3a">Hamster</label>
-
- <input type="radio" name="radio-choice-1" id="radio-choice-4a" value="choice-4" />
- <label for="radio-choice-4a">Lizard</label>
- </fieldset>
- </div>
-
- <div data-role="fieldcontain">
- <label for="select-choice-a" class="select">Choose shipping method:</label>
- <select name="select-choice-a" id="select-choice-a">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <h2>Collapsible Sets</h2>
- <div data-role="collapsible-set">
- <div data-role="collapsible" data-collapsed="false">
- <h3>Section 1</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the <code>data-collapsed="false"</code> attribute; to collapse me, either click my header or expand another header in my set.</p>
- </div>
- <div data-role="collapsible">
- <h3>Section 2</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- <div data-role="collapsible">
- <h3>Section 3</h3>
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- </div>
-
- <h2>Inset List</h2>
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html">Inbox <span class="ui-li-count" >12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="e" data-content-theme="e">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="e" data-dividertheme="e">
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="../../page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="../../page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="../../multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="../../page-titles.html">Page titles</a></li>
- <li><a href="../../page-links.html">Linking pages</a></li>
- <li><a href="../../page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li><a href="../../page-dialogs.html">Dialogs</a></li>
- <li><a href="../../page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="../../page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="../../page-dynamic.html">Dynamically Injecting Pages</a></li>
- <li><a href="../../page-scripting.html">Scripting pages</a></li>
- <li data-theme="a"><a href="../../pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="e">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Phonegap</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Dynamically Injecting Pages</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
-
- <h2>Building PhoneGap apps with jQuery Mobile</h2>
-
- <p><a href="http://phonegap.com/" rel="external">PhoneGap</a> is an HTML5 app platform that allows developers to author native applications with web technologies and get access to APIs and app stores. Applications are built as normal HTML pages and packaged up to run as a native application within a UIWebView or WebView (a chromeless browser, referred to hereafter as a webview). Since PhoneGap is frequently used in conjunction with jQuery Mobile, we wanted to offer a few tips and recommendations to help you get staretd. </p>
-
- <p>The initial application document is loaded by the PhoneGap application by a local file:// URL. This means that if you want to pull in pages from your company's remote server (phone home) you will have to refer to them with absolute URLs to your server. Because your document originates from a file:// URL, loading pages or assets from your remote server is considered a cross-domain request that can be blocked in certain scenarios. </p>
-
- <p>Your ability to access cross-domain pages from within a Phone Gap jQuery Mobile application is controlled by two key things: <code>$.support.cors</code> and <code>$.mobile.allowCrossDomainPages</code>, and can also be influenced by the white list feature in later builds of PhoneGap.</p>
-
- <h2>$.support.cors</h2>
-
- <p>In jQuery core, there is a <a href="http://api.jquery.com/jQuery.support/" rel="external">$.support.cors</a> boolean that indicates whether or not jQuery thinks the browser supports the W3C "<a hre="http://www.w3.org/TR/cors/" rel="external">Cross-Origin Resource Sharing</a>" feature to support cross-domain requests.</p>
-
- <p>Since jQuery Mobile relies on jQuery core's $.ajax() functionality, <code>$.support.cors</code> must be set to <code>true</code> to tell <code>$.ajax</code> to load cross-domain pages. We've heard reports that webviews on some platforms, like BlackBerry, support cross-domain loading, but that jQuery core incorrectly sets <code>$.support.cors</code> value to <code>false</code> which disables cross-domain $.ajax() requests and will cause the page or assets to fail to load. </p>
-
- <h2>$.mobile.allowCrossDomainPages</h2>
-
- <p>When jQuery Mobile attempts to load an external page, the request runs through <code>$.mobile.loadPage()</code>. This will only allow cross-domain requests if the <code>$.mobile.allowCrossDomainPages</code> configuration option is set to <code>true</code>. Because the jQuery Mobile framework tracks what page is being viewed within the browser's location hash, it is possible for a cross-site scripting (XSS) attack to occur if the XSS code in question can manipulate the hash and set it to a cross-domain URL of its choice. This is the main reason that the default setting for <code>$.mobile.allowCrossDomainPages</code> is set to <code>false</code>.</p>
-
- <p>So in PhoneGap apps that must "phone home" by loading assets off a remote server, both the <code>$.support.cors</code> AND <code>$.mobile.allowCrossDomainPages</code> must be set to <code>true</code>. The <code>$.mobile.allowCrossDomainPages</code> option must be set before any cross-domain request is made so we recommend wrapping this in a <code>mobileinit</code> handler:</p>
-
-<pre><code>$( document ).bind( "mobileinit", function() {
- // Make your jQuery Mobile framework configuration changes here!
-
- $.mobile.allowCrossDomainPages = true;
-});</code></pre>
-
- <h2>PhoneGap White Listing</h2>
-
- <p>PhoneGap 1.0 introduced the idea of white-listing servers that its internal webview is allowed to make cross-domain requests to. You can find info about it here on the <a href="http://wiki.phonegap.com/w/page/40796976/Install%20the%20latest%20%28trunk%29%20source%20of%20iOS%20PhoneGap">PhoneGap wiki</a>:</p>
-
- <p>However, not all platforms support this white-listing feature so check the PhoneGap documentation for details. Older versions of PhoneGap prior to 1.0 defaulted to allowing cross-domain requests to any server.</p>
-
- <h2>Still having issues?</h2>
-
- <p>Here are a few more tips that aren't specifically related to PhoneGap but are good to know:</p>
-
- <p><strong>We recommend disabling the <a href="../api/globalconfig.html">pushState feature</a> for installed apps </strong>because there are edge cases where this feature can cause unexpected navigation behavior and since URLs aren't visible in a webview, it's not worth keeping this active in these situations. </p>
-
- <p><strong>Android enforces a timeout when loading URLs in a webview</strong> which may be too short for your needs. You can change this timeout by editing a Java class generated by the Eclipse plugin for Android:</p>
-
- <code>super.setIntegerProperty("loadUrlTimeoutValue", 60000);</code>
-
-
-
- </div>
- <!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li data-theme="a"><a href="phonegap.html">PhoneGap apps</a></li>
- <li><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - touchOverflow</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>touchOverflow</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
-
- <h2 id="ios5">touchOverflow: Dramatically improved page transitions and true fixed toolbars</h2>
-
- <p>Currently, both the page you're viewing and the one you're navigating to are sitting next to each other in the viewport, which lets us leverage native scrolling for the broadest possible device support. The downside to this approach is that since both pages share the same viewport, when a page transition starts, we must first scroll to the top of the document, then start animating to ensure that the pages are lined up vertically. If you hit the Back button, we need to scroll up, transition, then restore the previous scroll position. Since mobile browsers are pretty slow, these scroll movements can detract from the flow of the experience.</p>
-
- <p>The way to really improve this situation is to have both pages in separate containers, each with its own internal scroll bar. The means no more scrolling the document or needing to restore scroll positions for a smoother experience. It also has the benefit of making fixed toolbars very easy to implement by simply placing them outside the containers with internal scrolling.<p>
-
- <h2>How it works</h2>
-
- <p>To leverage iOS5′s support for a touch-targeted version of <code>overflow:auto</code> which allows for internal scrolling regions with the native momentum scrolling, we've added a feature called touchOverflow that leverages these new CSS capabilities to enable us to bring both true “fixed” toolbars and super smooth transitions to iOS5, all by using web standards and very little additional code.</p>
-
- <p>A feature called <code>touchOverflowEnabled</code> is designed to leverage the upcoming wave of browsers that support overflow scrolling in CSS. Note that this feature is off by default to give us more time to test and debug this for best performance but we hope to turn it on by default at a later point. Here's how to enable this <a href="../api/globalconfig.html">global option</a>:</p>
-
-<pre><code><script>
-$(document).bind("mobileinit", function(){
-<strong> $.mobile.touchOverflowEnabled = true;
-</strong>});
-</script></code></pre>
-
- <p>When this feature is activated, the framework looks for browser support for both the <code>overflow:</code> and <code>-webkit-overflow-scrolling:touch</code> CSS properties. In browsers that support both, it switches to a dual page container model with native overflow: scrolling within each, which brings true fixed toolbars smooth transitions. Coupled with iOS’s already excellent hardware-accelerated transitions, it's now possible to build interfaces that are very close to native performance.</p>
-
- <p>To demo this feature, check out <a href="../config/touchOverflow.html">this page</a> in iOS5.</p>
-
- <h2>A few downsides</h2>
-
- <p>Nothing is perfect, especially a new feature, so there are a few downsides to keep in mind. When activating this feature:</p>
-
- <ul>
- <li>Sometimes child elements like lists and forms wouldn't render when embedded in a page with <code>overflow:</code> in iOS5. This was a pretty random phenomenon but is not acceptable so we've added a <code>translate-z</code> CSS property which forces iOS to render the contents. The downside with this fix is that when a transform is applied, all elements are set to position:relative which can cause issues in your layout.</li>
- <li>The <code>-webkit-overflow-scrolling:touch</code> property seems to disable the events to scroll you to the top of the page when the time is tapped in the status bar. We hope Apple fixes this because it's a very useful feature.</li>
- <li>When <code>overflow:</code> and <code>-webkit-overflow-scrolling:touch</code> properties are set, iOS appears to ignore any overflow:hidden properties on the parent, which is the page in our case. So if you have an image or code block that is wider than the viewport, horizontal scrolling will be seen. </li>
- <li>When this feature is active, we are disabling user zoom by manipulating the meta viewport tag because both the toolbars and page content can easily be zoomed to an odd size and it's very difficult to zoom back out. Even though we believe in allowing users to zoom the page, alleviating the usability concerns we have with fixed toolbars and overflow containers is more important.</li>
- <li>Scroll position can be lost when going back to a page that has been re-loaded. If DOM caching is on, this shouldn't be as much of an issue.</li>
- <li>This is still an experimental feature, so not all the kinks have been worked out yet. Use with caution and test thoroughly.</li>
- </ul>
-
-
-
- <h2>Don’t other mobile platforms already support overflow?</h2>
- <p>Yes, but there’s a catch. Both Android Honeycomb and the Blackberry PlayBook support <code>overflow:</code> properties, but we found in testing that their implementation of overflow wasn't smooth enough, so pages would stutter and hang during scrolling, leading to an unusable experience. We're working with device makers to ensure that they are included when performance improves.</p>
- <p>More importantly, targeting overflow correctly is a major issue. If we simply placed an <code>overflow: auto</code> CSS rule on the pages, other popular mobile platforms like older versions of Android and iOS would essentially just clip off the content and make it effectively inaccessible (yes, you can can do a two-finger scroll gesture in iOS but nobody knows that). The smart thing about Apple’s implementation for iOS5 is that they added an additional CSS property <code>-webkit-overflow-scrolling:touch</code> that allows us to test for this touch scrolling property and, if supported, add in the <code>overflow</code> rules for just those browsers. This is the only safe way to target overflow without resorting to complex and unmaintainable user agent detection.</p>
- <p>We will be working with device and browser makers to encourage support for <em>both</em> these CSS-based properties because we strongly believe that this a critical piece needed to build rich mobile web apps. The project will add any vendor-prefixed additions to touch scrolling property if, for example, Opera, Firefox or Microsoft added this support. Once people see how much better page transitions and fixed toolbars are on iOS5, we’re hoping this will be supported quickly by other browsers. JS-based scroller scripts may still have a place in this new world as a polyfill for browsers that don’t yet support these new CSS capabilities but we see this as a brief, interim tool in the evolution of the mobile web.</p>
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Pages & Dialogs</li>
- <li><a href="page-anatomy.html">Anatomy of a page</a></li>
- <li><a href="page-template.html" data-ajax="false">Single page template</a></li>
- <li><a href="multipage-template.html" data-ajax="false">Multi-page template</a></li>
- <li><a href="page-titles.html">Page titles</a></li>
- <li><a href="page-links.html">Linking pages</a></li>
- <li><a href="page-transitions.html" data-ajax="false">Page transitions</a></li>
- <li><a href="page-dialogs.html">Dialogs</a></li>
- <li><a href="page-cache.html">Prefetching & caching pages</a></li>
- <li><a href="page-navmodel.html">Ajax, hashes & history</a></li>
- <li><a href="page-dynamic.html">Dynamically injecting pages</a></li>
- <li><a href="page-scripting.html">Scripting pages</a></li>
- <li><a href="phonegap.html">PhoneGap apps</a></li>
- <li data-theme="a"><a href="touchoverflow.html">touchOverflow feature</a></li>
- <li><a href="pages-themes.html">Theming pages</a></li>
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Dialog Example</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page">
-
- <div data-role="header" data-theme="e">
- <h1>Ta-da!</h1>
- </div><!-- /header -->
-
- <div data-role="content" data-theme="e">
- <p>That was an animated page transition effect that we added with a <code>data-transition</code> attribute on the link.</p>
- <p>Since it uses CSS transforms, this should be hardware accelerated on many mobile devices.</p>
- <p>What do you think?</p>
- <a href="docs-transitions.html" data-role="button" data-theme="b" data-rel="back">I like it</a>
- </div>
-</div>
-
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Fixed Toolbars</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page" class="type-interior">
-
- <div data-role="header" data-position="fixed" data-theme="f">
-
- <h1>Fixed toolbars</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Fixed toolbars</h2>
- <p>This is a demo of the "fixed" headers and footers used in the jQuery Mobile framework. The page content flows naturally, allowing us to take advantage of native scrolling instead of a scripting a faux-scrolling workaround. The header and footer divs are right in the flow of the document, but whenever they are out of view the framework will dynamically re-position them into view if the browser supports this feature, otherwise they will simply stay inline.</p>
- <p>To enable this behavior on a header or footer, add the <code>data-position="fixed"</code> attribute to the toolbar container.</p>
-
-
- <h2>Tap to toggle visibility</h2>
- <p>To toggle the visibility of fixed toolbars, tap the screen. For example, if the fixed toolbars are visible, tap the screen to hide the toolbars and take full advantage of the screen real estate for content. Tapping again will bring the toolbars back into view. </p>
- <p>It's possible to turn off the the tap to toggle visibility behavior like this:</p>
-<pre><code>
-$.mobile.fixedToolbars
- .setTouchToggleEnabled(false);
-</code></pre>
-
- <h2>Updating toolbar positioning</h2>
- <p>If the height of the page changes, either through dynamic injection of markup, or by widgets that hide or collapse content, it can throw off the dynamic positioning of the toolbars. To manually tell the toolbars to re-position themselves then fade in, use <code>$.mobile.fixedToolbars.show();</code>. To have them appear immediately without the fade:</p>
-<pre><code>
-$.mobile.fixedToolbars
- .show(true);
-</code></pre>
-
- <p>There is also an <code>updatelayout</code> event that can be used to trigger the toolbars to re-position. Developers who are building dynamic applications that inject content into the current page can also manually trigger this <code><a href="../api/events.html">updatelayout</a></code> event to ensure components on the page update in response to the new content that was just added. This event is used internally in the collapsible and listview filter plugins and is powerful because it's not toolbar-specific -- any widget can be built to listen for the <code>updatelayout</code> event to update the widget in response.</p>
-
-
- <h2>Known limitations</h2>
-
- <p>jQuery Mobile uses dynamically re-positioned toolbars for the fixed header effect because very few mobile browsers support the <code>position:fixed</code> CSS property. Although our fixed toolbar feature works fairly well, there are a number of technical limitations that can cause the toolbars to appear to scroll with the page. Most of these rendering issues are due to the fact many mobile platforms (iOS, Android, etc.) essentially take a static screenshot of the page and display this image during scrolling instead of the actual rendered HTML. This improves scrolling performance, but when scrolling happens quickly, the toolbars will be "burned" into the page screenshot before our script can hide them so they appear to scroll with the page. We have optimized this as much as we possibly can, but there are going to be situations where fixed toolbars won't work perfectly due to browser limitations, so this is important to note when considering whether to use this feature.</p>
-
- <h2>True fixed toolbars: touchOverflowEnabled</h2>
-
- <p>In order to achieve true fixed toolbars, a browser needs to either support <code>position:fixed</code> or <code>overflow:auto</code>. Fortunately, this support is coming to mobile platforms so we can achieve this with web standards. In jQuery Mobile, we have added a global feature called <code>touchOverflowEnabled</code> that leverages the <code>overflow:auto</code> CSS property on supported platforms like iOS5. When enabled, the framework wraps each page in a container with it's own internal scrolling. This allows us to position the toolbars outside the scrolling body so they truly stay fixed in place at all times. Learn more about this feature on the <a href="../api/globalconfig.html">global options</a> page or <a href="../config/touchOverflow.html">demo</a> this feature (currently iOS5 only, other browsers will fall back to dynamically re-positioned fixed toolbars).</p>
-
- <hr>
-
-
- <h2>The rest of the page is just sample content to make the page very long</h2>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
-
-
- <h3>And an inset list</h3>
-
- <ul data-role="listview" data-inset="true">
- <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li>
- <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
- <li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
- <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
- <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
- </ul>
-
- <br />
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
-
-
- <h3>Embedded form</h3>
-
- <form action="#" method="get">
-
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
- </div>
-
-
- <div data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
- <div class="ui-body ui-body-b">
- <fieldset class="ui-grid-a">
- <div class="ui-block-a"><button type="submit" data-theme="d">Cancel</button></div>
- <div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
- </fieldset>
- </div>
- </form>
-
- <h3>A bit more text</h3>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
-
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li data-theme="a"><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
- <h1>Fixed Footer</h1>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Fullscreen Fixed toolbars</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page" data-fullscreen="true" class="type-interior">
-
- <div data-role="header" data-position="fixed" data-theme="f">
- <h1>Fullscreen fixed header</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <img src="images/photo-run.jpeg" alt="Photo Run">
-
- <p class="ui-body">This page demonstrates the "fullscreen" toolbar mode. This toolbar treatment is used in special cases where you want the content to fill the whole screen, and you want the header and footer toolbars to appear and disappear when the page is clicked responsively — a common scenario for photo, image or video viewers.</p>
-
- <p class="ui-body">To enable this toolbar feature type, you apply a <code>data-fullscreen="true"</code> attribute to the <code>div</code> container that has the attribute <code>data-role="page"</code>, and the <code>data-position="fixed"</code> attribute to both the header and footer <code>div</code> elements. </p>
-
- <p class="ui-body">Keep in mind that the toolbars in this mode will sit <strong>over</strong> page content, so not all content will be accessible with the toolbars open, just as shown in this demo.</p>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li><a href="bars-fixed.html">Fixed positioning</a></li>
- <li data-theme="a"><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="a" data-position="fixed">
- <h1>Fullscreen Fixed Footer</h1>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Theming Toolbars</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Bar theming </h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div>
-
-
- <div data-role="content">
- <div class="content-primary">
- <p>Both the header and footer bars will be styled by default with the theme's "a" color swatch (black in the default theme) because these bars are typically primary in the visual hierarchy of a page. </p>
-
-
- <h2>Theming headers and footers</h2>
- <p>To set the header or footer bars to a different color in your theme, add the <code> data-theme</code> attribute and specify the letter of the theme swatch (a, b, c, etc.). For example, this will set the bar to swatch "b" (blue in the default theme):</p>
-
-<div class="highlight">
-<pre>
-<span class="nt"><div</span> <span class="na">data-role=</span><span class="s">"header"</span> <strong><span class="na">data-theme=</span><span class="s">"b"</span></strong><span class="nt">></span>
- <span class="nt"><h1></span>Page Title<span class="nt"></h1></span>
-<span class="nt"></div></span>
-</pre>
-</div>
-
-
- <h2>Theming buttons in toolbars</h2>
-
- <p>Any link added inside the header block will be automatically styled as a button that matches the color of the bar's theme swatch. To make a button stand out as a primary call to action, the <code> data-theme</code> attribute can be used to specify a contrasting button color from a different theme swatch. For example, if we set the header to theme "c" (light gray), both buttons would be styled as the "c" button by default. If we wanted the Save button to visually pop, we can override the color by setting the <code> data-theme</code> attribute to "b" (blue in our default theme) on the Save button's anchor.</p>
-
-<div class="highlight">
-<pre>
-<span class="nt"><a</span> <span class="na">href=</span><span class="s">"add-user.php"</span> <strong><span class="na">data-theme=</span><span class="s">"b"</span></strong><span class="nt">></span>Save<span class="nt"></a></span>
-</pre>
-</div>
-
-
-
- <h2>Theme variations</h2>
- <p>This is a demo of the variation that can be achieved by tweaking the theme swatches and buttons inside the headers and footers.</p>
- <h3>Headers</h3>
-
-
- <div data-role="header" data-position="inline">
- <h1>Bar theme "a"</h1>
- <a href="index.html" data-icon="plus" data-theme="c">New</a>
- </div>
-
- <div data-role="header" data-position="inline">
- <a href="index.html" data-icon="delete" iconpos="notext">Cancel</a>
- <h1>Bar theme "a"</h1>
- <a href="index.html" data-icon="arrow-r" data-iconpos="right" data-theme="b">Save</a>
- </div>
-
- <div data-role="header" data-position="inline" data-theme="b">
- <h1>Bar theme "b"</h1>
- <a href="index.html" data-icon="plus" data-theme="a">New</a>
- </div>
-
- <div data-role="header" data-position="inline" data-theme="b">
- <a href="index.html" data-icon="delete" iconpos="notext">Cancel</a>
- <h1>Bar theme "b"</h1>
- <a href="index.html" data-icon="arrow-r" data-iconpos="right" data-theme="d">Save</a>
- </div>
-
- <div data-role="header" data-position="inline" data-theme="c">
- <h1>Bar theme "c"</h1>
- <a href="index.html" data-icon="plus" data-theme="a">New</a>
- </div>
-
- <div data-role="header" data-position="inline" data-theme="c">
- <a href="index.html" data-icon="delete" iconpos="notext">Cancel</a>
- <h1>Bar theme "c"</h1>
- <a href="index.html" data-icon="arrow-r" data-iconpos="right" data-theme="b">Save</a>
- </div>
-
- <div data-role="header" data-position="inline" data-theme="d">
- <h1>Bar theme "d"</h1>
- <a href="index.html" data-icon="plus" data-theme="a">New</a>
- </div>
-
- <div data-role="header" data-position="inline" data-theme="d">
- <a href="index.html" data-icon="delete" iconpos="notext">Cancel</a>
- <h1>Bar theme "d"</h1>
- <a href="index.html" data-icon="arrow-r" data-iconpos="right" data-theme="b">Save</a>
- </div>
-
- <h3>Footers</h3>
- <p>These are examples of a footer with link buttons inside. Note that footers do not have the same prescriptive markup contentions as headers with button slots so use <a href="../content/content-grids.html">layout grids</a> or custom styles to achieve the design you want.</p>
-
-
-
- <div data-role="footer" data-theme="a">
- <a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="right">left</a>
- <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">right</a>
- <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="right">up</a>
- <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="right">down</a>
- </div>
-
- <div data-role="footer" data-theme="b">
- <a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="right">left</a>
- <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">right</a>
- <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="right">up</a>
- <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="right">down</a>
- </div>
-
- <div data-role="footer" data-theme="c">
- <a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="right">left</a>
- <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">right</a>
- <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="right">up</a>
- <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="right">down</a>
- </div>
-
- <div data-role="footer" data-theme="d">
- <a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="right">left</a>
- <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">right</a>
- <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="right">up</a>
- <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="right">down</a>
- </div>
-
- <div data-role="footer" data-theme="e">
- <a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="right">left</a>
- <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">right</a>
- <a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="right">up</a>
- <a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="right">down</a>
- </div>
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
- <li data-theme="a"><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Toolbar Basics</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Toolbar basics</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Toolbar types</h2>
-
- <p>In jQuery Mobile, there are two standard types of toolbars: Headers and Footers. </p>
-
-<ul> <li>The <a href="docs-headers.html"><strong>Header bar </strong></a> serves as the page title, is usually the first element inside each <a href="../pages/page-anatomy.html">mobile page</a>, and typically contains a page title and up to two buttons.</li>
-
- <li>The <a href="docs-footers.html"><strong>Footer bar</strong></a> is usually the last element inside each mobile page, and tends to be more freeform than the header in terms of content and functionality, but typically contains a combination of text and buttons.</li>
-</ul>
-
- <p>It's very common to have a horizontal navigation or tab bar inside the header and/or footer; jQuery Mobile includes a <a href="docs-navbar.html"><strong>navbar widget </strong></a> that turns an unordered list of links into a horizontal button bar, which works well in these instances.</p>
-
- <p>View the <a href="../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to toolbars.</p>
-
-
- <h2>Toolbar positioning options</h2>
-
- <p>Header and footers can be positioned on the page in a few different ways. By default, the toolbars use the <strong>"inline" positioning</strong> mode. In this mode, the headers and footer sit in the natural document flow (the default HTML behavior), which ensures that they are visible on all devices, regardless of JavaScript and CSS positioning support.</p>
-
- <p>A <a href="bars-fixed.html"><strong>"fixed" positioning mode</strong></a> provides the convenience of static toolbars without the drawbacks of implementing faux-scrolling in JavaScript. The toolbars start in their natural positions on the page, like the "inline" mode, but when a bar scrolls out of the viewport, the framework animates the bar back into view by dynamically re-positioning the bar to the top or bottom of the viewport.</p>
- <p> At any time, tapping the screen will toggle the visibility of the fixed toolbars: tapping the page when the toolbars aren't visible brings them into view, tapping again hides them until you tap again. This gives users the option to hide the toolbars until needed to maximize screen real estate. </p>
- <p>To set this behavior on a header or footer, add the <code> data-position="fixed"</code> attribute to the toolbar container.</p>
-
- <p>A <a href="bars-fullscreen.html"><strong>"fullscreen" position mode</strong></a> works just like the fixed mode except that the toolbars aren't shown at the top and bottom of the page and only appear when the page is clicked. This is useful for immersive apps like photo or video viewers where you want the content to fill the whole screen and toolbars can be summoned to appear by tapping the screen. Keep in mind that the toolbars in this mode will sit <strong>over</strong> page content so this is best used for specific situations.</p>
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li data-theme="a"><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Footer Configuration</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Footer configuration</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Footer bar structure</h2>
-
- <p>The <code>footer</code> bar has the same basic structure as the header except it uses the <code> data-role</code> attribute value of <code>footer</code>. </p>
-
-<div class="highlight">
-<pre>
-<span class="nt"><div</span> <strong><span class="na">data-role=</span><span class="s">"footer"</span></strong><span class="nt">></span>
- <span class="nt"><h4></span>Footer content<span class="nt"></h4></span>
-<span class="nt"></div></span>
-</pre>
-</div>
-
-
- <p>The <code>footer</code> toolbar will be be themed with the "a" swatch by default (black in the default theme) but you can easily <a href="bars-themes.html">set the theme swatch color</a>.</p>
-
- <div data-role="footer" data-position="inline">
- <h4>Footer content</h4>
- </div>
-
- <p>The page footer is very similar to the header in terms of options and configuration. The primary differences are that the footer is designed to be less structured than the header to allow for more flexibility, so the framework doesn't automatically place buttons to the left or right based on source order as it does in the header. Since footers do not have the same prescriptive markup contentions as headers, use layout <a href="../content/content-grids.html">grids</a> or custom styles to achieve the design you want in a footer.</p>
-
-
-
- <h2>Adding buttons</h2>
-
- <p>Any link or valid <a href="../buttons/buttons-types.html">button markup</a> added to the footer will automatically be turned into a button. To save space, buttons in toolbars are automatically set to <a href="../buttons/buttons-inline.html">inline styling</a> so the button is only as wide as the text and icons it contains. </p>
-
- <p>By default, toolbars don't have any padding to accommodate nav bars and other widgets. To include padding on the bar, add a <code>class="ui-bar"</code> to the footer.</p>
-
-
-<pre><code>
-<div data-role="footer" class="ui-bar">
- <a href="index.html" data-role="button" data-icon="delete">Remove</a>
- <a href="index.html" data-role="button" data-icon="plus">Add</a>
- <a href="index.html" data-role="button" data-icon="arrow-u">Up</a>
- <a href="index.html" data-role="button" data-icon="arrow-d">Down</a>
-</div>
-</code></pre>
-
- <p>This creates this toolbar with buttons sitting in a row</p>
-
-
- <div data-role="footer" class="ui-bar" data-position="inline">
- <a href="index.html" data-icon="delete">Remove</a>
- <a href="index.html" data-icon="plus">Add</a>
- <a href="index.html" data-icon="arrow-u">Up</a>
- <a href="index.html" data-icon="arrow-d">Down</a>
- </div>
-
- <p>To group buttons together into a button set, wrap the links in a wrapper with <code> data-role="controlgroup"</code> and <code>data-type="horizontal"</code> attributes.</p>
-
-<code><div data-role="controlgroup" data-type="horizontal"></code>
-
- <p>This creates a grouped set of buttons:</p>
-
- <div data-role="footer" class="ui-bar" data-position="inline">
- <div data-role="controlgroup" data-type="horizontal">
- <a href="index.html" data-icon="delete">Remove</a>
- <a href="index.html" data-icon="plus">Add</a>
- <a href="index.html" data-icon="arrow-u">Up</a>
- <a href="index.html" data-icon="arrow-d">Down</a>
- </div>
- </div>
-
-
-
- <h2>Adding form elements</h2>
-
- <p>Form elements and other content can also be added to toolbars. Here is an example of a select menu inside a footer bar:</p>
-
-
- <div data-role="footer" class="ui-bar" data-position="inline">
- <label for="select-choice-1">Shipping:</label>
- <select name="select-choice-1" id="select-choice-1" data-theme="a">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
-
-
-
-
-
- <h2>Persistent footers</h2>
- <p>In situations where the footer is a global navigation element, you may want it to appear fixed in place between page transitions. This can be accomplished by using the persistent footer feature included in jQuery Mobile.</p>
-
- <p>To make a footer stay in place between transitions, add the <code>data-id</code> attribute to the footer of all relevant pages and use the same <code>id</code> value for each. For example, by adding <code>data-id="myfooter"</code> to the current page and the target page, the framework will keep the footer anchors in the same spot during the page animation. PLEASE NOTE: This effect will only work correctly if the header and footer toolbars are set to <code>data-position="fixed"</code> so they are in view during the transition.</p>
-
-
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li data-theme="a"><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Header Bars</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Header bars</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Header structure</h2>
- <p>The <code>header</code> is a toolbar at the top of the page that usually contains the page title text and optional buttons positioned to the the left and/or right of the title for navigation or actions.</p>
-
- <p>The title text is normally an H1 heading element but it's possible to use any heading level (H1-H6) to allow for semantic flexibility. For example, a page containing multiple mobile 'pages' may use a H1 element on the home 'page' and a H2 element on the secondary pages. All heading levels are styled identically by default to maintain visual consistency.</p>
-
-<div class="highlight">
-<pre>
-<span class="nt"><div</span> <strong><span class="na">data-role=</span><span class="s">"header"</span></strong><span class="nt">></span>
- <span class="nt"><h1></span>Page Title<span class="nt"></h1></span>
-<span class="nt"></div></span>
-</pre>
-</div>
-
- <h2>Default header features</h2>
- <p>The <code>header</code> toolbar is themed with the "a" swatch by default (black in the default theme) but you can easily <a href="bars-themes.html">set the theme swatch color</a>.</p>
-
-
-
- <div data-role="header" data-position="inline">
- <h1>Page title</h1>
- </div>
-
-
- <h2>Adding buttons</h2>
-
-
-
-
-
- <p>In the standard header configuration, there are slots for buttons on either side of the text heading. Each button is typically an <code>anchor</code> element, but any valid <a href="../buttons/buttons-types.html">button markup</a> will work. To save space, buttons in toolbars are set to <a href="../buttons/buttons-inline.html">inline styling</a> so the button is only as wide as the text and icons it contains. </p>
-
-
-
-
- <h3>Default button positioning</h3>
-
- <p>The header plugin looks for immediate children of the header container, and automatically sets the first link in the left button slot and the second link in the right. In this example, the 'Cancel' button will appear in the left slot and 'Save' will appear in the right slot based on their sequence in the source order. </p>
-
-
-<pre><code>
-<div data-role="header" data-position="inline">
- <a href="index.html" data-icon="delete">Cancel</a>
- <h1>Edit Contact</h1>
- <a href="index.html" data-icon="check">Save</a>
-</div>
-</code></pre>
-
-
- <div data-role="header" data-position="inline">
- <a href="index.html" data-icon="delete">Cancel</a>
- <h1>Edit Contact</h1>
- <a href="index.html" data-icon="check">Save</a>
- </div>
- <p>Buttons automatically adopt the swatch color of the bar they sit in, so a link in a header bar with the "a" color will also be styled as "a" colored buttons. It's simple to make a button visually stand out — here, we add the <code> data-theme</code> attribute and set the color swatch for the button to "b" to make the "Save" button pop.</p>
-
- <pre><code>
-<div data-role="header" data-position="inline">
- <a href="index.html" data-icon="delete">Cancel</a>
- <h1>Edit Contact</h1>
- <a href="index.html" data-icon="check" data-theme="b">Save</a>
-</div>
-</code></pre>
-
-
- <div data-role="header" data-position="inline">
- <a href="index.html" data-icon="delete">Cancel</a>
- <h1>Edit Contact</h1>
- <a href="index.html" data-icon="check" data-theme="b">Save</a>
- </div>
-
- <h3>Controlling button position with classes</h3>
-
- <p>The button position can also be controlled by adding classes to the button anchors, rather than relying on source order. This is especially useful if you only want a button in the right slot. To specify the button position, add the class of <code>ui-btn-left</code> or <code>ui-btn-right</code> to the anchor.</p>
-
-
-
-
-<div class="highlight">
-<pre><code>
-<div data-role="header" data-position="inline"
- <h1>Page Title</h1>
- <a href="index.html" data-icon="gear" class="ui-btn-right">Options</a>
-</div>
-</code></pre>
-</div>
-
- <div data-role="header" data-position="inline" >
- <h1>Page Title</h1>
- <a href="index.html" data-icon="gear" class="ui-btn-right">Options</a>
- </div>
-
-
- <h2>Adding Back buttons</h2>
-
- <p>jQuery Mobile has a feature to automatically create and append "back" buttons to any header, though it is disabled by default. This is primarily useful in chromeless installed applications, such as those running in a native app web view. The framework automatically generates a "back" button on a header when the page plugin's <code>addBackBtn</code> option is true. This can also be set via markup if the page div has a <code>data-add-back-btn="true"</code> attribute. </p>
-
-
- <p>If you use the attribute <code>data-rel="back"</code> on an anchor, any clicks on that anchor will mimic the back button, going back one history entry and ignoring the anchor's default href. This is particularly useful when linking back to a named page, such as a link that says "home", or when generating "back" buttons with JavaScript, such as a button to close a dialog. When using this feature in your source markup, <strong>be sure to provide a meaningful href that actually points to the URL of the referring page (this will allow the feature to work for users in C-Grade browsers</strong>. Also, please keep in mind that if you just want a reverse transition without actually going back in history, you should use the <code>data-direction="reverse"</code> attribute instead.</p>
-
- <h2>Customizing the back button text</h2>
-
- <p>If you'd like to configure the back button text, you can either use the <code>data-back-btn-text="previous"</code> attribute on your page element, or set it programmatically via the page plugin's options: <br /><code>$.mobile.page.prototype.options.backBtnText = "previous";</code></p>
-
- <h3>Default back button style</h3>
- <p>If you'd like to configure the back button role-theme, you can use: <br /><code>$.mobile.page.prototype.options.backBtnTheme = "a";</code><br />
- If you're doing this programmatically, set this option inside the mobileinit event handler.</p>
-
- <h2>Custom header configurations</h2>
- <p>If you need to to create a header that doesn't follow the default configuration, simply wrap your custom styled markup in a container <code>div</code> inside the header container and the plugin won't apply the automatic button logic so you can write custom styles for laying out the content in your header.</p>
-
- <p>It's also possible to create custom bars without using the header data-role at all. For example, start with any container and add the <code>ui-bar</code> class to apply standard bar padding and add the <code>ui-bar-b</code> class to assign the bar swatch styles from your theme (the "b" can be any swatch letter).</p>
-
- <pre><code>
-<div <strong>class="ui-bar ui-bar-b"</strong>>
- <h3>I'm just a div with bar classes and a <a href="#" data-role="button">Button</a></h3>
-</div>
- </code></pre>
-
- <p>This will produce this bar:</p>
- <div class="ui-bar ui-bar-b">
- <h3>I'm just a div with bar classes and a <a href="#" data-role="button">Button</a></h3>
- </div>
-
- <p>By writing some simple styles, it's easy to build little message bars like this:</p>
- <!-- Yes, the inline styles aren't recommended in a real system but they are used to simply illustrate how to tweak CSS -->
- <div class="ui-bar ui-bar-e">
- <h3 style="float:left; margin-top:8px;">This is an alert message with dismiss button. </h3>
- <div style="float:right; margin-top:4px;"><a href="#" data-role="button" data-icon="delete" data-iconpos="notext">Button</a></div>
- <p style="clear:both; font-size:85%; margin-bottom:8px;">And here's some additional text in a paragraph.</p>
- </div>
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li data-theme="a"><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Navbar</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f">
- <h1>Navbar</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
- <div class="content-primary">
- <h2>Simple navbar</h2>
-
- <p>jQuery Mobile has a very basic navbar widget that is useful for providing up to 5 buttons with optional icons in a bar, typically within a header or footer. There is also a <a href="footer-persist-a.html">persistent navbar</a> variation that works more like a tab bar that stays fixed as you navigate across pages.</p>
- <p>A navbar is coded as an unordered list of links wrapped in a container element that has the <code> data-role="navbar"</code> attribute. To set one of links to the active (selected) state, add <code>class="ui-btn-active"</code> to the anchor. In this example, we have a two-button navbar in the footer with the "One" item set to active:</p>
-
-<pre><code>
-<strong><div data-role="navbar"></strong>
- <ul>
- <li><a href="a.html" class="ui-btn-active">One</a></li>
- <li><a href="b.html">Two</a></li>
- </ul>
-<strong></div><!-- /navbar --></strong>
-</code></pre>
-
- <p>The navbar items are set to divide the space evenly so in this case, each button is 1/2 the width of the browser window:</p>
-
-
- <div data-role="navbar">
- <ul>
- <li><a href="#" class="ui-btn-active">One</a></li>
- <li><a href="#">Two</a></li>
- </ul>
- </div><!-- /navbar -->
-
-
- <p>Adding a third item will automatically make each button 1/3 the width of the browser window:</p>
-
-
- <div data-role="navbar">
- <ul>
- <li><a href="#" class="ui-btn-active">One</a></li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
- </ul>
- </div><!-- /navbar -->
-
-
- <p>Adding a fourth more item will automatically make each button 1/4 the width of the browser window:</p>
-
-
- <div data-role="navbar" data-grid="c">
- <ul>
- <li><a href="#" class="ui-btn-active">One</a></li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
- <li><a href="#">Four</a></li>
- </ul>
- </div><!-- /navbar -->
-
-
- <p>The navbar maxes out with 5 items, each 1/5 the width of the browser window:</p>
-
-
- <div data-role="navbar" data-grid="d">
- <ul>
- <li><a href="#" class="ui-btn-active">One</a></li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
- <li><a href="#">Four</a></li>
- <li><a href="#">Five</a></li>
- </ul>
- </div><!-- /navbar -->
-
-
- <p>If more than 5 items are added, the navbar will simply wrap to multiple lines:</p>
-
- <div data-role="navbar">
- <ul>
- <li><a href="#" class="ui-btn-active">One</a></li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
- <li><a href="#">Four</a></li>
- <li><a href="#">Five</a></li>
- <li><a href="#">Six</a></li>
- <li><a href="#">Seven</a></li>
- <li><a href="#">Eight</a></li>
- <li><a href="#">Nine</a></li>
- <li><a href="#">Ten</a></li>
- </ul>
- </div><!-- /navbar -->
-
- <p>As a fallback, navbars with 1 item will simply render as 100%.</p>
-
- <div data-role="navbar">
- <ul>
- <li><a href="#" class="ui-btn-active">One</a></li>
- </ul>
- </div><!-- /navbar -->
-
- <h2>Navbars in headers</h2>
-
- <p>If you want to add a navbar to the top of the page, you can still have a page title and buttons. Just add the navbar container inside the header block, right after the title and buttons in the source order.</p>
-
- <div data-role="header">
- <h1>I'm a header</h1>
- <a href="index.html" data-icon="gear" class="ui-btn-right">Options</a>
-
- <div data-role="navbar">
- <ul>
- <li><a href="#">One</a></li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /header -->
-
- <h2>Navbars in footers</h2>
-
- <p>If you want to add a navbar to the bottom of the page so it acts more like a tab bar, simply wrap the navbar in a container with a <code>data-role="footer"</code></p>
-<pre><code>
-<div data-role="footer">
- <div data-role="navbar">
- <ul>
- <li><a href="#">One</a></li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
- </ul>
- </div><!-- /navbar -->
-</div><!-- /footer -->
-</code></pre>
- <div data-role="footer">
- <div data-role="navbar">
- <ul>
- <li><a href="#">One</a></li>
- <li><a href="#">Two</a></li>
- <li><a href="#">Three</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /footer -->
-
- <h2>Icons in navbars</h2>
-
- <p>Icons can be added to navbar items by adding the <code> data-icon</code> attribute specifying a <a href="../buttons/buttons-icons.html">standard mobile icon</a> to each anchor. By default, icons are added above the text (<code>data-iconpos="top"</code>). The following examples add icons to a navbar in a footer.</p>
-
- <div data-role="footer">
- <div data-role="navbar">
- <ul>
- <li><a href="#" data-icon="grid">Summary</a></li>
- <li><a href="#" data-icon="star" class="ui-btn-active">Favs</a></li>
- <li><a href="#" data-icon="gear">Setup</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /footer -->
-
- <p>The icon position is set <em>on the navbar container</em> instead of for individual links within for visual consistency. For example, to place the icons below the labels, add the <code> data-iconpos="bottom"</code> attribute to the navbar container.</p>
-<pre><code>
-<div data-role="navbar" <strong>data-iconpos="bottom"</strong>>
-</code></pre>
- <p>This will result in a bottom icon alignment:</p>
- <div data-role="footer">
- <div data-role="navbar" data-iconpos="bottom">
- <ul>
- <li><a href="#" data-icon="grid">Summary</a></li>
- <li><a href="#" data-icon="star" class="ui-btn-active">Favs</a></li>
- <li><a href="#" data-icon="gear">Setup</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /footer -->
-
- <p>The icon position can be set to <code>data-iconpos="left"</code>:</p>
-
- <div data-role="footer">
- <div data-role="navbar" data-iconpos="left">
- <ul>
- <li><a href="#" data-icon="grid">Summary</a></li>
- <li><a href="#" data-icon="star" class="ui-btn-active">Favs</a></li>
- <li><a href="#" data-icon="gear">Setup</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /footer -->
-
- <p>Or the icon position can be set to <code>data-iconpos="right"</code>:</p>
-
- <div data-role="footer">
- <div data-role="navbar" data-iconpos="right">
- <ul>
- <li><a href="#" data-icon="grid">Summary</a></li>
- <li><a href="#" data-icon="star" class="ui-btn-active">Favs</a></li>
- <li><a href="#" data-icon="gear">Setup</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /footer -->
-
- <h2>Using 3rd party icon sets</h2>
-
- <p>You can add any of the popular icon libraries like <a href="http://glyphish.com/">Glyphish</a> to achieve the iOS style tab that has large icons stacked on top of text labels. All that is required is a bit of custom styles to link to the icons and position them in the navbar. Here is an example using Glyphish icons and custom styles (view page source for styles) in our navbar:</p>
-
-
- <style>
- .nav-glyphish-example .ui-btn .ui-btn-inner { padding-top: 40px !important; }
- .nav-glyphish-example .ui-btn .ui-icon { width: 30px!important; height: 30px!important; margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
- #chat .ui-icon { background: url(glyphish-icons/09-chat2.png) 50% 50% no-repeat; background-size: 24px 22px; }
- #email .ui-icon { background: url(glyphish-icons/18-envelope.png) 50% 50% no-repeat; background-size: 24px 16px; }
- #login .ui-icon { background: url(glyphish-icons/30-key.png) 50% 50% no-repeat; background-size: 12px 26px; }
- #beer .ui-icon { background: url(glyphish-icons/88-beermug.png) 50% 50% no-repeat; background-size: 22px 27px; }
- #coffee .ui-icon { background: url(glyphish-icons/100-coffee.png) 50% 50% no-repeat; background-size: 20px 24px; }
- #skull .ui-icon { background: url(glyphish-icons/21-skull.png) 50% 50% no-repeat; background-size: 22px 24px; }
- </style>
-
- <div data-role="footer" class="nav-glyphish-example">
- <div data-role="navbar" class="nav-glyphish-example" data-grid="d">
- <ul>
- <li><a href="#" id="chat" data-icon="custom">Chat</a></li>
- <li><a href="#" id="email" data-icon="custom">Email</a></li>
- <li><a href="#" id="skull" data-icon="custom">Danger</a></li>
- <li><a href="#" id="beer" data-icon="custom">Beer</a></li>
- <li><a href="#" id="coffee" data-icon="custom">Coffee</a></li>
- </ul>
- </div>
- </div>
-
- <p>Icons by Joseph Wain / <a href="http://glyphish.com/">glyphish.com</a>. Licensed under the <a href="http://creativecommons.org/licenses/by/3.0/us/">Creative Commons Attribution 3.0 United States License</a>.</p>
-
-
- <h2>Theming navbars</h2>
-
- <p>Navbars inherit the theme swatch from their parent container, just like buttons. If a navbar is placed in the header or footer toolbar, it will inherit the default toolbar swatch (A) for bars unless you set this in the markup. </p>
- <p>Here are a few examples of navbars in various container swatches that automatically inheriting their parent's swatch letter. Note that in these examples, instead of using a <code>data-theme</code> attribute, we're manually adding the swatch classes to apply the body swatch (<code>ui-body-a</code>) and the class to add the standard body padding (ui-body), but the inheritance works the same way:</p>
-
- <div class="ui-body-a ui-body">
- <h3>Swatch A</h3>
- <div data-role="navbar">
- <ul>
- <li><a href="#" data-icon="grid">A</a></li>
- <li><a href="#" data-icon="star">B</a></li>
- <li><a href="#" data-icon="gear">C</a></li>
- <li><a href="#" data-icon="arrow-l">D</a></li>
- <li><a href="#" data-icon="arrow-r">E</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /container -->
-
- <div class="ui-body-d ui-body">
- <h3>Swatch B</h3>
- <div data-role="navbar">
- <ul>
- <li><a href="#" data-icon="grid">A</a></li>
- <li><a href="#" data-icon="star">B</a></li>
- <li><a href="#" data-icon="gear">C</a></li>
- <li><a href="#" data-icon="arrow-l">D</a></li>
- <li><a href="#" data-icon="arrow-r">E</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /container -->
-
-<p>To set to the theme color for a navbar item, add the <code>data-theme</code> attribute to the individual links and specify a theme swatch. Note that applying a theme swatch to the navbar container is <em>not</em> supported.</p>
- <div data-role="footer">
- <div data-role="navbar">
- <ul>
- <li><a href="#" data-icon="grid"data-theme="a">A</a></li>
- <li><a href="#" data-icon="star" data-theme="b">B</a></li>
- <li><a href="#" data-icon="gear" data-theme="c">C</a></li>
- <li><a href="#" data-icon="arrow-l" data-theme="d">D</a></li>
- <li><a href="#" data-icon="arrow-r" data-theme="e">E</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /footer -->
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li data-theme="a"><a href="docs-navbar.html">Navbars</a></li>
- <li><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Persistent footer A</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f" data-position="fixed">
- <h1>Friends</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <p>This page is a demo of a persistent footer navigation bar. At the foot of the page, you'll see a persistent horizontal navigation bar. Click on any of the links, and you'll see the page content transition but the footer remains fixed: The footer sticks persistently even when transitioning to a new HTML page, because the footer on all four HTML pages has the same <code>data-id</code> attribute. <strong>Note:</strong> If you'd like an active button in your navbar to remain active when you return to the page displaying this active button, add a class of <code>ui-state-persist</code> in addition to <code>ui-btn-active</code> to the corresponding anchor.</p>
-
-
-
- <ul data-role="listview" data-dividertheme="d" style="margin-top: 0;">
- <li data-role="list-divider">A</li>
- <li><a href="index.html">Adam Kinkaid</a></li>
- <li><a href="index.html">Alex Wickerham</a></li>
- <li><a href="index.html">Avery Johnson</a></li>
- <li data-role="list-divider">B</li>
- <li><a href="index.html">Bob Cabot</a></li>
- <li data-role="list-divider">C</li>
- <li><a href="index.html">Caleb Booth</a></li>
- <li><a href="index.html">Christopher Adams</a></li>
- <li><a href="index.html">Culver James</a></li>
- <li data-role="list-divider">D</li>
- <li><a href="index.html">David Walsh</a></li>
- <li><a href="index.html">Drake Alfred</a></li>
- <li data-role="list-divider">E</li>
- <li><a href="index.html">Elizabeth Bacon</a></li>
- <li><a href="index.html">Emery Parker</a></li>
- <li><a href="index.html">Enid Voldon</a></li>
- <li data-role="list-divider">F</li>
- <li><a href="index.html">Francis Wall</a></li>
- <li data-role="list-divider">G</li>
- <li><a href="index.html">Graham Smith</a></li>
- <li><a href="index.html">Greta Peete</a></li>
- <li data-role="list-divider">H</li>
- <li><a href="index.html">Harvey Walls</a></li>
- <li data-role="list-divider">M</li>
- <li><a href="index.html">Mike Farnsworth</a></li>
- <li><a href="index.html">Murray Vanderbuilt</a></li>
- <li data-role="list-divider">N</li>
- <li><a href="index.html">Nathan Williams</a></li>
- <li data-role="list-divider">P</li>
- <li><a href="index.html">Paul Baker</a></li>
- <li><a href="index.html">Pete Mason</a></li>
- <li data-role="list-divider">R</li>
- <li><a href="index.html">Rod Tarker</a></li>
- <li data-role="list-divider">S</li>
- <li><a href="index.html">Sawyer Wakefield</a></li>
- </ul>
-
-
-
-
-
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
- <li data-theme="a"><a href="footer-persist-a.html">Persistent footer navbar</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" data-id="foo1" data-position="fixed">
- <div data-role="navbar">
- <ul>
- <li><a href="footer-persist-a.html" class="ui-btn-active ui-state-persist">Friends</a></li>
- <li><a href="footer-persist-b.html">Albums</a></li>
- <li><a href="footer-persist-c.html">Emails</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /footer -->
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Persistent footer B</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f" data-position="fixed">
- <h1>Albums</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview" data-split-icon="gear" data-split-theme="d">
- <li><a href="index.html">
- <img src="../lists/images/album-bb.jpg" />
- <h3>Broken Bells</h3>
- <p>Broken Bells</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
-
- <img src="../lists/images/album-hc.jpg" />
- <h3>Warning</h3>
- <p>Hot Chip</p>
-
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-p.jpg" />
- <h3>Wolfgang Amadeus Phoenix</h3>
- <p>Phoenix</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-ok.jpg" />
- <h3>Of The Blue Colour Of The Sky</h3>
- <p>Ok Go</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-ws.jpg" />
- <h3>Elephant</h3>
- <p>The White Stripes</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-rh.jpg" />
- <h3>Kid A</h3>
- <p>Radiohead</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-xx.jpg" />
- <h3>XX</h3>
- <p>XX</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-mg.jpg" />
- <h3>Congratulations</h3>
- <p>MGMT</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-ag.jpg" />
- <h3>Ashes Grammar</h3>
- <p>A Sunny Day in Glasgow</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
-
- <li><a href="index.html">
- <img src="../lists/images/album-k.jpg" />
- <h3>Hot Fuss</h3>
- <p>Killers</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- <li><a href="index.html">
- <img src="../lists/images/album-af.jpg" />
- <h3>The Suburbs</h3>
- <p>Arcade Fire</p>
- </a><a href="../lists/lists-split-purchase.html" data-rel="dialog" data-transition="slideup">Purchase album
- </a></li>
- </ul>
-
-
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
- <li data-theme="a"><a href="footer-persist-a.html">Persistent footer navbar</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" data-id="foo1" data-position="fixed">
- <div data-role="navbar">
- <ul>
- <li><a href="footer-persist-a.html">Friends</a></li>
- <li><a href="footer-persist-b.html" class="ui-btn-active ui-state-persist">Albums</a></li>
- <li><a href="footer-persist-c.html">Emails</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /footer -->
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Persistent footer C</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-interior">
-
- <div data-role="header" data-theme="f" data-position="fixed">
- <h1>Inbox</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div>
-
- <div data-role="content">
- <div class="content-primary">
- <ul data-role="listview">
- <li data-role="list-divider">Friday, October 8, 2010 <span class="ui-li-count">2</span></li>
- <li><a href="index.html">
-
- <h3>Stephen Weber</h3>
- <p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
- <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
- <p class="ui-li-aside"><strong>6:24</strong>PM</p>
-
- </a></li>
- <li><a href="index.html">
-
- <h3>jQuery Team</h3>
- <p><strong>Boston Conference Planning</strong></p>
- <p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
- <p class="ui-li-aside"><strong>9:18</strong>AM</p>
-
- </a></li>
- <li data-role="list-divider">Thursday, October 7, 2010 <span class="ui-li-count">1</span></li>
- <li><a href="index.html">
- <h3>Avery Walker</h3>
- <p><strong>Re: Dinner Tonight</strong></p>
- <p>Sure, let's plan on meeting at Highland Kitchen at 8:00 tonight. Can't wait! </p>
- <p class="ui-li-aside"><strong>4:48</strong>PM</p>
- </a></li>
- <li data-role="list-divider">Wednesday, October 6, 2010 <span class="ui-li-count">3</span></li>
- <li><a href="index.html">
- <h3>Amazon.com</h3>
- <p><strong>4-for-3 Books for Kids</strong></p>
- <p>As someone who has purchased children's books from our 4-for-3 Store, you may be interested in these featured books.</p>
- <p class="ui-li-aside"><strong>12:47</strong>PM</p>
- </a></li>
- <li><a href="index.html">
- <h3>Mike Taylor</h3>
- <p><strong>Re: This weekend in Maine</strong></p>
- <p>Hey little buddy, sorry but I can't make it up to vacationland this weekend. Maybe next weekend?</p>
- <p class="ui-li-aside"><strong>6:24</strong>AM</p>
- </a></li>
- <li><a href="index.html">
- <h3>Redfin</h3>
- <p><strong>Redfin listing updates for today</strong></p>
- <p>There are 3 updates for the home on your watchlist: 1 updated MLS listing and 2 homes under contract.</p>
- <p class="ui-li-aside"><strong>5:52</strong>AM</p>
- </a></li>
- <li data-role="list-divider">Tuesday, October 5, 2010 <span class="ui-li-count">3</span></li>
- <li><a href="index.html">
- <h3>Angela Smith</h3>
- <p><strong>Link Request</strong></p>
- <p>My name is Angela Smith, SEO Consultant. I've greatly enjoyed looking through your site and I was wondering if you'd be interested in providing a link</p>
- <p class="ui-li-aside"><strong>6:24</strong>AM</p>
- </a></li>
- <li><a href="index.html">
- <h3>Mike Taylor</h3>
- <p><strong>This weekend in Maine</strong></p>
- <p>Sounds good, let me check into our plans.</p>
- <p class="ui-li-aside"><strong>6:24</strong>AM</p>
- </a></li>
- </ul>
-
- </div><!--/content-primary -->
-
- <div class="content-secondary">
-
- <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-
- <h3>More in this section</h3>
-
- <ul data-role="listview" data-theme="c" data-dividertheme="d">
-
- <li data-role="list-divider">Toolbars</li>
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
- <li data-theme="a"><a href="footer-persist-a.html">Persistent footer navbar</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
-
- </ul>
- </div>
- </div>
-
- </div><!-- /content -->
-
- <div data-role="footer" data-id="foo1" data-position="fixed">
- <div data-role="navbar">
- <ul>
- <li><a href="footer-persist-a.html">Friends</a></li>
- <li><a href="footer-persist-b.html">Albums</a></li>
- <li><a href="footer-persist-c.html" class="ui-btn-active ui-state-persist">Emails</a></li>
- </ul>
- </div><!-- /navbar -->
- </div><!-- /footer -->
-
- </div><!-- /page -->
-
- </body>
- </html>
\ No newline at end of file
+++ /dev/null
-Created by Joseph Wain (see http://penandthink.com) at and probably downloaded from http://glyphish.com
-
-This work is licensed under the Creative Commons Attribution 3.0 United States License. To view a copy of this license, visit http://creativecommons.org/licenses/by/3.0/us/ or send a letter to Creative Commons, 171 Second Street, Suite 300, San Francisco, California, 94105, USA.
-
-You are free to share it and to remix it remix under the following conditions:
-
-* You must attribute the work in the manner specified by the author (SEE BELOW).
-* For any reuse or distribution, you must make clear to others the license terms of this work.
-* The above conditions can be waived if you get permission from the copyright holder (send me an email!).
-
-ATTRIBUTION -- a note reading "icons by Joseph Wain / glyphish.com" or similar, plus a link back to glyphish.com from your app's website, is the preferred form of attribution. Also acceptable would be, like, a link from within your iPhone application, or from the iTunes store page, but those aren't as useful to other people. If none of these work for you, please contact hello@glyphish.com and we can work something out.
-
-USE WITHOUT ATTRIBUTION -- If attribution is not possible, workable or desirable for your application, contact hello@glyphish.com for commercial non-attributed licensing terms.
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Toolbars</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
- <script src="../../js/jquery.js"></script>
- <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../_assets/js/jqm-docs.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
- <div data-role="page" class="type-index">
-
- <div data-role="header" data-theme="f">
- <h1>Toolbars</h1>
- <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
- </div><!-- /header -->
-
- <div data-role="content">
-
- <p>Toolbars are used for headers, footers and utility bars throughout a mobile sites and applications, so jQuery Mobile provides a standard set of bars and navigation tools to cover most standard scenarios.</p>
-
-
- <ul data-role="listview" data-inset="true">
- <li><a href="docs-bars.html">Toolbar basics</a></li>
- <li><a href="docs-headers.html">Header bars</a></li>
- <li><a href="docs-footers.html">Footer bars</a></li>
- <li><a href="docs-navbar.html">Navbars</a></li>
- <li><a href="bars-fixed.html">Fixed positioning</a></li>
- <li><a href="bars-fullscreen.html">Fullscreen positioning</a></li>
- <li><a href="footer-persist-a.html">Persistent footer navbar</a></li>
- <li><a href="bars-themes.html">Theming toolbars</a></li>
- <!--<li><a href="api-bars.html">API documentation</a></li>-->
- </ul>
-
- </div><!-- /content -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-AddType text/cache-manifest .manifest
\ No newline at end of file
+++ /dev/null
-$(function() {
- var symbols = {
- "USD": "$",
- "EUR": "€",
- "GBP": "£",
- "Miles": "m",
- "Kilometer": "km",
- "inch": "\"",
- "centimeter": "cm"
- };
-
- function list() {
- var ul = $( "#conversions" ).empty(),
- ulEdit = $( "#edit-conversions" ).empty();
- $.each( all, function( index, conversion ) {
- // if last update was less then a minute ago, don't update
- if ( conversion.type === "currency" && !conversion.rate || conversion.updated && conversion.updated + 60000 < +new Date) {
- var self = conversion;
- var url = "http://query.yahooapis.com/v1/public/yql?q=select%20rate%2Cname%20from%20csv%20where%20url%3D'http%3A%2F%2Fdownload.finance.yahoo.com%2Fd%2Fquotes%3Fs%3D" + conversion.from + conversion.to + "%253DX%26f%3Dl1n'%20and%20columns%3D'rate%2Cname'&format=json&diagnostics=true&callback=?";
- $.getJSON( url, function( result ) {
- self.rate = parseFloat( result.query.results.row.rate );
- $( "#term" ).keyup();
- self.updated = +new Date;
- conversions.store();
- });
- }
- $( "#conversion-field" ).tmpl( conversion, {
- symbols: symbols
- }).appendTo( ul );
- $( "#conversion-edit-field" ).tmpl( conversion, {
- symbols: symbols
- }).appendTo( ulEdit );
- });
- ul.add(ulEdit).listview("refresh");
- $( "#term" ).keyup();
- }
- var all = conversions.all();
- $( "#term" ).keyup(function() {
- var value = this.value;
- $.each( all, function( index, conversion ) {
- $( "#" + conversion.from + conversion.to ).text( conversion.rate
- ? Math.ceil( value * conversion.rate * 100 ) / 100
- : "Rate not available, yet."
- );
- });
- }).focus();
- list();
- $( "form" ).submit(function() {
- $( "#term" ).blur();
- return false;
- });
- $( "#add" ).click(function() {
- all.push({
- type: "currency",
- from: $( "#currency-options-from" ).val(),
- to: $( "#currency-options-to" ).val()
- });
- conversions.store();
- list();
- });
- $( "#clear" ).click(function() {
- conversions.clear();
- list();
- return false;
- });
- $( "#restore" ).click(function() {
- conversions.restore();
- list();
- return false;
- });
-
- $( "#edit-conversions" ).click(function( event ) {
- var target = $( event.target ).closest( ".deletebutton" );
- if ( target.length ) {
- conversions.remove( target.prev( "label" ).attr( "for" ) );
- list();
- }
- return false;
- });
-});
+++ /dev/null
-CACHE MANIFEST
-index.html
-../../css/themes/default
-../../js/
-jquery.tmpl.js
\ No newline at end of file
+++ /dev/null
-ul li { clear:both; }
-li p.currency-from { padding-top:23px; font-size: 180%; font-weight:bold; }
-li p.currency-from a:link, li p.units a:visited { padding-top:26px; font-size: 90%; }
-span.unit { opacity:0.5; }
-
-li p.subtext { margin-top:2px; }
-li p.ui-li-aside { font-size:190%; width:60%; }
-
-
-
-form#curr-form { border-width: 0; overflow: hidden; margin: 2px -15px 2px -15px }
-form#curr-form .ui-input-search { margin: 5px; width: auto; display: block; }
-
-.add-row { font-weight:bold; font-size:110%; }
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Converter Demo Application</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="converter.css" />
- <script src="../../js/jquery.js"></script>
- <script src="../../js/"></script>
-
-</head>
-<body>
-
-<div data-role="page" id="start" data-theme="a">
-
- <script src="jquery.tmpl.js"></script>
- <script src="storage.js"></script>
- <script src="application.js"></script>
- <style>
- .field { padding: 15px; }
- </style>
- <script id="conversion-field" type="text/x-jquery-tmpl">
- <li>
- <p class="currency-from">${$item.symbols[from]} <span class="unit">${from}</span></p>
- <p class="currency-to ui-li-aside">${$item.symbols[to]} <span id="${from}${to}" class="rate">NaN</span> <span class="unit">${to}</span></p>
- </li>
- </script>
- <script id="conversion-edit-field" type="text/x-jquery-tmpl">
- <li>
- <label for="${from}${to}" class="ui-input-text conversion-${type}" title="From ${from} to ${to}">${$item.symbols[from]} to ${$item.symbols[to]}</label>
- <a href="#" class="deletebutton ui-aux">Delete</a>
- </li>
- </script>
-
- <div data-role="header" data-theme="e">
- <a href="#customize" data-rel="dialog" data-transition="pop" data-icon="gear" class="ui-btn-right">Edit</a>
- <h1>Currency converter</h1>
- </div>
- <div class="ui-bar ui-bar-a">
- <form method="get" action="" data-role="autoform" id="curr-form">
- <label for="term" data-role="nojs">Search:</label>
- <input type="search" name="term" id="term" placeholder="Type a value..." value="25" data-theme="a" />
- </form>
- </div>
- <div data-role="content">
- <ul id="conversions" data-role="listview" data-theme="a">
- </ul>
- </div>
-</div>
-
-<div data-role="page" id="customize" class="ui-body-b">
-
- <div data-role="header" data-theme="b">
- <h1>Edit conversions</h1>
- <a href="#start" data-transition="fade" data-theme="b" data-icon="check" class="ui-btn-right">Done</a>
- </div>
-
- <div data-role="content">
- <ul id="edit-conversions" data-role="listview" data-theme="c" data-inset="true">
- </ul>
- </div>
- <div class="ui-body">
- <a href="#add-currency-dialog" data-role="button">Add new...</a>
- <a id="restore" href="#" data-role="button" data-theme="c">Restore defaults</a>
- </div>
-</div>
-
-<div data-role="page" id="add-currency-dialog" class="ui-body-b">
- <div data-role="header" data-theme="a">
- <h1>Add new</h1>
- <a href="#customize" class="ui-back" data-icon="arrow-l">Cancel</a>
- </div>
-
- <div data-role="content">
- <h2>Select currencies to convert:</h2>
- <div data-role="fieldcontain">
- <label for="currency-options-from">From</label>
- <select name="currency-options" id="currency-options-from" data-theme="c">
- <option value="EUR">EUR to Euro</option>
- <option value="USD">USD to US Dollar</option>
- <option value="GBP">GBP to Great Britain Pound</option>
- </select>
- </div>
- <div data-role="fieldcontain">
- <label for="currency-options-to">To</label>
- <select name="currency-options" id="currency-options-to" data-theme="c">
- <option value="EUR">EUR to Euro</option>
- <option value="USD">USD to US Dollar</option>
- <option value="GBP">GBP to Great Britain Pound</option>
- </select>
- </div>
- <div data-role="fieldcontain">
- <a id="cancel" href="#customize" data-role="button" data-theme="c" data-inline="true">Cancel</a>
- <a id="add" href="#customize" data-role="button" data-theme="b" data-inline="true">Add conversion</a>
- </div>
- </div>
-</div>
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-/*
- * Copy of http://github.com/nje/jquery-tmpl/raw/master/jquery.tmpl.js at f827fb68417bc14ab9f6ae889421d5fea4cb2859
- * jQuery Templating Plugin
- * Copyright 2010, John Resig
- * Dual licensed under the MIT or GPL Version 2 licenses.
- */
-(function( jQuery, undefined ){
- var oldManip = jQuery.fn.domManip, tmplItmAtt = "_tmplitem", htmlExpr = /^[^<]*(<[\w\W]+>)[^>]*$|\{\{\! /,
- newTmplItems = {}, wrappedItems = {}, appendToTmplItems, topTmplItem = { key: 0, data: {} }, itemKey = 0, cloneIndex = 0, stack = [];
-
- function newTmplItem( options, parentItem, fn, data ) {
- // Returns a template item data structure for a new rendered instance of a template (a 'template item').
- // The content field is a hierarchical array of strings and nested items (to be
- // removed and replaced by nodes field of dom elements, once inserted in DOM).
- var newItem = {
- data: data || (parentItem ? parentItem.data : {}),
- _wrap: parentItem ? parentItem._wrap : null,
- tmpl: null,
- parent: parentItem || null,
- nodes: [],
- calls: tiCalls,
- nest: tiNest,
- wrap: tiWrap,
- html: tiHtml,
- update: tiUpdate
- };
- if ( options ) {
- jQuery.extend( newItem, options, { nodes: [], parent: parentItem } );
- }
- if ( fn ) {
- // Build the hierarchical content to be used during insertion into DOM
- newItem.tmpl = fn;
- newItem._ctnt = newItem._ctnt || newItem.tmpl( jQuery, newItem );
- newItem.key = ++itemKey;
- // Keep track of new template item, until it is stored as jQuery Data on DOM element
- (stack.length ? wrappedItems : newTmplItems)[itemKey] = newItem;
- }
- return newItem;
- }
-
- // Override appendTo etc., in order to provide support for targeting multiple elements. (This code would disappear if integrated in jquery core).
- jQuery.each({
- appendTo: "append",
- prependTo: "prepend",
- insertBefore: "before",
- insertAfter: "after",
- replaceAll: "replaceWith"
- }, function( name, original ) {
- jQuery.fn[ name ] = function( selector ) {
- var ret = [], insert = jQuery( selector ), elems, i, l, tmplItems,
- parent = this.length === 1 && this[0].parentNode;
-
- appendToTmplItems = newTmplItems || {};
- if ( parent && parent.nodeType === 11 && parent.childNodes.length === 1 && insert.length === 1 ) {
- insert[ original ]( this[0] );
- ret = this;
- } else {
- for ( i = 0, l = insert.length; i < l; i++ ) {
- cloneIndex = i;
- elems = (i > 0 ? this.clone(true) : this).get();
- jQuery.fn[ original ].apply( jQuery(insert[i]), elems );
- ret = ret.concat( elems );
- }
- cloneIndex = 0;
- ret = this.pushStack( ret, name, insert.selector );
- }
- tmplItems = appendToTmplItems;
- appendToTmplItems = null;
- jQuery.tmpl.complete( tmplItems );
- return ret;
- };
- });
-
- jQuery.fn.extend({
- // Use first wrapped element as template markup.
- // Return wrapped set of template items, obtained by rendering template against data.
- tmpl: function( data, options, parentItem ) {
- return jQuery.tmpl( this[0], data, options, parentItem );
- },
-
- // Find which rendered template item the first wrapped DOM element belongs to
- tmplItem: function() {
- return jQuery.tmplItem( this[0] );
- },
-
- // Consider the first wrapped element as a template declaration, and get the compiled template or store it as a named template.
- template: function( name ) {
- return jQuery.template( name, this[0] );
- },
-
- domManip: function( args, table, callback, options ) {
- // This appears to be a bug in the appendTo, etc. implementation
- // it should be doing .call() instead of .apply(). See #6227
- if ( args[0] && args[0].nodeType ) {
- var dmArgs = jQuery.makeArray( arguments ), argsLength = args.length, i = 0, tmplItem;
- while ( i < argsLength && !(tmplItem = jQuery.data( args[i++], "tmplItem" ))) {}
- if ( argsLength > 1 ) {
- dmArgs[0] = [jQuery.makeArray( args )];
- }
- if ( tmplItem && cloneIndex ) {
- dmArgs[2] = function( fragClone ) {
- // Handler called by oldManip when rendered template has been inserted into DOM.
- jQuery.tmpl.afterManip( this, fragClone, callback );
- };
- }
- oldManip.apply( this, dmArgs );
- } else {
- oldManip.apply( this, arguments );
- }
- cloneIndex = 0;
- if ( !appendToTmplItems ) {
- jQuery.tmpl.complete( newTmplItems );
- }
- return this;
- }
- });
-
- jQuery.extend({
- // Return wrapped set of template items, obtained by rendering template against data.
- tmpl: function( tmpl, data, options, parentItem ) {
- var ret, topLevel = !parentItem;
- if ( topLevel ) {
- // This is a top-level tmpl call (not from a nested template using {{tmpl}})
- parentItem = topTmplItem;
- tmpl = jQuery.template[tmpl] || jQuery.template( null, tmpl );
- wrappedItems = {}; // Any wrapped items will be rebuilt, since this is top level
- } else if ( !tmpl ) {
- // The template item is already associated with DOM - this is a refresh.
- // Re-evaluate rendered template for the parentItem
- tmpl = parentItem.tmpl;
- newTmplItems[parentItem.key] = parentItem;
- parentItem.nodes = [];
- if ( parentItem.wrapped ) {
- updateWrapped( parentItem, parentItem.wrapped );
- }
- // Rebuild, without creating a new template item
- return jQuery( build( parentItem, null, parentItem.tmpl( jQuery, parentItem ) ));
- }
- if ( !tmpl ) {
- return []; // Could throw...
- }
- if ( typeof data === "function" ) {
- data = data.call( parentItem || {} );
- }
- if ( options && options.wrapped ) {
- updateWrapped( options, options.wrapped );
- }
- ret = jQuery.isArray( data ) ?
- jQuery.map( data, function( dataItem ) {
- return dataItem ? newTmplItem( options, parentItem, tmpl, dataItem ) : null;
- }) :
- [ newTmplItem( options, parentItem, tmpl, data ) ];
-
- return topLevel ? jQuery( build( parentItem, null, ret ) ) : ret;
- },
-
- // Return rendered template item for an element.
- tmplItem: function( elem ) {
- var tmplItem;
- if ( elem instanceof jQuery ) {
- elem = elem[0];
- }
- while ( elem && elem.nodeType === 1 && !(tmplItem = jQuery.data( elem, "tmplItem" )) && (elem = elem.parentNode) ) {}
- return tmplItem || topTmplItem;
- },
-
- // Set:
- // Use $.template( name, tmpl ) to cache a named template,
- // where tmpl is a template string, a script element or a jQuery instance wrapping a script element, etc.
- // Use $( "selector" ).template( name ) to provide access by name to a script block template declaration.
-
- // Get:
- // Use $.template( name ) to access a cached template.
- // Also $( selectorToScriptBlock ).template(), or $.template( null, templateString )
- // will return the compiled template, without adding a name reference.
- // If templateString includes at least one HTML tag, $.template( templateString ) is equivalent
- // to $.template( null, templateString )
- template: function( name, tmpl ) {
- if (tmpl) {
- // Compile template and associate with name
- if ( typeof tmpl === "string" ) {
- // This is an HTML string being passed directly in.
- tmpl = buildTmplFn( tmpl )
- } else if ( tmpl instanceof jQuery ) {
- tmpl = tmpl[0] || {};
- }
- if ( tmpl.nodeType ) {
- // If this is a template block, use cached copy, or generate tmpl function and cache.
- tmpl = jQuery.data( tmpl, "tmpl" ) || jQuery.data( tmpl, "tmpl", buildTmplFn( tmpl.innerHTML ));
- }
- return typeof name === "string" ? (jQuery.template[name] = tmpl) : tmpl;
- }
- // Return named compiled template
- return name ? (typeof name !== "string" ? jQuery.template( null, name ):
- (jQuery.template[name] ||
- // If not in map, treat as a selector. (If integrated with core, use quickExpr.exec)
- jQuery.template( null, htmlExpr.test( name ) ? name : jQuery( name )))) : null;
- },
-
- encode: function( text ) {
- // Do HTML encoding replacing < > & and ' and " by corresponding entities.
- return ("" + text).split("<").join("<").split(">").join(">").split('"').join(""").split("'").join("'");
- }
- });
-
- jQuery.extend( jQuery.tmpl, {
- tag: {
- "tmpl": {
- _default: { $2: "null" },
- open: "if($notnull_1){_=_.concat($item.nest($1,$2));}"
- // tmpl target parameter can be of type function, so use $1, not $1a (so not auto detection of functions)
- // This means that {{tmpl foo}} treats foo as a template (which IS a function).
- // Explicit parens can be used if foo is a function that returns a template: {{tmpl foo()}}.
- },
- "wrap": {
- _default: { $2: "null" },
- open: "$item.calls(_,$1,$2);_=[];",
- close: "call=$item.calls();_=call._.concat($item.wrap(call,_));"
- },
- "each": {
- _default: { $2: "$index, $value" },
- open: "if($notnull_1){$.each($1a,function($2){with(this){",
- close: "}});}"
- },
- "if": {
- open: "if(($notnull_1) && $1a){",
- close: "}"
- },
- "else": {
- _default: { $1: "true" },
- open: "}else if(($notnull_1) && $1a){"
- },
- "html": {
- // Unecoded expression evaluation.
- open: "if($notnull_1){_.push($1a);}"
- },
- "=": {
- // Encoded expression evaluation. Abbreviated form is ${}.
- _default: { $1: "$data" },
- open: "if($notnull_1){_.push($.encode($1a));}"
- },
- "!": {
- // Comment tag. Skipped by parser
- open: ""
- }
- },
-
- // This stub can be overridden, e.g. in jquery.tmplPlus for providing rendered events
- complete: function( items ) {
- newTmplItems = {};
- },
-
- // Call this from code which overrides domManip, or equivalent
- // Manage cloning/storing template items etc.
- afterManip: function afterManip( elem, fragClone, callback ) {
- // Provides cloned fragment ready for fixup prior to and after insertion into DOM
- var content = fragClone.nodeType === 11 ?
- jQuery.makeArray(fragClone.childNodes) :
- fragClone.nodeType === 1 ? [fragClone] : [];
-
- // Return fragment to original caller (e.g. append) for DOM insertion
- callback.call( elem, fragClone );
-
- // Fragment has been inserted:- Add inserted nodes to tmplItem data structure. Replace inserted element annotations by jQuery.data.
- storeTmplItems( content );
- cloneIndex++;
- }
- });
-
- //========================== Private helper functions, used by code above ==========================
-
- function build( tmplItem, nested, content ) {
- // Convert hierarchical content into flat string array
- // and finally return array of fragments ready for DOM insertion
- var frag, ret = content ? jQuery.map( content, function( item ) {
- return (typeof item === "string") ?
- // Insert template item annotations, to be converted to jQuery.data( "tmplItem" ) when elems are inserted into DOM.
- (tmplItem.key ? item.replace( /(<\w+)(?=[\s>])(?![^>]*_tmplitem)([^>]*)/g, "$1 " + tmplItmAtt + "=\"" + tmplItem.key + "\" $2" ) : item) :
- // This is a child template item. Build nested template.
- build( item, tmplItem, item._ctnt );
- }) :
- // If content is not defined, insert tmplItem directly. Not a template item. May be a string, or a string array, e.g. from {{html $item.html()}}.
- tmplItem;
- if ( nested ) {
- return ret;
- }
-
- // top-level template
- ret = ret.join("");
-
- // Support templates which have initial or final text nodes, or consist only of text
- // Also support HTML entities within the HTML markup.
- ret.replace( /^\s*([^<\s][^<]*)?(<[\w\W]+>)([^>]*[^>\s])?\s*$/, function( all, before, middle, after) {
- frag = jQuery( middle ).get();
-
- storeTmplItems( frag );
- if ( before ) {
- frag = unencode( before ).concat(frag);
- }
- if ( after ) {
- frag = frag.concat(unencode( after ));
- }
- });
- return frag ? frag : unencode( ret );
- }
-
- function unencode( text ) {
- // Use createElement, since createTextNode will not render HTML entities correctly
- var el = document.createElement( "div" );
- el.innerHTML = text;
- return jQuery.makeArray(el.childNodes);
- }
-
- // Generate a reusable function that will serve to render a template against data
- function buildTmplFn( markup ) {
- return new Function("jQuery","$item",
- "var $=jQuery,call,_=[],$data=$item.data;" +
-
- // Introduce the data as local variables using with(){}
- "with($data){_.push('" +
-
- // Convert the template into pure JavaScript
- jQuery.trim(markup)
- .replace( /([\\'])/g, "\\$1" )
- .replace( /[\r\t\n]/g, " " )
- .replace( /\$\{([^\}]*)\}/g, "{{= $1}}" )
- .replace( /\{\{(\/?)(\w+|.)(?:\(((?:.(?!\}\}))*?)?\))?(?:\s+(.*?)?)?(\((.*?)\))?\s*\}\}/g,
- function( all, slash, type, fnargs, target, parens, args ) {
- var tag = jQuery.tmpl.tag[ type ], def, expr, exprAutoFnDetect;
- if ( !tag ) {
- throw "Template command not found: " + type;
- }
- def = tag._default || [];
- if ( parens && !/\w$/.test(target)) {
- target += parens;
- parens = "";
- }
- if ( target ) {
- target = unescape( target );
- args = args ? ("," + unescape( args ) + ")") : (parens ? ")" : "");
- // Support for target being things like a.toLowerCase();
- // In that case don't call with template item as 'this' pointer. Just evaluate...
- expr = parens ? (target.indexOf(".") > -1 ? target + parens : ("(" + target + ").call($item" + args)) : target;
- exprAutoFnDetect = parens ? expr : "(typeof(" + target + ")==='function'?(" + target + ").call($item):(" + target + "))";
- } else {
- exprAutoFnDetect = expr = def.$1 || "null";
- }
- fnargs = unescape( fnargs );
- return "');" +
- tag[ slash ? "close" : "open" ]
- .split( "$notnull_1" ).join( target ? "typeof(" + target + ")!=='undefined' && (" + target + ")!=null" : "true" )
- .split( "$1a" ).join( exprAutoFnDetect )
- .split( "$1" ).join( expr )
- .split( "$2" ).join( fnargs ?
- fnargs.replace( /\s*([^\(]+)\s*(\((.*?)\))?/g, function( all, name, parens, params ) {
- params = params ? ("," + params + ")") : (parens ? ")" : "");
- return params ? ("(" + name + ").call($item" + params) : all;
- })
- : (def.$2||"")
- ) +
- "_.push('";
- }) +
- "');}return _;"
- );
- }
- function updateWrapped( options, wrapped ) {
- // Build the wrapped content.
- options._wrap = build( options, true,
- // Suport imperative scenario in which options.wrapped can be set to a selector or an HTML string.
- jQuery.isArray( wrapped ) ? wrapped : [htmlExpr.test( wrapped ) ? wrapped : jQuery( wrapped ).html()]
- ).join("");
- }
-
- function unescape( args ) {
- return args ? args.replace( /\\'/g, "'").replace(/\\\\/g, "\\" ) : null;
- }
- function outerHtml( elem ) {
- var div = document.createElement("div");
- div.appendChild( elem.cloneNode(true) );
- return div.innerHTML;
- }
-
- // Store template items in jQuery.data(), ensuring a unique tmplItem data data structure for each rendered template instance.
- function storeTmplItems( content ) {
- var keySuffix = "_" + cloneIndex, elem, elems, newClonedItems = {}, i, l, m;
- for ( i = 0, l = content.length; i < l; i++ ) {
- if ( (elem = content[i]).nodeType !== 1 ) {
- continue;
- }
- elems = elem.getElementsByTagName("*");
- for ( m = elems.length - 1; m >= 0; m-- ) {
- processItemKey( elems[m] );
- }
- processItemKey( elem );
- }
- function processItemKey( el ) {
- var pntKey, pntNode = el, pntItem, tmplItem, key;
- // Ensure that each rendered template inserted into the DOM has its own template item,
- if ( (key = el.getAttribute( tmplItmAtt ))) {
- while ((pntNode = pntNode.parentNode).nodeType === 1 && !(pntKey = pntNode.getAttribute( tmplItmAtt ))) { }
- if ( pntKey !== key ) {
- // The next ancestor with a _tmplitem expando is on a different key than this one.
- // So this is a top-level element within this template item
- pntNode = pntNode.nodeType === 11 ? 0 : (pntNode.getAttribute( tmplItmAtt ) || 0);
- if ( !(tmplItem = newTmplItems[key]) ) {
- // The item is for wrapped content, and was copied from the temporary parent wrappedItem.
- tmplItem = wrappedItems[key];
- tmplItem = newTmplItem( tmplItem, newTmplItems[pntNode]||wrappedItems[pntNode], null, true );
- tmplItem.key = ++itemKey;
- newTmplItems[itemKey] = tmplItem;
- }
- if ( cloneIndex ) {
- cloneTmplItem( key );
- }
- }
- el.removeAttribute( tmplItmAtt );
- } else if ( cloneIndex && (tmplItem = jQuery.data( el, "tmplItem" )) ) {
- // This was a rendered element, cloned during append or appendTo etc.
- // TmplItem stored in jQuery data has already been cloned in cloneCopyEvent. We must replace it with a fresh cloned tmplItem.
- cloneTmplItem( tmplItem.key );
- newTmplItems[tmplItem.key] = tmplItem;
- pntNode = jQuery.data( el.parentNode, "tmplItem" );
- pntNode = pntNode ? pntNode.key : 0;
- }
- if ( tmplItem ) {
- pntItem = tmplItem;
- // Find the template item of the parent element.
- // (Using !=, not !==, since pntItem.key is number, and pntNode may be a string)
- while ( pntItem && pntItem.key != pntNode ) {
- // Add this element as a top-level node for this rendered template item, as well as for any
- // ancestor items between this item and the item of its parent element
- pntItem.nodes.push( el );
- pntItem = pntItem.parent;
- }
- // Delete content built during rendering - reduce API surface area and memory use, and avoid exposing of stale data after rendering...
- delete tmplItem._ctnt;
- delete tmplItem._wrap;
- // Store template item as jQuery data on the element
- jQuery.data( el, "tmplItem", tmplItem );
- }
- function cloneTmplItem( key ) {
- key = key + keySuffix;
- tmplItem = newClonedItems[key] =
- (newClonedItems[key] || newTmplItem( tmplItem, newTmplItems[tmplItem.parent.key + keySuffix] || tmplItem.parent, null, true ));
- }
- }
- }
-
- //---- Helper functions for template item ----
-
- function tiCalls( content, tmpl, data, options ) {
- if ( !content ) {
- return stack.pop();
- }
- stack.push({ _: content, tmpl: tmpl, item:this, data: data, options: options });
- }
-
- function tiNest( tmpl, data, options ) {
- // nested template, using {{tmpl}} tag
- return jQuery.tmpl( jQuery.template( tmpl ), data, options, this );
- }
-
- function tiWrap( call, wrapped ) {
- // nested template, using {{wrap}} tag
- var options = call.options || {};
- options.wrapped = wrapped;
- // Apply the template, which may incorporate wrapped content,
- return jQuery.tmpl( jQuery.template( call.tmpl ), call.data, options, call.item );
- }
-
- function tiHtml( filter, textOnly ) {
- var wrapped = this._wrap;
- return jQuery.map(
- jQuery( jQuery.isArray( wrapped ) ? wrapped.join("") : wrapped ).filter( filter || "*" ),
- function(e) {
- return textOnly ?
- e.innerText || e.textContent :
- e.outerHTML || outerHtml(e);
- });
- }
-
- function tiUpdate() {
- var coll = this.nodes;
- jQuery.tmpl( null, null, null, this).insertBefore( coll[0] );
- jQuery( coll ).remove();
- }
-})( jQuery );
+++ /dev/null
-(function() {
-
-var defaults = [
- {
- type: "currency",
- from: "USD",
- to: "EUR"
- },
- {
- type: "currency",
- from: "GBP",
- to: "EUR"
- }
- // TODO add back in as defaults once its possible to add other conversions, not just currencies
- /*,
- {
- type: "distance",
- from: "Miles",
- to: "Kilometer",
- rate: 1.609344
- },
- {
- type: "distance",
- from: "inch",
- to: "centimeter",
- rate: 2.54
- }*/
-];
-
-// TODO fallback to whatever else when localStorage isn't available
-function get() {
- return JSON.parse( localStorage.getItem( "conversions" ) );
-}
-function set( value ) {
- localStorage.setItem( "conversions", JSON.stringify( value ) );
-}
-
-var conversions = get( "conversions" );
-if ( !conversions ) {
- conversions = defaults.slice();
- set( conversions );
-}
-window.conversions = {
- store: function() {
- set( conversions );
- },
- all: function() {
- return conversions;
- },
- clear: function() {
- conversions.length = 0;
- this.store();
- },
- restore: function() {
- conversions.length = 0;
- $.extend( conversions, defaults );
- this.store();
- },
- remove: function( tofrom ) {
- $.each( conversions, function( index, conversion ) {
- if ( ( conversion.from + conversion.to ) === tofrom ) {
- conversions.splice( index, 1 );
- return false;
- }
- });
- this.store();
- }
-};
-
-})();
+++ /dev/null
-<!DOCTYPE HTML>
-<html lang="en-US">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Main Page</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <script src="../../js/jquery.js"></script>
- <script src="../../js/"></script>
-
- <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
-
-
-</head>
-<body>
-
- <div data-role="page">
- <div data-role="header"><h1>Google maps view</h1></div>
- <div data-role="content">
- <p>If you're linking to a map page with jQuery Mobile's Ajax behavior, be sure to load google maps in the first real page's head, since it uses document.write and can not be included in the data-role=page div like normal scripts can. <a href="map.html?">View map</a></p>
- </div>
- </div>
-
-</body>
-</html>
+++ /dev/null
-.page-map, .ui-content, #map-canvas { width: 100%; height: 100%; padding: 0; }
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE HTML>
-<html lang="en-US">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Main Page</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <script src="../../js/jquery.js"></script>
- <script src="../../js/"></script>
-
- <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
-
-
-</head>
-<body>
-
- <div data-role="page" class="page-map">
- <script src="map.js"></script>
- <link rel="stylesheet" href="map.css" />
-
- <div data-role="header"><h1>Map View</h1></div>
- <div data-role="content">
- <div id="map-canvas">
- <!-- map loads here... -->
- </div>
- </div>
- </div>
-
-</body>
-</html>
+++ /dev/null
-
-//thx @elroyjetson for the code example
-
-// When map page opens get location and display map
-$('.page-map').live("pagecreate", function() {
-
- //boston :)
- var lat = 42.35843,
- lng = -71.059773;
-
- //try to get GPS coords
- if( navigator.geolocation ) {
-
- //redirect function for successful location
- function gpsSuccess(pos){
- if( pos.coords ){
- lat = pos.coords.latitude;
- lng = pos.coords.longitude;
- }
- else{
- lat = pos.latitude;
- lng = pos.longitude;
- }
- }
-
- function gpsFail(){
- //Geo-location is supported, but we failed to get your coordinates. Workaround here perhaps?
- }
-
- navigator.geolocation.getCurrentPosition(gpsSuccess, gpsFail, {enableHighAccuracy:true, maximumAge: 300000});
- }
-
- /*
- if not supported, you might attempt to use google loader for lat,long
- $.getScript('http://www.google.com/jsapi?key=YOURAPIKEY',function(){
- lat = google.loader.ClientLocation.latitude;
- lng = google.loader.ClientLocation.longitude;
- });
- */
-
- var latlng = new google.maps.LatLng(lat, lng);
- var myOptions = {
- zoom: 10,
- center: latlng,
- mapTypeId: google.maps.MapTypeId.ROADMAP
- };
- var map = new google.maps.Map(document.getElementById("map-canvas"),myOptions);
-});
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile: Scrollview Demos and Tests</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="jquery.mobile.scrollview.css" />
- <link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css" />
- <style>
- .ui-content.ui-scrollview-clip {
- padding: 0;
- }
- .ui-content.ui-scrollview-clip > div.ui-scrollview-view {
- margin: 0;
- padding: 15px;
- }
- .ui-content.ui-scrollview-clip > .ui-listview.ui-scrollview-view {
- margin: 0;
- }
- </style>
- <script src="../../js/jquery.js"></script>
- <script src="../../js/"></script>
- <script src="jquery.easing.1.3.js"></script>
- <script src="jquery.mobile.scrollview.js"></script>
- <script src="scrollview.js"></script>
- <script src="../themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="../../docs/_assets/js/jqm-docs.js"></script>
-</head>
-<body>
-<div data-role="page" data-theme="b" id="jqm-home">
- <div id="jqm-homeheader">
- <h1 id="jqm-logo"><img src="../../docs/_assets/images/jquery-logo.png" alt="jQuery Mobile Framework" width="235" height="61" /></h1>
- <p>A few examples tweaked to make use of the scrollview component.</p>
- <p id="jqm-version">Alpha Release</p>
- </div>
-
- <div data-role="content">
-
- <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
- <li data-role="list-divider">Toolbars</li>
- <li><a href="../../docs/toolbars/footer-persist-a.html">Persistent footer nav bar (a)</a></li>
- <li><a href="../../docs/toolbars/footer-persist-b.html">Persistent footer nav bar (b)</a></li>
- <li><a href="../../docs/toolbars/footer-persist-c.html">Persistent footer nav bar (c)</a></li>
- </ul>
-
- <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
- <li data-role="list-divider">List Views</li>
- <li><a href="lists-divider.html">Sticky list dividers</a></li>
- </ul>
-
- <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
- <li data-role="list-divider">Forms</li>
- <li><a href="../../docs/forms/forms-all.html">Form element gallery</a></li>
- </ul>
-
- <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
- <li data-role="list-divider">Tests</li>
- <li><a href="scrollview-direction.html" rel="external">Scroll Direction</a></li>
- <li><a href="scrollview-nested.html" rel="external">Nested Scroll Views</a></li>
- <li><a href="sv-test-01.html" rel="external">Form Elements Event Test</a></li>
- <li><a href="sv-test-02.html" rel="external">Form Elements in Scrollview Event Test</a></li>
- </ul>
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-/*
- * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
- *
- * Uses the built in easing capabilities added In jQuery 1.1
- * to offer multiple easing options
- *
- * TERMS OF USE - jQuery Easing
- *
- * Open source under the BSD License.
- *
- * Copyright © 2008 George McGinley Smith
- * All rights reserved.
- *
- * Redistribution and use in source and binary forms, with or without modification,
- * are permitted provided that the following conditions are met:
- *
- * Redistributions of source code must retain the above copyright notice, this list of
- * conditions and the following disclaimer.
- * Redistributions in binary form must reproduce the above copyright notice, this list
- * of conditions and the following disclaimer in the documentation and/or other materials
- * provided with the distribution.
- *
- * Neither the name of the author nor the names of contributors may be used to endorse
- * or promote products derived from this software without specific prior written permission.
- *
- * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
- * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
- * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
- * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
- * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
- * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
- * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
- * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
- * OF THE POSSIBILITY OF SUCH DAMAGE.
- *
-*/
-
-// t: current time, b: begInnIng value, c: change In value, d: duration
-jQuery.easing['jswing'] = jQuery.easing['swing'];
-
-jQuery.extend( jQuery.easing,
-{
- def: 'easeOutQuad',
- swing: function (x, t, b, c, d) {
- //alert(jQuery.easing.default);
- return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
- },
- easeInQuad: function (x, t, b, c, d) {
- return c*(t/=d)*t + b;
- },
- easeOutQuad: function (x, t, b, c, d) {
- return -c *(t/=d)*(t-2) + b;
- },
- easeInOutQuad: function (x, t, b, c, d) {
- if ((t/=d/2) < 1) return c/2*t*t + b;
- return -c/2 * ((--t)*(t-2) - 1) + b;
- },
- easeInCubic: function (x, t, b, c, d) {
- return c*(t/=d)*t*t + b;
- },
- easeOutCubic: function (x, t, b, c, d) {
- return c*((t=t/d-1)*t*t + 1) + b;
- },
- easeInOutCubic: function (x, t, b, c, d) {
- if ((t/=d/2) < 1) return c/2*t*t*t + b;
- return c/2*((t-=2)*t*t + 2) + b;
- },
- easeInQuart: function (x, t, b, c, d) {
- return c*(t/=d)*t*t*t + b;
- },
- easeOutQuart: function (x, t, b, c, d) {
- return -c * ((t=t/d-1)*t*t*t - 1) + b;
- },
- easeInOutQuart: function (x, t, b, c, d) {
- if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
- return -c/2 * ((t-=2)*t*t*t - 2) + b;
- },
- easeInQuint: function (x, t, b, c, d) {
- return c*(t/=d)*t*t*t*t + b;
- },
- easeOutQuint: function (x, t, b, c, d) {
- return c*((t=t/d-1)*t*t*t*t + 1) + b;
- },
- easeInOutQuint: function (x, t, b, c, d) {
- if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
- return c/2*((t-=2)*t*t*t*t + 2) + b;
- },
- easeInSine: function (x, t, b, c, d) {
- return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
- },
- easeOutSine: function (x, t, b, c, d) {
- return c * Math.sin(t/d * (Math.PI/2)) + b;
- },
- easeInOutSine: function (x, t, b, c, d) {
- return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
- },
- easeInExpo: function (x, t, b, c, d) {
- return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
- },
- easeOutExpo: function (x, t, b, c, d) {
- return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
- },
- easeInOutExpo: function (x, t, b, c, d) {
- if (t==0) return b;
- if (t==d) return b+c;
- if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
- return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
- },
- easeInCirc: function (x, t, b, c, d) {
- return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
- },
- easeOutCirc: function (x, t, b, c, d) {
- return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
- },
- easeInOutCirc: function (x, t, b, c, d) {
- if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
- return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
- },
- easeInElastic: function (x, t, b, c, d) {
- var s=1.70158;var p=0;var a=c;
- if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
- if (a < Math.abs(c)) { a=c; var s=p/4; }
- else var s = p/(2*Math.PI) * Math.asin (c/a);
- return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
- },
- easeOutElastic: function (x, t, b, c, d) {
- var s=1.70158;var p=0;var a=c;
- if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
- if (a < Math.abs(c)) { a=c; var s=p/4; }
- else var s = p/(2*Math.PI) * Math.asin (c/a);
- return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
- },
- easeInOutElastic: function (x, t, b, c, d) {
- var s=1.70158;var p=0;var a=c;
- if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
- if (a < Math.abs(c)) { a=c; var s=p/4; }
- else var s = p/(2*Math.PI) * Math.asin (c/a);
- if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
- return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
- },
- easeInBack: function (x, t, b, c, d, s) {
- if (s == undefined) s = 1.70158;
- return c*(t/=d)*t*((s+1)*t - s) + b;
- },
- easeOutBack: function (x, t, b, c, d, s) {
- if (s == undefined) s = 1.70158;
- return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
- },
- easeInOutBack: function (x, t, b, c, d, s) {
- if (s == undefined) s = 1.70158;
- if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
- return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
- },
- easeInBounce: function (x, t, b, c, d) {
- return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
- },
- easeOutBounce: function (x, t, b, c, d) {
- if ((t/=d) < (1/2.75)) {
- return c*(7.5625*t*t) + b;
- } else if (t < (2/2.75)) {
- return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
- } else if (t < (2.5/2.75)) {
- return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
- } else {
- return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
- }
- },
- easeInOutBounce: function (x, t, b, c, d) {
- if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
- return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
- }
-});
-
-/*
- *
- * TERMS OF USE - EASING EQUATIONS
- *
- * Open source under the BSD License.
- *
- * Copyright © 2001 Robert Penner
- * All rights reserved.
- *
- * Redistribution and use in source and binary forms, with or without modification,
- * are permitted provided that the following conditions are met:
- *
- * Redistributions of source code must retain the above copyright notice, this list of
- * conditions and the following disclaimer.
- * Redistributions in binary form must reproduce the above copyright notice, this list
- * of conditions and the following disclaimer in the documentation and/or other materials
- * provided with the distribution.
- *
- * Neither the name of the author nor the names of contributors may be used to endorse
- * or promote products derived from this software without specific prior written permission.
- *
- * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
- * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
- * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
- * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
- * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
- * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
- * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
- * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
- * OF THE POSSIBILITY OF SUCH DAMAGE.
- *
- */
\ No newline at end of file
+++ /dev/null
-@charset "utf-8";
-
-.ui-scrollview-clip {
- position: relative;
-}
-
-.ui-scrollview-view {
-}
-
-.ui-scrolllistview .ui-li-divider {
- z-index: 10;
-}
-
-.ui-scrollbar {
- position: absolute;
- overflow: hidden;
-
- opacity: 0;
- -webkit-transition: opacity 500ms;
- -moz-transition: opacity 500ms;
- transition: opacity 500ms;
-}
-
-.ui-scrollbar-visible {
- opacity: 1;
-}
-
-.ui-scrollbar-y {
- top: 2px;
- right: 2px;
- bottom: 8px;
- width: 5px;
-}
-
-.ui-scrollbar-x {
- right: 8px;
- bottom: 2px;
- left: 2px;
- height: 5px;
-}
-
-.ui-scrollbar-track {
- position: relative;
- width: 100%;
- height: 100%;
-}
-
-.ui-scrollbar-thumb {
- position: absolute;
- top: 0;
- left: 0;
- background-color: rgba(0, 0, 0, 0.3);
- -moz-border-radius: 2px;
- -webkit-border-radius: 2px;
- border-radius: 2px;
-}
-
-.ui-scrollbar-y .ui-scrollbar-thumb {
- width: 5px;
- height: 100%;
-}
-
-.ui-scrollbar-x .ui-scrollbar-thumb {
- width: 100%;
- height: 5px;
-}
+++ /dev/null
-/*
-* jQuery Mobile Framework : scrollview plugin
-* Copyright (c) 2010 Adobe Systems Incorporated - Kin Blas (jblas@adobe.com)
-* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
-* Note: Code is in draft form and is subject to change
-*/
-(function($,window,document,undefined){
-
-jQuery.widget( "mobile.scrollview", jQuery.mobile.widget, {
- options: {
- fps: 60, // Frames per second in msecs.
- direction: null, // "x", "y", or null for both.
-
- scrollDuration: 2000, // Duration of the scrolling animation in msecs.
- overshootDuration: 250, // Duration of the overshoot animation in msecs.
- snapbackDuration: 500, // Duration of the snapback animation in msecs.
-
- moveThreshold: 10, // User must move this many pixels in any direction to trigger a scroll.
- moveIntervalThreshold: 150, // Time between mousemoves must not exceed this threshold.
-
- scrollMethod: "translate", // "translate", "position", "scroll"
-
- startEventName: "scrollstart",
- updateEventName: "scrollupdate",
- stopEventName: "scrollstop",
-
- eventType: $.support.touch ? "touch" : "mouse",
-
- showScrollBars: true,
-
- pagingEnabled: false,
- delayedClickSelector: "a,input,textarea,select,button,.ui-btn",
- delayedClickEnabled: false
- },
-
- _makePositioned: function($ele)
- {
- if ($ele.css("position") == "static")
- $ele.css("position", "relative");
- },
-
- _create: function()
- {
- this._$clip = $(this.element).addClass("ui-scrollview-clip");
- var $child = this._$clip.children();
- if ($child.length > 1) {
- $child = this._$clip.wrapInner("<div></div>").children();
- }
- this._$view = $child.addClass("ui-scrollview-view");
-
- this._$clip.css("overflow", this.options.scrollMethod === "scroll" ? "scroll" : "hidden");
- this._makePositioned(this._$clip);
-
- this._$view.css("overflow", "hidden");
-
- // Turn off our faux scrollbars if we are using native scrolling
- // to position the view.
-
- this.options.showScrollBars = this.options.scrollMethod === "scroll" ? false : this.options.showScrollBars;
-
- // We really don't need this if we are using a translate transformation
- // for scrolling. We set it just in case the user wants to switch methods
- // on the fly.
-
- this._makePositioned(this._$view);
- this._$view.css({ left: 0, top: 0 });
-
- this._sx = 0;
- this._sy = 0;
-
- var direction = this.options.direction;
- this._hTracker = (direction !== "y") ? new MomentumTracker(this.options) : null;
- this._vTracker = (direction !== "x") ? new MomentumTracker(this.options) : null;
-
- this._timerInterval = 1000/this.options.fps;
- this._timerID = 0;
-
- var self = this;
- this._timerCB = function(){ self._handleMomentumScroll(); };
-
- this._addBehaviors();
- },
-
- _startMScroll: function(speedX, speedY)
- {
- this._stopMScroll();
- this._showScrollBars();
-
- var keepGoing = false;
- var duration = this.options.scrollDuration;
-
- this._$clip.trigger(this.options.startEventName);
-
- var ht = this._hTracker;
- if (ht)
- {
- var c = this._$clip.width();
- var v = this._$view.width();
- ht.start(this._sx, speedX, duration, (v > c) ? -(v - c) : 0, 0);
- keepGoing = !ht.done();
- }
-
- var vt = this._vTracker;
- if (vt)
- {
- var c = this._$clip.height();
- var v = this._$view.height();
- vt.start(this._sy, speedY, duration, (v > c) ? -(v - c) : 0, 0);
- keepGoing = keepGoing || !vt.done();
- }
-
- if (keepGoing)
- this._timerID = setTimeout(this._timerCB, this._timerInterval);
- else
- this._stopMScroll();
- },
-
- _stopMScroll: function()
- {
- if (this._timerID)
- {
- this._$clip.trigger(this.options.stopEventName);
- clearTimeout(this._timerID);
- }
- this._timerID = 0;
-
- if (this._vTracker)
- this._vTracker.reset();
-
- if (this._hTracker)
- this._hTracker.reset();
-
- this._hideScrollBars();
- },
-
- _handleMomentumScroll: function()
- {
- var keepGoing = false;
- var v = this._$view;
-
- var x = 0, y = 0;
-
- var vt = this._vTracker;
- if (vt)
- {
- vt.update();
- y = vt.getPosition();
- keepGoing = !vt.done();
- }
-
- var ht = this._hTracker;
- if (ht)
- {
- ht.update();
- x = ht.getPosition();
- keepGoing = keepGoing || !ht.done();
- }
-
- this._setScrollPosition(x, y);
- this._$clip.trigger(this.options.updateEventName, [ { x: x, y: y } ]);
-
- if (keepGoing)
- this._timerID = setTimeout(this._timerCB, this._timerInterval);
- else
- this._stopMScroll();
- },
-
- _setScrollPosition: function(x, y)
- {
- this._sx = x;
- this._sy = y;
-
- var $v = this._$view;
-
- var sm = this.options.scrollMethod;
-
- switch (sm)
- {
- case "translate":
- setElementTransform($v, x + "px", y + "px");
- break;
- case "position":
- $v.css({left: x + "px", top: y + "px"});
- break;
- case "scroll":
- var c = this._$clip[0];
- c.scrollLeft = -x;
- c.scrollTop = -y;
- break;
- }
-
- var $vsb = this._$vScrollBar;
- var $hsb = this._$hScrollBar;
-
- if ($vsb)
- {
- var $sbt = $vsb.find(".ui-scrollbar-thumb");
- if (sm === "translate")
- setElementTransform($sbt, "0px", -y/$v.height() * $sbt.parent().height() + "px");
- else
- $sbt.css("top", -y/$v.height()*100 + "%");
- }
-
- if ($hsb)
- {
- var $sbt = $hsb.find(".ui-scrollbar-thumb");
- if (sm === "translate")
- setElementTransform($sbt, -x/$v.width() * $sbt.parent().width() + "px", "0px");
- else
- $sbt.css("left", -x/$v.width()*100 + "%");
- }
- },
-
- scrollTo: function(x, y, duration)
- {
- this._stopMScroll();
- if (!duration)
- return this._setScrollPosition(x, y);
-
- x = -x;
- y = -y;
-
- var self = this;
- var start = getCurrentTime();
- var efunc = $.easing["easeOutQuad"];
- var sx = this._sx;
- var sy = this._sy;
- var dx = x - sx;
- var dy = y - sy;
- var tfunc = function(){
- var elapsed = getCurrentTime() - start;
- if (elapsed >= duration)
- {
- self._timerID = 0;
- self._setScrollPosition(x, y);
- }
- else
- {
- var ec = efunc(elapsed/duration, elapsed, 0, 1, duration);
- self._setScrollPosition(sx + (dx * ec), sy + (dy * ec));
- self._timerID = setTimeout(tfunc, self._timerInterval);
- }
- };
-
- this._timerID = setTimeout(tfunc, this._timerInterval);
- },
-
- getScrollPosition: function()
- {
- return { x: -this._sx, y: -this._sy };
- },
-
- _getScrollHierarchy: function()
- {
- var svh = [];
- this._$clip.parents(".ui-scrollview-clip").each(function(){
- var d = $(this).jqmData("scrollview");
- if (d) svh.unshift(d);
- });
- return svh;
- },
-
- _getAncestorByDirection: function(dir)
- {
- var svh = this._getScrollHierarchy();
- var n = svh.length;
- while (0 < n--)
- {
- var sv = svh[n];
- var svdir = sv.options.direction;
-
- if (!svdir || svdir == dir)
- return sv;
- }
- return null;
- },
-
- _handleDragStart: function(e, ex, ey)
- {
- // Stop any scrolling of elements in our parent hierarcy.
- $.each(this._getScrollHierarchy(),function(i,sv){ sv._stopMScroll(); });
- this._stopMScroll();
-
- var c = this._$clip;
- var v = this._$view;
-
- if (this.options.delayedClickEnabled) {
- this._$clickEle = $(e.target).closest(this.options.delayedClickSelector);
- }
- this._lastX = ex;
- this._lastY = ey;
- this._doSnapBackX = false;
- this._doSnapBackY = false;
- this._speedX = 0;
- this._speedY = 0;
- this._directionLock = "";
- this._didDrag = false;
-
- if (this._hTracker)
- {
- var cw = parseInt(c.css("width"), 10);
- var vw = parseInt(v.css("width"), 10);
- this._maxX = cw - vw;
- if (this._maxX > 0) this._maxX = 0;
- if (this._$hScrollBar)
- this._$hScrollBar.find(".ui-scrollbar-thumb").css("width", (cw >= vw ? "100%" : Math.floor(cw/vw*100)+ "%"));
- }
-
- if (this._vTracker)
- {
- var ch = parseInt(c.css("height"), 10);
- var vh = parseInt(v.css("height"), 10);
- this._maxY = ch - vh;
- if (this._maxY > 0) this._maxY = 0;
- if (this._$vScrollBar)
- this._$vScrollBar.find(".ui-scrollbar-thumb").css("height", (ch >= vh ? "100%" : Math.floor(ch/vh*100)+ "%"));
- }
-
- var svdir = this.options.direction;
-
- this._pageDelta = 0;
- this._pageSize = 0;
- this._pagePos = 0;
-
- if (this.options.pagingEnabled && (svdir === "x" || svdir === "y"))
- {
- this._pageSize = svdir === "x" ? cw : ch;
- this._pagePos = svdir === "x" ? this._sx : this._sy;
- this._pagePos -= this._pagePos % this._pageSize;
- }
- this._lastMove = 0;
- this._enableTracking();
-
- // If we're using mouse events, we need to prevent the default
- // behavior to suppress accidental selection of text, etc. We
- // can't do this on touch devices because it will disable the
- // generation of "click" events.
- //
- // XXX: We should test if this has an effect on links! - kin
-
- if (this.options.eventType == "mouse" || this.options.delayedClickEnabled)
- e.preventDefault();
- e.stopPropagation();
- },
-
- _propagateDragMove: function(sv, e, ex, ey, dir)
- {
- this._hideScrollBars();
- this._disableTracking();
- sv._handleDragStart(e,ex,ey);
- sv._directionLock = dir;
- sv._didDrag = this._didDrag;
- },
-
- _handleDragMove: function(e, ex, ey)
- {
- this._lastMove = getCurrentTime();
-
- var v = this._$view;
-
- var dx = ex - this._lastX;
- var dy = ey - this._lastY;
- var svdir = this.options.direction;
-
- if (!this._directionLock)
- {
- var x = Math.abs(dx);
- var y = Math.abs(dy);
- var mt = this.options.moveThreshold;
-
- if (x < mt && y < mt) {
- return false;
- }
-
- var dir = null;
- var r = 0;
- if (x < y && (x/y) < 0.5) {
- dir = "y";
- }
- else if (x > y && (y/x) < 0.5) {
- dir = "x";
- }
-
- if (svdir && dir && svdir != dir)
- {
- // This scrollview can't handle the direction the user
- // is attempting to scroll. Find an ancestor scrollview
- // that can handle the request.
-
- var sv = this._getAncestorByDirection(dir);
- if (sv)
- {
- this._propagateDragMove(sv, e, ex, ey, dir);
- return false;
- }
- }
-
- this._directionLock = svdir ? svdir : (dir ? dir : "none");
- }
-
- var newX = this._sx;
- var newY = this._sy;
-
- if (this._directionLock !== "y" && this._hTracker)
- {
- var x = this._sx;
- this._speedX = dx;
- newX = x + dx;
-
- // Simulate resistance.
-
- this._doSnapBackX = false;
- if (newX > 0 || newX < this._maxX)
- {
- if (this._directionLock === "x")
- {
- var sv = this._getAncestorByDirection("x");
- if (sv)
- {
- this._setScrollPosition(newX > 0 ? 0 : this._maxX, newY);
- this._propagateDragMove(sv, e, ex, ey, dir);
- return false;
- }
- }
- newX = x + (dx/2);
- this._doSnapBackX = true;
- }
- }
-
- if (this._directionLock !== "x" && this._vTracker)
- {
- var y = this._sy;
- this._speedY = dy;
- newY = y + dy;
-
- // Simulate resistance.
-
- this._doSnapBackY = false;
- if (newY > 0 || newY < this._maxY)
- {
- if (this._directionLock === "y")
- {
- var sv = this._getAncestorByDirection("y");
- if (sv)
- {
- this._setScrollPosition(newX, newY > 0 ? 0 : this._maxY);
- this._propagateDragMove(sv, e, ex, ey, dir);
- return false;
- }
- }
-
- newY = y + (dy/2);
- this._doSnapBackY = true;
- }
-
- }
-
- if (this.options.pagingEnabled && (svdir === "x" || svdir === "y"))
- {
- if (this._doSnapBackX || this._doSnapBackY)
- this._pageDelta = 0;
- else
- {
- var opos = this._pagePos;
- var cpos = svdir === "x" ? newX : newY;
- var delta = svdir === "x" ? dx : dy;
-
- this._pageDelta = (opos > cpos && delta < 0) ? this._pageSize : ((opos < cpos && delta > 0) ? -this._pageSize : 0);
- }
- }
-
- this._didDrag = true;
- this._lastX = ex;
- this._lastY = ey;
-
- this._setScrollPosition(newX, newY);
-
- this._showScrollBars();
-
- // Call preventDefault() to prevent touch devices from
- // scrolling the main window.
-
- // e.preventDefault();
-
- return false;
- },
-
- _handleDragStop: function(e)
- {
- var l = this._lastMove;
- var t = getCurrentTime();
- var doScroll = l && (t - l) <= this.options.moveIntervalThreshold;
-
- var sx = (this._hTracker && this._speedX && doScroll) ? this._speedX : (this._doSnapBackX ? 1 : 0);
- var sy = (this._vTracker && this._speedY && doScroll) ? this._speedY : (this._doSnapBackY ? 1 : 0);
-
- var svdir = this.options.direction;
- if (this.options.pagingEnabled && (svdir === "x" || svdir === "y") && !this._doSnapBackX && !this._doSnapBackY)
- {
- var x = this._sx;
- var y = this._sy;
- if (svdir === "x")
- x = -this._pagePos + this._pageDelta;
- else
- y = -this._pagePos + this._pageDelta;
-
- this.scrollTo(x, y, this.options.snapbackDuration);
- }
- else if (sx || sy)
- this._startMScroll(sx, sy);
- else
- this._hideScrollBars();
-
- this._disableTracking();
-
- if (!this._didDrag && this.options.delayedClickEnabled && this._$clickEle.length) {
- this._$clickEle
- .trigger("mousedown")
- //.trigger("focus")
- .trigger("mouseup")
- .trigger("click");
- }
-
- // If a view scrolled, then we need to absorb
- // the event so that links etc, underneath our
- // cursor/finger don't fire.
-
- return this._didDrag ? false : undefined;
- },
-
- _enableTracking: function()
- {
- $(document).bind(this._dragMoveEvt, this._dragMoveCB);
- $(document).bind(this._dragStopEvt, this._dragStopCB);
- },
-
- _disableTracking: function()
- {
- $(document).unbind(this._dragMoveEvt, this._dragMoveCB);
- $(document).unbind(this._dragStopEvt, this._dragStopCB);
- },
-
- _showScrollBars: function()
- {
- var vclass = "ui-scrollbar-visible";
- if (this._$vScrollBar) this._$vScrollBar.addClass(vclass);
- if (this._$hScrollBar) this._$hScrollBar.addClass(vclass);
- },
-
- _hideScrollBars: function()
- {
- var vclass = "ui-scrollbar-visible";
- if (this._$vScrollBar) this._$vScrollBar.removeClass(vclass);
- if (this._$hScrollBar) this._$hScrollBar.removeClass(vclass);
- },
-
- _addBehaviors: function()
- {
- var self = this;
- if (this.options.eventType === "mouse")
- {
- this._dragStartEvt = "mousedown";
- this._dragStartCB = function(e){ return self._handleDragStart(e, e.clientX, e.clientY); };
-
- this._dragMoveEvt = "mousemove";
- this._dragMoveCB = function(e){ return self._handleDragMove(e, e.clientX, e.clientY); };
-
- this._dragStopEvt = "mouseup";
- this._dragStopCB = function(e){ return self._handleDragStop(e); };
- }
- else // "touch"
- {
- this._dragStartEvt = "touchstart";
- this._dragStartCB = function(e)
- {
- var t = e.originalEvent.targetTouches[0];
- return self._handleDragStart(e, t.pageX, t.pageY);
- };
-
- this._dragMoveEvt = "touchmove";
- this._dragMoveCB = function(e)
- {
- var t = e.originalEvent.targetTouches[0];
- return self._handleDragMove(e, t.pageX, t.pageY);
- };
-
- this._dragStopEvt = "touchend";
- this._dragStopCB = function(e){ return self._handleDragStop(e); };
- }
-
- this._$view.bind(this._dragStartEvt, this._dragStartCB);
-
- if (this.options.showScrollBars)
- {
- var $c = this._$clip;
- var prefix = "<div class=\"ui-scrollbar ui-scrollbar-";
- var suffix = "\"><div class=\"ui-scrollbar-track\"><div class=\"ui-scrollbar-thumb\"></div></div></div>";
- if (this._vTracker)
- {
- $c.append(prefix + "y" + suffix);
- this._$vScrollBar = $c.children(".ui-scrollbar-y");
- }
- if (this._hTracker)
- {
- $c.append(prefix + "x" + suffix);
- this._$hScrollBar = $c.children(".ui-scrollbar-x");
- }
- }
- }
-});
-
-function setElementTransform($ele, x, y)
-{
- var v = "translate3d(" + x + "," + y + ", 0px)";
- $ele.css({
- "-moz-transform": v,
- "-webkit-transform": v,
- "transform": v
- });
-}
-
-
-function MomentumTracker(options)
-{
- this.options = $.extend({}, options);
- this.easing = "easeOutQuad";
- this.reset();
-}
-
-var tstates = {
- scrolling: 0,
- overshot: 1,
- snapback: 2,
- done: 3
-};
-
-function getCurrentTime() { return (new Date()).getTime(); }
-
-$.extend(MomentumTracker.prototype, {
- start: function(pos, speed, duration, minPos, maxPos)
- {
- this.state = (speed != 0) ? ((pos < minPos || pos > maxPos) ? tstates.snapback : tstates.scrolling) : tstates.done;
- this.pos = pos;
- this.speed = speed;
- this.duration = (this.state == tstates.snapback) ? this.options.snapbackDuration : duration;
- this.minPos = minPos;
- this.maxPos = maxPos;
-
- this.fromPos = (this.state == tstates.snapback) ? this.pos : 0;
- this.toPos = (this.state == tstates.snapback) ? ((this.pos < this.minPos) ? this.minPos : this.maxPos) : 0;
-
- this.startTime = getCurrentTime();
- },
-
- reset: function()
- {
- this.state = tstates.done;
- this.pos = 0;
- this.speed = 0;
- this.minPos = 0;
- this.maxPos = 0;
- this.duration = 0;
- },
-
- update: function()
- {
- var state = this.state;
- if (state == tstates.done)
- return this.pos;
-
- var duration = this.duration;
- var elapsed = getCurrentTime() - this.startTime;
- elapsed = elapsed > duration ? duration : elapsed;
-
- if (state == tstates.scrolling || state == tstates.overshot)
- {
- var dx = this.speed * (1 - $.easing[this.easing](elapsed/duration, elapsed, 0, 1, duration));
-
- var x = this.pos + dx;
-
- var didOverShoot = (state == tstates.scrolling) && (x < this.minPos || x > this.maxPos);
- if (didOverShoot)
- x = (x < this.minPos) ? this.minPos : this.maxPos;
-
- this.pos = x;
-
- if (state == tstates.overshot)
- {
- if (elapsed >= duration)
- {
- this.state = tstates.snapback;
- this.fromPos = this.pos;
- this.toPos = (x < this.minPos) ? this.minPos : this.maxPos;
- this.duration = this.options.snapbackDuration;
- this.startTime = getCurrentTime();
- elapsed = 0;
- }
- }
- else if (state == tstates.scrolling)
- {
- if (didOverShoot)
- {
- this.state = tstates.overshot;
- this.speed = dx / 2;
- this.duration = this.options.overshootDuration;
- this.startTime = getCurrentTime();
- }
- else if (elapsed >= duration)
- this.state = tstates.done;
- }
- }
- else if (state == tstates.snapback)
- {
- if (elapsed >= duration)
- {
- this.pos = this.toPos;
- this.state = tstates.done;
- }
- else
- this.pos = this.fromPos + ((this.toPos - this.fromPos) * $.easing[this.easing](elapsed/duration, elapsed, 0, 1, duration));
- }
-
- return this.pos;
- },
-
- done: function() { return this.state == tstates.done; },
- getPosition: function(){ return this.pos; }
-});
-
-jQuery.widget( "mobile.scrolllistview", jQuery.mobile.scrollview, {
- options: {
- direction: "y"
- },
-
- _create: function() {
- $.mobile.scrollview.prototype._create.call(this);
-
- // Cache the dividers so we don't have to search for them everytime the
- // view is scrolled.
- //
- // XXX: Note that we need to update this cache if we ever support lists
- // that can dynamically update their content.
-
- this._$dividers = this._$view.find(":jqmData(role='list-divider')");
- this._lastDivider = null;
- },
-
- _setScrollPosition: function(x, y)
- {
- // Let the view scroll like it normally does.
-
- $.mobile.scrollview.prototype._setScrollPosition.call(this, x, y);
-
- y = -y;
-
- // Find the dividers for the list.
-
- var $divs = this._$dividers;
- var cnt = $divs.length;
- var d = null;
- var dy = 0;
- var nd = null;
-
- for (var i = 0; i < cnt; i++)
- {
- nd = $divs.get(i);
- var t = nd.offsetTop;
- if (y >= t)
- {
- d = nd;
- dy = t;
- }
- else if (d)
- break;
- }
-
- // If we found a divider to move position it at the top of the
- // clip view.
-
- if (d)
- {
- var h = d.offsetHeight;
- var mxy = (d != nd) ? nd.offsetTop : (this._$view.get(0).offsetHeight);
- if (y + h >= mxy)
- y = (mxy - h) - dy;
- else
- y = y - dy;
-
- // XXX: Need to convert this over to using $().css() and supporting the non-transform case.
-
- var ld = this._lastDivider;
- if (ld && d != ld) {
- setElementTransform($(ld), 0, 0);
- }
- setElementTransform($(d), 0, y + "px");
- this._lastDivider = d;
-
- }
- }
-});
-
-})(jQuery,window,document); // End Component
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="jquery.mobile.scrollview.css" />
- <link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css"/>
- <style>
- .ui-content.ui-scrollview-clip {
- padding: 0;
- }
- .ui-content.ui-scrollview-clip > div.ui-scrollview-view {
- margin: 0;
- padding: 15px;
- }
- .ui-content.ui-scrollview-clip > .ui-listview.ui-scrollview-view {
- margin: 0;
- }
- </style>
- <script src="../../js/jquery.js"></script>
- <script src="../../js/"></script>
- <script src="jquery.easing.1.3.js"></script>
- <script src="jquery.mobile.scrollview.js"></script>
- <script src="scrollview.js"></script>
- <script src="../../docs/lists/docs/docs.js"></script>
-</head>
-<body>
-
-<div data-role="page">
-
- <div data-role="header">
- <h1>List dividers</h1>
- </div><!-- /header -->
-
- <div data-role="content" class="ui-scrolllistview">
- <ul data-role="listview">
- <li data-role="list-divider">A</li>
- <li><a href="../../docs/lists/index.html">Adam Kinkaid</a></li>
- <li><a href="../../docs/lists/index.html">Alex Wickerham</a></li>
- <li><a href="../../docs/lists/index.html">Avery Johnson</a></li>
- <li data-role="list-divider">B</li>
- <li><a href="../../docs/lists/index.html">Bob Cabot</a></li>
- <li data-role="list-divider">C</li>
- <li><a href="../../docs/lists/index.html">Caleb Booth</a></li>
- <li><a href="../../docs/lists/index.html">Christopher Adams</a></li>
- <li><a href="../../docs/lists/index.html">Culver James</a></li>
- <li data-role="list-divider">D</li>
- <li><a href="../../docs/lists/index.html">David Walsh</a></li>
- <li><a href="../../docs/lists/index.html">Drake Alfred</a></li>
- <li data-role="list-divider">E</li>
- <li><a href="../../docs/lists/index.html">Elizabeth Bacon</a></li>
- <li><a href="../../docs/lists/index.html">Emery Parker</a></li>
- <li><a href="../../docs/lists/index.html">Enid Voldon</a></li>
- <li data-role="list-divider">F</li>
- <li><a href="../../docs/lists/index.html">Francis Wall</a></li>
- <li data-role="list-divider">G</li>
- <li><a href="../../docs/lists/index.html">Graham Smith</a></li>
- <li><a href="../../docs/lists/index.html">Greta Peete</a></li>
- <li data-role="list-divider">H</li>
- <li><a href="../../docs/lists/index.html">Harvey Walls</a></li>
- <li data-role="list-divider">M</li>
- <li><a href="../../docs/lists/index.html">Mike Farnsworth</a></li>
- <li><a href="../../docs/lists/index.html">Murray Vanderbuilt</a></li>
- <li data-role="list-divider">N</li>
- <li><a href="../../docs/lists/index.html">Nathan Williams</a></li>
- <li data-role="list-divider">P</li>
- <li><a href="../../docs/lists/index.html">Paul Baker</a></li>
- <li><a href="../../docs/lists/index.html">Pete Mason</a></li>
- <li data-role="list-divider">R</li>
- <li><a href="../../docs/lists/index.html">Rod Tarker</a></li>
- <li data-role="list-divider">S</li>
- <li><a href="../../docs/lists/index.html">Sawyer Wakefield</a></li>
- <li data-role="list-divider">A</li>
- <li><a href="../../docs/lists/index.html">Adam Kinkaid</a></li>
- <li><a href="../../docs/lists/index.html">Alex Wickerham</a></li>
- <li><a href="../../docs/lists/index.html">Avery Johnson</a></li>
- <li data-role="list-divider">B</li>
- <li><a href="../../docs/lists/index.html">Bob Cabot</a></li>
- <li data-role="list-divider">C</li>
- <li><a href="../../docs/lists/index.html">Caleb Booth</a></li>
- <li><a href="../../docs/lists/index.html">Christopher Adams</a></li>
- <li><a href="../../docs/lists/index.html">Culver James</a></li>
- <li data-role="list-divider">D</li>
- <li><a href="../../docs/lists/index.html">David Walsh</a></li>
- <li><a href="../../docs/lists/index.html">Drake Alfred</a></li>
- <li data-role="list-divider">E</li>
- <li><a href="../../docs/lists/index.html">Elizabeth Bacon</a></li>
- <li><a href="../../docs/lists/index.html">Emery Parker</a></li>
- <li><a href="../../docs/lists/index.html">Enid Voldon</a></li>
- <li data-role="list-divider">F</li>
- <li><a href="../../docs/lists/index.html">Francis Wall</a></li>
- <li data-role="list-divider">G</li>
- <li><a href="../../docs/lists/index.html">Graham Smith</a></li>
- <li><a href="../../docs/lists/index.html">Greta Peete</a></li>
- <li data-role="list-divider">H</li>
- <li><a href="../../docs/lists/index.html">Harvey Walls</a></li>
- <li data-role="list-divider">M</li>
- <li><a href="../../docs/lists/index.html">Mike Farnsworth</a></li>
- <li><a href="../../docs/lists/index.html">Murray Vanderbuilt</a></li>
- <li data-role="list-divider">N</li>
- <li><a href="../../docs/lists/index.html">Nathan Williams</a></li>
- <li data-role="list-divider">P</li>
- <li><a href="../../docs/lists/index.html">Paul Baker</a></li>
- <li><a href="../../docs/lists/index.html">Pete Mason</a></li>
- <li data-role="list-divider">R</li>
- <li><a href="../../docs/lists/index.html">Rod Tarker</a></li>
- <li data-role="list-divider">S</li>
- <li><a href="../../docs/lists/index.html">Sawyer Wakefield</a></li>
- <li data-role="list-divider">A</li>
- <li><a href="../../docs/lists/index.html">Adam Kinkaid</a></li>
- <li><a href="../../docs/lists/index.html">Alex Wickerham</a></li>
- <li><a href="../../docs/lists/index.html">Avery Johnson</a></li>
- <li data-role="list-divider">B</li>
- <li><a href="../../docs/lists/index.html">Bob Cabot</a></li>
- <li data-role="list-divider">C</li>
- <li><a href="../../docs/lists/index.html">Caleb Booth</a></li>
- <li><a href="../../docs/lists/index.html">Christopher Adams</a></li>
- <li><a href="../../docs/lists/index.html">Culver James</a></li>
- <li data-role="list-divider">D</li>
- <li><a href="../../docs/lists/index.html">David Walsh</a></li>
- <li><a href="../../docs/lists/index.html">Drake Alfred</a></li>
- <li data-role="list-divider">E</li>
- <li><a href="../../docs/lists/index.html">Elizabeth Bacon</a></li>
- <li><a href="../../docs/lists/index.html">Emery Parker</a></li>
- <li><a href="../../docs/lists/index.html">Enid Voldon</a></li>
- <li data-role="list-divider">F</li>
- <li><a href="../../docs/lists/index.html">Francis Wall</a></li>
- <li data-role="list-divider">G</li>
- <li><a href="../../docs/lists/index.html">Graham Smith</a></li>
- <li><a href="../../docs/lists/index.html">Greta Peete</a></li>
- <li data-role="list-divider">H</li>
- <li><a href="../../docs/lists/index.html">Harvey Walls</a></li>
- <li data-role="list-divider">M</li>
- <li><a href="../../docs/lists/index.html">Mike Farnsworth</a></li>
- <li><a href="../../docs/lists/index.html">Murray Vanderbuilt</a></li>
- <li data-role="list-divider">N</li>
- <li><a href="../../docs/lists/index.html">Nathan Williams</a></li>
- <li data-role="list-divider">P</li>
- <li><a href="../../docs/lists/index.html">Paul Baker</a></li>
- <li><a href="../../docs/lists/index.html">Pete Mason</a></li>
- <li data-role="list-divider">R</li>
- <li><a href="../../docs/lists/index.html">Rod Tarker</a></li>
- <li data-role="list-divider">S</li>
- <li><a href="../../docs/lists/index.html">Sawyer Wakefield</a></li>
- </ul>
- </div><!-- /content -->
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="jquery.mobile.scrollview.css" />
- <link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css"/>
- <style>
- .ui-content.ui-scrollview-clip {
- padding: 0;
- }
- .ui-content.ui-scrollview-clip > div.ui-scrollview-view {
- margin: 0;
- padding: 15px;
- }
- .ui-content.ui-scrollview-clip > .ui-listview.ui-scrollview-view {
- margin: 0;
- }
- .square {
- width: 98px;
- height: 98px;
- border: solid 1px #333;
- text-align: center;
- line-height: 100px;
- font-size: 60px;
- }
-
- .ui-scrollview-clip .ui-scrollview-clip .square {
- background-color: #3CF;
- }
-
- .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .square {
- background-color: #F39;
- }
-
- .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .square {
- background-color: #0F6;
- }
-
- .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .square {
- background-color: #FF6;
- }
-
- .threeByThree {
- border: solid 1px black;
- background-color: #999;
- overflow: hidden;
- width: 300px;
- height: 300px;
- }
- .threeByThree > .ui-scrollview-view {
- width: 1300px;
- background-color: white;
- }
- .threeByThree .square {
- float: left;
- }
- </style>
- <script src="../../js/jquery.js"></script>
- <script src="../../js/"></script>
- <script src="jquery.easing.1.3.js"></script>
- <script src="jquery.mobile.scrollview.js"></script>
- <script src="scrollview.js"></script>
- <script src="../../docs/lists/docs/docs.js"></script>
-</head>
-<body>
-
-<div data-role="page">
-
- <div data-role="header">
- <h1>Scroll View Direction Locking</h1>
- </div><!-- /header -->
-
- <div data-role="content">
- <h4>Scrollview</h4>
- <p>To turn an element into a scrollview, simply add a data-scroll="true" to the element. By default, a scrollview can scroll in both the horizontal and vertical directions. If the user drags the view horizontally (left or right), or vertically (up or down), scrolling will be locked so that it only scrolls in that one dimension. If the user drags the view diagonally, he will be able to scroll in both directions at the same time.</p>
- <div data-scroll="true" class="threeByThree">
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- </div>
- <p>When there are nested scrollviews, if the user drags in a single dimension and hits either end of the view, the drag will be propagated up to the next outer scrollview that can handle a drag in that dimension. So for example, if you drag the scrollview above so that it reaches the top of its view, the entire page will start to scroll upward if you continue dragging. This is because the drag was propagated from the scrollview with the letters in it, out to the scrollview containing the entire content for the page.</p>
- <h4>Horizontal Scrollview</h4>
- <p>A scrollview can be set up so that it only scrolls in the horizontal direction. Simply place a data-scroll="x" on the element you want to scroll:</p>
- <div data-scroll="x" class="threeByThree">
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- </div>
- <h4>Vertical Scrollview</h4>
- <p>A scrollview can be set up so that it only scrolls in the vertical direction. Simply place a data-scroll="y" on the element you want to scroll:</p>
- <div data-scroll="y" class="threeByThree">
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- </div>
- <h4>Scrollview Paging</h4>
- <p>A scrollview can be set up so that it scrolls by pages. This feature is only enabled for horizontal or vertical scrollviews. Use data-scroll="xp" or data-scroll="yp" to turn on paging. The following scrollview pages horizontally.</p>
- <div id="ex4" data-scroll="xp" class="threeByThree">
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- <div class="square">z</div>
- <div class="square">0</div>
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div class="square">4</div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- <div class="square">8</div>
- <div class="square">9</div>
- <div class="square">a</div>
- <div class="square">b</div>
- <div class="square">c</div>
- <div class="square">d</div>
- <div class="square">e</div>
- <div class="square">f</div>
- <div class="square">g</div>
- <div class="square">h</div>
- <div class="square">i</div>
- <div class="square">j</div>
- <div class="square">k</div>
- <div class="square">l</div>
- <div class="square">m</div>
- <div class="square">n</div>
- <div class="square">o</div>
- <div class="square">p</div>
- <div class="square">q</div>
- <div class="square">r</div>
- <div class="square">s</div>
- <div class="square">t</div>
- <div class="square">u</div>
- <div class="square">v</div>
- <div class="square">w</div>
- <div class="square">x</div>
- <div class="square">y</div>
- </div>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p> </p>
- <p></p>
- </div><!-- /content -->
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="jquery.mobile.scrollview.css" />
- <link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css"/>
- <style>
- .ui-content.ui-scrollview-clip {
- padding: 0;
- }
- .ui-content.ui-scrollview-clip > div.ui-scrollview-view {
- margin: 0;
- padding: 15px;
- }
- .ui-content.ui-scrollview-clip > .ui-listview.ui-scrollview-view {
- margin: 0;
- }
-
- .ui-scrollview-clip {
- background-color: #999;
- }
-
- .ui-scrollview-view {
- background-color: white;
- }
-
- .square {
- width: 200px;
- height: 200px;
- text-align: center;
- line-height: 200px;
- font-size: 160px;
- }
-
- .ui-scrollview-clip .ui-scrollview-clip .square {
- background-color: #3CF;
- }
-
- .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .square {
- background-color: #F39;
- }
-
- .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .square {
- background-color: #0F6;
- }
-
- .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .ui-scrollview-clip .square {
- background-color: #FF6;
- }
-
- .single-block-view-h, .single-block-view-v {
- width: 200px;
- height: 200px;
- }
- .double-block-view-h {
- border: solid 1px black;
- width: 400px;
- height: 200px;
- }
-
- .double-block-view-v {
- border: solid 1px black;
- width: 200px;
- height: 400px;
- }
-
- .single-block-view-h > .view, .double-block-view-h > .view {
- width: 1400px;
- height: 200px;
- }
-
- .single-block-view-h > .view > .square, .double-block-view-h > .view > .square {
- float: left;
- }
-
- .single-block-view-v > .view, .double-block-view-v > .view {
- width: 200px;
- height: 1400px;
- }
-
- </style>
- <script src="../../js/jquery.js"></script>
- <script src="../../js/"></script>
- <script src="jquery.easing.1.3.js"></script>
- <script src="jquery.mobile.scrollview.js"></script>
- <script src="scrollview.js"></script>
- <script src="../../docs/lists/docs/docs.js"></script>
-</head>
-<body>
-
-<div data-role="page">
-
- <div data-role="header">
- <h1>Nested Scrollviews</h1>
- </div><!-- /header -->
-
- <div data-role="content">
- <h4>Example 1</h4>
- <p>In the following example the #4 is actually a vertical scrollview embedded within a horizontal scrollview.</p>
- <div data-scroll="x" class="double-block-view-h">
- <div class="view">
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div data-scroll="y" class="square single-block-view-v">
- <div class="view">
- <div class="square">4</div>
- <div class="square">A</div>
- <div class="square">B</div>
- <div data-scroll="x" class="single-block-view-h">
- <div class="view">
- <div class="square">C</div>
- <div class="square">@</div>
- <div class="square">#</div>
- <div class="square">$</div>
- <div class="square">%</div>
- <div class="square">&</div>
- <div class="square">*</div>
- </div>
- </div>
- <div class="square">D</div>
- <div class="square">E</div>
- <div class="square">F</div>
- </div>
- </div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- </div>
- </div>
- <h4>Example 2</h4>
- <p>In the following example the #4 is actually a nested horizontal scrollview embedded within a horizontal scrollview. The idea here is that if you drag-scroll the nested scrollview, once it reaches either end of its view, it should start scrolling the outer view.</p>
- <div data-scroll="x" class="double-block-view-h">
- <div class="view">
- <div class="square">1</div>
- <div class="square">2</div>
- <div class="square">3</div>
- <div data-scroll="x" class="square single-block-view-h">
- <div class="view">
- <div class="square">4</div>
- <div class="square">A</div>
- <div class="square">B</div>
- <div class="square">C</div>
- <div class="square">D</div>
- <div class="square">E</div>
- <div class="square">F</div>
- </div>
- </div>
- <div class="square">5</div>
- <div class="square">6</div>
- <div class="square">7</div>
- </div>
- </div>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p> </p>
- <p></p>
- </div><!-- /content -->
-</div><!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-function ResizePageContentHeight(page) {
- var $page = $(page),
- $content = $page.children( ".ui-content" ),
- hh = $page.children( ".ui-header" ).outerHeight() || 0,
- fh = $page.children( ".ui-footer" ).outerHeight() || 0,
- pt = parseFloat($content.css( "padding-top" )),
- pb = parseFloat($content.css( "padding-bottom" )),
- wh = window.innerHeight;
-
- $content.height(wh - (hh + fh) - (pt + pb));
-}
-
-$( ":jqmData(role='page')" ).live( "pageshow", function(event) {
- var $page = $( this );
-
- // For the demos that use this script, we want the content area of each
- // page to be scrollable in the 'y' direction.
-
- $page.find( ".ui-content" ).attr( "data-" + $.mobile.ns + "scroll", "y" );
-
- // This code that looks for [data-scroll] will eventually be folded
- // into the jqm page processing code when scrollview support is "official"
- // instead of "experimental".
-
- $page.find( ":jqmData(scroll):not(.ui-scrollview-clip)" ).each(function () {
- var $this = $( this );
- // XXX: Remove this check for ui-scrolllistview once we've
- // integrated list divider support into the main scrollview class.
- if ( $this.hasClass( "ui-scrolllistview" ) ) {
- $this.scrolllistview();
- } else {
- var st = $this.jqmData( "scroll" ) + "",
- paging = st && st.search(/^[xy]p$/) != -1,
- dir = st && st.search(/^[xy]/) != -1 ? st.charAt(0) : null,
-
- opts = {
- direction: dir || undefined,
- paging: paging || undefined,
- scrollMethod: $this.jqmData("scroll-method") || undefined
- };
-
- $this.scrollview( opts );
- }
- });
-
- // For the demos, we want to make sure the page being shown has a content
- // area that is sized to fit completely within the viewport. This should
- // also handle the case where pages are loaded dynamically.
-
- ResizePageContentHeight( event.target );
-});
-
-$( window ).bind( "orientationchange", function( event ) {
- ResizePageContentHeight( $( ".ui-page" ) );
-});
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Scrollview Test 1 - Form Element Event Test</title>
-<link rel="stylesheet" href="../../css/themes/default/" />
-<link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css"/>
-<script src="../../js/jquery.js"></script>
-<script src="../../js/"></script>
-<style>
-
-#evtCatcher {
- border: solid 1px black;
- background-color: #FF9;
- padding: 10px;
-}
-
-</style>
-<script>
-
-function getEvtHandler(cb_pd, cb_sp)
-{
- return function(e) {
- if (cb_pd.checked)
- e.preventDefault();
- if (cb_sp.checked)
- e.stopPropagation();
- };
-}
-
-$(function(){
- $("#evtCatcher")
- .bind("touchstart", getEvtHandler($("#cb_hd_pd")[0], $("#cb_hd_sp")[0]))
- .bind("touchmove", getEvtHandler($("#cb_hm_pd")[0], $("#cb_hm_sp")[0]))
- .bind("touchstop", getEvtHandler($("#cb_hu_pd")[0], $("#cb_hu_sp")[0]));
-});
-</script>
-</head>
-<body>
-<div data-role="page" data-theme="c">
- <div data-role="header">
- <h1>Form Element Event Test</h1>
- </div>
- <!-- /header -->
-
- <div data-role="content" data-theme="c">
- <p>The form elements on this page are wrapped by a special div that has event handlers for touchstart, touchmove and touchstop. The checkboxes below control how the event within these handlers is treated when they fire. Use this page to figure out how the various event treatments impact the form elements on you mobile device, then add to the notes at the bottom of the page.</p>
- <p>All scrolling on this page is performed by the native viewport, there are no scrollviews on this page.</p>
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <input type="checkbox" name="cb_hd_pd" id="cb_hd_pd" />
- <label for="cb_hd_pd">touchstart - Prevent Default</label>
- <input type="checkbox" name="cb_hd_sp" id="cb_hd_sp" />
- <label for="cb_hd_sp">touchstart - Stop Propagation</label>
- <input type="checkbox" name="cb_hm_pd" id="cb_hm_pd" />
- <label for="cb_hm_pd">touchmove - Prevent Default</label>
- <input type="checkbox" name="cb_hm_sp" id="cb_hm_sp" />
- <label for="cb_hm_sp">touchmove - Stop Propagation</label>
- <input type="checkbox" name="cb_hu_pd" id="cb_hu_pd" />
- <label for="cb_hu_pd">touchstop - Prevent Default</label>
- <input type="checkbox" name="cb_hu_sp" id="cb_hu_sp" />
- <label for="cb_hu_sp">touchstop - Stop Propagation</label>
- </fieldset>
- </div>
- <div id="evtCatcher">
- <form action="#" method="get">
- <h2>Form elements</h2>
- <div data-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
- <div data-role="fieldcontain">
- <label for="textarea">Textarea:</label>
- <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
- </div>
- <div data-role="fieldcontain">
- <label for="search">Search Input:</label>
- <input type="search" name="password" id="search" value="" />
- </div>
- <div data-role="fieldcontain">
- <label for="slider2">Flip switch:</label>
- <select name="slider2" id="slider2" data-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
- <div data-role="fieldcontain">
- <label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
- </div>
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose as many snacks as you'd like:</legend>
- <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
- <label for="checkbox-1a">Cheetos</label>
- <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
- <label for="checkbox-2a">Doritos</label>
- <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
- <label for="checkbox-3a">Fritos</label>
- <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
- <label for="checkbox-4a">Sun Chips</label>
- </fieldset>
- </div>
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
- <label for="checkbox-6">b</label>
- <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
- <label for="checkbox-7"><em>i</em></label>
- <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
- <label for="checkbox-8">u</label>
- </fieldset>
- </div>
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
- <label for="radio-choice-1">Cat</label>
- <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" />
- <label for="radio-choice-2">Dog</label>
- <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" />
- <label for="radio-choice-3">Hamster</label>
- <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" />
- <label for="radio-choice-4">Lizard</label>
- </fieldset>
- </div>
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup" data-type="horizontal">
- <legend>Layout view:</legend>
- <input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" />
- <label for="radio-choice-c">List</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" />
- <label for="radio-choice-d">Grid</label>
- <input type="radio" name="radio-choice-b" id="radio-choice-e" value="other" />
- <label for="radio-choice-e">Gallery</label>
- </fieldset>
- </div>
- <div data-role="fieldcontain">
- <label for="select-choice-1" class="select">Choose shipping method:</label>
- <select name="select-choice-1" id="select-choice-1">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
- <div data-role="fieldcontain">
- <label for="select-choice-3" class="select">Your state:</label>
- <select name="select-choice-3" id="select-choice-3">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
- <div class="ui-body ui-body-b">
- <fieldset class="ui-grid-a">
- <div class="ui-block-a">
- <button type="submit" data-theme="d">Cancel</button>
- </div>
- <div class="ui-block-b">
- <button type="submit" data-theme="a">Submit</button>
- </div>
- </fieldset>
- </div>
- </form>
- </div>
- <h3>Notes</h3>
- <ul>
- <li>iOS
- <ul>
- <li>None</li>
- </ul>
- </li>
- <li>Android
- <ul>
- <li>HTC Incredible - Android 2.1 (HTC Sense)
- <ul>
- <li>Calling preventDefault() on the touchstart event prevents te following elements from working properly:
- <ul>
- <li>Textfield</li>
- <li>Textarea</li>
- <li>Checkbox</li>
- <li>Radio</li>
- <li>Button</li>
- </ul>
- </li>
- </ul>
- </li>
- <li>Motorola Droid X - Android 2.2 ()</li>
- </ul>
- </li>
- <li>Black Berry OS 6
- <ul>
- <li>None</li>
- </ul>
- </li>
- </ul>
- </div>
- <!-- /content -->
-</div>
-<!-- /page -->
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Scrollview Test 02 - Scrollview Events Test</title>
- <link rel="stylesheet" href="../../css/themes/default/"/>
- <link rel="stylesheet" href="jquery.mobile.scrollview.css" />
- <link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css"/>
- <style>
-#evtCatcher {
- border: solid 1px black;
- background-color: #FF9;
- padding: 10px;
- height: 300px;
-}
-#evtCatcher .ui-scrollview-view {
- padding: 10px;
-}
- </style>
- <script src="../../js/jquery.js"></script>
- <script src="../../js/"></script>
- <script src="../../docs/lists/docs/docs.js"></script>
- <script src="jquery.easing.1.3.js"></script>
- <script src="jquery.mobile.scrollview.js"></script>
- <!-- script src="scrollview.js"></script -->
- <script>
-$("[ data-role=page]").live("pageshow", function(event) {
- var $page = $(this);
- $page.find("[data-scroll]:not(.ui-scrollview-clip)").each(function(){
- var $this = $(this);
- // XXX: Remove this check for ui-scrolllistview once we've
- // integrated list divider support into the main scrollview class.
- if ($this.hasClass("ui-scrolllistview"))
- $this.scrolllistview();
- else
- {
- var st = $this.data("scroll") + "";
- var paging = st && st.search(/^[xy]p$/) != -1;
- var dir = st && st.search(/^[xy]/) != -1 ? st.charAt(0) : null;
-
- var opts = {};
- if (dir)
- opts.direction = dir;
- if (paging)
- opts.pagingEnabled = true;
-
- $this.scrollview(opts);
- }
- });
-
- changeDelayFormElementClick();
-});
-
-function changeScrollMethod()
-{
- var val = $("#s_method").val();
- var $sv = $("#evtCatcher").scrollview("scrollTo", 0, 0);
- if (val === "scroll") {
- $sv.css("overflow", "scroll");
- }
- else {
- $sv.css("overflow", "hidden");
- }
- $sv.data("scrollview").options.scrollMethod = val;
-}
-
-function changeDelayFormElementClick()
-{
- $("#evtCatcher").data("scrollview").options.delayedClickEnabled = ($("#s_delay").val() === "yes");
-}
-
-var cb_hd_pd,
- cb_hd_sp,
- cb_hm_pd,
- cb_hm_sp,
- cb_hu_pd,
- cb_hu_sp;
-
-var hd = $.mobile.scrollview.prototype._handleDragStart;
-var hm = $.mobile.scrollview.prototype._handleDragMove;
-var hu = $.mobile.scrollview.prototype._handleDragStop;
-
-function getDummyEvent(o)
-{
- return { target: o.target, _pd: false, _sp: false, preventDefault: function(){ this._pd = true; }, stopPropagation: function(){ this._sp = true; }};
-}
-
-function updateEvent(e, cb_pd, cb_sp)
-{
- if (cb_pd.checked)
- e.preventDefault();
- if (cb_sp.checked)
- e.stopPropagation();
-}
-
-$.mobile.scrollview.prototype._handleDragStart = function(e,x,y)
-{
- hd.call(this, getDummyEvent(e), x, y);
- updateEvent(e, cb_hd_pd, cb_hd_sp);
-};
-
-$.mobile.scrollview.prototype._handleDragMove = function(e,x,y)
-{
- hm.call(this, getDummyEvent(e), x, y);
- updateEvent(e, cb_hm_pd, cb_hm_sp);
-};
-
-$.mobile.scrollview.prototype._handleDragStop = function(e)
-{
- hu.call(this, getDummyEvent(e));
- updateEvent(e, cb_hu_pd, cb_hu_sp);
-};
-
-$(function(){
- cb_hd_pd = $("#cb_hd_pd")[0];
- cb_hd_sp = $("#cb_hd_sp")[0];
- cb_hm_pd = $("#cb_hm_pd")[0];
- cb_hm_sp = $("#cb_hm_sp")[0];
- cb_hu_pd = $("#cb_hu_pd")[0];
- cb_hu_sp = $("#cb_hu_sp")[0];
-});
- </script>
- </head>
- <body>
-<div data-role="page">
- <div data-role="header">
- <h1>Scroll View Events Test</h1>
- </div>
- <!-- /header -->
-
- <div data-role="content">
- <h3>Test</h3>
- <p>This page wraps the _handleDragStart, _handleDragMove, and _handleDragStop events of the scrollview widget so that the checkboxes below can determine how the native event is treated. You can use this page to figure out what events need to be caught and what special treatment is necessary to prevent native scrolling. You can also test the effect of that treatment on form elements within the sample scrollview.</p>
- <div data-role="fieldcontain">
- <label for="s_method" class="select">Scrolling Method:</label>
- <select name="s_method" id="s_method" onchange="changeScrollMethod();">
- <option value="translate" selected="selected">CSS3 Transform/Translate</option>
- <option value="position">CSS Top/Left Positioning</option>
- <option value="scroll">scrollTop/scrollLeft</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <label for="s_delay" class="select">Delay Form Element Click:</label>
- <select name="s_delay" id="s_delay" onchange="changeDelayFormElementClick();">
- <option value="yes">Yes</option>
- <option value="no" selected="selected">No</option>
- </select>
- </div>
-
- <div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <input type="checkbox" name="cb_hd_pd" id="cb_hd_pd" checked="checked" />
- <label for="cb_hd_pd">touchstart - Prevent Default</label>
- <input type="checkbox" name="cb_hd_sp" id="cb_hd_sp" checked="checked" />
- <label for="cb_hd_sp">touchstart - Stop Propagation</label>
- <input type="checkbox" name="cb_hm_pd" id="cb_hm_pd" checked="checked" />
- <label for="cb_hm_pd">touchmove - Prevent Default</label>
- <input type="checkbox" name="cb_hm_sp" id="cb_hm_sp" />
- <label for="cb_hm_sp">touchmove - Stop Propagation</label>
- <input type="checkbox" name="cb_hu_pd" id="cb_hu_pd" />
- <label for="cb_hu_pd">touchstop - Prevent Default</label>
- <input type="checkbox" name="cb_hu_sp" id="cb_hu_sp" />
- <label for="cb_hu_sp">touchstop - Stop Propagation</label>
- </fieldset>
- </div>
- <div id="evtCatcher" data-scroll="y">
-<div data-role="fieldcontain">
- <label for="tf1">Textfield</label>
- <input type="text" name="tf1" id="tf1" />
-</div>
-<div data-role="fieldcontain">
- <label for="ta1">Textarea</label>
- <textarea name="ta1" id="ta1" rows="5" cols="10"></textarea>
-</div>
-<div data-role="fieldcontain">
- <label for="ta1">Select</label>
- <select name="s1" id="s1">
- <option value="1" selected="selected">Option 1</option>
- <option value="2">Option 2</option>
- <option value="3">Option 3</option>
- <option value="4">Option 4</option>
- <option value="5">Option 5</option>
- </select>
-</div>
-<div data-role="fieldcontain">
- <label for="ta1">Button</label>
- <input type="button" name="b1" id="b1" value="Button" />
-</div>
-<div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <input type="checkbox" name="cb1" id="cb1" />
- <label for="cb1">Checkbox 1</label>
- <input type="checkbox" name="cb2" id="cb2" />
- <label for="cb2">Checkbox 2</label>
- </fieldset>
-</div>
-
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p> </p>
- <p></p>
- </div>
- <h3>Disabling Native Scrolling</h3>
- <p>In order to get faux scrolling to work, we need to prevent the native viewport scrolling from happening. Unfortunately the way you prevent this from happening differs on some mobile webkit platforms. Below is a table that shows what event needs to be caught, and what methods (preventDefault() and/or stopPropagation()) need to be called on that event to prevent native scrolling.<table border="1">
- <tr><th>Device/OS</th><th>D-PD</th><th>D-SP</th><th>M-PD</th><th>M-SP</th><th>U-PD</th><th>U-SP</th></tr>
- <tr><th>iOS 3.2</th><th></th><th></th>
- <th>X</th><th></th><th></th><th></th></tr>
- <tr><th>DroidX/Android 2.2</th>
- <th>X</th><th></th><th></th><th></th><th></th><th></th></tr>
- <tr><th>HTC Incredible/Android 2.1</th>
- <th>X</th>
- <th>X</th><th></th><th></th><th></th><th></th></tr>
- <tr><th>BB Torch/OS 6</th><th></th><th></th>
- <th>X</th>
- <th></th><th></th><th></th></tr>
- </table>
-<h4>Notes</h4>
-<ul>
-<li>The HTC Incredible seems to have a bug that triggers occassionally, where timers will be suspended until the viewport is scrolled.</li>
-<li>On Android devices, calling preventDefault() on the touchstart event, prevents form elements from getting click events and focus.</li>
-<li>On iOS, clicking and dragging within a form element (like textfield/textarea) will always cause the viewport to scroll, event if preventDefault() and stopPropagation() are called on both touchstart and touchmove events.</li>
-</ul>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.</p>
- <p> </p>
- <p></p>
- </div>
- <!-- /content -->
- </div>
-<!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-//quick & dirty theme switcher, written to potentially work as a bookmarklet
-(function($){
- $.themeswitcher = function(){
- if( $('[data-'+ $.mobile.ns +'-url=themeswitcher]').length ){ return; }
- var themesDir = 'http://jquerymobile.com/test/css/themes/',
- themes = ['default','valencia'],
- currentPage = $.mobile.activePage,
- menuPage = $( '<div data-'+ $.mobile.ns +'url="themeswitcher" data-'+ $.mobile.ns +'role=\'dialog\' data-'+ $.mobile.ns +'theme=\'a\'>' +
- '<div data-'+ $.mobile.ns +'role=\'header\' data-'+ $.mobile.ns +'theme=\'b\'>' +
- '<div class=\'ui-title\'>Switch Theme:</div>'+
- '</div>'+
- '<div data-'+ $.mobile.ns +'role=\'content\' data-'+ $.mobile.ns +'theme=\'c\'><ul data-'+ $.mobile.ns +'role=\'listview\' data-'+ $.mobile.ns +'inset=\'true\'></ul></div>'+
- '</div>' )
- .appendTo( $.mobile.pageContainer ),
- menu = menuPage.find('ul');
-
- //menu items
- $.each(themes, function( i ){
- $('<li><a href="#" data-'+ $.mobile.ns +'rel="back">' + themes[ i ].charAt(0).toUpperCase() + themes[ i ].substr(1) + '</a></li>')
- .bind("vclick", function(){
- addTheme( themes[i] );
- menuPage.dialog( "close" );
- return false;
- })
- .appendTo(menu);
- });
-
- //remover, adder
- function addTheme(theme){
- $('head').append( '<link rel=\'stylesheet\' href=\''+ themesDir + theme +'/\' />' );
- }
-
- //create page, listview
- menuPage.page();
-
- };
-})(jQuery);
+++ /dev/null
-<?php
-$location = isset($_GET['location']) ? $_GET['location'] : '02135';
-
-//get xml from google api
-$ch = curl_init();
-curl_setopt($ch, CURLOPT_URL, 'http://www.google.com/ig/api?weather='. $location);
-curl_setopt($ch, CURLOPT_HEADER, 0);
-curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
-curl_setopt($ch, CURLOPT_TIMEOUT, 10);
-$result = curl_exec($ch);
-curl_close($ch);
-
-//parse xml (thx KomunitasWeb.com for pointers)
-$xml = simplexml_load_string($result);
-$information = $xml->xpath("/xml_api_reply/weather/forecast_information");
-$current = $xml->xpath("/xml_api_reply/weather/current_conditions");
-$forecast_list = $xml->xpath("/xml_api_reply/weather/forecast_conditions");
-?>
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Framework - Weather for <?php echo $information[0]->city['data']; ?></title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
- <style>
- .current { text-align: left; }
- h1 { font-size: 1.3em; text-align: center; }
- .ui-listview img { left: auto; margin: 10px; position: absolute; right: 10px; }
- .current { position: relative; }
- .current img { float: left; margin: 5px 10px 0 0; }
- .current p { font-weight: bold; font-size: 1.1em; margin-left: 20px; }
- .ui-mobile label { position: absolute; left: -9999px; }
- .ui-input-search, .min-width-480px .ui-input-search { margin: 5px auto; width: auto; float: none; display: block; }
- </style>
- <script>
- $('div').live('pagecreate',function(){
- $('.ui-listview img').removeClass('ui-corner-bl');
- });
- </script>
-</head>
-<body>
-
-<div data-role="page" data-theme="a">
-
- <form action="" method="get" class="ui-body ui-body-a ">
- <label for="location">Change zip code:</label>
- <input type="search" name="location" id="location" value="<?php echo$location; ?>" placeholder="zip code..." data-theme="a" />
- <input type="submit" data-role="nojs" value="submit" />
- </form>
-
-
- <div data-role="content">
- <h1>Currently in <?=$information[0]->city['data']; ?>:</h1>
- <div class="current ui-body ui-bar-a ui-corner-all">
-
- <img src="<?php echo 'http://www.google.com' . $current[0]->icon['data']?>" alt="weather">
- <p class="condition">
- <?php echo $current[0]->temp_f['data']; ?>° F,
- <?php echo $current[0]->condition['data']; ?>
-
- </p>
- </div>
-
-
- <ul data-role="listview" data-inset="true" data-theme="a">
- <li data-role="list-divider">This week's forecast</li>
- <?php foreach ($forecast_list as $forecast) : ?>
-
- <li>
- <img src="<?php echo 'http://www.google.com' . $forecast->icon['data']; ?>">
- <h3><?php echo $forecast->day_of_week['data']; ?></h3>
- <p>
- <?php echo $forecast->low['data']; ?>° F - <?php echo $forecast->high['data']; ?>° F,
- <?php echo $forecast->condition['data']; ?>
- </p>
- </li>
-
- <?php endforeach; ?>
- </ul>
- </div>
-
-
-</div>
-
-</body>
-</html>
+++ /dev/null
-/**
- * QUnit - A JavaScript Unit Testing Framework
- *
- * http://docs.jquery.com/QUnit
- *
- * Copyright (c) 2011 John Resig, Jörn Zaefferer
- * Dual licensed under the MIT (MIT-LICENSE.txt)
- * or GPL (GPL-LICENSE.txt) licenses.
- */
-
-/** Font Family and Sizes */
-
-#qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
- font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
-}
-
-#qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
-#qunit-tests { font-size: smaller; }
-
-
-/** Resets */
-
-#qunit-tests, #qunit-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
- margin: 0;
- padding: 0;
-}
-
-
-/** Header */
-
-#qunit-header {
- padding: 0.5em 0 0.5em 1em;
-
- color: #8699a4;
- background-color: #0d3349;
-
- font-size: 1.5em;
- line-height: 1em;
- font-weight: normal;
-
- border-radius: 15px 15px 0 0;
- -moz-border-radius: 15px 15px 0 0;
- -webkit-border-top-right-radius: 15px;
- -webkit-border-top-left-radius: 15px;
-}
-
-#qunit-header a {
- text-decoration: none;
- color: #c2ccd1;
-}
-
-#qunit-header a:hover,
-#qunit-header a:focus {
- color: #fff;
-}
-
-#qunit-banner {
- height: 5px;
-}
-
-#qunit-testrunner-toolbar {
- padding: 0.5em 0 0.5em 2em;
- color: #5E740B;
- background-color: #eee;
-}
-
-#qunit-userAgent {
- padding: 0.5em 0 0.5em 2.5em;
- background-color: #2b81af;
- color: #fff;
- text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
-}
-
-
-/** Tests: Pass/Fail */
-
-#qunit-tests {
- list-style-position: inside;
-}
-
-#qunit-tests li {
- padding: 0.4em 0.5em 0.4em 2.5em;
- border-bottom: 1px solid #fff;
- list-style-position: inside;
-}
-
-#qunit-tests.hidepass li.pass, #qunit-tests.hidepass li.running {
- display: none;
-}
-
-#qunit-tests li strong {
- cursor: pointer;
-}
-
-#qunit-tests li a {
- padding: 0.5em;
- color: #c2ccd1;
- text-decoration: none;
-}
-#qunit-tests li a:hover,
-#qunit-tests li a:focus {
- color: #000;
-}
-
-#qunit-tests ol {
- margin-top: 0.5em;
- padding: 0.5em;
-
- background-color: #fff;
-
- border-radius: 15px;
- -moz-border-radius: 15px;
- -webkit-border-radius: 15px;
-
- box-shadow: inset 0px 2px 13px #999;
- -moz-box-shadow: inset 0px 2px 13px #999;
- -webkit-box-shadow: inset 0px 2px 13px #999;
-}
-
-#qunit-tests table {
- border-collapse: collapse;
- margin-top: .2em;
-}
-
-#qunit-tests th {
- text-align: right;
- vertical-align: top;
- padding: 0 .5em 0 0;
-}
-
-#qunit-tests td {
- vertical-align: top;
-}
-
-#qunit-tests pre {
- margin: 0;
- white-space: pre-wrap;
- word-wrap: break-word;
-}
-
-#qunit-tests del {
- background-color: #e0f2be;
- color: #374e0c;
- text-decoration: none;
-}
-
-#qunit-tests ins {
- background-color: #ffcaca;
- color: #500;
- text-decoration: none;
-}
-
-/*** Test Counts */
-
-#qunit-tests b.counts { color: black; }
-#qunit-tests b.passed { color: #5E740B; }
-#qunit-tests b.failed { color: #710909; }
-
-#qunit-tests li li {
- margin: 0.5em;
- padding: 0.4em 0.5em 0.4em 0.5em;
- background-color: #fff;
- border-bottom: none;
- list-style-position: inside;
-}
-
-/*** Passing Styles */
-
-#qunit-tests li li.pass {
- color: #5E740B;
- background-color: #fff;
- border-left: 26px solid #C6E746;
-}
-
-#qunit-tests .pass { color: #528CE0; background-color: #D2E0E6; }
-#qunit-tests .pass .test-name { color: #366097; }
-
-#qunit-tests .pass .test-actual,
-#qunit-tests .pass .test-expected { color: #999999; }
-
-#qunit-banner.qunit-pass { background-color: #C6E746; }
-
-/*** Failing Styles */
-
-#qunit-tests li li.fail {
- color: #710909;
- background-color: #fff;
- border-left: 26px solid #EE5757;
- white-space: pre;
-}
-
-#qunit-tests > li:last-child {
- border-radius: 0 0 15px 15px;
- -moz-border-radius: 0 0 15px 15px;
- -webkit-border-bottom-right-radius: 15px;
- -webkit-border-bottom-left-radius: 15px;
-}
-
-#qunit-tests .fail { color: #000000; background-color: #EE5757; }
-#qunit-tests .fail .test-name,
-#qunit-tests .fail .module-name { color: #000000; }
-
-#qunit-tests .fail .test-actual { color: #EE5757; }
-#qunit-tests .fail .test-expected { color: green; }
-
-#qunit-banner.qunit-fail { background-color: #EE5757; }
-
-
-/** Result */
-
-#qunit-testresult {
- padding: 0.5em 0.5em 0.5em 2.5em;
-
- color: #2b81af;
- background-color: #D2E0E6;
-
- border-bottom: 1px solid white;
-}
-
-/** Fixture */
-
-#qunit-fixture {
- position: absolute;
- top: -10000px;
- left: -10000px;
-}
-
-[data-nstest-role='page'], [data-nstest-role='dialog'] {
- position: absolute !important;
- top: -10000px !important;
-}
+++ /dev/null
-/**
- * QUnit - A JavaScript Unit Testing Framework
- *
- * http://docs.jquery.com/QUnit
- *
- * Copyright (c) 2011 John Resig, Jörn Zaefferer
- * Dual licensed under the MIT (MIT-LICENSE.txt)
- * or GPL (GPL-LICENSE.txt) licenses.
- */
-
-(function(window) {
-
-var defined = {
- setTimeout: typeof window.setTimeout !== "undefined",
- sessionStorage: (function() {
- try {
- return !!sessionStorage.getItem;
- } catch(e) {
- return false;
- }
- })()
-};
-
-var testId = 0;
-
-var Test = function(name, testName, expected, testEnvironmentArg, async, callback) {
- this.name = name;
- this.testName = testName;
- this.expected = expected;
- this.testEnvironmentArg = testEnvironmentArg;
- this.async = async;
- this.callback = callback;
- this.assertions = [];
-};
-Test.prototype = {
- init: function() {
- var tests = id("qunit-tests");
- if (tests) {
- var b = document.createElement("strong");
- b.innerHTML = "Running " + this.name;
- var li = document.createElement("li");
- li.appendChild( b );
- li.className = "running";
- li.id = this.id = "test-output" + testId++;
- tests.appendChild( li );
- }
- },
- setup: function() {
- if (this.module != config.previousModule) {
- if ( config.previousModule ) {
- runLoggingCallbacks('moduleDone', QUnit, {
- name: config.previousModule,
- failed: config.moduleStats.bad,
- passed: config.moduleStats.all - config.moduleStats.bad,
- total: config.moduleStats.all
- } );
- }
- config.previousModule = this.module;
- config.moduleStats = { all: 0, bad: 0 };
- runLoggingCallbacks( 'moduleStart', QUnit, {
- name: this.module
- } );
- }
-
- config.current = this;
- this.testEnvironment = extend({
- setup: function() {},
- teardown: function() {}
- }, this.moduleTestEnvironment);
- if (this.testEnvironmentArg) {
- extend(this.testEnvironment, this.testEnvironmentArg);
- }
-
- runLoggingCallbacks( 'testStart', QUnit, {
- name: this.testName,
- module: this.module
- });
-
- // allow utility functions to access the current test environment
- // TODO why??
- QUnit.current_testEnvironment = this.testEnvironment;
-
- try {
- if ( !config.pollution ) {
- saveGlobal();
- }
-
- this.testEnvironment.setup.call(this.testEnvironment);
- } catch(e) {
- QUnit.ok( false, "Setup failed on " + this.testName + ": " + e.message );
- }
- },
- run: function() {
- if ( this.async ) {
- QUnit.stop();
- }
-
- if ( config.notrycatch ) {
- this.callback.call(this.testEnvironment);
- return;
- }
- try {
- this.callback.call(this.testEnvironment);
- } catch(e) {
- fail("Test " + this.testName + " died, exception and test follows", e, this.callback);
- QUnit.ok( false, "Died on test #" + (this.assertions.length + 1) + ": " + e.message + " - " + QUnit.jsDump.parse(e) );
- // else next test will carry the responsibility
- saveGlobal();
-
- // Restart the tests if they're blocking
- if ( config.blocking ) {
- start();
- }
- }
- },
- teardown: function() {
- try {
- this.testEnvironment.teardown.call(this.testEnvironment);
- checkPollution();
- } catch(e) {
- QUnit.ok( false, "Teardown failed on " + this.testName + ": " + e.message );
- }
- },
- finish: function() {
- if ( this.expected && this.expected != this.assertions.length ) {
- QUnit.ok( false, "Expected " + this.expected + " assertions, but " + this.assertions.length + " were run" );
- }
-
- var good = 0, bad = 0,
- tests = id("qunit-tests");
-
- config.stats.all += this.assertions.length;
- config.moduleStats.all += this.assertions.length;
-
- if ( tests ) {
- var ol = document.createElement("ol");
-
- for ( var i = 0; i < this.assertions.length; i++ ) {
- var assertion = this.assertions[i];
-
- var li = document.createElement("li");
- li.className = assertion.result ? "pass" : "fail";
- li.innerHTML = assertion.message || (assertion.result ? "okay" : "failed");
- ol.appendChild( li );
-
- if ( assertion.result ) {
- good++;
- } else {
- bad++;
- config.stats.bad++;
- config.moduleStats.bad++;
- }
- }
-
- // store result when possible
- if ( QUnit.config.reorder && defined.sessionStorage ) {
- if (bad) {
- sessionStorage.setItem("qunit-" + this.module + "-" + this.testName, bad);
- } else {
- sessionStorage.removeItem("qunit-" + this.module + "-" + this.testName);
- }
- }
-
- if (bad == 0) {
- ol.style.display = "none";
- }
-
- var b = document.createElement("strong");
- b.innerHTML = this.name + " <b class='counts'>(<b class='failed'>" + bad + "</b>, <b class='passed'>" + good + "</b>, " + this.assertions.length + ")</b>";
-
- var a = document.createElement("a");
- a.innerHTML = "Rerun";
- a.href = QUnit.url({ filter: getText([b]).replace(/\([^)]+\)$/, "").replace(/(^\s*|\s*$)/g, "") });
-
- addEvent(b, "click", function() {
- var next = b.nextSibling.nextSibling,
- display = next.style.display;
- next.style.display = display === "none" ? "block" : "none";
- });
-
- addEvent(b, "dblclick", function(e) {
- var target = e && e.target ? e.target : window.event.srcElement;
- if ( target.nodeName.toLowerCase() == "span" || target.nodeName.toLowerCase() == "b" ) {
- target = target.parentNode;
- }
- if ( window.location && target.nodeName.toLowerCase() === "strong" ) {
- window.location = QUnit.url({ filter: getText([target]).replace(/\([^)]+\)$/, "").replace(/(^\s*|\s*$)/g, "") });
- }
- });
-
- var li = id(this.id);
- li.className = bad ? "fail" : "pass";
- li.removeChild( li.firstChild );
- li.appendChild( b );
- li.appendChild( a );
- li.appendChild( ol );
-
- } else {
- for ( var i = 0; i < this.assertions.length; i++ ) {
- if ( !this.assertions[i].result ) {
- bad++;
- config.stats.bad++;
- config.moduleStats.bad++;
- }
- }
- }
-
- try {
- QUnit.reset();
- } catch(e) {
- fail("reset() failed, following Test " + this.testName + ", exception and reset fn follows", e, QUnit.reset);
- }
-
- runLoggingCallbacks( 'testDone', QUnit, {
- name: this.testName,
- module: this.module,
- failed: bad,
- passed: this.assertions.length - bad,
- total: this.assertions.length
- } );
- },
-
- queue: function() {
- var test = this;
- synchronize(function() {
- test.init();
- });
- function run() {
- // each of these can by async
- synchronize(function() {
- test.setup();
- });
- synchronize(function() {
- test.run();
- });
- synchronize(function() {
- test.teardown();
- });
- synchronize(function() {
- test.finish();
- });
- }
- // defer when previous test run passed, if storage is available
- var bad = QUnit.config.reorder && defined.sessionStorage && +sessionStorage.getItem("qunit-" + this.module + "-" + this.testName);
- if (bad) {
- run();
- } else {
- synchronize(run);
- };
- }
-
-};
-
-var QUnit = {
-
- // call on start of module test to prepend name to all tests
- module: function(name, testEnvironment) {
- config.currentModule = name;
- config.currentModuleTestEnviroment = testEnvironment;
- },
-
- asyncTest: function(testName, expected, callback) {
- if ( arguments.length === 2 ) {
- callback = expected;
- expected = 0;
- }
-
- QUnit.test(testName, expected, callback, true);
- },
-
- test: function(testName, expected, callback, async) {
- var name = '<span class="test-name">' + testName + '</span>', testEnvironmentArg;
-
- if ( arguments.length === 2 ) {
- callback = expected;
- expected = null;
- }
- // is 2nd argument a testEnvironment?
- if ( expected && typeof expected === 'object') {
- testEnvironmentArg = expected;
- expected = null;
- }
-
- if ( config.currentModule ) {
- name = '<span class="module-name">' + config.currentModule + "</span>: " + name;
- }
-
- if ( !validTest(config.currentModule + ": " + testName) ) {
- return;
- }
-
- var test = new Test(name, testName, expected, testEnvironmentArg, async, callback);
- test.module = config.currentModule;
- test.moduleTestEnvironment = config.currentModuleTestEnviroment;
- test.queue();
- },
-
- /**
- * Specify the number of expected assertions to gurantee that failed test (no assertions are run at all) don't slip through.
- */
- expect: function(asserts) {
- config.current.expected = asserts;
- },
-
- /**
- * Asserts true.
- * @example ok( "asdfasdf".length > 5, "There must be at least 5 chars" );
- */
- ok: function(a, msg) {
- a = !!a;
- var details = {
- result: a,
- message: msg
- };
- msg = escapeInnerText(msg);
- runLoggingCallbacks( 'log', QUnit, details );
- config.current.assertions.push({
- result: a,
- message: msg
- });
- },
-
- /**
- * Checks that the first two arguments are equal, with an optional message.
- * Prints out both actual and expected values.
- *
- * Prefered to ok( actual == expected, message )
- *
- * @example equal( format("Received {0} bytes.", 2), "Received 2 bytes." );
- *
- * @param Object actual
- * @param Object expected
- * @param String message (optional)
- */
- equal: function(actual, expected, message) {
- QUnit.push(expected == actual, actual, expected, message);
- },
-
- notEqual: function(actual, expected, message) {
- QUnit.push(expected != actual, actual, expected, message);
- },
-
- deepEqual: function(actual, expected, message) {
- QUnit.push(QUnit.equiv(actual, expected), actual, expected, message);
- },
-
- notDeepEqual: function(actual, expected, message) {
- QUnit.push(!QUnit.equiv(actual, expected), actual, expected, message);
- },
-
- strictEqual: function(actual, expected, message) {
- QUnit.push(expected === actual, actual, expected, message);
- },
-
- notStrictEqual: function(actual, expected, message) {
- QUnit.push(expected !== actual, actual, expected, message);
- },
-
- raises: function(block, expected, message) {
- var actual, ok = false;
-
- if (typeof expected === 'string') {
- message = expected;
- expected = null;
- }
-
- try {
- block();
- } catch (e) {
- actual = e;
- }
-
- if (actual) {
- // we don't want to validate thrown error
- if (!expected) {
- ok = true;
- // expected is a regexp
- } else if (QUnit.objectType(expected) === "regexp") {
- ok = expected.test(actual);
- // expected is a constructor
- } else if (actual instanceof expected) {
- ok = true;
- // expected is a validation function which returns true is validation passed
- } else if (expected.call({}, actual) === true) {
- ok = true;
- }
- }
-
- QUnit.ok(ok, message);
- },
-
- start: function(count) {
- config.semaphore -= count || 1;
- if (config.semaphore > 0) {
- // don't start until equal number of stop-calls
- return;
- }
- if (config.semaphore < 0) {
- // ignore if start is called more often then stop
- config.semaphore = 0;
- }
- // A slight delay, to avoid any current callbacks
- if ( defined.setTimeout ) {
- window.setTimeout(function() {
- if (config.semaphore > 0) {
- return;
- }
- if ( config.timeout ) {
- clearTimeout(config.timeout);
- }
-
- config.blocking = false;
- process();
- }, 13);
- } else {
- config.blocking = false;
- process();
- }
- },
-
- stop: function(count) {
- config.semaphore += count || 1;
- config.blocking = true;
-
- if ( config.testTimeout && defined.setTimeout ) {
- clearTimeout(config.timeout);
- config.timeout = window.setTimeout(function() {
- QUnit.ok( false, "Test timed out" );
- config.semaphore = 1;
- QUnit.start();
- }, config.testTimeout);
- }
- }
-};
-
-//We want access to the constructor's prototype
-(function() {
- function F(){};
- F.prototype = QUnit;
- QUnit = new F();
- //Make F QUnit's constructor so that we can add to the prototype later
- QUnit.constructor = F;
-})();
-
-// Backwards compatibility, deprecated
-QUnit.equals = QUnit.equal;
-QUnit.same = QUnit.deepEqual;
-
-// Maintain internal state
-var config = {
- // The queue of tests to run
- queue: [],
-
- // block until document ready
- blocking: true,
-
- // when enabled, show only failing tests
- // gets persisted through sessionStorage and can be changed in UI via checkbox
- hidepassed: false,
-
- // by default, run previously failed tests first
- // very useful in combination with "Hide passed tests" checked
- reorder: true,
-
- // by default, modify document.title when suite is done
- altertitle: true,
-
- urlConfig: ['noglobals', 'notrycatch'],
-
- //logging callback queues
- begin: [],
- done: [],
- log: [],
- testStart: [],
- testDone: [],
- moduleStart: [],
- moduleDone: []
-};
-
-// Load paramaters
-(function() {
- var location = window.location || { search: "", protocol: "file:" },
- params = location.search.slice( 1 ).split( "&" ),
- length = params.length,
- urlParams = {},
- current;
-
- if ( params[ 0 ] ) {
- for ( var i = 0; i < length; i++ ) {
- current = params[ i ].split( "=" );
- current[ 0 ] = decodeURIComponent( current[ 0 ] );
- // allow just a key to turn on a flag, e.g., test.html?noglobals
- current[ 1 ] = current[ 1 ] ? decodeURIComponent( current[ 1 ] ) : true;
- urlParams[ current[ 0 ] ] = current[ 1 ];
- }
- }
-
- QUnit.urlParams = urlParams;
- config.filter = urlParams.filter;
-
- // Figure out if we're running the tests from a server or not
- QUnit.isLocal = !!(location.protocol === 'file:');
-})();
-
-// Expose the API as global variables, unless an 'exports'
-// object exists, in that case we assume we're in CommonJS
-if ( typeof exports === "undefined" || typeof require === "undefined" ) {
- extend(window, QUnit);
- window.QUnit = QUnit;
-} else {
- extend(exports, QUnit);
- exports.QUnit = QUnit;
-}
-
-// define these after exposing globals to keep them in these QUnit namespace only
-extend(QUnit, {
- config: config,
-
- // Initialize the configuration options
- init: function() {
- extend(config, {
- stats: { all: 0, bad: 0 },
- moduleStats: { all: 0, bad: 0 },
- started: +new Date,
- updateRate: 1000,
- blocking: false,
- autostart: true,
- autorun: false,
- filter: "",
- queue: [],
- semaphore: 0
- });
-
- var tests = id( "qunit-tests" ),
- banner = id( "qunit-banner" ),
- result = id( "qunit-testresult" );
-
- if ( tests ) {
- tests.innerHTML = "";
- }
-
- if ( banner ) {
- banner.className = "";
- }
-
- if ( result ) {
- result.parentNode.removeChild( result );
- }
-
- if ( tests ) {
- result = document.createElement( "p" );
- result.id = "qunit-testresult";
- result.className = "result";
- tests.parentNode.insertBefore( result, tests );
- result.innerHTML = 'Running...<br/> ';
- }
- },
-
- /**
- * Resets the test setup. Useful for tests that modify the DOM.
- *
- * If jQuery is available, uses jQuery's html(), otherwise just innerHTML.
- */
- reset: function() {
- if ( window.jQuery ) {
- jQuery( "#qunit-fixture" ).html( config.fixture );
- } else {
- var main = id( 'qunit-fixture' );
- if ( main ) {
- main.innerHTML = config.fixture;
- }
- }
- },
-
- /**
- * Trigger an event on an element.
- *
- * @example triggerEvent( document.body, "click" );
- *
- * @param DOMElement elem
- * @param String type
- */
- triggerEvent: function( elem, type, event ) {
- if ( document.createEvent ) {
- event = document.createEvent("MouseEvents");
- event.initMouseEvent(type, true, true, elem.ownerDocument.defaultView,
- 0, 0, 0, 0, 0, false, false, false, false, 0, null);
- elem.dispatchEvent( event );
-
- } else if ( elem.fireEvent ) {
- elem.fireEvent("on"+type);
- }
- },
-
- // Safe object type checking
- is: function( type, obj ) {
- return QUnit.objectType( obj ) == type;
- },
-
- objectType: function( obj ) {
- if (typeof obj === "undefined") {
- return "undefined";
-
- // consider: typeof null === object
- }
- if (obj === null) {
- return "null";
- }
-
- var type = Object.prototype.toString.call( obj )
- .match(/^\[object\s(.*)\]$/)[1] || '';
-
- switch (type) {
- case 'Number':
- if (isNaN(obj)) {
- return "nan";
- } else {
- return "number";
- }
- case 'String':
- case 'Boolean':
- case 'Array':
- case 'Date':
- case 'RegExp':
- case 'Function':
- return type.toLowerCase();
- }
- if (typeof obj === "object") {
- return "object";
- }
- return undefined;
- },
-
- push: function(result, actual, expected, message) {
- var details = {
- result: result,
- message: message,
- actual: actual,
- expected: expected
- };
-
- message = escapeInnerText(message) || (result ? "okay" : "failed");
- message = '<span class="test-message">' + message + "</span>";
- expected = escapeInnerText(QUnit.jsDump.parse(expected));
- actual = escapeInnerText(QUnit.jsDump.parse(actual));
- var output = message + '<table><tr class="test-expected"><th>Expected: </th><td><pre>' + expected + '</pre></td></tr>';
- if (actual != expected) {
- output += '<tr class="test-actual"><th>Result: </th><td><pre>' + actual + '</pre></td></tr>';
- output += '<tr class="test-diff"><th>Diff: </th><td><pre>' + QUnit.diff(expected, actual) +'</pre></td></tr>';
- }
- if (!result) {
- var source = sourceFromStacktrace();
- if (source) {
- details.source = source;
- output += '<tr class="test-source"><th>Source: </th><td><pre>' + escapeInnerText(source) + '</pre></td></tr>';
- }
- }
- output += "</table>";
-
- runLoggingCallbacks( 'log', QUnit, details );
-
- config.current.assertions.push({
- result: !!result,
- message: output
- });
- },
-
- url: function( params ) {
- params = extend( extend( {}, QUnit.urlParams ), params );
- var querystring = "?",
- key;
- for ( key in params ) {
- querystring += encodeURIComponent( key ) + "=" +
- encodeURIComponent( params[ key ] ) + "&";
- }
- return window.location.pathname + querystring.slice( 0, -1 );
- },
-
- extend: extend,
- id: id,
- addEvent: addEvent
-});
-
-//QUnit.constructor is set to the empty F() above so that we can add to it's prototype later
-//Doing this allows us to tell if the following methods have been overwritten on the actual
-//QUnit object, which is a deprecated way of using the callbacks.
-extend(QUnit.constructor.prototype, {
- // Logging callbacks; all receive a single argument with the listed properties
- // run test/logs.html for any related changes
- begin: registerLoggingCallback('begin'),
- // done: { failed, passed, total, runtime }
- done: registerLoggingCallback('done'),
- // log: { result, actual, expected, message }
- log: registerLoggingCallback('log'),
- // testStart: { name }
- testStart: registerLoggingCallback('testStart'),
- // testDone: { name, failed, passed, total }
- testDone: registerLoggingCallback('testDone'),
- // moduleStart: { name }
- moduleStart: registerLoggingCallback('moduleStart'),
- // moduleDone: { name, failed, passed, total }
- moduleDone: registerLoggingCallback('moduleDone')
-});
-
-if ( typeof document === "undefined" || document.readyState === "complete" ) {
- config.autorun = true;
-}
-
-QUnit.load = function() {
- runLoggingCallbacks( 'begin', QUnit, {} );
-
- // Initialize the config, saving the execution queue
- var oldconfig = extend({}, config);
- QUnit.init();
- extend(config, oldconfig);
-
- config.blocking = false;
-
- var urlConfigHtml = '', len = config.urlConfig.length;
- for ( var i = 0, val; i < len, val = config.urlConfig[i]; i++ ) {
- config[val] = QUnit.urlParams[val];
- urlConfigHtml += '<label><input name="' + val + '" type="checkbox"' + ( config[val] ? ' checked="checked"' : '' ) + '>' + val + '</label>';
- }
-
- var userAgent = id("qunit-userAgent");
- if ( userAgent ) {
- userAgent.innerHTML = navigator.userAgent;
- }
- var banner = id("qunit-header");
- if ( banner ) {
- banner.innerHTML = '<a href="' + QUnit.url({ filter: undefined }) + '"> ' + banner.innerHTML + '</a> ' + urlConfigHtml;
- addEvent( banner, "change", function( event ) {
- var params = {};
- params[ event.target.name ] = event.target.checked ? true : undefined;
- window.location = QUnit.url( params );
- });
- }
-
- var toolbar = id("qunit-testrunner-toolbar");
- if ( toolbar ) {
- var filter = document.createElement("input");
- filter.type = "checkbox";
- filter.id = "qunit-filter-pass";
- addEvent( filter, "click", function() {
- var ol = document.getElementById("qunit-tests");
- if ( filter.checked ) {
- ol.className = ol.className + " hidepass";
- } else {
- var tmp = " " + ol.className.replace( /[\n\t\r]/g, " " ) + " ";
- ol.className = tmp.replace(/ hidepass /, " ");
- }
- if ( defined.sessionStorage ) {
- if (filter.checked) {
- sessionStorage.setItem("qunit-filter-passed-tests", "true");
- } else {
- sessionStorage.removeItem("qunit-filter-passed-tests");
- }
- }
- });
- if ( config.hidepassed || defined.sessionStorage && sessionStorage.getItem("qunit-filter-passed-tests") ) {
- filter.checked = true;
- var ol = document.getElementById("qunit-tests");
- ol.className = ol.className + " hidepass";
- }
- toolbar.appendChild( filter );
-
- var label = document.createElement("label");
- label.setAttribute("for", "qunit-filter-pass");
- label.innerHTML = "Hide passed tests";
- toolbar.appendChild( label );
- }
-
- var main = id('qunit-fixture');
- if ( main ) {
- config.fixture = main.innerHTML;
- }
-
- if (config.autostart) {
- QUnit.start();
- }
-};
-
-addEvent(window, "load", QUnit.load);
-
-function done() {
- config.autorun = true;
-
- // Log the last module results
- if ( config.currentModule ) {
- runLoggingCallbacks( 'moduleDone', QUnit, {
- name: config.currentModule,
- failed: config.moduleStats.bad,
- passed: config.moduleStats.all - config.moduleStats.bad,
- total: config.moduleStats.all
- } );
- }
-
- var banner = id("qunit-banner"),
- tests = id("qunit-tests"),
- runtime = +new Date - config.started,
- passed = config.stats.all - config.stats.bad,
- html = [
- 'Tests completed in ',
- runtime,
- ' milliseconds.<br/>',
- '<span class="passed">',
- passed,
- '</span> tests of <span class="total">',
- config.stats.all,
- '</span> passed, <span class="failed">',
- config.stats.bad,
- '</span> failed.'
- ].join('');
-
- if ( banner ) {
- banner.className = (config.stats.bad ? "qunit-fail" : "qunit-pass");
- }
-
- if ( tests ) {
- id( "qunit-testresult" ).innerHTML = html;
- }
-
- if ( config.altertitle && typeof document !== "undefined" && document.title ) {
- // show ✖ for good, ✔ for bad suite result in title
- // use escape sequences in case file gets loaded with non-utf-8-charset
- document.title = [
- (config.stats.bad ? "\u2716" : "\u2714"),
- document.title.replace(/^[\u2714\u2716] /i, "")
- ].join(" ");
- }
-
- runLoggingCallbacks( 'done', QUnit, {
- failed: config.stats.bad,
- passed: passed,
- total: config.stats.all,
- runtime: runtime
- } );
-}
-
-function validTest( name ) {
- var filter = config.filter,
- run = false;
-
- if ( !filter ) {
- return true;
- }
-
- var not = filter.charAt( 0 ) === "!";
- if ( not ) {
- filter = filter.slice( 1 );
- }
-
- if ( name.indexOf( filter ) !== -1 ) {
- return !not;
- }
-
- if ( not ) {
- run = true;
- }
-
- return run;
-}
-
-// so far supports only Firefox, Chrome and Opera (buggy)
-// could be extended in the future to use something like https://github.com/csnover/TraceKit
-function sourceFromStacktrace() {
- try {
- throw new Error();
- } catch ( e ) {
- if (e.stacktrace) {
- // Opera
- return e.stacktrace.split("\n")[6];
- } else if (e.stack) {
- // Firefox, Chrome
- return e.stack.split("\n")[4];
- } else if (e.sourceURL) {
- // Safari, PhantomJS
- // TODO sourceURL points at the 'throw new Error' line above, useless
- //return e.sourceURL + ":" + e.line;
- }
- }
-}
-
-function escapeInnerText(s) {
- if (!s) {
- return "";
- }
- s = s + "";
- return s.replace(/[\&<>]/g, function(s) {
- switch(s) {
- case "&": return "&";
- case "<": return "<";
- case ">": return ">";
- default: return s;
- }
- });
-}
-
-function synchronize( callback ) {
- config.queue.push( callback );
-
- if ( config.autorun && !config.blocking ) {
- process();
- }
-}
-
-function process() {
- var start = (new Date()).getTime();
-
- while ( config.queue.length && !config.blocking ) {
- if ( config.updateRate <= 0 || (((new Date()).getTime() - start) < config.updateRate) ) {
- config.queue.shift()();
- } else {
- window.setTimeout( process, 13 );
- break;
- }
- }
- if (!config.blocking && !config.queue.length) {
- done();
- }
-}
-
-function saveGlobal() {
- config.pollution = [];
-
- if ( config.noglobals ) {
- for ( var key in window ) {
- config.pollution.push( key );
- }
- }
-}
-
-function checkPollution( name ) {
- var old = config.pollution;
- saveGlobal();
-
- var newGlobals = diff( config.pollution, old );
- if ( newGlobals.length > 0 ) {
- ok( false, "Introduced global variable(s): " + newGlobals.join(", ") );
- }
-
- var deletedGlobals = diff( old, config.pollution );
- if ( deletedGlobals.length > 0 ) {
- ok( false, "Deleted global variable(s): " + deletedGlobals.join(", ") );
- }
-}
-
-// returns a new Array with the elements that are in a but not in b
-function diff( a, b ) {
- var result = a.slice();
- for ( var i = 0; i < result.length; i++ ) {
- for ( var j = 0; j < b.length; j++ ) {
- if ( result[i] === b[j] ) {
- result.splice(i, 1);
- i--;
- break;
- }
- }
- }
- return result;
-}
-
-function fail(message, exception, callback) {
- if ( typeof console !== "undefined" && console.error && console.warn ) {
- console.error(message);
- console.error(exception);
- console.warn(callback.toString());
-
- } else if ( window.opera && opera.postError ) {
- opera.postError(message, exception, callback.toString);
- }
-}
-
-function extend(a, b) {
- for ( var prop in b ) {
- if ( b[prop] === undefined ) {
- delete a[prop];
- } else {
- a[prop] = b[prop];
- }
- }
-
- return a;
-}
-
-function addEvent(elem, type, fn) {
- if ( elem.addEventListener ) {
- elem.addEventListener( type, fn, false );
- } else if ( elem.attachEvent ) {
- elem.attachEvent( "on" + type, fn );
- } else {
- fn();
- }
-}
-
-function id(name) {
- return !!(typeof document !== "undefined" && document && document.getElementById) &&
- document.getElementById( name );
-}
-
-function registerLoggingCallback(key){
- return function(callback){
- config[key].push( callback );
- };
-}
-
-// Supports deprecated method of completely overwriting logging callbacks
-function runLoggingCallbacks(key, scope, args) {
- //debugger;
- var callbacks;
- if ( QUnit.hasOwnProperty(key) ) {
- QUnit[key].call(scope, args);
- } else {
- callbacks = config[key];
- for( var i = 0; i < callbacks.length; i++ ) {
- callbacks[i].call( scope, args );
- }
- }
-}
-
-// Test for equality any JavaScript type.
-// Author: Philippe Rathé <prathe@gmail.com>
-QUnit.equiv = function () {
-
- var innerEquiv; // the real equiv function
- var callers = []; // stack to decide between skip/abort functions
- var parents = []; // stack to avoiding loops from circular referencing
-
- // Call the o related callback with the given arguments.
- function bindCallbacks(o, callbacks, args) {
- var prop = QUnit.objectType(o);
- if (prop) {
- if (QUnit.objectType(callbacks[prop]) === "function") {
- return callbacks[prop].apply(callbacks, args);
- } else {
- return callbacks[prop]; // or undefined
- }
- }
- }
-
- var callbacks = function () {
-
- // for string, boolean, number and null
- function useStrictEquality(b, a) {
- if (b instanceof a.constructor || a instanceof b.constructor) {
- // to catch short annotaion VS 'new' annotation of a
- // declaration
- // e.g. var i = 1;
- // var j = new Number(1);
- return a == b;
- } else {
- return a === b;
- }
- }
-
- return {
- "string" : useStrictEquality,
- "boolean" : useStrictEquality,
- "number" : useStrictEquality,
- "null" : useStrictEquality,
- "undefined" : useStrictEquality,
-
- "nan" : function(b) {
- return isNaN(b);
- },
-
- "date" : function(b, a) {
- return QUnit.objectType(b) === "date"
- && a.valueOf() === b.valueOf();
- },
-
- "regexp" : function(b, a) {
- return QUnit.objectType(b) === "regexp"
- && a.source === b.source && // the regex itself
- a.global === b.global && // and its modifers
- // (gmi) ...
- a.ignoreCase === b.ignoreCase
- && a.multiline === b.multiline;
- },
-
- // - skip when the property is a method of an instance (OOP)
- // - abort otherwise,
- // initial === would have catch identical references anyway
- "function" : function() {
- var caller = callers[callers.length - 1];
- return caller !== Object && typeof caller !== "undefined";
- },
-
- "array" : function(b, a) {
- var i, j, loop;
- var len;
-
- // b could be an object literal here
- if (!(QUnit.objectType(b) === "array")) {
- return false;
- }
-
- len = a.length;
- if (len !== b.length) { // safe and faster
- return false;
- }
-
- // track reference to avoid circular references
- parents.push(a);
- for (i = 0; i < len; i++) {
- loop = false;
- for (j = 0; j < parents.length; j++) {
- if (parents[j] === a[i]) {
- loop = true;// dont rewalk array
- }
- }
- if (!loop && !innerEquiv(a[i], b[i])) {
- parents.pop();
- return false;
- }
- }
- parents.pop();
- return true;
- },
-
- "object" : function(b, a) {
- var i, j, loop;
- var eq = true; // unless we can proove it
- var aProperties = [], bProperties = []; // collection of
- // strings
-
- // comparing constructors is more strict than using
- // instanceof
- if (a.constructor !== b.constructor) {
- return false;
- }
-
- // stack constructor before traversing properties
- callers.push(a.constructor);
- // track reference to avoid circular references
- parents.push(a);
-
- for (i in a) { // be strict: don't ensures hasOwnProperty
- // and go deep
- loop = false;
- for (j = 0; j < parents.length; j++) {
- if (parents[j] === a[i])
- loop = true; // don't go down the same path
- // twice
- }
- aProperties.push(i); // collect a's properties
-
- if (!loop && !innerEquiv(a[i], b[i])) {
- eq = false;
- break;
- }
- }
-
- callers.pop(); // unstack, we are done
- parents.pop();
-
- for (i in b) {
- bProperties.push(i); // collect b's properties
- }
-
- // Ensures identical properties name
- return eq
- && innerEquiv(aProperties.sort(), bProperties
- .sort());
- }
- };
- }();
-
- innerEquiv = function() { // can take multiple arguments
- var args = Array.prototype.slice.apply(arguments);
- if (args.length < 2) {
- return true; // end transition
- }
-
- return (function(a, b) {
- if (a === b) {
- return true; // catch the most you can
- } else if (a === null || b === null || typeof a === "undefined"
- || typeof b === "undefined"
- || QUnit.objectType(a) !== QUnit.objectType(b)) {
- return false; // don't lose time with error prone cases
- } else {
- return bindCallbacks(a, callbacks, [ b, a ]);
- }
-
- // apply transition with (1..n) arguments
- })(args[0], args[1])
- && arguments.callee.apply(this, args.splice(1,
- args.length - 1));
- };
-
- return innerEquiv;
-
-}();
-
-/**
- * jsDump Copyright (c) 2008 Ariel Flesler - aflesler(at)gmail(dot)com |
- * http://flesler.blogspot.com Licensed under BSD
- * (http://www.opensource.org/licenses/bsd-license.php) Date: 5/15/2008
- *
- * @projectDescription Advanced and extensible data dumping for Javascript.
- * @version 1.0.0
- * @author Ariel Flesler
- * @link {http://flesler.blogspot.com/2008/05/jsdump-pretty-dump-of-any-javascript.html}
- */
-QUnit.jsDump = (function() {
- function quote( str ) {
- return '"' + str.toString().replace(/"/g, '\\"') + '"';
- };
- function literal( o ) {
- return o + '';
- };
- function join( pre, arr, post ) {
- var s = jsDump.separator(),
- base = jsDump.indent(),
- inner = jsDump.indent(1);
- if ( arr.join )
- arr = arr.join( ',' + s + inner );
- if ( !arr )
- return pre + post;
- return [ pre, inner + arr, base + post ].join(s);
- };
- function array( arr, stack ) {
- var i = arr.length, ret = Array(i);
- this.up();
- while ( i-- )
- ret[i] = this.parse( arr[i] , undefined , stack);
- this.down();
- return join( '[', ret, ']' );
- };
-
- var reName = /^function (\w+)/;
-
- var jsDump = {
- parse:function( obj, type, stack ) { //type is used mostly internally, you can fix a (custom)type in advance
- stack = stack || [ ];
- var parser = this.parsers[ type || this.typeOf(obj) ];
- type = typeof parser;
- var inStack = inArray(obj, stack);
- if (inStack != -1) {
- return 'recursion('+(inStack - stack.length)+')';
- }
- //else
- if (type == 'function') {
- stack.push(obj);
- var res = parser.call( this, obj, stack );
- stack.pop();
- return res;
- }
- // else
- return (type == 'string') ? parser : this.parsers.error;
- },
- typeOf:function( obj ) {
- var type;
- if ( obj === null ) {
- type = "null";
- } else if (typeof obj === "undefined") {
- type = "undefined";
- } else if (QUnit.is("RegExp", obj)) {
- type = "regexp";
- } else if (QUnit.is("Date", obj)) {
- type = "date";
- } else if (QUnit.is("Function", obj)) {
- type = "function";
- } else if (typeof obj.setInterval !== undefined && typeof obj.document !== "undefined" && typeof obj.nodeType === "undefined") {
- type = "window";
- } else if (obj.nodeType === 9) {
- type = "document";
- } else if (obj.nodeType) {
- type = "node";
- } else if (typeof obj === "object" && typeof obj.length === "number" && obj.length >= 0) {
- type = "array";
- } else {
- type = typeof obj;
- }
- return type;
- },
- separator:function() {
- return this.multiline ? this.HTML ? '<br />' : '\n' : this.HTML ? ' ' : ' ';
- },
- indent:function( extra ) {// extra can be a number, shortcut for increasing-calling-decreasing
- if ( !this.multiline )
- return '';
- var chr = this.indentChar;
- if ( this.HTML )
- chr = chr.replace(/\t/g,' ').replace(/ /g,' ');
- return Array( this._depth_ + (extra||0) ).join(chr);
- },
- up:function( a ) {
- this._depth_ += a || 1;
- },
- down:function( a ) {
- this._depth_ -= a || 1;
- },
- setParser:function( name, parser ) {
- this.parsers[name] = parser;
- },
- // The next 3 are exposed so you can use them
- quote:quote,
- literal:literal,
- join:join,
- //
- _depth_: 1,
- // This is the list of parsers, to modify them, use jsDump.setParser
- parsers:{
- window: '[Window]',
- document: '[Document]',
- error:'[ERROR]', //when no parser is found, shouldn't happen
- unknown: '[Unknown]',
- 'null':'null',
- 'undefined':'undefined',
- 'function':function( fn ) {
- var ret = 'function',
- name = 'name' in fn ? fn.name : (reName.exec(fn)||[])[1];//functions never have name in IE
- if ( name )
- ret += ' ' + name;
- ret += '(';
-
- ret = [ ret, QUnit.jsDump.parse( fn, 'functionArgs' ), '){'].join('');
- return join( ret, QUnit.jsDump.parse(fn,'functionCode'), '}' );
- },
- array: array,
- nodelist: array,
- arguments: array,
- object:function( map, stack ) {
- var ret = [ ];
- QUnit.jsDump.up();
- for ( var key in map ) {
- var val = map[key];
- ret.push( QUnit.jsDump.parse(key,'key') + ': ' + QUnit.jsDump.parse(val, undefined, stack));
- }
- QUnit.jsDump.down();
- return join( '{', ret, '}' );
- },
- node:function( node ) {
- var open = QUnit.jsDump.HTML ? '<' : '<',
- close = QUnit.jsDump.HTML ? '>' : '>';
-
- var tag = node.nodeName.toLowerCase(),
- ret = open + tag;
-
- for ( var a in QUnit.jsDump.DOMAttrs ) {
- var val = node[QUnit.jsDump.DOMAttrs[a]];
- if ( val )
- ret += ' ' + a + '=' + QUnit.jsDump.parse( val, 'attribute' );
- }
- return ret + close + open + '/' + tag + close;
- },
- functionArgs:function( fn ) {//function calls it internally, it's the arguments part of the function
- var l = fn.length;
- if ( !l ) return '';
-
- var args = Array(l);
- while ( l-- )
- args[l] = String.fromCharCode(97+l);//97 is 'a'
- return ' ' + args.join(', ') + ' ';
- },
- key:quote, //object calls it internally, the key part of an item in a map
- functionCode:'[code]', //function calls it internally, it's the content of the function
- attribute:quote, //node calls it internally, it's an html attribute value
- string:quote,
- date:quote,
- regexp:literal, //regex
- number:literal,
- 'boolean':literal
- },
- DOMAttrs:{//attributes to dump from nodes, name=>realName
- id:'id',
- name:'name',
- 'class':'className'
- },
- HTML:false,//if true, entities are escaped ( <, >, \t, space and \n )
- indentChar:' ',//indentation unit
- multiline:true //if true, items in a collection, are separated by a \n, else just a space.
- };
-
- return jsDump;
-})();
-
-// from Sizzle.js
-function getText( elems ) {
- var ret = "", elem;
-
- for ( var i = 0; elems[i]; i++ ) {
- elem = elems[i];
-
- // Get the text from text nodes and CDATA nodes
- if ( elem.nodeType === 3 || elem.nodeType === 4 ) {
- ret += elem.nodeValue;
-
- // Traverse everything else, except comment nodes
- } else if ( elem.nodeType !== 8 ) {
- ret += getText( elem.childNodes );
- }
- }
-
- return ret;
-};
-
-//from jquery.js
-function inArray( elem, array ) {
- if ( array.indexOf ) {
- return array.indexOf( elem );
- }
-
- for ( var i = 0, length = array.length; i < length; i++ ) {
- if ( array[ i ] === elem ) {
- return i;
- }
- }
-
- return -1;
-}
-
-/*
- * Javascript Diff Algorithm
- * By John Resig (http://ejohn.org/)
- * Modified by Chu Alan "sprite"
- *
- * Released under the MIT license.
- *
- * More Info:
- * http://ejohn.org/projects/javascript-diff-algorithm/
- *
- * Usage: QUnit.diff(expected, actual)
- *
- * QUnit.diff("the quick brown fox jumped over", "the quick fox jumps over") == "the quick <del>brown </del> fox <del>jumped </del><ins>jumps </ins> over"
- */
-QUnit.diff = (function() {
- function diff(o, n) {
- var ns = {};
- var os = {};
-
- for (var i = 0; i < n.length; i++) {
- if (ns[n[i]] == null)
- ns[n[i]] = {
- rows: [],
- o: null
- };
- ns[n[i]].rows.push(i);
- }
-
- for (var i = 0; i < o.length; i++) {
- if (os[o[i]] == null)
- os[o[i]] = {
- rows: [],
- n: null
- };
- os[o[i]].rows.push(i);
- }
-
- for (var i in ns) {
- if (ns[i].rows.length == 1 && typeof(os[i]) != "undefined" && os[i].rows.length == 1) {
- n[ns[i].rows[0]] = {
- text: n[ns[i].rows[0]],
- row: os[i].rows[0]
- };
- o[os[i].rows[0]] = {
- text: o[os[i].rows[0]],
- row: ns[i].rows[0]
- };
- }
- }
-
- for (var i = 0; i < n.length - 1; i++) {
- if (n[i].text != null && n[i + 1].text == null && n[i].row + 1 < o.length && o[n[i].row + 1].text == null &&
- n[i + 1] == o[n[i].row + 1]) {
- n[i + 1] = {
- text: n[i + 1],
- row: n[i].row + 1
- };
- o[n[i].row + 1] = {
- text: o[n[i].row + 1],
- row: i + 1
- };
- }
- }
-
- for (var i = n.length - 1; i > 0; i--) {
- if (n[i].text != null && n[i - 1].text == null && n[i].row > 0 && o[n[i].row - 1].text == null &&
- n[i - 1] == o[n[i].row - 1]) {
- n[i - 1] = {
- text: n[i - 1],
- row: n[i].row - 1
- };
- o[n[i].row - 1] = {
- text: o[n[i].row - 1],
- row: i - 1
- };
- }
- }
-
- return {
- o: o,
- n: n
- };
- }
-
- return function(o, n) {
- o = o.replace(/\s+$/, '');
- n = n.replace(/\s+$/, '');
- var out = diff(o == "" ? [] : o.split(/\s+/), n == "" ? [] : n.split(/\s+/));
-
- var str = "";
-
- var oSpace = o.match(/\s+/g);
- if (oSpace == null) {
- oSpace = [" "];
- }
- else {
- oSpace.push(" ");
- }
- var nSpace = n.match(/\s+/g);
- if (nSpace == null) {
- nSpace = [" "];
- }
- else {
- nSpace.push(" ");
- }
-
- if (out.n.length == 0) {
- for (var i = 0; i < out.o.length; i++) {
- str += '<del>' + out.o[i] + oSpace[i] + "</del>";
- }
- }
- else {
- if (out.n[0].text == null) {
- for (n = 0; n < out.o.length && out.o[n].text == null; n++) {
- str += '<del>' + out.o[n] + oSpace[n] + "</del>";
- }
- }
-
- for (var i = 0; i < out.n.length; i++) {
- if (out.n[i].text == null) {
- str += '<ins>' + out.n[i] + nSpace[i] + "</ins>";
- }
- else {
- var pre = "";
-
- for (n = out.n[i].row + 1; n < out.o.length && out.o[n].text == null; n++) {
- pre += '<del>' + out.o[n] + oSpace[n] + "</del>";
- }
- str += " " + out.n[i].text + nSpace[i] + pre;
- }
- }
- }
-
- return str;
- };
-})();
-
-})(this);
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile: Demos and Documentation</title>
- <link rel="stylesheet" href="css/themes/default/" />
- <link rel="stylesheet" href="docs/_assets/css/jqm-docs.css" />
- <script src="js/jquery.js"></script>
- <script src="experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
- <script src="docs/_assets/js/jqm-docs.js"></script>
- <script src="js/"></script>
-
-</head>
-<body>
-<div data-role="page" class="type-home">
- <div data-role="content">
- <p id="jqm-version">Beta Release</p>
-
-
- <div class="content-secondary">
-
- <div id="jqm-homeheader">
- <h1 id="jqm-logo"><img src="docs/_assets/images/jquery-logo.png" alt="jQuery Mobile Framework" /></h1>
- <p>A Touch-Optimized Web Framework for Smartphones & Tablets</p>
- </div>
-
-
- <p class="intro"><strong>Welcome.</strong> Browse the jQuery Mobile components and learn how to make rich, accessible, touch-friendly websites and apps.</p>
-
- <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
- <li data-role="list-divider">Overview</li>
- <li><a href="docs/about/intro.html">Intro to jQuery Mobile</a></li>
- <li><a href="docs/about/getting-started.html">Quick start guide</a></li>
- <li><a href="docs/about/features.html">Features</a></li>
- <li><a href="docs/about/accessibility.html">Accessibility</a></li>
- <li><a href="docs/about/platforms.html">Supported platforms</a></li>
- </ul>
-
- </div><!--/content-primary-->
-
- <div class="content-primary">
- <nav>
-
-
- <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
- <li data-role="list-divider">Components</li>
- <li><a href="docs/pages/index.html">Pages & dialogs</a></li>
- <li><a href="docs/toolbars/index.html">Toolbars</a></li>
- <li><a href="docs/buttons/index.html">Buttons</a></li>
- <li><a href="docs/content/index.html">Content formatting</a></li>
- <li><a href="docs/forms/index.html">Form elements</a></li>
- <li><a href="docs/lists/index.html">List views</a></li>
-
- <li data-role="list-divider">API</li>
- <li><a href="docs/api/globalconfig.html">Configuring defaults</a></li>
- <li><a href="docs/api/events.html">Events</a></li>
- <li><a href="docs/api/methods.html">Methods & Utilities</a></li>
- <li><a href="docs/api/data-attributes.html">Data attribute reference</a></li>
- <li><a href="docs/api/themes.html">Theme framework</a></li>
-
-
- </ul>
- </nav>
- </div>
-
-
-
- </div>
-
- <div data-role="footer" class="footer-docs" data-theme="c">
- <p>© 2011 The jQuery Project</p>
- </div>
-
-</div>
-</body>
-</html>
+++ /dev/null
-/*
-* jQuery Mobile Framework Git Build: SHA1: aa52a6bc2b9702b0f7f7f90af65e61fe9a9d26b6 <> Date: Thu Nov 17 09:30:35 2011 -0800
-* http://jquerymobile.com
-*
-* Copyright 2011 (c) jQuery Project
-* Dual licensed under the MIT or GPL Version 2 licenses.
-* http://jquery.org/license
-*
-*/
-/*!
- * jQuery UI Widget @VERSION
- *
- * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Widget
- */
-
-(function( $, undefined ) {
-
-// jQuery 1.4+
-if ( $.cleanData ) {
- var _cleanData = $.cleanData;
- $.cleanData = function( elems ) {
- for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
- $( elem ).triggerHandler( "remove" );
- }
- _cleanData( elems );
- };
-} else {
- var _remove = $.fn.remove;
- $.fn.remove = function( selector, keepData ) {
- return this.each(function() {
- if ( !keepData ) {
- if ( !selector || $.filter( selector, [ this ] ).length ) {
- $( "*", this ).add( [ this ] ).each(function() {
- $( this ).triggerHandler( "remove" );
- });
- }
- }
- return _remove.call( $(this), selector, keepData );
- });
- };
-}
-
-$.widget = function( name, base, prototype ) {
- var namespace = name.split( "." )[ 0 ],
- fullName;
- name = name.split( "." )[ 1 ];
- fullName = namespace + "-" + name;
-
- if ( !prototype ) {
- prototype = base;
- base = $.Widget;
- }
-
- // create selector for plugin
- $.expr[ ":" ][ fullName ] = function( elem ) {
- return !!$.data( elem, name );
- };
-
- $[ namespace ] = $[ namespace ] || {};
- $[ namespace ][ name ] = function( options, element ) {
- // allow instantiation without initializing for simple inheritance
- if ( arguments.length ) {
- this._createWidget( options, element );
- }
- };
-
- var basePrototype = new base();
- // we need to make the options hash a property directly on the new instance
- // otherwise we'll modify the options hash on the prototype that we're
- // inheriting from
-// $.each( basePrototype, function( key, val ) {
-// if ( $.isPlainObject(val) ) {
-// basePrototype[ key ] = $.extend( {}, val );
-// }
-// });
- basePrototype.options = $.extend( true, {}, basePrototype.options );
- $[ namespace ][ name ].prototype = $.extend( true, basePrototype, {
- namespace: namespace,
- widgetName: name,
- widgetEventPrefix: $[ namespace ][ name ].prototype.widgetEventPrefix || name,
- widgetBaseClass: fullName
- }, prototype );
-
- $.widget.bridge( name, $[ namespace ][ name ] );
-};
-
-$.widget.bridge = function( name, object ) {
- $.fn[ name ] = function( options ) {
- var isMethodCall = typeof options === "string",
- args = Array.prototype.slice.call( arguments, 1 ),
- returnValue = this;
-
- // allow multiple hashes to be passed on init
- options = !isMethodCall && args.length ?
- $.extend.apply( null, [ true, options ].concat(args) ) :
- options;
-
- // prevent calls to internal methods
- if ( isMethodCall && options.charAt( 0 ) === "_" ) {
- return returnValue;
- }
-
- if ( isMethodCall ) {
- this.each(function() {
- var instance = $.data( this, name );
- if ( !instance ) {
- throw "cannot call methods on " + name + " prior to initialization; " +
- "attempted to call method '" + options + "'";
- }
- if ( !$.isFunction( instance[options] ) ) {
- throw "no such method '" + options + "' for " + name + " widget instance";
- }
- var methodValue = instance[ options ].apply( instance, args );
- if ( methodValue !== instance && methodValue !== undefined ) {
- returnValue = methodValue;
- return false;
- }
- });
- } else {
- this.each(function() {
- var instance = $.data( this, name );
- if ( instance ) {
- instance.option( options || {} )._init();
- } else {
- $.data( this, name, new object( options, this ) );
- }
- });
- }
-
- return returnValue;
- };
-};
-
-$.Widget = function( options, element ) {
- // allow instantiation without initializing for simple inheritance
- if ( arguments.length ) {
- this._createWidget( options, element );
- }
-};
-
-$.Widget.prototype = {
- widgetName: "widget",
- widgetEventPrefix: "",
- options: {
- disabled: false
- },
- _createWidget: function( options, element ) {
- // $.widget.bridge stores the plugin instance, but we do it anyway
- // so that it's stored even before the _create function runs
- $.data( element, this.widgetName, this );
- this.element = $( element );
- this.options = $.extend( true, {},
- this.options,
- this._getCreateOptions(),
- options );
-
- var self = this;
- this.element.bind( "remove." + this.widgetName, function() {
- self.destroy();
- });
-
- this._create();
- this._trigger( "create" );
- this._init();
- },
- _getCreateOptions: function() {
- var options = {};
- if ( $.metadata ) {
- options = $.metadata.get( element )[ this.widgetName ];
- }
- return options;
- },
- _create: function() {},
- _init: function() {},
-
- destroy: function() {
- this.element
- .unbind( "." + this.widgetName )
- .removeData( this.widgetName );
- this.widget()
- .unbind( "." + this.widgetName )
- .removeAttr( "aria-disabled" )
- .removeClass(
- this.widgetBaseClass + "-disabled " +
- "ui-state-disabled" );
- },
-
- widget: function() {
- return this.element;
- },
-
- option: function( key, value ) {
- var options = key;
-
- if ( arguments.length === 0 ) {
- // don't return a reference to the internal hash
- return $.extend( {}, this.options );
- }
-
- if (typeof key === "string" ) {
- if ( value === undefined ) {
- return this.options[ key ];
- }
- options = {};
- options[ key ] = value;
- }
-
- this._setOptions( options );
-
- return this;
- },
- _setOptions: function( options ) {
- var self = this;
- $.each( options, function( key, value ) {
- self._setOption( key, value );
- });
-
- return this;
- },
- _setOption: function( key, value ) {
- this.options[ key ] = value;
-
- if ( key === "disabled" ) {
- this.widget()
- [ value ? "addClass" : "removeClass"](
- this.widgetBaseClass + "-disabled" + " " +
- "ui-state-disabled" )
- .attr( "aria-disabled", value );
- }
-
- return this;
- },
-
- enable: function() {
- return this._setOption( "disabled", false );
- },
- disable: function() {
- return this._setOption( "disabled", true );
- },
-
- _trigger: function( type, event, data ) {
- var callback = this.options[ type ];
-
- event = $.Event( event );
- event.type = ( type === this.widgetEventPrefix ?
- type :
- this.widgetEventPrefix + type ).toLowerCase();
- data = data || {};
-
- // copy original event properties over to the new event
- // this would happen if we could call $.event.fix instead of $.Event
- // but we don't have a way to force an event to be fixed multiple times
- if ( event.originalEvent ) {
- for ( var i = $.event.props.length, prop; i; ) {
- prop = $.event.props[ --i ];
- event[ prop ] = event.originalEvent[ prop ];
- }
- }
-
- this.element.trigger( event, data );
-
- return !( $.isFunction(callback) &&
- callback.call( this.element[0], event, data ) === false ||
- event.isDefaultPrevented() );
- }
-};
-
-})( jQuery );
-/*
-* widget factory extentions for mobile
-*/
-
-(function( $, undefined ) {
-
-$.widget( "mobile.widget", {
- // decorate the parent _createWidget to trigger `widgetinit` for users
- // who wish to do post post `widgetcreate` alterations/additions
- //
- // TODO create a pull request for jquery ui to trigger this event
- // in the original _createWidget
- _createWidget: function() {
- $.Widget.prototype._createWidget.apply( this, arguments );
- this._trigger( 'init' );
- },
-
- _getCreateOptions: function() {
-
- var elem = this.element,
- options = {};
-
- $.each( this.options, function( option ) {
-
- var value = elem.jqmData( option.replace( /[A-Z]/g, function( c ) {
- return "-" + c.toLowerCase();
- })
- );
-
- if ( value !== undefined ) {
- options[ option ] = value;
- }
- });
-
- return options;
- },
-
- enhanceWithin: function( target ) {
- // TODO remove dependency on the page widget for the keepNative.
- // Currently the keepNative value is defined on the page prototype so
- // the method is as well
- var page = $(target).closest(":jqmData(role='page')").data( "page" ),
- keepNative = (page && page.keepNativeSelector()) || "";
-
- $( this.options.initSelector, target ).not( keepNative )[ this.widgetName ]();
- }
-});
-
-})( jQuery );
-/*
-* a workaround for window.matchMedia
-*/
-
-(function( $, undefined ) {
-
-var $window = $( window ),
- $html = $( "html" );
-
-/* $.mobile.media method: pass a CSS media type or query and get a bool return
- note: this feature relies on actual media query support for media queries, though types will work most anywhere
- examples:
- $.mobile.media('screen') //>> tests for screen media type
- $.mobile.media('screen and (min-width: 480px)') //>> tests for screen media type with window width > 480px
- $.mobile.media('@media screen and (-webkit-min-device-pixel-ratio: 2)') //>> tests for webkit 2x pixel ratio (iPhone 4)
-*/
-$.mobile.media = (function() {
- // TODO: use window.matchMedia once at least one UA implements it
- var cache = {},
- testDiv = $( "<div id='jquery-mediatest'>" ),
- fakeBody = $( "<body>" ).append( testDiv );
-
- return function( query ) {
- if ( !( query in cache ) ) {
- var styleBlock = document.createElement( "style" ),
- cssrule = "@media " + query + " { #jquery-mediatest { position:absolute; } }";
-
- //must set type for IE!
- styleBlock.type = "text/css";
-
- if ( styleBlock.styleSheet ){
- styleBlock.styleSheet.cssText = cssrule;
- } else {
- styleBlock.appendChild( document.createTextNode(cssrule) );
- }
-
- $html.prepend( fakeBody ).prepend( styleBlock );
- cache[ query ] = testDiv.css( "position" ) === "absolute";
- fakeBody.add( styleBlock ).remove();
- }
- return cache[ query ];
- };
-})();
-
-})(jQuery);
-/*
-* support tests
-*/
-
-(function( $, undefined ) {
-
-var fakeBody = $( "<body>" ).prependTo( "html" ),
- fbCSS = fakeBody[ 0 ].style,
- vendors = [ "Webkit", "Moz", "O" ],
- webos = "palmGetResource" in window, //only used to rule out scrollTop
- operamini = window.operamini && ({}).toString.call( window.operamini ) === "[object OperaMini]",
- bb = window.blackberry; //only used to rule out box shadow, as it's filled opaque on BB
-
-// thx Modernizr
-function propExists( prop ) {
- var uc_prop = prop.charAt( 0 ).toUpperCase() + prop.substr( 1 ),
- props = ( prop + " " + vendors.join( uc_prop + " " ) + uc_prop ).split( " " );
-
- for ( var v in props ){
- if ( fbCSS[ props[ v ] ] !== undefined ) {
- return true;
- }
- }
-}
-
-// Test for dynamic-updating base tag support ( allows us to avoid href,src attr rewriting )
-function baseTagTest() {
- var fauxBase = location.protocol + "//" + location.host + location.pathname + "ui-dir/",
- base = $( "head base" ),
- fauxEle = null,
- href = "",
- link, rebase;
-
- if ( !base.length ) {
- base = fauxEle = $( "<base>", { "href": fauxBase }).appendTo( "head" );
- } else {
- href = base.attr( "href" );
- }
-
- link = $( "<a href='testurl' />" ).prependTo( fakeBody );
- rebase = link[ 0 ].href;
- base[ 0 ].href = href || location.pathname;
-
- if ( fauxEle ) {
- fauxEle.remove();
- }
- return rebase.indexOf( fauxBase ) === 0;
-}
-
-
-// non-UA-based IE version check by James Padolsey, modified by jdalton - from http://gist.github.com/527683
-// allows for inclusion of IE 6+, including Windows Mobile 7
-$.mobile.browser = {};
-$.mobile.browser.ie = (function() {
- var v = 3,
- div = document.createElement( "div" ),
- a = div.all || [];
-
- while ( div.innerHTML = "<!--[if gt IE " + ( ++v ) + "]><br><![endif]-->", a[ 0 ] );
-
- return v > 4 ? v : !v;
-})();
-
-
-$.extend( $.support, {
- orientation: "orientation" in window && "onorientationchange" in window,
- touch: "ontouchend" in document,
- cssTransitions: "WebKitTransitionEvent" in window,
- pushState: "pushState" in history && "replaceState" in history,
- mediaquery: $.mobile.media( "only all" ),
- cssPseudoElement: !!propExists( "content" ),
- touchOverflow: !!propExists( "overflowScrolling" ),
- boxShadow: !!propExists( "boxShadow" ) && !bb,
- scrollTop: ( "pageXOffset" in window || "scrollTop" in document.documentElement || "scrollTop" in fakeBody[ 0 ] ) && !webos && !operamini,
- dynamicBaseTag: baseTagTest()
-});
-
-fakeBody.remove();
-
-
-// $.mobile.ajaxBlacklist is used to override ajaxEnabled on platforms that have known conflicts with hash history updates (BB5, Symbian)
-// or that generally work better browsing in regular http for full page refreshes (Opera Mini)
-// Note: This detection below is used as a last resort.
-// We recommend only using these detection methods when all other more reliable/forward-looking approaches are not possible
-var nokiaLTE7_3 = (function(){
-
- var ua = window.navigator.userAgent;
-
- //The following is an attempt to match Nokia browsers that are running Symbian/s60, with webkit, version 7.3 or older
- return ua.indexOf( "Nokia" ) > -1 &&
- ( ua.indexOf( "Symbian/3" ) > -1 || ua.indexOf( "Series60/5" ) > -1 ) &&
- ua.indexOf( "AppleWebKit" ) > -1 &&
- ua.match( /(BrowserNG|NokiaBrowser)\/7\.[0-3]/ );
-})();
-
-$.mobile.ajaxBlacklist =
- // BlackBerry browsers, pre-webkit
- window.blackberry && !window.WebKitPoint ||
- // Opera Mini
- operamini ||
- // Symbian webkits pre 7.3
- nokiaLTE7_3;
-
-// Lastly, this workaround is the only way we've found so far to get pre 7.3 Symbian webkit devices
-// to render the stylesheets when they're referenced before this script, as we'd recommend doing.
-// This simply reappends the CSS in place, which for some reason makes it apply
-if ( nokiaLTE7_3 ) {
- $(function() {
- $( "head link[rel='stylesheet']" ).attr( "rel", "alternate stylesheet" ).attr( "rel", "stylesheet" );
- });
-}
-
-// For ruling out shadows via css
-if ( !$.support.boxShadow ) {
- $( "html" ).addClass( "ui-mobile-nosupport-boxshadow" );
-}
-
-})( jQuery );
-/*
-* "mouse" plugin
-*/
-
-// This plugin is an experiment for abstracting away the touch and mouse
-// events so that developers don't have to worry about which method of input
-// the device their document is loaded on supports.
-//
-// The idea here is to allow the developer to register listeners for the
-// basic mouse events, such as mousedown, mousemove, mouseup, and click,
-// and the plugin will take care of registering the correct listeners
-// behind the scenes to invoke the listener at the fastest possible time
-// for that device, while still retaining the order of event firing in
-// the traditional mouse environment, should multiple handlers be registered
-// on the same element for different events.
-//
-// The current version exposes the following virtual events to jQuery bind methods:
-// "vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel"
-
-(function( $, window, document, undefined ) {
-
-var dataPropertyName = "virtualMouseBindings",
- touchTargetPropertyName = "virtualTouchID",
- virtualEventNames = "vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel".split( " " ),
- touchEventProps = "clientX clientY pageX pageY screenX screenY".split( " " ),
- activeDocHandlers = {},
- resetTimerID = 0,
- startX = 0,
- startY = 0,
- didScroll = false,
- clickBlockList = [],
- blockMouseTriggers = false,
- blockTouchTriggers = false,
- eventCaptureSupported = "addEventListener" in document,
- $document = $( document ),
- nextTouchID = 1,
- lastTouchID = 0;
-
-$.vmouse = {
- moveDistanceThreshold: 10,
- clickDistanceThreshold: 10,
- resetTimerDuration: 1500
-};
-
-function getNativeEvent( event ) {
-
- while ( event && typeof event.originalEvent !== "undefined" ) {
- event = event.originalEvent;
- }
- return event;
-}
-
-function createVirtualEvent( event, eventType ) {
-
- var t = event.type,
- oe, props, ne, prop, ct, touch, i, j;
-
- event = $.Event(event);
- event.type = eventType;
-
- oe = event.originalEvent;
- props = $.event.props;
-
- // copy original event properties over to the new event
- // this would happen if we could call $.event.fix instead of $.Event
- // but we don't have a way to force an event to be fixed multiple times
- if ( oe ) {
- for ( i = props.length, prop; i; ) {
- prop = props[ --i ];
- event[ prop ] = oe[ prop ];
- }
- }
-
- // make sure that if the mouse and click virtual events are generated
- // without a .which one is defined
- if ( t.search(/mouse(down|up)|click/) > -1 && !event.which ){
- event.which = 1;
- }
-
- if ( t.search(/^touch/) !== -1 ) {
- ne = getNativeEvent( oe );
- t = ne.touches;
- ct = ne.changedTouches;
- touch = ( t && t.length ) ? t[0] : ( (ct && ct.length) ? ct[ 0 ] : undefined );
-
- if ( touch ) {
- for ( j = 0, len = touchEventProps.length; j < len; j++){
- prop = touchEventProps[ j ];
- event[ prop ] = touch[ prop ];
- }
- }
- }
-
- return event;
-}
-
-function getVirtualBindingFlags( element ) {
-
- var flags = {},
- b, k;
-
- while ( element ) {
-
- b = $.data( element, dataPropertyName );
-
- for ( k in b ) {
- if ( b[ k ] ) {
- flags[ k ] = flags.hasVirtualBinding = true;
- }
- }
- element = element.parentNode;
- }
- return flags;
-}
-
-function getClosestElementWithVirtualBinding( element, eventType ) {
- var b;
- while ( element ) {
-
- b = $.data( element, dataPropertyName );
-
- if ( b && ( !eventType || b[ eventType ] ) ) {
- return element;
- }
- element = element.parentNode;
- }
- return null;
-}
-
-function enableTouchBindings() {
- blockTouchTriggers = false;
-}
-
-function disableTouchBindings() {
- blockTouchTriggers = true;
-}
-
-function enableMouseBindings() {
- lastTouchID = 0;
- clickBlockList.length = 0;
- blockMouseTriggers = false;
-
- // When mouse bindings are enabled, our
- // touch bindings are disabled.
- disableTouchBindings();
-}
-
-function disableMouseBindings() {
- // When mouse bindings are disabled, our
- // touch bindings are enabled.
- enableTouchBindings();
-}
-
-function startResetTimer() {
- clearResetTimer();
- resetTimerID = setTimeout(function(){
- resetTimerID = 0;
- enableMouseBindings();
- }, $.vmouse.resetTimerDuration );
-}
-
-function clearResetTimer() {
- if ( resetTimerID ){
- clearTimeout( resetTimerID );
- resetTimerID = 0;
- }
-}
-
-function triggerVirtualEvent( eventType, event, flags ) {
- var ve;
-
- if ( ( flags && flags[ eventType ] ) ||
- ( !flags && getClosestElementWithVirtualBinding( event.target, eventType ) ) ) {
-
- ve = createVirtualEvent( event, eventType );
-
- $( event.target).trigger( ve );
- }
-
- return ve;
-}
-
-function mouseEventCallback( event ) {
- var touchID = $.data(event.target, touchTargetPropertyName);
-
- if ( !blockMouseTriggers && ( !lastTouchID || lastTouchID !== touchID ) ){
- var ve = triggerVirtualEvent( "v" + event.type, event );
- if ( ve ) {
- if ( ve.isDefaultPrevented() ) {
- event.preventDefault();
- }
- if ( ve.isPropagationStopped() ) {
- event.stopPropagation();
- }
- if ( ve.isImmediatePropagationStopped() ) {
- event.stopImmediatePropagation();
- }
- }
- }
-}
-
-function handleTouchStart( event ) {
-
- var touches = getNativeEvent( event ).touches,
- target, flags;
-
- if ( touches && touches.length === 1 ) {
-
- target = event.target;
- flags = getVirtualBindingFlags( target );
-
- if ( flags.hasVirtualBinding ) {
-
- lastTouchID = nextTouchID++;
- $.data( target, touchTargetPropertyName, lastTouchID );
-
- clearResetTimer();
-
- disableMouseBindings();
- didScroll = false;
-
- var t = getNativeEvent( event ).touches[ 0 ];
- startX = t.pageX;
- startY = t.pageY;
-
- triggerVirtualEvent( "vmouseover", event, flags );
- triggerVirtualEvent( "vmousedown", event, flags );
- }
- }
-}
-
-function handleScroll( event ) {
- if ( blockTouchTriggers ) {
- return;
- }
-
- if ( !didScroll ) {
- triggerVirtualEvent( "vmousecancel", event, getVirtualBindingFlags( event.target ) );
- }
-
- didScroll = true;
- startResetTimer();
-}
-
-function handleTouchMove( event ) {
- if ( blockTouchTriggers ) {
- return;
- }
-
- var t = getNativeEvent( event ).touches[ 0 ],
- didCancel = didScroll,
- moveThreshold = $.vmouse.moveDistanceThreshold;
- didScroll = didScroll ||
- ( Math.abs(t.pageX - startX) > moveThreshold ||
- Math.abs(t.pageY - startY) > moveThreshold ),
- flags = getVirtualBindingFlags( event.target );
-
- if ( didScroll && !didCancel ) {
- triggerVirtualEvent( "vmousecancel", event, flags );
- }
-
- triggerVirtualEvent( "vmousemove", event, flags );
- startResetTimer();
-}
-
-function handleTouchEnd( event ) {
- if ( blockTouchTriggers ) {
- return;
- }
-
- disableTouchBindings();
-
- var flags = getVirtualBindingFlags( event.target ),
- t;
- triggerVirtualEvent( "vmouseup", event, flags );
-
- if ( !didScroll ) {
- var ve = triggerVirtualEvent( "vclick", event, flags );
- if ( ve && ve.isDefaultPrevented() ) {
- // The target of the mouse events that follow the touchend
- // event don't necessarily match the target used during the
- // touch. This means we need to rely on coordinates for blocking
- // any click that is generated.
- t = getNativeEvent( event ).changedTouches[ 0 ];
- clickBlockList.push({
- touchID: lastTouchID,
- x: t.clientX,
- y: t.clientY
- });
-
- // Prevent any mouse events that follow from triggering
- // virtual event notifications.
- blockMouseTriggers = true;
- }
- }
- triggerVirtualEvent( "vmouseout", event, flags);
- didScroll = false;
-
- startResetTimer();
-}
-
-function hasVirtualBindings( ele ) {
- var bindings = $.data( ele, dataPropertyName ),
- k;
-
- if ( bindings ) {
- for ( k in bindings ) {
- if ( bindings[ k ] ) {
- return true;
- }
- }
- }
- return false;
-}
-
-function dummyMouseHandler(){}
-
-function getSpecialEventObject( eventType ) {
- var realType = eventType.substr( 1 );
-
- return {
- setup: function( data, namespace ) {
- // If this is the first virtual mouse binding for this element,
- // add a bindings object to its data.
-
- if ( !hasVirtualBindings( this ) ) {
- $.data( this, dataPropertyName, {});
- }
-
- // If setup is called, we know it is the first binding for this
- // eventType, so initialize the count for the eventType to zero.
- var bindings = $.data( this, dataPropertyName );
- bindings[ eventType ] = true;
-
- // If this is the first virtual mouse event for this type,
- // register a global handler on the document.
-
- activeDocHandlers[ eventType ] = ( activeDocHandlers[ eventType ] || 0 ) + 1;
-
- if ( activeDocHandlers[ eventType ] === 1 ) {
- $document.bind( realType, mouseEventCallback );
- }
-
- // Some browsers, like Opera Mini, won't dispatch mouse/click events
- // for elements unless they actually have handlers registered on them.
- // To get around this, we register dummy handlers on the elements.
-
- $( this ).bind( realType, dummyMouseHandler );
-
- // For now, if event capture is not supported, we rely on mouse handlers.
- if ( eventCaptureSupported ) {
- // If this is the first virtual mouse binding for the document,
- // register our touchstart handler on the document.
-
- activeDocHandlers[ "touchstart" ] = ( activeDocHandlers[ "touchstart" ] || 0) + 1;
-
- if (activeDocHandlers[ "touchstart" ] === 1) {
- $document.bind( "touchstart", handleTouchStart )
- .bind( "touchend", handleTouchEnd )
-
- // On touch platforms, touching the screen and then dragging your finger
- // causes the window content to scroll after some distance threshold is
- // exceeded. On these platforms, a scroll prevents a click event from being
- // dispatched, and on some platforms, even the touchend is suppressed. To
- // mimic the suppression of the click event, we need to watch for a scroll
- // event. Unfortunately, some platforms like iOS don't dispatch scroll
- // events until *AFTER* the user lifts their finger (touchend). This means
- // we need to watch both scroll and touchmove events to figure out whether
- // or not a scroll happenens before the touchend event is fired.
-
- .bind( "touchmove", handleTouchMove )
- .bind( "scroll", handleScroll );
- }
- }
- },
-
- teardown: function( data, namespace ) {
- // If this is the last virtual binding for this eventType,
- // remove its global handler from the document.
-
- --activeDocHandlers[ eventType ];
-
- if ( !activeDocHandlers[ eventType ] ) {
- $document.unbind( realType, mouseEventCallback );
- }
-
- if ( eventCaptureSupported ) {
- // If this is the last virtual mouse binding in existence,
- // remove our document touchstart listener.
-
- --activeDocHandlers[ "touchstart" ];
-
- if ( !activeDocHandlers[ "touchstart" ] ) {
- $document.unbind( "touchstart", handleTouchStart )
- .unbind( "touchmove", handleTouchMove )
- .unbind( "touchend", handleTouchEnd )
- .unbind( "scroll", handleScroll );
- }
- }
-
- var $this = $( this ),
- bindings = $.data( this, dataPropertyName );
-
- // teardown may be called when an element was
- // removed from the DOM. If this is the case,
- // jQuery core may have already stripped the element
- // of any data bindings so we need to check it before
- // using it.
- if ( bindings ) {
- bindings[ eventType ] = false;
- }
-
- // Unregister the dummy event handler.
-
- $this.unbind( realType, dummyMouseHandler );
-
- // If this is the last virtual mouse binding on the
- // element, remove the binding data from the element.
-
- if ( !hasVirtualBindings( this ) ) {
- $this.removeData( dataPropertyName );
- }
- }
- };
-}
-
-// Expose our custom events to the jQuery bind/unbind mechanism.
-
-for ( var i = 0; i < virtualEventNames.length; i++ ){
- $.event.special[ virtualEventNames[ i ] ] = getSpecialEventObject( virtualEventNames[ i ] );
-}
-
-// Add a capture click handler to block clicks.
-// Note that we require event capture support for this so if the device
-// doesn't support it, we punt for now and rely solely on mouse events.
-if ( eventCaptureSupported ) {
- document.addEventListener( "click", function( e ){
- var cnt = clickBlockList.length,
- target = e.target,
- x, y, ele, i, o, touchID;
-
- if ( cnt ) {
- x = e.clientX;
- y = e.clientY;
- threshold = $.vmouse.clickDistanceThreshold;
-
- // The idea here is to run through the clickBlockList to see if
- // the current click event is in the proximity of one of our
- // vclick events that had preventDefault() called on it. If we find
- // one, then we block the click.
- //
- // Why do we have to rely on proximity?
- //
- // Because the target of the touch event that triggered the vclick
- // can be different from the target of the click event synthesized
- // by the browser. The target of a mouse/click event that is syntehsized
- // from a touch event seems to be implementation specific. For example,
- // some browsers will fire mouse/click events for a link that is near
- // a touch event, even though the target of the touchstart/touchend event
- // says the user touched outside the link. Also, it seems that with most
- // browsers, the target of the mouse/click event is not calculated until the
- // time it is dispatched, so if you replace an element that you touched
- // with another element, the target of the mouse/click will be the new
- // element underneath that point.
- //
- // Aside from proximity, we also check to see if the target and any
- // of its ancestors were the ones that blocked a click. This is necessary
- // because of the strange mouse/click target calculation done in the
- // Android 2.1 browser, where if you click on an element, and there is a
- // mouse/click handler on one of its ancestors, the target will be the
- // innermost child of the touched element, even if that child is no where
- // near the point of touch.
-
- ele = target;
-
- while ( ele ) {
- for ( i = 0; i < cnt; i++ ) {
- o = clickBlockList[ i ];
- touchID = 0;
-
- if ( ( ele === target && Math.abs( o.x - x ) < threshold && Math.abs( o.y - y ) < threshold ) ||
- $.data( ele, touchTargetPropertyName ) === o.touchID ) {
- // XXX: We may want to consider removing matches from the block list
- // instead of waiting for the reset timer to fire.
- e.preventDefault();
- e.stopPropagation();
- return;
- }
- }
- ele = ele.parentNode;
- }
- }
- }, true);
-}
-})( jQuery, window, document );
-/*
-* "events" plugin - Handles events
-*/
-
-(function( $, window, undefined ) {
-
-// add new event shortcuts
-$.each( ( "touchstart touchmove touchend orientationchange throttledresize " +
- "tap taphold swipe swipeleft swiperight scrollstart scrollstop" ).split( " " ), function( i, name ) {
-
- $.fn[ name ] = function( fn ) {
- return fn ? this.bind( name, fn ) : this.trigger( name );
- };
-
- $.attrFn[ name ] = true;
-});
-
-var supportTouch = $.support.touch,
- scrollEvent = "touchmove scroll",
- touchStartEvent = supportTouch ? "touchstart" : "mousedown",
- touchStopEvent = supportTouch ? "touchend" : "mouseup",
- touchMoveEvent = supportTouch ? "touchmove" : "mousemove";
-
-function triggerCustomEvent( obj, eventType, event ) {
- var originalType = event.type;
- event.type = eventType;
- $.event.handle.call( obj, event );
- event.type = originalType;
-}
-
-// also handles scrollstop
-$.event.special.scrollstart = {
-
- enabled: true,
-
- setup: function() {
-
- var thisObject = this,
- $this = $( thisObject ),
- scrolling,
- timer;
-
- function trigger( event, state ) {
- scrolling = state;
- triggerCustomEvent( thisObject, scrolling ? "scrollstart" : "scrollstop", event );
- }
-
- // iPhone triggers scroll after a small delay; use touchmove instead
- $this.bind( scrollEvent, function( event ) {
-
- if ( !$.event.special.scrollstart.enabled ) {
- return;
- }
-
- if ( !scrolling ) {
- trigger( event, true );
- }
-
- clearTimeout( timer );
- timer = setTimeout(function() {
- trigger( event, false );
- }, 50 );
- });
- }
-};
-
-// also handles taphold
-$.event.special.tap = {
- setup: function() {
- var thisObject = this,
- $this = $( thisObject );
-
- $this.bind( "vmousedown", function( event ) {
-
- if ( event.which && event.which !== 1 ) {
- return false;
- }
-
- var origTarget = event.target,
- origEvent = event.originalEvent,
- timer;
-
- function clearTapTimer() {
- clearTimeout( timer );
- }
-
- function clearTapHandlers() {
- clearTapTimer();
-
- $this.unbind( "vclick", clickHandler )
- .unbind( "vmouseup", clearTapTimer )
- .unbind( "vmousecancel", clearTapHandlers );
- }
-
- function clickHandler(event) {
- clearTapHandlers();
-
- // ONLY trigger a 'tap' event if the start target is
- // the same as the stop target.
- if ( origTarget == event.target ) {
- triggerCustomEvent( thisObject, "tap", event );
- }
- }
-
- $this.bind( "vmousecancel", clearTapHandlers )
- .bind( "vmouseup", clearTapTimer )
- .bind( "vclick", clickHandler );
-
- timer = setTimeout(function() {
- triggerCustomEvent( thisObject, "taphold", $.Event( "taphold" ) );
- }, 750 );
- });
- }
-};
-
-// also handles swipeleft, swiperight
-$.event.special.swipe = {
- scrollSupressionThreshold: 10, // More than this horizontal displacement, and we will suppress scrolling.
-
- durationThreshold: 1000, // More time than this, and it isn't a swipe.
-
- horizontalDistanceThreshold: 30, // Swipe horizontal displacement must be more than this.
-
- verticalDistanceThreshold: 75, // Swipe vertical displacement must be less than this.
-
- setup: function() {
- var thisObject = this,
- $this = $( thisObject );
-
- $this.bind( touchStartEvent, function( event ) {
- var data = event.originalEvent.touches ?
- event.originalEvent.touches[ 0 ] : event,
- start = {
- time: ( new Date() ).getTime(),
- coords: [ data.pageX, data.pageY ],
- origin: $( event.target )
- },
- stop;
-
- function moveHandler( event ) {
-
- if ( !start ) {
- return;
- }
-
- var data = event.originalEvent.touches ?
- event.originalEvent.touches[ 0 ] : event;
-
- stop = {
- time: ( new Date() ).getTime(),
- coords: [ data.pageX, data.pageY ]
- };
-
- // prevent scrolling
- if ( Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.scrollSupressionThreshold ) {
- event.preventDefault();
- }
- }
-
- $this.bind( touchMoveEvent, moveHandler )
- .one( touchStopEvent, function( event ) {
- $this.unbind( touchMoveEvent, moveHandler );
-
- if ( start && stop ) {
- if ( stop.time - start.time < $.event.special.swipe.durationThreshold &&
- Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.horizontalDistanceThreshold &&
- Math.abs( start.coords[ 1 ] - stop.coords[ 1 ] ) < $.event.special.swipe.verticalDistanceThreshold ) {
-
- start.origin.trigger( "swipe" )
- .trigger( start.coords[0] > stop.coords[ 0 ] ? "swipeleft" : "swiperight" );
- }
- }
- start = stop = undefined;
- });
- });
- }
-};
-
-(function( $, window ) {
- // "Cowboy" Ben Alman
-
- var win = $( window ),
- special_event,
- get_orientation,
- last_orientation;
-
- $.event.special.orientationchange = special_event = {
- setup: function() {
- // If the event is supported natively, return false so that jQuery
- // will bind to the event using DOM methods.
- if ( $.support.orientation && $.mobile.orientationChangeEnabled ) {
- return false;
- }
-
- // Get the current orientation to avoid initial double-triggering.
- last_orientation = get_orientation();
-
- // Because the orientationchange event doesn't exist, simulate the
- // event by testing window dimensions on resize.
- win.bind( "throttledresize", handler );
- },
- teardown: function(){
- // If the event is not supported natively, return false so that
- // jQuery will unbind the event using DOM methods.
- if ( $.support.orientation && $.mobile.orientationChangeEnabled ) {
- return false;
- }
-
- // Because the orientationchange event doesn't exist, unbind the
- // resize event handler.
- win.unbind( "throttledresize", handler );
- },
- add: function( handleObj ) {
- // Save a reference to the bound event handler.
- var old_handler = handleObj.handler;
-
-
- handleObj.handler = function( event ) {
- // Modify event object, adding the .orientation property.
- event.orientation = get_orientation();
-
- // Call the originally-bound event handler and return its result.
- return old_handler.apply( this, arguments );
- };
- }
- };
-
- // If the event is not supported natively, this handler will be bound to
- // the window resize event to simulate the orientationchange event.
- function handler() {
- // Get the current orientation.
- var orientation = get_orientation();
-
- if ( orientation !== last_orientation ) {
- // The orientation has changed, so trigger the orientationchange event.
- last_orientation = orientation;
- win.trigger( "orientationchange" );
- }
- }
-
- // Get the current page orientation. This method is exposed publicly, should it
- // be needed, as jQuery.event.special.orientationchange.orientation()
- $.event.special.orientationchange.orientation = get_orientation = function() {
- var isPortrait = true, elem = document.documentElement;
-
- // prefer window orientation to the calculation based on screensize as
- // the actual screen resize takes place before or after the orientation change event
- // has been fired depending on implementation (eg android 2.3 is before, iphone after).
- // More testing is required to determine if a more reliable method of determining the new screensize
- // is possible when orientationchange is fired. (eg, use media queries + element + opacity)
- if ( $.support.orientation ) {
- // if the window orientation registers as 0 or 180 degrees report
- // portrait, otherwise landscape
- isPortrait = window.orientation % 180 == 0;
- } else {
- isPortrait = elem && elem.clientWidth / elem.clientHeight < 1.1;
- }
-
- return isPortrait ? "portrait" : "landscape";
- };
-
-})( jQuery, window );
-
-
-// throttled resize event
-(function() {
-
- $.event.special.throttledresize = {
- setup: function() {
- $( this ).bind( "resize", handler );
- },
- teardown: function(){
- $( this ).unbind( "resize", handler );
- }
- };
-
- var throttle = 250,
- handler = function() {
- curr = ( new Date() ).getTime();
- diff = curr - lastCall;
-
- if ( diff >= throttle ) {
-
- lastCall = curr;
- $( this ).trigger( "throttledresize" );
-
- } else {
-
- if ( heldCall ) {
- clearTimeout( heldCall );
- }
-
- // Promise a held call will still execute
- heldCall = setTimeout( handler, throttle - diff );
- }
- },
- lastCall = 0,
- heldCall,
- curr,
- diff;
-})();
-
-
-$.each({
- scrollstop: "scrollstart",
- taphold: "tap",
- swipeleft: "swipe",
- swiperight: "swipe"
-}, function( event, sourceEvent ) {
-
- $.event.special[ event ] = {
- setup: function() {
- $( this ).bind( sourceEvent, $.noop );
- }
- };
-});
-
-})( jQuery, this );
-// Script: jQuery hashchange event
-//
-// *Version: 1.3, Last updated: 7/21/2010*
-//
-// Project Home - http://benalman.com/projects/jquery-hashchange-plugin/
-// GitHub - http://github.com/cowboy/jquery-hashchange/
-// Source - http://github.com/cowboy/jquery-hashchange/raw/master/jquery.ba-hashchange.js
-// (Minified) - http://github.com/cowboy/jquery-hashchange/raw/master/jquery.ba-hashchange.min.js (0.8kb gzipped)
-//
-// About: License
-//
-// Copyright (c) 2010 "Cowboy" Ben Alman,
-// Dual licensed under the MIT and GPL licenses.
-// http://benalman.com/about/license/
-//
-// About: Examples
-//
-// These working examples, complete with fully commented code, illustrate a few
-// ways in which this plugin can be used.
-//
-// hashchange event - http://benalman.com/code/projects/jquery-hashchange/examples/hashchange/
-// document.domain - http://benalman.com/code/projects/jquery-hashchange/examples/document_domain/
-//
-// About: Support and Testing
-//
-// Information about what version or versions of jQuery this plugin has been
-// tested with, what browsers it has been tested in, and where the unit tests
-// reside (so you can test it yourself).
-//
-// jQuery Versions - 1.2.6, 1.3.2, 1.4.1, 1.4.2
-// Browsers Tested - Internet Explorer 6-8, Firefox 2-4, Chrome 5-6, Safari 3.2-5,
-// Opera 9.6-10.60, iPhone 3.1, Android 1.6-2.2, BlackBerry 4.6-5.
-// Unit Tests - http://benalman.com/code/projects/jquery-hashchange/unit/
-//
-// About: Known issues
-//
-// While this jQuery hashchange event implementation is quite stable and
-// robust, there are a few unfortunate browser bugs surrounding expected
-// hashchange event-based behaviors, independent of any JavaScript
-// window.onhashchange abstraction. See the following examples for more
-// information:
-//
-// Chrome: Back Button - http://benalman.com/code/projects/jquery-hashchange/examples/bug-chrome-back-button/
-// Firefox: Remote XMLHttpRequest - http://benalman.com/code/projects/jquery-hashchange/examples/bug-firefox-remote-xhr/
-// WebKit: Back Button in an Iframe - http://benalman.com/code/projects/jquery-hashchange/examples/bug-webkit-hash-iframe/
-// Safari: Back Button from a different domain - http://benalman.com/code/projects/jquery-hashchange/examples/bug-safari-back-from-diff-domain/
-//
-// Also note that should a browser natively support the window.onhashchange
-// event, but not report that it does, the fallback polling loop will be used.
-//
-// About: Release History
-//
-// 1.3 - (7/21/2010) Reorganized IE6/7 Iframe code to make it more
-// "removable" for mobile-only development. Added IE6/7 document.title
-// support. Attempted to make Iframe as hidden as possible by using
-// techniques from http://www.paciellogroup.com/blog/?p=604. Added
-// support for the "shortcut" format $(window).hashchange( fn ) and
-// $(window).hashchange() like jQuery provides for built-in events.
-// Renamed jQuery.hashchangeDelay to <jQuery.fn.hashchange.delay> and
-// lowered its default value to 50. Added <jQuery.fn.hashchange.domain>
-// and <jQuery.fn.hashchange.src> properties plus document-domain.html
-// file to address access denied issues when setting document.domain in
-// IE6/7.
-// 1.2 - (2/11/2010) Fixed a bug where coming back to a page using this plugin
-// from a page on another domain would cause an error in Safari 4. Also,
-// IE6/7 Iframe is now inserted after the body (this actually works),
-// which prevents the page from scrolling when the event is first bound.
-// Event can also now be bound before DOM ready, but it won't be usable
-// before then in IE6/7.
-// 1.1 - (1/21/2010) Incorporated document.documentMode test to fix IE8 bug
-// where browser version is incorrectly reported as 8.0, despite
-// inclusion of the X-UA-Compatible IE=EmulateIE7 meta tag.
-// 1.0 - (1/9/2010) Initial Release. Broke out the jQuery BBQ event.special
-// window.onhashchange functionality into a separate plugin for users
-// who want just the basic event & back button support, without all the
-// extra awesomeness that BBQ provides. This plugin will be included as
-// part of jQuery BBQ, but also be available separately.
-
-(function($,window,undefined){
- '$:nomunge'; // Used by YUI compressor.
-
- // Reused string.
- var str_hashchange = 'hashchange',
-
- // Method / object references.
- doc = document,
- fake_onhashchange,
- special = $.event.special,
-
- // Does the browser support window.onhashchange? Note that IE8 running in
- // IE7 compatibility mode reports true for 'onhashchange' in window, even
- // though the event isn't supported, so also test document.documentMode.
- doc_mode = doc.documentMode,
- supports_onhashchange = 'on' + str_hashchange in window && ( doc_mode === undefined || doc_mode > 7 );
-
- // Get location.hash (or what you'd expect location.hash to be) sans any
- // leading #. Thanks for making this necessary, Firefox!
- function get_fragment( url ) {
- url = url || location.href;
- return '#' + url.replace( /^[^#]*#?(.*)$/, '$1' );
- };
-
- // Method: jQuery.fn.hashchange
- //
- // Bind a handler to the window.onhashchange event or trigger all bound
- // window.onhashchange event handlers. This behavior is consistent with
- // jQuery's built-in event handlers.
- //
- // Usage:
- //
- // > jQuery(window).hashchange( [ handler ] );
- //
- // Arguments:
- //
- // handler - (Function) Optional handler to be bound to the hashchange
- // event. This is a "shortcut" for the more verbose form:
- // jQuery(window).bind( 'hashchange', handler ). If handler is omitted,
- // all bound window.onhashchange event handlers will be triggered. This
- // is a shortcut for the more verbose
- // jQuery(window).trigger( 'hashchange' ). These forms are described in
- // the <hashchange event> section.
- //
- // Returns:
- //
- // (jQuery) The initial jQuery collection of elements.
-
- // Allow the "shortcut" format $(elem).hashchange( fn ) for binding and
- // $(elem).hashchange() for triggering, like jQuery does for built-in events.
- $.fn[ str_hashchange ] = function( fn ) {
- return fn ? this.bind( str_hashchange, fn ) : this.trigger( str_hashchange );
- };
-
- // Property: jQuery.fn.hashchange.delay
- //
- // The numeric interval (in milliseconds) at which the <hashchange event>
- // polling loop executes. Defaults to 50.
-
- // Property: jQuery.fn.hashchange.domain
- //
- // If you're setting document.domain in your JavaScript, and you want hash
- // history to work in IE6/7, not only must this property be set, but you must
- // also set document.domain BEFORE jQuery is loaded into the page. This
- // property is only applicable if you are supporting IE6/7 (or IE8 operating
- // in "IE7 compatibility" mode).
- //
- // In addition, the <jQuery.fn.hashchange.src> property must be set to the
- // path of the included "document-domain.html" file, which can be renamed or
- // modified if necessary (note that the document.domain specified must be the
- // same in both your main JavaScript as well as in this file).
- //
- // Usage:
- //
- // jQuery.fn.hashchange.domain = document.domain;
-
- // Property: jQuery.fn.hashchange.src
- //
- // If, for some reason, you need to specify an Iframe src file (for example,
- // when setting document.domain as in <jQuery.fn.hashchange.domain>), you can
- // do so using this property. Note that when using this property, history
- // won't be recorded in IE6/7 until the Iframe src file loads. This property
- // is only applicable if you are supporting IE6/7 (or IE8 operating in "IE7
- // compatibility" mode).
- //
- // Usage:
- //
- // jQuery.fn.hashchange.src = 'path/to/file.html';
-
- $.fn[ str_hashchange ].delay = 50;
- /*
- $.fn[ str_hashchange ].domain = null;
- $.fn[ str_hashchange ].src = null;
- */
-
- // Event: hashchange event
- //
- // Fired when location.hash changes. In browsers that support it, the native
- // HTML5 window.onhashchange event is used, otherwise a polling loop is
- // initialized, running every <jQuery.fn.hashchange.delay> milliseconds to
- // see if the hash has changed. In IE6/7 (and IE8 operating in "IE7
- // compatibility" mode), a hidden Iframe is created to allow the back button
- // and hash-based history to work.
- //
- // Usage as described in <jQuery.fn.hashchange>:
- //
- // > // Bind an event handler.
- // > jQuery(window).hashchange( function(e) {
- // > var hash = location.hash;
- // > ...
- // > });
- // >
- // > // Manually trigger the event handler.
- // > jQuery(window).hashchange();
- //
- // A more verbose usage that allows for event namespacing:
- //
- // > // Bind an event handler.
- // > jQuery(window).bind( 'hashchange', function(e) {
- // > var hash = location.hash;
- // > ...
- // > });
- // >
- // > // Manually trigger the event handler.
- // > jQuery(window).trigger( 'hashchange' );
- //
- // Additional Notes:
- //
- // * The polling loop and Iframe are not created until at least one handler
- // is actually bound to the 'hashchange' event.
- // * If you need the bound handler(s) to execute immediately, in cases where
- // a location.hash exists on page load, via bookmark or page refresh for
- // example, use jQuery(window).hashchange() or the more verbose
- // jQuery(window).trigger( 'hashchange' ).
- // * The event can be bound before DOM ready, but since it won't be usable
- // before then in IE6/7 (due to the necessary Iframe), recommended usage is
- // to bind it inside a DOM ready handler.
-
- // Override existing $.event.special.hashchange methods (allowing this plugin
- // to be defined after jQuery BBQ in BBQ's source code).
- special[ str_hashchange ] = $.extend( special[ str_hashchange ], {
-
- // Called only when the first 'hashchange' event is bound to window.
- setup: function() {
- // If window.onhashchange is supported natively, there's nothing to do..
- if ( supports_onhashchange ) { return false; }
-
- // Otherwise, we need to create our own. And we don't want to call this
- // until the user binds to the event, just in case they never do, since it
- // will create a polling loop and possibly even a hidden Iframe.
- $( fake_onhashchange.start );
- },
-
- // Called only when the last 'hashchange' event is unbound from window.
- teardown: function() {
- // If window.onhashchange is supported natively, there's nothing to do..
- if ( supports_onhashchange ) { return false; }
-
- // Otherwise, we need to stop ours (if possible).
- $( fake_onhashchange.stop );
- }
-
- });
-
- // fake_onhashchange does all the work of triggering the window.onhashchange
- // event for browsers that don't natively support it, including creating a
- // polling loop to watch for hash changes and in IE 6/7 creating a hidden
- // Iframe to enable back and forward.
- fake_onhashchange = (function(){
- var self = {},
- timeout_id,
-
- // Remember the initial hash so it doesn't get triggered immediately.
- last_hash = get_fragment(),
-
- fn_retval = function(val){ return val; },
- history_set = fn_retval,
- history_get = fn_retval;
-
- // Start the polling loop.
- self.start = function() {
- timeout_id || poll();
- };
-
- // Stop the polling loop.
- self.stop = function() {
- timeout_id && clearTimeout( timeout_id );
- timeout_id = undefined;
- };
-
- // This polling loop checks every $.fn.hashchange.delay milliseconds to see
- // if location.hash has changed, and triggers the 'hashchange' event on
- // window when necessary.
- function poll() {
- var hash = get_fragment(),
- history_hash = history_get( last_hash );
-
- if ( hash !== last_hash ) {
- history_set( last_hash = hash, history_hash );
-
- $(window).trigger( str_hashchange );
-
- } else if ( history_hash !== last_hash ) {
- location.href = location.href.replace( /#.*/, '' ) + history_hash;
- }
-
- timeout_id = setTimeout( poll, $.fn[ str_hashchange ].delay );
- };
-
- // vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
- // vvvvvvvvvvvvvvvvvvv REMOVE IF NOT SUPPORTING IE6/7/8 vvvvvvvvvvvvvvvvvvv
- // vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
- $.browser.msie && !supports_onhashchange && (function(){
- // Not only do IE6/7 need the "magical" Iframe treatment, but so does IE8
- // when running in "IE7 compatibility" mode.
-
- var iframe,
- iframe_src;
-
- // When the event is bound and polling starts in IE 6/7, create a hidden
- // Iframe for history handling.
- self.start = function(){
- if ( !iframe ) {
- iframe_src = $.fn[ str_hashchange ].src;
- iframe_src = iframe_src && iframe_src + get_fragment();
-
- // Create hidden Iframe. Attempt to make Iframe as hidden as possible
- // by using techniques from http://www.paciellogroup.com/blog/?p=604.
- iframe = $('<iframe tabindex="-1" title="empty"/>').hide()
-
- // When Iframe has completely loaded, initialize the history and
- // start polling.
- .one( 'load', function(){
- iframe_src || history_set( get_fragment() );
- poll();
- })
-
- // Load Iframe src if specified, otherwise nothing.
- .attr( 'src', iframe_src || 'javascript:0' )
-
- // Append Iframe after the end of the body to prevent unnecessary
- // initial page scrolling (yes, this works).
- .insertAfter( 'body' )[0].contentWindow;
-
- // Whenever `document.title` changes, update the Iframe's title to
- // prettify the back/next history menu entries. Since IE sometimes
- // errors with "Unspecified error" the very first time this is set
- // (yes, very useful) wrap this with a try/catch block.
- doc.onpropertychange = function(){
- try {
- if ( event.propertyName === 'title' ) {
- iframe.document.title = doc.title;
- }
- } catch(e) {}
- };
-
- }
- };
-
- // Override the "stop" method since an IE6/7 Iframe was created. Even
- // if there are no longer any bound event handlers, the polling loop
- // is still necessary for back/next to work at all!
- self.stop = fn_retval;
-
- // Get history by looking at the hidden Iframe's location.hash.
- history_get = function() {
- return get_fragment( iframe.location.href );
- };
-
- // Set a new history item by opening and then closing the Iframe
- // document, *then* setting its location.hash. If document.domain has
- // been set, update that as well.
- history_set = function( hash, history_hash ) {
- var iframe_doc = iframe.document,
- domain = $.fn[ str_hashchange ].domain;
-
- if ( hash !== history_hash ) {
- // Update Iframe with any initial `document.title` that might be set.
- iframe_doc.title = doc.title;
-
- // Opening the Iframe's document after it has been closed is what
- // actually adds a history entry.
- iframe_doc.open();
-
- // Set document.domain for the Iframe document as well, if necessary.
- domain && iframe_doc.write( '<script>document.domain="' + domain + '"</script>' );
-
- iframe_doc.close();
-
- // Update the Iframe's hash, for great justice.
- iframe.location.hash = hash;
- }
- };
-
- })();
- // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
- // ^^^^^^^^^^^^^^^^^^^ REMOVE IF NOT SUPPORTING IE6/7/8 ^^^^^^^^^^^^^^^^^^^
- // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-
- return self;
- })();
-
-})(jQuery,this);
-/*
-* "page" plugin
-*/
-
-(function( $, undefined ) {
-
-$.widget( "mobile.page", $.mobile.widget, {
- options: {
- theme: "c",
- domCache: false,
- keepNativeDefault: ":jqmData(role='none'), :jqmData(role='nojs')"
- },
-
- _create: function() {
-
- this._trigger( "beforecreate" );
-
- this.element
- .attr( "tabindex", "0" )
- .addClass( "ui-page ui-body-" + this.options.theme );
- },
-
- keepNativeSelector: function() {
- var options = this.options,
- keepNativeDefined = options.keepNative && $.trim(options.keepNative);
-
- if( keepNativeDefined && options.keepNative !== options.keepNativeDefault ){
- return [options.keepNative, options.keepNativeDefault].join(", ");
- }
-
- return options.keepNativeDefault;
- }
-});
-})( jQuery );
-/*
-* "core" - The base file for jQm
-*/
-
-(function( $, window, undefined ) {
-
- var nsNormalizeDict = {};
-
- // jQuery.mobile configurable options
- $.extend( $.mobile, {
-
- // Namespace used framework-wide for data-attrs. Default is no namespace
- ns: "",
-
- // Define the url parameter used for referencing widget-generated sub-pages.
- // Translates to to example.html&ui-page=subpageIdentifier
- // hash segment before &ui-page= is used to make Ajax request
- subPageUrlKey: "ui-page",
-
- // Class assigned to page currently in view, and during transitions
- activePageClass: "ui-page-active",
-
- // Class used for "active" button state, from CSS framework
- activeBtnClass: "ui-btn-active",
-
- // Automatically handle clicks and form submissions through Ajax, when same-domain
- ajaxEnabled: true,
-
- // Automatically load and show pages based on location.hash
- hashListeningEnabled: true,
-
- // disable to prevent jquery from bothering with links
- linkBindingEnabled: true,
-
- // Set default page transition - 'none' for no transitions
- defaultPageTransition: "slide",
-
- // Minimum scroll distance that will be remembered when returning to a page
- minScrollBack: 250,
-
- // Set default dialog transition - 'none' for no transitions
- defaultDialogTransition: "pop",
-
- // Show loading message during Ajax requests
- // if false, message will not appear, but loading classes will still be toggled on html el
- loadingMessage: "loading",
-
- // Error response message - appears when an Ajax page request fails
- pageLoadErrorMessage: "Error Loading Page",
-
- //automatically initialize the DOM when it's ready
- autoInitializePage: true,
-
- pushStateEnabled: true,
-
- // turn of binding to the native orientationchange due to android orientation behavior
- orientationChangeEnabled: true,
-
- // Support conditions that must be met in order to proceed
- // default enhanced qualifications are media query support OR IE 7+
- gradeA: function(){
- return $.support.mediaquery || $.mobile.browser.ie && $.mobile.browser.ie >= 7;
- },
-
- // TODO might be useful upstream in jquery itself ?
- keyCode: {
- ALT: 18,
- BACKSPACE: 8,
- CAPS_LOCK: 20,
- COMMA: 188,
- COMMAND: 91,
- COMMAND_LEFT: 91, // COMMAND
- COMMAND_RIGHT: 93,
- CONTROL: 17,
- DELETE: 46,
- DOWN: 40,
- END: 35,
- ENTER: 13,
- ESCAPE: 27,
- HOME: 36,
- INSERT: 45,
- LEFT: 37,
- MENU: 93, // COMMAND_RIGHT
- NUMPAD_ADD: 107,
- NUMPAD_DECIMAL: 110,
- NUMPAD_DIVIDE: 111,
- NUMPAD_ENTER: 108,
- NUMPAD_MULTIPLY: 106,
- NUMPAD_SUBTRACT: 109,
- PAGE_DOWN: 34,
- PAGE_UP: 33,
- PERIOD: 190,
- RIGHT: 39,
- SHIFT: 16,
- SPACE: 32,
- TAB: 9,
- UP: 38,
- WINDOWS: 91 // COMMAND
- },
-
- // Scroll page vertically: scroll to 0 to hide iOS address bar, or pass a Y value
- silentScroll: function( ypos ) {
- if ( $.type( ypos ) !== "number" ) {
- ypos = $.mobile.defaultHomeScroll;
- }
-
- // prevent scrollstart and scrollstop events
- $.event.special.scrollstart.enabled = false;
-
- setTimeout(function() {
- window.scrollTo( 0, ypos );
- $( document ).trigger( "silentscroll", { x: 0, y: ypos });
- }, 20 );
-
- setTimeout(function() {
- $.event.special.scrollstart.enabled = true;
- }, 150 );
- },
-
- // Expose our cache for testing purposes.
- nsNormalizeDict: nsNormalizeDict,
-
- // Take a data attribute property, prepend the namespace
- // and then camel case the attribute string. Add the result
- // to our nsNormalizeDict so we don't have to do this again.
- nsNormalize: function( prop ) {
- if ( !prop ) {
- return;
- }
-
- return nsNormalizeDict[ prop ] || ( nsNormalizeDict[ prop ] = $.camelCase( $.mobile.ns + prop ) );
- },
-
- getInheritedTheme: function( el, defaultTheme ) {
-
- // Find the closest parent with a theme class on it. Note that
- // we are not using $.fn.closest() on purpose here because this
- // method gets called quite a bit and we need it to be as fast
- // as possible.
-
- var e = el[ 0 ],
- ltr = "",
- re = /ui-(bar|body)-([a-z])\b/,
- c, m;
-
- while ( e ) {
- var c = e.className || "";
- if ( ( m = re.exec( c ) ) && ( ltr = m[ 2 ] ) ) {
- // We found a parent with a theme class
- // on it so bail from this loop.
- break;
- }
- e = e.parentNode;
- }
-
- // Return the theme letter we found, if none, return the
- // specified default.
-
- return ltr || defaultTheme || "a";
- }
- });
-
- // Mobile version of data and removeData and hasData methods
- // ensures all data is set and retrieved using jQuery Mobile's data namespace
- $.fn.jqmData = function( prop, value ) {
- var result;
- if ( typeof prop != "undefined" ) {
- result = this.data( prop ? $.mobile.nsNormalize( prop ) : prop, value );
- }
- return result;
- };
-
- $.jqmData = function( elem, prop, value ) {
- var result;
- if ( typeof prop != "undefined" ) {
- result = $.data( elem, prop ? $.mobile.nsNormalize( prop ) : prop, value );
- }
- return result;
- };
-
- $.fn.jqmRemoveData = function( prop ) {
- return this.removeData( $.mobile.nsNormalize( prop ) );
- };
-
- $.jqmRemoveData = function( elem, prop ) {
- return $.removeData( elem, $.mobile.nsNormalize( prop ) );
- };
-
- $.fn.removeWithDependents = function() {
- $.removeWithDependents( this );
- };
-
- $.removeWithDependents = function( elem ) {
- var $elem = $( elem );
-
- ( $elem.jqmData('dependents') || $() ).remove();
- $elem.remove();
- };
-
- $.fn.addDependents = function( newDependents ) {
- $.addDependents( $(this), newDependents );
- };
-
- $.addDependents = function( elem, newDependents ) {
- var dependents = $(elem).jqmData( 'dependents' ) || $();
-
- $(elem).jqmData( 'dependents', $.merge(dependents, newDependents) );
- };
-
- // note that this helper doesn't attempt to handle the callback
- // or setting of an html elements text, its only purpose is
- // to return the html encoded version of the text in all cases. (thus the name)
- $.fn.getEncodedText = function() {
- return $( "<div/>" ).text( $(this).text() ).html();
- };
-
- // Monkey-patching Sizzle to filter the :jqmData selector
- var oldFind = $.find,
- jqmDataRE = /:jqmData\(([^)]*)\)/g;
-
- $.find = function( selector, context, ret, extra ) {
- selector = selector.replace( jqmDataRE, "[data-" + ( $.mobile.ns || "" ) + "$1]" );
-
- return oldFind.call( this, selector, context, ret, extra );
- };
-
- $.extend( $.find, oldFind );
-
- $.find.matches = function( expr, set ) {
- return $.find( expr, null, null, set );
- };
-
- $.find.matchesSelector = function( node, expr ) {
- return $.find( expr, null, null, [ node ] ).length > 0;
- };
-})( jQuery, this );
-
-/*
-* core utilities for auto ajax navigation, base tag mgmt,
-*/
-
-( function( $, undefined ) {
-
- //define vars for interal use
- var $window = $( window ),
- $html = $( 'html' ),
- $head = $( 'head' ),
-
- //url path helpers for use in relative url management
- path = {
-
- // This scary looking regular expression parses an absolute URL or its relative
- // variants (protocol, site, document, query, and hash), into the various
- // components (protocol, host, path, query, fragment, etc that make up the
- // URL as well as some other commonly used sub-parts. When used with RegExp.exec()
- // or String.match, it parses the URL into a results array that looks like this:
- //
- // [0]: http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread#msg-content
- // [1]: http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread
- // [2]: http://jblas:password@mycompany.com:8080/mail/inbox
- // [3]: http://jblas:password@mycompany.com:8080
- // [4]: http:
- // [5]: //
- // [6]: jblas:password@mycompany.com:8080
- // [7]: jblas:password
- // [8]: jblas
- // [9]: password
- // [10]: mycompany.com:8080
- // [11]: mycompany.com
- // [12]: 8080
- // [13]: /mail/inbox
- // [14]: /mail/
- // [15]: inbox
- // [16]: ?msg=1234&type=unread
- // [17]: #msg-content
- //
- urlParseRE: /^(((([^:\/#\?]+:)?(?:(\/\/)((?:(([^:@\/#\?]+)(?:\:([^:@\/#\?]+))?)@)?(([^:\/#\?\]\[]+|\[[^\/\]@#?]+\])(?:\:([0-9]+))?))?)?)?((\/?(?:[^\/\?#]+\/+)*)([^\?#]*)))?(\?[^#]+)?)(#.*)?/,
-
- //Parse a URL into a structure that allows easy access to
- //all of the URL components by name.
- parseUrl: function( url ) {
- // If we're passed an object, we'll assume that it is
- // a parsed url object and just return it back to the caller.
- if ( $.type( url ) === "object" ) {
- return url;
- }
-
- var matches = path.urlParseRE.exec( url || "" ) || [];
-
- // Create an object that allows the caller to access the sub-matches
- // by name. Note that IE returns an empty string instead of undefined,
- // like all other browsers do, so we normalize everything so its consistent
- // no matter what browser we're running on.
- return {
- href: matches[ 0 ] || "",
- hrefNoHash: matches[ 1 ] || "",
- hrefNoSearch: matches[ 2 ] || "",
- domain: matches[ 3 ] || "",
- protocol: matches[ 4 ] || "",
- doubleSlash: matches[ 5 ] || "",
- authority: matches[ 6 ] || "",
- username: matches[ 8 ] || "",
- password: matches[ 9 ] || "",
- host: matches[ 10 ] || "",
- hostname: matches[ 11 ] || "",
- port: matches[ 12 ] || "",
- pathname: matches[ 13 ] || "",
- directory: matches[ 14 ] || "",
- filename: matches[ 15 ] || "",
- search: matches[ 16 ] || "",
- hash: matches[ 17 ] || ""
- };
- },
-
- //Turn relPath into an asbolute path. absPath is
- //an optional absolute path which describes what
- //relPath is relative to.
- makePathAbsolute: function( relPath, absPath ) {
- if ( relPath && relPath.charAt( 0 ) === "/" ) {
- return relPath;
- }
-
- relPath = relPath || "";
- absPath = absPath ? absPath.replace( /^\/|(\/[^\/]*|[^\/]+)$/g, "" ) : "";
-
- var absStack = absPath ? absPath.split( "/" ) : [],
- relStack = relPath.split( "/" );
- for ( var i = 0; i < relStack.length; i++ ) {
- var d = relStack[ i ];
- switch ( d ) {
- case ".":
- break;
- case "..":
- if ( absStack.length ) {
- absStack.pop();
- }
- break;
- default:
- absStack.push( d );
- break;
- }
- }
- return "/" + absStack.join( "/" );
- },
-
- //Returns true if both urls have the same domain.
- isSameDomain: function( absUrl1, absUrl2 ) {
- return path.parseUrl( absUrl1 ).domain === path.parseUrl( absUrl2 ).domain;
- },
-
- //Returns true for any relative variant.
- isRelativeUrl: function( url ) {
- // All relative Url variants have one thing in common, no protocol.
- return path.parseUrl( url ).protocol === "";
- },
-
- //Returns true for an absolute url.
- isAbsoluteUrl: function( url ) {
- return path.parseUrl( url ).protocol !== "";
- },
-
- //Turn the specified realtive URL into an absolute one. This function
- //can handle all relative variants (protocol, site, document, query, fragment).
- makeUrlAbsolute: function( relUrl, absUrl ) {
- if ( !path.isRelativeUrl( relUrl ) ) {
- return relUrl;
- }
-
- var relObj = path.parseUrl( relUrl ),
- absObj = path.parseUrl( absUrl ),
- protocol = relObj.protocol || absObj.protocol,
- doubleSlash = relObj.protocol ? relObj.doubleSlash : ( relObj.doubleSlash || absObj.doubleSlash ),
- authority = relObj.authority || absObj.authority,
- hasPath = relObj.pathname !== "",
- pathname = path.makePathAbsolute( relObj.pathname || absObj.filename, absObj.pathname ),
- search = relObj.search || ( !hasPath && absObj.search ) || "",
- hash = relObj.hash;
-
- return protocol + doubleSlash + authority + pathname + search + hash;
- },
-
- //Add search (aka query) params to the specified url.
- addSearchParams: function( url, params ) {
- var u = path.parseUrl( url ),
- p = ( typeof params === "object" ) ? $.param( params ) : params,
- s = u.search || "?";
- return u.hrefNoSearch + s + ( s.charAt( s.length - 1 ) !== "?" ? "&" : "" ) + p + ( u.hash || "" );
- },
-
- convertUrlToDataUrl: function( absUrl ) {
- var u = path.parseUrl( absUrl );
- if ( path.isEmbeddedPage( u ) ) {
- // For embedded pages, remove the dialog hash key as in getFilePath(),
- // otherwise the Data Url won't match the id of the embedded Page.
- return u.hash.split( dialogHashKey )[0].replace( /^#/, "" );
- } else if ( path.isSameDomain( u, documentBase ) ) {
- return u.hrefNoHash.replace( documentBase.domain, "" );
- }
- return absUrl;
- },
-
- //get path from current hash, or from a file path
- get: function( newPath ) {
- if( newPath === undefined ) {
- newPath = location.hash;
- }
- return path.stripHash( newPath ).replace( /[^\/]*\.[^\/*]+$/, '' );
- },
-
- //return the substring of a filepath before the sub-page key, for making a server request
- getFilePath: function( path ) {
- var splitkey = '&' + $.mobile.subPageUrlKey;
- return path && path.split( splitkey )[0].split( dialogHashKey )[0];
- },
-
- //set location hash to path
- set: function( path ) {
- location.hash = path;
- },
-
- //test if a given url (string) is a path
- //NOTE might be exceptionally naive
- isPath: function( url ) {
- return ( /\// ).test( url );
- },
-
- //return a url path with the window's location protocol/hostname/pathname removed
- clean: function( url ) {
- return url.replace( documentBase.domain, "" );
- },
-
- //just return the url without an initial #
- stripHash: function( url ) {
- return url.replace( /^#/, "" );
- },
-
- //remove the preceding hash, any query params, and dialog notations
- cleanHash: function( hash ) {
- return path.stripHash( hash.replace( /\?.*$/, "" ).replace( dialogHashKey, "" ) );
- },
-
- //check whether a url is referencing the same domain, or an external domain or different protocol
- //could be mailto, etc
- isExternal: function( url ) {
- var u = path.parseUrl( url );
- return u.protocol && u.domain !== documentUrl.domain ? true : false;
- },
-
- hasProtocol: function( url ) {
- return ( /^(:?\w+:)/ ).test( url );
- },
-
- //check if the specified url refers to the first page in the main application document.
- isFirstPageUrl: function( url ) {
- // We only deal with absolute paths.
- var u = path.parseUrl( path.makeUrlAbsolute( url, documentBase ) ),
-
- // Does the url have the same path as the document?
- samePath = u.hrefNoHash === documentUrl.hrefNoHash || ( documentBaseDiffers && u.hrefNoHash === documentBase.hrefNoHash ),
-
- // Get the first page element.
- fp = $.mobile.firstPage,
-
- // Get the id of the first page element if it has one.
- fpId = fp && fp[0] ? fp[0].id : undefined;
-
- // The url refers to the first page if the path matches the document and
- // it either has no hash value, or the hash is exactly equal to the id of the
- // first page element.
- return samePath && ( !u.hash || u.hash === "#" || ( fpId && u.hash.replace( /^#/, "" ) === fpId ) );
- },
-
- isEmbeddedPage: function( url ) {
- var u = path.parseUrl( url );
-
- //if the path is absolute, then we need to compare the url against
- //both the documentUrl and the documentBase. The main reason for this
- //is that links embedded within external documents will refer to the
- //application document, whereas links embedded within the application
- //document will be resolved against the document base.
- if ( u.protocol !== "" ) {
- return ( u.hash && ( u.hrefNoHash === documentUrl.hrefNoHash || ( documentBaseDiffers && u.hrefNoHash === documentBase.hrefNoHash ) ) );
- }
- return (/^#/).test( u.href );
- }
- },
-
- //will be defined when a link is clicked and given an active class
- $activeClickedLink = null,
-
- //urlHistory is purely here to make guesses at whether the back or forward button was clicked
- //and provide an appropriate transition
- urlHistory = {
- // Array of pages that are visited during a single page load.
- // Each has a url and optional transition, title, and pageUrl (which represents the file path, in cases where URL is obscured, such as dialogs)
- stack: [],
-
- //maintain an index number for the active page in the stack
- activeIndex: 0,
-
- //get active
- getActive: function() {
- return urlHistory.stack[ urlHistory.activeIndex ];
- },
-
- getPrev: function() {
- return urlHistory.stack[ urlHistory.activeIndex - 1 ];
- },
-
- getNext: function() {
- return urlHistory.stack[ urlHistory.activeIndex + 1 ];
- },
-
- // addNew is used whenever a new page is added
- addNew: function( url, transition, title, pageUrl, role ) {
- //if there's forward history, wipe it
- if( urlHistory.getNext() ) {
- urlHistory.clearForward();
- }
-
- urlHistory.stack.push( {url : url, transition: transition, title: title, pageUrl: pageUrl, role: role } );
-
- urlHistory.activeIndex = urlHistory.stack.length - 1;
- },
-
- //wipe urls ahead of active index
- clearForward: function() {
- urlHistory.stack = urlHistory.stack.slice( 0, urlHistory.activeIndex + 1 );
- },
-
- directHashChange: function( opts ) {
- var back , forward, newActiveIndex, prev = this.getActive();
-
- // check if url isp in history and if it's ahead or behind current page
- $.each( urlHistory.stack, function( i, historyEntry ) {
-
- //if the url is in the stack, it's a forward or a back
- if( opts.currentUrl === historyEntry.url ) {
- //define back and forward by whether url is older or newer than current page
- back = i < urlHistory.activeIndex;
- forward = !back;
- newActiveIndex = i;
- }
- });
-
- // save new page index, null check to prevent falsey 0 result
- this.activeIndex = newActiveIndex !== undefined ? newActiveIndex : this.activeIndex;
-
- if( back ) {
- ( opts.either || opts.isBack )( true );
- } else if( forward ) {
- ( opts.either || opts.isForward )( false );
- }
- },
-
- //disable hashchange event listener internally to ignore one change
- //toggled internally when location.hash is updated to match the url of a successful page load
- ignoreNextHashChange: false
- },
-
- //define first selector to receive focus when a page is shown
- focusable = "[tabindex],a,button:visible,select:visible,input",
-
- //queue to hold simultanious page transitions
- pageTransitionQueue = [],
-
- //indicates whether or not page is in process of transitioning
- isPageTransitioning = false,
-
- //nonsense hash change key for dialogs, so they create a history entry
- dialogHashKey = "&ui-state=dialog",
-
- //existing base tag?
- $base = $head.children( "base" ),
-
- //tuck away the original document URL minus any fragment.
- documentUrl = path.parseUrl( location.href ),
-
- //if the document has an embedded base tag, documentBase is set to its
- //initial value. If a base tag does not exist, then we default to the documentUrl.
- documentBase = $base.length ? path.parseUrl( path.makeUrlAbsolute( $base.attr( "href" ), documentUrl.href ) ) : documentUrl,
-
- //cache the comparison once.
- documentBaseDiffers = ( documentUrl.hrefNoHash !== documentBase.hrefNoHash );
-
- //base element management, defined depending on dynamic base tag support
- var base = $.support.dynamicBaseTag ? {
-
- //define base element, for use in routing asset urls that are referenced in Ajax-requested markup
- element: ( $base.length ? $base : $( "<base>", { href: documentBase.hrefNoHash } ).prependTo( $head ) ),
-
- //set the generated BASE element's href attribute to a new page's base path
- set: function( href ) {
- base.element.attr( "href", path.makeUrlAbsolute( href, documentBase ) );
- },
-
- //set the generated BASE element's href attribute to a new page's base path
- reset: function() {
- base.element.attr( "href", documentBase.hrefNoHash );
- }
-
- } : undefined;
-
-/*
- internal utility functions
---------------------------------------*/
-
-
- //direct focus to the page title, or otherwise first focusable element
- function reFocus( page ) {
- var pageTitle = page.find( ".ui-title:eq(0)" );
-
- if( pageTitle.length ) {
- pageTitle.focus();
- }
- else{
- page.focus();
- }
- }
-
- //remove active classes after page transition or error
- function removeActiveLinkClass( forceRemoval ) {
- if( !!$activeClickedLink && ( !$activeClickedLink.closest( '.ui-page-active' ).length || forceRemoval ) ) {
- $activeClickedLink.removeClass( $.mobile.activeBtnClass );
- }
- $activeClickedLink = null;
- }
-
- function releasePageTransitionLock() {
- isPageTransitioning = false;
- if( pageTransitionQueue.length > 0 ) {
- $.mobile.changePage.apply( null, pageTransitionQueue.pop() );
- }
- }
-
- // Save the last scroll distance per page, before it is hidden
- var setLastScrollEnabled = true,
- firstScrollElem, getScrollElem, setLastScroll, delayedSetLastScroll;
-
- getScrollElem = function() {
- var scrollElem = $window, activePage,
- touchOverflow = $.support.touchOverflow && $.mobile.touchOverflowEnabled;
-
- if( touchOverflow ){
- activePage = $( ".ui-page-active" );
- scrollElem = activePage.is( ".ui-native-fixed" ) ? activePage.find( ".ui-content" ) : activePage;
- }
-
- return scrollElem;
- };
-
- setLastScroll = function( scrollElem ) {
- // this barrier prevents setting the scroll value based on the browser
- // scrolling the window based on a hashchange
- if( !setLastScrollEnabled ) {
- return;
- }
-
- var active = $.mobile.urlHistory.getActive();
-
- if( active ) {
- var lastScroll = scrollElem && scrollElem.scrollTop();
-
- // Set active page's lastScroll prop.
- // If the location we're scrolling to is less than minScrollBack, let it go.
- active.lastScroll = lastScroll < $.mobile.minScrollBack ? $.mobile.defaultHomeScroll : lastScroll;
- }
- };
-
- // bind to scrollstop to gather scroll position. The delay allows for the hashchange
- // event to fire and disable scroll recording in the case where the browser scrolls
- // to the hash targets location (sometimes the top of the page). once pagechange fires
- // getLastScroll is again permitted to operate
- delayedSetLastScroll = function() {
- setTimeout( setLastScroll, 100, $(this) );
- };
-
- // disable an scroll setting when a hashchange has been fired, this only works
- // because the recording of the scroll position is delayed for 100ms after
- // the browser might have changed the position because of the hashchange
- $window.bind( $.support.pushState ? "popstate" : "hashchange", function() {
- setLastScrollEnabled = false;
- });
-
- // handle initial hashchange from chrome :(
- $window.one( $.support.pushState ? "popstate" : "hashchange", function() {
- setLastScrollEnabled = true;
- });
-
- // wait until the mobile page container has been determined to bind to pagechange
- $window.one( "pagecontainercreate", function(){
- // once the page has changed, re-enable the scroll recording
- $.mobile.pageContainer.bind( "pagechange", function() {
- var scrollElem = getScrollElem();
-
- setLastScrollEnabled = true;
-
- // remove any binding that previously existed on the get scroll
- // which may or may not be different than the scroll element determined for
- // this page previously
- scrollElem.unbind( "scrollstop", delayedSetLastScroll );
-
- // determine and bind to the current scoll element which may be the window
- // or in the case of touch overflow the element with touch overflow
- scrollElem.bind( "scrollstop", delayedSetLastScroll );
- });
- });
-
- // bind to scrollstop for the first page as "pagechange" won't be fired in that case
- getScrollElem().bind( "scrollstop", delayedSetLastScroll );
-
- // Make the iOS clock quick-scroll work again if we're using native overflow scrolling
- /*
- if( $.support.touchOverflow ){
- if( $.mobile.touchOverflowEnabled ){
- $( window ).bind( "scrollstop", function(){
- if( $( this ).scrollTop() === 0 ){
- $.mobile.activePage.scrollTop( 0 );
- }
- });
- }
- }
- */
-
- //function for transitioning between two existing pages
- function transitionPages( toPage, fromPage, transition, reverse ) {
-
- //get current scroll distance
- var active = $.mobile.urlHistory.getActive(),
- touchOverflow = $.support.touchOverflow && $.mobile.touchOverflowEnabled,
- toScroll = active.lastScroll || ( touchOverflow ? 0 : $.mobile.defaultHomeScroll ),
- screenHeight = getScreenHeight();
-
- // Scroll to top, hide addr bar
- window.scrollTo( 0, $.mobile.defaultHomeScroll );
-
- if( fromPage ) {
- //trigger before show/hide events
- fromPage.data( "page" )._trigger( "beforehide", null, { nextPage: toPage } );
- }
-
- if( !touchOverflow){
- toPage.height( screenHeight + toScroll );
- }
-
- toPage.data( "page" )._trigger( "beforeshow", null, { prevPage: fromPage || $( "" ) } );
-
- //clear page loader
- $.mobile.hidePageLoadingMsg();
-
- if( touchOverflow && toScroll ){
-
- toPage.addClass( "ui-mobile-pre-transition" );
- // Send focus to page as it is now display: block
- reFocus( toPage );
-
- //set page's scrollTop to remembered distance
- if( toPage.is( ".ui-native-fixed" ) ){
- toPage.find( ".ui-content" ).scrollTop( toScroll );
- }
- else{
- toPage.scrollTop( toScroll );
- }
- }
-
- //find the transition handler for the specified transition. If there
- //isn't one in our transitionHandlers dictionary, use the default one.
- //call the handler immediately to kick-off the transition.
- var th = $.mobile.transitionHandlers[transition || "none"] || $.mobile.defaultTransitionHandler,
- promise = th( transition, reverse, toPage, fromPage );
-
- promise.done(function() {
- //reset toPage height back
- if( !touchOverflow ){
- toPage.height( "" );
- // Send focus to the newly shown page
- reFocus( toPage );
- }
-
- // Jump to top or prev scroll, sometimes on iOS the page has not rendered yet.
- if( !touchOverflow ){
- $.mobile.silentScroll( toScroll );
- }
-
- //trigger show/hide events
- if( fromPage ) {
- if( !touchOverflow ){
- fromPage.height( "" );
- }
-
- fromPage.data( "page" )._trigger( "hide", null, { nextPage: toPage } );
- }
-
- //trigger pageshow, define prevPage as either fromPage or empty jQuery obj
- toPage.data( "page" )._trigger( "show", null, { prevPage: fromPage || $( "" ) } );
- });
-
- return promise;
- }
-
- //simply set the active page's minimum height to screen height, depending on orientation
- function getScreenHeight(){
- var orientation = $.event.special.orientationchange.orientation(),
- port = orientation === "portrait",
- winMin = port ? 480 : 320,
- screenHeight = port ? screen.availHeight : screen.availWidth,
- winHeight = Math.max( winMin, $( window ).height() ),
- pageMin = Math.min( screenHeight, winHeight );
-
- return pageMin;
- }
-
- $.mobile.getScreenHeight = getScreenHeight;
-
- //simply set the active page's minimum height to screen height, depending on orientation
- function resetActivePageHeight(){
- // Don't apply this height in touch overflow enabled mode
- if( $.support.touchOverflow && $.mobile.touchOverflowEnabled ){
- return;
- }
- $( "." + $.mobile.activePageClass ).css( "min-height", getScreenHeight() );
- }
-
- //shared page enhancements
- function enhancePage( $page, role ) {
- // If a role was specified, make sure the data-role attribute
- // on the page element is in sync.
- if( role ) {
- $page.attr( "data-" + $.mobile.ns + "role", role );
- }
-
- //run page plugin
- $page.page();
- }
-
-/* exposed $.mobile methods */
-
- //animation complete callback
- $.fn.animationComplete = function( callback ) {
- if( $.support.cssTransitions ) {
- return $( this ).one( 'webkitAnimationEnd', callback );
- }
- else{
- // defer execution for consistency between webkit/non webkit
- setTimeout( callback, 0 );
- return $( this );
- }
- };
-
- //expose path object on $.mobile
- $.mobile.path = path;
-
- //expose base object on $.mobile
- $.mobile.base = base;
-
- //history stack
- $.mobile.urlHistory = urlHistory;
-
- $.mobile.dialogHashKey = dialogHashKey;
-
- //default non-animation transition handler
- $.mobile.noneTransitionHandler = function( name, reverse, $toPage, $fromPage ) {
- if ( $fromPage ) {
- $fromPage.removeClass( $.mobile.activePageClass );
- }
- $toPage.addClass( $.mobile.activePageClass );
-
- return $.Deferred().resolve( name, reverse, $toPage, $fromPage ).promise();
- };
-
- //default handler for unknown transitions
- $.mobile.defaultTransitionHandler = $.mobile.noneTransitionHandler;
-
- //transition handler dictionary for 3rd party transitions
- $.mobile.transitionHandlers = {
- none: $.mobile.defaultTransitionHandler
- };
-
- //enable cross-domain page support
- $.mobile.allowCrossDomainPages = false;
-
- //return the original document url
- $.mobile.getDocumentUrl = function(asParsedObject) {
- return asParsedObject ? $.extend( {}, documentUrl ) : documentUrl.href;
- };
-
- //return the original document base url
- $.mobile.getDocumentBase = function(asParsedObject) {
- return asParsedObject ? $.extend( {}, documentBase ) : documentBase.href;
- };
-
- $.mobile._bindPageRemove = function() {
- var page = $(this);
-
- // when dom caching is not enabled or the page is embedded bind to remove the page on hide
- if( !page.data("page").options.domCache
- && page.is(":jqmData(external-page='true')") ) {
-
- page.bind( 'pagehide.remove', function() {
- var $this = $( this ),
- prEvent = new $.Event( "pageremove" );
-
- $this.trigger( prEvent );
-
- if( !prEvent.isDefaultPrevented() ){
- $this.removeWithDependents();
- }
- });
- }
- };
-
- // Load a page into the DOM.
- $.mobile.loadPage = function( url, options ) {
- // This function uses deferred notifications to let callers
- // know when the page is done loading, or if an error has occurred.
- var deferred = $.Deferred(),
-
- // The default loadPage options with overrides specified by
- // the caller.
- settings = $.extend( {}, $.mobile.loadPage.defaults, options ),
-
- // The DOM element for the page after it has been loaded.
- page = null,
-
- // If the reloadPage option is true, and the page is already
- // in the DOM, dupCachedPage will be set to the page element
- // so that it can be removed after the new version of the
- // page is loaded off the network.
- dupCachedPage = null,
-
- // determine the current base url
- findBaseWithDefault = function(){
- var closestBase = ( $.mobile.activePage && getClosestBaseUrl( $.mobile.activePage ) );
- return closestBase || documentBase.hrefNoHash;
- },
-
- // The absolute version of the URL passed into the function. This
- // version of the URL may contain dialog/subpage params in it.
- absUrl = path.makeUrlAbsolute( url, findBaseWithDefault() );
-
-
- // If the caller provided data, and we're using "get" request,
- // append the data to the URL.
- if ( settings.data && settings.type === "get" ) {
- absUrl = path.addSearchParams( absUrl, settings.data );
- settings.data = undefined;
- }
-
- // If the caller is using a "post" request, reloadPage must be true
- if( settings.data && settings.type === "post" ){
- settings.reloadPage = true;
- }
-
- // The absolute version of the URL minus any dialog/subpage params.
- // In otherwords the real URL of the page to be loaded.
- var fileUrl = path.getFilePath( absUrl ),
-
- // The version of the Url actually stored in the data-url attribute of
- // the page. For embedded pages, it is just the id of the page. For pages
- // within the same domain as the document base, it is the site relative
- // path. For cross-domain pages (Phone Gap only) the entire absolute Url
- // used to load the page.
- dataUrl = path.convertUrlToDataUrl( absUrl );
-
- // Make sure we have a pageContainer to work with.
- settings.pageContainer = settings.pageContainer || $.mobile.pageContainer;
-
- // Check to see if the page already exists in the DOM.
- page = settings.pageContainer.children( ":jqmData(url='" + dataUrl + "')" );
-
- // If we failed to find the page, check to see if the url is a
- // reference to an embedded page. If so, it may have been dynamically
- // injected by a developer, in which case it would be lacking a data-url
- // attribute and in need of enhancement.
- if ( page.length === 0 && dataUrl && !path.isPath( dataUrl ) ) {
- page = settings.pageContainer.children( "#" + dataUrl )
- .attr( "data-" + $.mobile.ns + "url", dataUrl );
- }
-
- // If we failed to find a page in the DOM, check the URL to see if it
- // refers to the first page in the application. If it isn't a reference
- // to the first page and refers to non-existent embedded page, error out.
- if ( page.length === 0 ) {
- if ( $.mobile.firstPage && path.isFirstPageUrl( fileUrl ) ) {
- // Check to make sure our cached-first-page is actually
- // in the DOM. Some user deployed apps are pruning the first
- // page from the DOM for various reasons, we check for this
- // case here because we don't want a first-page with an id
- // falling through to the non-existent embedded page error
- // case. If the first-page is not in the DOM, then we let
- // things fall through to the ajax loading code below so
- // that it gets reloaded.
- if ( $.mobile.firstPage.parent().length ) {
- page = $( $.mobile.firstPage );
- }
- } else if ( path.isEmbeddedPage( fileUrl ) ) {
- deferred.reject( absUrl, options );
- return deferred.promise();
- }
- }
-
- // Reset base to the default document base.
- if ( base ) {
- base.reset();
- }
-
- // If the page we are interested in is already in the DOM,
- // and the caller did not indicate that we should force a
- // reload of the file, we are done. Otherwise, track the
- // existing page as a duplicated.
- if ( page.length ) {
- if ( !settings.reloadPage ) {
- enhancePage( page, settings.role );
- deferred.resolve( absUrl, options, page );
- return deferred.promise();
- }
- dupCachedPage = page;
- }
-
- var mpc = settings.pageContainer,
- pblEvent = new $.Event( "pagebeforeload" ),
- triggerData = { url: url, absUrl: absUrl, dataUrl: dataUrl, deferred: deferred, options: settings };
-
- // Let listeners know we're about to load a page.
- mpc.trigger( pblEvent, triggerData );
-
- // If the default behavior is prevented, stop here!
- if( pblEvent.isDefaultPrevented() ){
- return deferred.promise();
- }
-
- if ( settings.showLoadMsg ) {
-
- // This configurable timeout allows cached pages a brief delay to load without showing a message
- var loadMsgDelay = setTimeout(function(){
- $.mobile.showPageLoadingMsg();
- }, settings.loadMsgDelay ),
-
- // Shared logic for clearing timeout and removing message.
- hideMsg = function(){
-
- // Stop message show timer
- clearTimeout( loadMsgDelay );
-
- // Hide loading message
- $.mobile.hidePageLoadingMsg();
- };
- }
-
- if ( !( $.mobile.allowCrossDomainPages || path.isSameDomain( documentUrl, absUrl ) ) ) {
- deferred.reject( absUrl, options );
- } else {
- // Load the new page.
- $.ajax({
- url: fileUrl,
- type: settings.type,
- data: settings.data,
- dataType: "html",
- success: function( html, textStatus, xhr ) {
- //pre-parse html to check for a data-url,
- //use it as the new fileUrl, base path, etc
- var all = $( "<div></div>" ),
-
- //page title regexp
- newPageTitle = html.match( /<title[^>]*>([^<]*)/ ) && RegExp.$1,
-
- // TODO handle dialogs again
- pageElemRegex = new RegExp( "(<[^>]+\\bdata-" + $.mobile.ns + "role=[\"']?page[\"']?[^>]*>)" ),
- dataUrlRegex = new RegExp( "\\bdata-" + $.mobile.ns + "url=[\"']?([^\"'>]*)[\"']?" );
-
-
- // data-url must be provided for the base tag so resource requests can be directed to the
- // correct url. loading into a temprorary element makes these requests immediately
- if( pageElemRegex.test( html )
- && RegExp.$1
- && dataUrlRegex.test( RegExp.$1 )
- && RegExp.$1 ) {
- url = fileUrl = path.getFilePath( RegExp.$1 );
- }
-
- if ( base ) {
- base.set( fileUrl );
- }
-
- //workaround to allow scripts to execute when included in page divs
- all.get( 0 ).innerHTML = html;
- page = all.find( ":jqmData(role='page'), :jqmData(role='dialog')" ).first();
-
- //if page elem couldn't be found, create one and insert the body element's contents
- if( !page.length ){
- page = $( "<div data-" + $.mobile.ns + "role='page'>" + html.split( /<\/?body[^>]*>/gmi )[1] + "</div>" );
- }
-
- if ( newPageTitle && !page.jqmData( "title" ) ) {
- if ( ~newPageTitle.indexOf( "&" ) ) {
- newPageTitle = $( "<div>" + newPageTitle + "</div>" ).text();
- }
- page.jqmData( "title", newPageTitle );
- }
-
- //rewrite src and href attrs to use a base url
- if( !$.support.dynamicBaseTag ) {
- var newPath = path.get( fileUrl );
- page.find( "[src], link[href], a[rel='external'], :jqmData(ajax='false'), a[target]" ).each(function() {
- var thisAttr = $( this ).is( '[href]' ) ? 'href' :
- $(this).is('[src]') ? 'src' : 'action',
- thisUrl = $( this ).attr( thisAttr );
-
- // XXX_jblas: We need to fix this so that it removes the document
- // base URL, and then prepends with the new page URL.
- //if full path exists and is same, chop it - helps IE out
- thisUrl = thisUrl.replace( location.protocol + '//' + location.host + location.pathname, '' );
-
- if( !/^(\w+:|#|\/)/.test( thisUrl ) ) {
- $( this ).attr( thisAttr, newPath + thisUrl );
- }
- });
- }
-
- //append to page and enhance
- // TODO taging a page with external to make sure that embedded pages aren't removed
- // by the various page handling code is bad. Having page handling code in many
- // places is bad. Solutions post 1.0
- page
- .attr( "data-" + $.mobile.ns + "url", path.convertUrlToDataUrl( fileUrl ) )
- .attr( "data-" + $.mobile.ns + "external-page", true )
- .appendTo( settings.pageContainer );
-
- // wait for page creation to leverage options defined on widget
- page.one( 'pagecreate', $.mobile._bindPageRemove );
-
- enhancePage( page, settings.role );
-
- // Enhancing the page may result in new dialogs/sub pages being inserted
- // into the DOM. If the original absUrl refers to a sub-page, that is the
- // real page we are interested in.
- if ( absUrl.indexOf( "&" + $.mobile.subPageUrlKey ) > -1 ) {
- page = settings.pageContainer.children( ":jqmData(url='" + dataUrl + "')" );
- }
-
- //bind pageHide to removePage after it's hidden, if the page options specify to do so
-
- // Remove loading message.
- if ( settings.showLoadMsg ) {
- hideMsg();
- }
-
- // Add the page reference and xhr to our triggerData.
- triggerData.xhr = xhr;
- triggerData.textStatus = textStatus;
- triggerData.page = page;
-
- // Let listeners know the page loaded successfully.
- settings.pageContainer.trigger( "pageload", triggerData );
-
- deferred.resolve( absUrl, options, page, dupCachedPage );
- },
- error: function( xhr, textStatus, errorThrown ) {
- //set base back to current path
- if( base ) {
- base.set( path.get() );
- }
-
- // Add error info to our triggerData.
- triggerData.xhr = xhr;
- triggerData.textStatus = textStatus;
- triggerData.errorThrown = errorThrown;
-
- var plfEvent = new $.Event( "pageloadfailed" );
-
- // Let listeners know the page load failed.
- settings.pageContainer.trigger( plfEvent, triggerData );
-
- // If the default behavior is prevented, stop here!
- // Note that it is the responsibility of the listener/handler
- // that called preventDefault(), to resolve/reject the
- // deferred object within the triggerData.
- if( plfEvent.isDefaultPrevented() ){
- return;
- }
-
- // Remove loading message.
- if ( settings.showLoadMsg ) {
-
- // Remove loading message.
- hideMsg();
-
- //show error message
- $( "<div class='ui-loader ui-overlay-shadow ui-body-e ui-corner-all'><h1>"+ $.mobile.pageLoadErrorMessage +"</h1></div>" )
- .css({ "display": "block", "opacity": 0.96, "top": $window.scrollTop() + 100 })
- .appendTo( settings.pageContainer )
- .delay( 800 )
- .fadeOut( 400, function() {
- $( this ).remove();
- });
- }
-
- deferred.reject( absUrl, options );
- }
- });
- }
-
- return deferred.promise();
- };
-
- $.mobile.loadPage.defaults = {
- type: "get",
- data: undefined,
- reloadPage: false,
- role: undefined, // By default we rely on the role defined by the @data-role attribute.
- showLoadMsg: false,
- pageContainer: undefined,
- loadMsgDelay: 50 // This delay allows loads that pull from browser cache to occur without showing the loading message.
- };
-
- // Show a specific page in the page container.
- $.mobile.changePage = function( toPage, options ) {
- // If we are in the midst of a transition, queue the current request.
- // We'll call changePage() once we're done with the current transition to
- // service the request.
- if( isPageTransitioning ) {
- pageTransitionQueue.unshift( arguments );
- return;
- }
-
- var settings = $.extend( {}, $.mobile.changePage.defaults, options );
-
- // Make sure we have a pageContainer to work with.
- settings.pageContainer = settings.pageContainer || $.mobile.pageContainer;
-
- // Make sure we have a fromPage.
- settings.fromPage = settings.fromPage || $.mobile.activePage;
-
- var mpc = settings.pageContainer,
- pbcEvent = new $.Event( "pagebeforechange" ),
- triggerData = { toPage: toPage, options: settings };
-
- // Let listeners know we're about to change the current page.
- mpc.trigger( pbcEvent, triggerData );
-
- // If the default behavior is prevented, stop here!
- if( pbcEvent.isDefaultPrevented() ){
- return;
- }
-
- // We allow "pagebeforechange" observers to modify the toPage in the trigger
- // data to allow for redirects. Make sure our toPage is updated.
-
- toPage = triggerData.toPage;
-
- // Set the isPageTransitioning flag to prevent any requests from
- // entering this method while we are in the midst of loading a page
- // or transitioning.
-
- isPageTransitioning = true;
-
- // If the caller passed us a url, call loadPage()
- // to make sure it is loaded into the DOM. We'll listen
- // to the promise object it returns so we know when
- // it is done loading or if an error ocurred.
- if ( typeof toPage == "string" ) {
- $.mobile.loadPage( toPage, settings )
- .done(function( url, options, newPage, dupCachedPage ) {
- isPageTransitioning = false;
- options.duplicateCachedPage = dupCachedPage;
- $.mobile.changePage( newPage, options );
- })
- .fail(function( url, options ) {
- isPageTransitioning = false;
-
- //clear out the active button state
- removeActiveLinkClass( true );
-
- //release transition lock so navigation is free again
- releasePageTransitionLock();
- settings.pageContainer.trigger( "pagechangefailed", triggerData );
- });
- return;
- }
-
- // If we are going to the first-page of the application, we need to make
- // sure settings.dataUrl is set to the application document url. This allows
- // us to avoid generating a document url with an id hash in the case where the
- // first-page of the document has an id attribute specified.
- if ( toPage[ 0 ] === $.mobile.firstPage[ 0 ] && !settings.dataUrl ) {
- settings.dataUrl = documentUrl.hrefNoHash;
- }
-
- // The caller passed us a real page DOM element. Update our
- // internal state and then trigger a transition to the page.
- var fromPage = settings.fromPage,
- url = ( settings.dataUrl && path.convertUrlToDataUrl( settings.dataUrl ) ) || toPage.jqmData( "url" ),
- // The pageUrl var is usually the same as url, except when url is obscured as a dialog url. pageUrl always contains the file path
- pageUrl = url,
- fileUrl = path.getFilePath( url ),
- active = urlHistory.getActive(),
- activeIsInitialPage = urlHistory.activeIndex === 0,
- historyDir = 0,
- pageTitle = document.title,
- isDialog = settings.role === "dialog" || toPage.jqmData( "role" ) === "dialog";
-
- // By default, we prevent changePage requests when the fromPage and toPage
- // are the same element, but folks that generate content manually/dynamically
- // and reuse pages want to be able to transition to the same page. To allow
- // this, they will need to change the default value of allowSamePageTransition
- // to true, *OR*, pass it in as an option when they manually call changePage().
- // It should be noted that our default transition animations assume that the
- // formPage and toPage are different elements, so they may behave unexpectedly.
- // It is up to the developer that turns on the allowSamePageTransitiona option
- // to either turn off transition animations, or make sure that an appropriate
- // animation transition is used.
- if( fromPage && fromPage[0] === toPage[0] && !settings.allowSamePageTransition ) {
- isPageTransitioning = false;
- mpc.trigger( "pagechange", triggerData );
- return;
- }
-
- // We need to make sure the page we are given has already been enhanced.
- enhancePage( toPage, settings.role );
-
- // If the changePage request was sent from a hashChange event, check to see if the
- // page is already within the urlHistory stack. If so, we'll assume the user hit
- // the forward/back button and will try to match the transition accordingly.
- if( settings.fromHashChange ) {
- urlHistory.directHashChange({
- currentUrl: url,
- isBack: function() { historyDir = -1; },
- isForward: function() { historyDir = 1; }
- });
- }
-
- // Kill the keyboard.
- // XXX_jblas: We need to stop crawling the entire document to kill focus. Instead,
- // we should be tracking focus with a live() handler so we already have
- // the element in hand at this point.
- // Wrap this in a try/catch block since IE9 throw "Unspecified error" if document.activeElement
- // is undefined when we are in an IFrame.
- try {
- if(document.activeElement && document.activeElement.nodeName.toLowerCase() != 'body') {
- $(document.activeElement).blur();
- } else {
- $( "input:focus, textarea:focus, select:focus" ).blur();
- }
- } catch(e) {}
-
- // If we're displaying the page as a dialog, we don't want the url
- // for the dialog content to be used in the hash. Instead, we want
- // to append the dialogHashKey to the url of the current page.
- if ( isDialog && active ) {
- // on the initial page load active.url is undefined and in that case should
- // be an empty string. Moving the undefined -> empty string back into
- // urlHistory.addNew seemed imprudent given undefined better represents
- // the url state
- url = ( active.url || "" ) + dialogHashKey;
- }
-
- // Set the location hash.
- if( settings.changeHash !== false && url ) {
- //disable hash listening temporarily
- urlHistory.ignoreNextHashChange = true;
- //update hash and history
- path.set( url );
- }
-
- // if title element wasn't found, try the page div data attr too
- // If this is a deep-link or a reload ( active === undefined ) then just use pageTitle
- var newPageTitle = ( !active )? pageTitle : toPage.jqmData( "title" ) || toPage.children(":jqmData(role='header')").find(".ui-title" ).getEncodedText();
- if( !!newPageTitle && pageTitle == document.title ) {
- pageTitle = newPageTitle;
- }
- if ( !toPage.jqmData( "title" ) ) {
- toPage.jqmData( "title", pageTitle );
- }
-
- // Make sure we have a transition defined.
- settings.transition = settings.transition
- || ( ( historyDir && !activeIsInitialPage ) ? active.transition : undefined )
- || ( isDialog ? $.mobile.defaultDialogTransition : $.mobile.defaultPageTransition );
-
- //add page to history stack if it's not back or forward
- if( !historyDir ) {
- urlHistory.addNew( url, settings.transition, pageTitle, pageUrl, settings.role );
- }
-
- //set page title
- document.title = urlHistory.getActive().title;
-
- //set "toPage" as activePage
- $.mobile.activePage = toPage;
-
- // If we're navigating back in the URL history, set reverse accordingly.
- settings.reverse = settings.reverse || historyDir < 0;
-
- transitionPages( toPage, fromPage, settings.transition, settings.reverse )
- .done(function() {
- removeActiveLinkClass();
-
- //if there's a duplicateCachedPage, remove it from the DOM now that it's hidden
- if ( settings.duplicateCachedPage ) {
- settings.duplicateCachedPage.remove();
- }
-
- //remove initial build class (only present on first pageshow)
- $html.removeClass( "ui-mobile-rendering" );
-
- releasePageTransitionLock();
-
- // Let listeners know we're all done changing the current page.
- mpc.trigger( "pagechange", triggerData );
- });
- };
-
- $.mobile.changePage.defaults = {
- transition: undefined,
- reverse: false,
- changeHash: true,
- fromHashChange: false,
- role: undefined, // By default we rely on the role defined by the @data-role attribute.
- duplicateCachedPage: undefined,
- pageContainer: undefined,
- showLoadMsg: true, //loading message shows by default when pages are being fetched during changePage
- dataUrl: undefined,
- fromPage: undefined,
- allowSamePageTransition: false
- };
-
-/* Event Bindings - hashchange, submit, and click */
- function findClosestLink( ele )
- {
- while ( ele ) {
- // Look for the closest element with a nodeName of "a".
- // Note that we are checking if we have a valid nodeName
- // before attempting to access it. This is because the
- // node we get called with could have originated from within
- // an embedded SVG document where some symbol instance elements
- // don't have nodeName defined on them, or strings are of type
- // SVGAnimatedString.
- if ( ( typeof ele.nodeName === "string" ) && ele.nodeName.toLowerCase() == "a" ) {
- break;
- }
- ele = ele.parentNode;
- }
- return ele;
- }
-
- // The base URL for any given element depends on the page it resides in.
- function getClosestBaseUrl( ele )
- {
- // Find the closest page and extract out its url.
- var url = $( ele ).closest( ".ui-page" ).jqmData( "url" ),
- base = documentBase.hrefNoHash;
-
- if ( !url || !path.isPath( url ) ) {
- url = base;
- }
-
- return path.makeUrlAbsolute( url, base);
- }
-
-
- //The following event bindings should be bound after mobileinit has been triggered
- //the following function is called in the init file
- $.mobile._registerInternalEvents = function(){
-
- //bind to form submit events, handle with Ajax
- $( "form" ).live('submit', function( event ) {
- var $this = $( this );
- if( !$.mobile.ajaxEnabled ||
- $this.is( ":jqmData(ajax='false')" ) ) {
- return;
- }
-
- var type = $this.attr( "method" ),
- target = $this.attr( "target" ),
- url = $this.attr( "action" );
-
- // If no action is specified, browsers default to using the
- // URL of the document containing the form. Since we dynamically
- // pull in pages from external documents, the form should submit
- // to the URL for the source document of the page containing
- // the form.
- if ( !url ) {
- // Get the @data-url for the page containing the form.
- url = getClosestBaseUrl( $this );
- if ( url === documentBase.hrefNoHash ) {
- // The url we got back matches the document base,
- // which means the page must be an internal/embedded page,
- // so default to using the actual document url as a browser
- // would.
- url = documentUrl.hrefNoSearch;
- }
- }
-
- url = path.makeUrlAbsolute( url, getClosestBaseUrl($this) );
-
- //external submits use regular HTTP
- if( path.isExternal( url ) || target ) {
- return;
- }
-
- $.mobile.changePage(
- url,
- {
- type: type && type.length && type.toLowerCase() || "get",
- data: $this.serialize(),
- transition: $this.jqmData( "transition" ),
- direction: $this.jqmData( "direction" ),
- reloadPage: true
- }
- );
- event.preventDefault();
- });
-
- //add active state on vclick
- $( document ).bind( "vclick", function( event ) {
- // if this isn't a left click we don't care. Its important to note
- // that when the virtual event is generated it will create
- if ( event.which > 1 || !$.mobile.linkBindingEnabled ){
- return;
- }
-
- var link = findClosestLink( event.target );
- if ( link ) {
- if ( path.parseUrl( link.getAttribute( "href" ) || "#" ).hash !== "#" ) {
- removeActiveLinkClass( true );
- $activeClickedLink = $( link ).closest( ".ui-btn" ).not( ".ui-disabled" );
- $activeClickedLink.addClass( $.mobile.activeBtnClass );
- $( "." + $.mobile.activePageClass + " .ui-btn" ).not( link ).blur();
- }
- }
- });
-
- // click routing - direct to HTTP or Ajax, accordingly
- $( document ).bind( "click", function( event ) {
- if( !$.mobile.linkBindingEnabled ){
- return;
- }
-
- var link = findClosestLink( event.target );
-
- // If there is no link associated with the click or its not a left
- // click we want to ignore the click
- if ( !link || event.which > 1) {
- return;
- }
-
- var $link = $( link ),
- //remove active link class if external (then it won't be there if you come back)
- httpCleanup = function(){
- window.setTimeout( function() { removeActiveLinkClass( true ); }, 200 );
- };
-
- //if there's a data-rel=back attr, go back in history
- if( $link.is( ":jqmData(rel='back')" ) ) {
- window.history.back();
- return false;
- }
-
- var baseUrl = getClosestBaseUrl( $link ),
-
- //get href, if defined, otherwise default to empty hash
- href = path.makeUrlAbsolute( $link.attr( "href" ) || "#", baseUrl );
-
- //if ajax is disabled, exit early
- if( !$.mobile.ajaxEnabled && !path.isEmbeddedPage( href ) ){
- httpCleanup();
- //use default click handling
- return;
- }
-
- // XXX_jblas: Ideally links to application pages should be specified as
- // an url to the application document with a hash that is either
- // the site relative path or id to the page. But some of the
- // internal code that dynamically generates sub-pages for nested
- // lists and select dialogs, just write a hash in the link they
- // create. This means the actual URL path is based on whatever
- // the current value of the base tag is at the time this code
- // is called. For now we are just assuming that any url with a
- // hash in it is an application page reference.
- if ( href.search( "#" ) != -1 ) {
- href = href.replace( /[^#]*#/, "" );
- if ( !href ) {
- //link was an empty hash meant purely
- //for interaction, so we ignore it.
- event.preventDefault();
- return;
- } else if ( path.isPath( href ) ) {
- //we have apath so make it the href we want to load.
- href = path.makeUrlAbsolute( href, baseUrl );
- } else {
- //we have a simple id so use the documentUrl as its base.
- href = path.makeUrlAbsolute( "#" + href, documentUrl.hrefNoHash );
- }
- }
-
- // Should we handle this link, or let the browser deal with it?
- var useDefaultUrlHandling = $link.is( "[rel='external']" ) || $link.is( ":jqmData(ajax='false')" ) || $link.is( "[target]" ),
-
- // Some embedded browsers, like the web view in Phone Gap, allow cross-domain XHR
- // requests if the document doing the request was loaded via the file:// protocol.
- // This is usually to allow the application to "phone home" and fetch app specific
- // data. We normally let the browser handle external/cross-domain urls, but if the
- // allowCrossDomainPages option is true, we will allow cross-domain http/https
- // requests to go through our page loading logic.
- isCrossDomainPageLoad = ( $.mobile.allowCrossDomainPages && documentUrl.protocol === "file:" && href.search( /^https?:/ ) != -1 ),
-
- //check for protocol or rel and its not an embedded page
- //TODO overlap in logic from isExternal, rel=external check should be
- // moved into more comprehensive isExternalLink
- isExternal = useDefaultUrlHandling || ( path.isExternal( href ) && !isCrossDomainPageLoad );
-
- if( isExternal ) {
- httpCleanup();
- //use default click handling
- return;
- }
-
- //use ajax
- var transition = $link.jqmData( "transition" ),
- direction = $link.jqmData( "direction" ),
- reverse = ( direction && direction === "reverse" ) ||
- // deprecated - remove by 1.0
- $link.jqmData( "back" ),
-
- //this may need to be more specific as we use data-rel more
- role = $link.attr( "data-" + $.mobile.ns + "rel" ) || undefined;
-
- $.mobile.changePage( href, { transition: transition, reverse: reverse, role: role } );
- event.preventDefault();
- });
-
- //prefetch pages when anchors with data-prefetch are encountered
- $( ".ui-page" ).live( "pageshow.prefetch", function() {
- var urls = [];
- $( this ).find( "a:jqmData(prefetch)" ).each(function(){
- var $link = $(this),
- url = $link.attr( "href" );
-
- if ( url && $.inArray( url, urls ) === -1 ) {
- urls.push( url );
-
- $.mobile.loadPage( url, {role: $link.attr("data-" + $.mobile.ns + "rel")} );
- }
- });
- });
-
- $.mobile._handleHashChange = function( hash ) {
- //find first page via hash
- var to = path.stripHash( hash ),
- //transition is false if it's the first page, undefined otherwise (and may be overridden by default)
- transition = $.mobile.urlHistory.stack.length === 0 ? "none" : undefined,
-
- // default options for the changPage calls made after examining the current state
- // of the page and the hash
- changePageOptions = {
- transition: transition,
- changeHash: false,
- fromHashChange: true
- };
-
- //if listening is disabled (either globally or temporarily), or it's a dialog hash
- if( !$.mobile.hashListeningEnabled || urlHistory.ignoreNextHashChange ) {
- urlHistory.ignoreNextHashChange = false;
- return;
- }
-
- // special case for dialogs
- if( urlHistory.stack.length > 1 && to.indexOf( dialogHashKey ) > -1 ) {
-
- // If current active page is not a dialog skip the dialog and continue
- // in the same direction
- if(!$.mobile.activePage.is( ".ui-dialog" )) {
- //determine if we're heading forward or backward and continue accordingly past
- //the current dialog
- urlHistory.directHashChange({
- currentUrl: to,
- isBack: function() { window.history.back(); },
- isForward: function() { window.history.forward(); }
- });
-
- // prevent changePage()
- return;
- } else {
- // if the current active page is a dialog and we're navigating
- // to a dialog use the dialog objected saved in the stack
- urlHistory.directHashChange({
- currentUrl: to,
-
- // regardless of the direction of the history change
- // do the following
- either: function( isBack ) {
- var active = $.mobile.urlHistory.getActive();
-
- to = active.pageUrl;
-
- // make sure to set the role, transition and reversal
- // as most of this is lost by the domCache cleaning
- $.extend( changePageOptions, {
- role: active.role,
- transition: active.transition,
- reverse: isBack
- });
- }
- });
- }
- }
-
- //if to is defined, load it
- if ( to ) {
- // At this point, 'to' can be one of 3 things, a cached page element from
- // a history stack entry, an id, or site-relative/absolute URL. If 'to' is
- // an id, we need to resolve it against the documentBase, not the location.href,
- // since the hashchange could've been the result of a forward/backward navigation
- // that crosses from an external page/dialog to an internal page/dialog.
- to = ( typeof to === "string" && !path.isPath( to ) ) ? ( path.makeUrlAbsolute( '#' + to, documentBase ) ) : to;
- $.mobile.changePage( to, changePageOptions );
- } else {
- //there's no hash, go to the first page in the dom
- $.mobile.changePage( $.mobile.firstPage, changePageOptions );
- }
- };
-
- //hashchange event handler
- $window.bind( "hashchange", function( e, triggered ) {
- $.mobile._handleHashChange( location.hash );
- });
-
- //set page min-heights to be device specific
- $( document ).bind( "pageshow", resetActivePageHeight );
- $( window ).bind( "throttledresize", resetActivePageHeight );
-
- };//_registerInternalEvents callback
-
-})( jQuery );
-/*
-* history.pushState support, layered on top of hashchange
-*/
-
-( function( $, window ) {
- // For now, let's Monkeypatch this onto the end of $.mobile._registerInternalEvents
- // Scope self to pushStateHandler so we can reference it sanely within the
- // methods handed off as event handlers
- var pushStateHandler = {},
- self = pushStateHandler,
- $win = $( window ),
- url = $.mobile.path.parseUrl( location.href );
-
- $.extend( pushStateHandler, {
- // TODO move to a path helper, this is rather common functionality
- initialFilePath: (function() {
- return url.pathname + url.search;
- })(),
-
- initialHref: url.hrefNoHash,
-
- // Flag for tracking if a Hashchange naturally occurs after each popstate + replace
- hashchangeFired: false,
-
- state: function() {
- return {
- hash: location.hash || "#" + self.initialFilePath,
- title: document.title,
-
- // persist across refresh
- initialHref: self.initialHref
- };
- },
-
- resetUIKeys: function( url ) {
- var dialog = $.mobile.dialogHashKey,
- subkey = "&" + $.mobile.subPageUrlKey,
- dialogIndex = url.indexOf( dialog );
-
- if( dialogIndex > -1 ) {
- url = url.slice( 0, dialogIndex ) + "#" + url.slice( dialogIndex );
- } else if( url.indexOf( subkey ) > -1 ) {
- url = url.split( subkey ).join( "#" + subkey );
- }
-
- return url;
- },
-
- // TODO sort out a single barrier to hashchange functionality
- nextHashChangePrevented: function( value ) {
- $.mobile.urlHistory.ignoreNextHashChange = value;
- self.onHashChangeDisabled = value;
- },
-
- // on hash change we want to clean up the url
- // NOTE this takes place *after* the vanilla navigation hash change
- // handling has taken place and set the state of the DOM
- onHashChange: function( e ) {
- // disable this hash change
- if( self.onHashChangeDisabled ){
- return;
- }
-
- var href, state,
- hash = location.hash,
- isPath = $.mobile.path.isPath( hash ),
- resolutionUrl = isPath ? location.href : $.mobile.getDocumentUrl();
- hash = isPath ? hash.replace( "#", "" ) : hash;
-
- // propulate the hash when its not available
- state = self.state();
-
- // make the hash abolute with the current href
- href = $.mobile.path.makeUrlAbsolute( hash, resolutionUrl );
-
- if ( isPath ) {
- href = self.resetUIKeys( href );
- }
-
- // replace the current url with the new href and store the state
- // Note that in some cases we might be replacing an url with the
- // same url. We do this anyways because we need to make sure that
- // all of our history entries have a state object associated with
- // them. This allows us to work around the case where window.history.back()
- // is called to transition from an external page to an embedded page.
- // In that particular case, a hashchange event is *NOT* generated by the browser.
- // Ensuring each history entry has a state object means that onPopState()
- // will always trigger our hashchange callback even when a hashchange event
- // is not fired.
- history.replaceState( state, document.title, href );
- },
-
- // on popstate (ie back or forward) we need to replace the hash that was there previously
- // cleaned up by the additional hash handling
- onPopState: function( e ) {
- var poppedState = e.originalEvent.state, holdnexthashchange = false;
-
- // if there's no state its not a popstate we care about, ie chrome's initial popstate
- // or forward popstate
- if( poppedState ) {
- // disable any hashchange triggered by the browser
- self.nextHashChangePrevented( true );
-
- // defer our manual hashchange until after the browser fired
- // version has come and gone
- setTimeout(function() {
- // make sure that the manual hash handling takes place
- self.nextHashChangePrevented( false );
-
- // change the page based on the hash
- $.mobile._handleHashChange( poppedState.hash );
- }, 100);
- }
- },
-
- init: function() {
- $win.bind( "hashchange", self.onHashChange );
-
- // Handle popstate events the occur through history changes
- $win.bind( "popstate", self.onPopState );
-
- // if there's no hash, we need to replacestate for returning to home
- if ( location.hash === "" ) {
- history.replaceState( self.state(), document.title, location.href );
- }
- }
- });
-
- $( function() {
- if( $.mobile.pushStateEnabled && $.support.pushState ){
- pushStateHandler.init();
- }
- });
-})( jQuery, this );
-/*
-* "transitions" plugin - Page change tranistions
-*/
-
-(function( $, window, undefined ) {
-
-function css3TransitionHandler( name, reverse, $to, $from ) {
-
- var deferred = new $.Deferred(),
- reverseClass = reverse ? " reverse" : "",
- viewportClass = "ui-mobile-viewport-transitioning viewport-" + name,
- doneFunc = function() {
-
- $to.add( $from ).removeClass( "out in reverse " + name );
-
- if ( $from && $from[ 0 ] !== $to[ 0 ] ) {
- $from.removeClass( $.mobile.activePageClass );
- }
-
- $to.parent().removeClass( viewportClass );
-
- deferred.resolve( name, reverse, $to, $from );
- };
-
- $to.animationComplete( doneFunc );
-
- $to.parent().addClass( viewportClass );
-
- if ( $from ) {
- $from.addClass( name + " out" + reverseClass );
- }
- $to.addClass( $.mobile.activePageClass + " " + name + " in" + reverseClass );
-
- return deferred.promise();
-}
-
-// Make our transition handler public.
-$.mobile.css3TransitionHandler = css3TransitionHandler;
-
-// If the default transition handler is the 'none' handler, replace it with our handler.
-if ( $.mobile.defaultTransitionHandler === $.mobile.noneTransitionHandler ) {
- $.mobile.defaultTransitionHandler = css3TransitionHandler;
-}
-
-})( jQuery, this );
-/*
-* "degradeInputs" plugin - degrades inputs to another type after custom enhancements are made.
-*/
-
-(function( $, undefined ) {
-
-$.mobile.page.prototype.options.degradeInputs = {
- color: false,
- date: false,
- datetime: false,
- "datetime-local": false,
- email: false,
- month: false,
- number: false,
- range: "number",
- search: "text",
- tel: false,
- time: false,
- url: false,
- week: false
-};
-
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
-
- var page = $(e.target).closest(':jqmData(role="page")').data("page"), options;
-
- if( !page ) {
- return;
- }
-
- options = page.options;
-
- // degrade inputs to avoid poorly implemented native functionality
- $( e.target ).find( "input" ).not( page.keepNativeSelector() ).each(function() {
- var $this = $( this ),
- type = this.getAttribute( "type" ),
- optType = options.degradeInputs[ type ] || "text";
-
- if ( options.degradeInputs[ type ] ) {
- var html = $( "<div>" ).html( $this.clone() ).html(),
- // In IE browsers, the type sometimes doesn't exist in the cloned markup, so we replace the closing tag instead
- hasType = html.indexOf( " type=" ) > -1,
- findstr = hasType ? /\s+type=["']?\w+['"]?/ : /\/?>/,
- repstr = " type=\"" + optType + "\" data-" + $.mobile.ns + "type=\"" + type + "\"" + ( hasType ? "" : ">" );
-
- $this.replaceWith( html.replace( findstr, repstr ) );
- }
- });
-
-});
-
-})( jQuery );/*
-* "dialog" plugin.
-*/
-
-(function( $, window, undefined ) {
-
-$.widget( "mobile.dialog", $.mobile.widget, {
- options: {
- closeBtnText : "Close",
- overlayTheme : "a",
- initSelector : ":jqmData(role='dialog')"
- },
- _create: function() {
- var self = this,
- $el = this.element,
- headerCloseButton = $( "<a href='#' data-" + $.mobile.ns + "icon='delete' data-" + $.mobile.ns + "iconpos='notext'>"+ this.options.closeBtnText + "</a>" );
-
- $el.addClass( "ui-overlay-" + this.options.overlayTheme );
-
- // Class the markup for dialog styling
- // Set aria role
- $el.attr( "role", "dialog" )
- .addClass( "ui-dialog" )
- .find( ":jqmData(role='header')" )
- .addClass( "ui-corner-top ui-overlay-shadow" )
- .prepend( headerCloseButton )
- .end()
- .find( ":jqmData(role='content'),:jqmData(role='footer')" )
- .addClass( "ui-overlay-shadow" )
- .last()
- .addClass( "ui-corner-bottom" );
-
- // this must be an anonymous function so that select menu dialogs can replace
- // the close method. This is a change from previously just defining data-rel=back
- // on the button and letting nav handle it
- headerCloseButton.bind( "vclick", function() {
- self.close();
- });
-
- /* bind events
- - clicks and submits should use the closing transition that the dialog opened with
- unless a data-transition is specified on the link/form
- - if the click was on the close button, or the link has a data-rel="back" it'll go back in history naturally
- */
- $el.bind( "vclick submit", function( event ) {
- var $target = $( event.target ).closest( event.type === "vclick" ? "a" : "form" ),
- active;
-
- if ( $target.length && !$target.jqmData( "transition" ) ) {
-
- active = $.mobile.urlHistory.getActive() || {};
-
- $target.attr( "data-" + $.mobile.ns + "transition", ( active.transition || $.mobile.defaultDialogTransition ) )
- .attr( "data-" + $.mobile.ns + "direction", "reverse" );
- }
- })
- .bind( "pagehide", function() {
- $( this ).find( "." + $.mobile.activeBtnClass ).removeClass( $.mobile.activeBtnClass );
- });
- },
-
- // Close method goes back in history
- close: function() {
- window.history.back();
- }
-});
-
-//auto self-init widgets
-$( $.mobile.dialog.prototype.options.initSelector ).live( "pagecreate", function(){
- $( this ).dialog();
-});
-
-})( jQuery, this );
-/*
-* This plugin handles theming and layout of headers, footers, and content areas
-*/
-
-(function( $, undefined ) {
-
-$.mobile.page.prototype.options.backBtnText = "Back";
-$.mobile.page.prototype.options.addBackBtn = false;
-$.mobile.page.prototype.options.backBtnTheme = null;
-$.mobile.page.prototype.options.headerTheme = "a";
-$.mobile.page.prototype.options.footerTheme = "a";
-$.mobile.page.prototype.options.contentTheme = null;
-
-$( ":jqmData(role='page'), :jqmData(role='dialog')" ).live( "pagecreate", function( e ) {
-
- var $page = $( this ),
- o = $page.data( "page" ).options,
- pageRole = $page.jqmData( "role" ),
- pageTheme = o.theme;
-
- $( ":jqmData(role='header'), :jqmData(role='footer'), :jqmData(role='content')", this ).each(function() {
- var $this = $( this ),
- role = $this.jqmData( "role" ),
- theme = $this.jqmData( "theme" ),
- contentTheme = theme || o.contentTheme || ( pageRole === "dialog" && pageTheme ),
- $headeranchors,
- leftbtn,
- rightbtn,
- backBtn;
-
- $this.addClass( "ui-" + role );
-
- //apply theming and markup modifications to page,header,content,footer
- if ( role === "header" || role === "footer" ) {
-
- var thisTheme = theme || ( role === "header" ? o.headerTheme : o.footerTheme ) || pageTheme;
-
- $this
- //add theme class
- .addClass( "ui-bar-" + thisTheme )
- // Add ARIA role
- .attr( "role", role === "header" ? "banner" : "contentinfo" );
-
- // Right,left buttons
- $headeranchors = $this.children( "a" );
- leftbtn = $headeranchors.hasClass( "ui-btn-left" );
- rightbtn = $headeranchors.hasClass( "ui-btn-right" );
-
- leftbtn = leftbtn || $headeranchors.eq( 0 ).not( ".ui-btn-right" ).addClass( "ui-btn-left" ).length;
-
- rightbtn = rightbtn || $headeranchors.eq( 1 ).addClass( "ui-btn-right" ).length;
-
- // Auto-add back btn on pages beyond first view
- if ( o.addBackBtn &&
- role === "header" &&
- $( ".ui-page" ).length > 1 &&
- $this.jqmData( "url" ) !== $.mobile.path.stripHash( location.hash ) &&
- !leftbtn ) {
-
- backBtn = $( "<a href='#' class='ui-btn-left' data-"+ $.mobile.ns +"rel='back' data-"+ $.mobile.ns +"icon='arrow-l'>"+ o.backBtnText +"</a>" )
- // If theme is provided, override default inheritance
- .attr( "data-"+ $.mobile.ns +"theme", o.backBtnTheme || thisTheme )
- .prependTo( $this );
- }
-
- // Page title
- $this.children( "h1, h2, h3, h4, h5, h6" )
- .addClass( "ui-title" )
- // Regardless of h element number in src, it becomes h1 for the enhanced page
- .attr({
- "tabindex": "0",
- "role": "heading",
- "aria-level": "1"
- });
-
- } else if ( role === "content" ) {
- if ( contentTheme ) {
- $this.addClass( "ui-body-" + ( contentTheme ) );
- }
-
- // Add ARIA role
- $this.attr( "role", "main" );
- }
- });
-});
-
-})( jQuery );/*
-* "collapsible" plugin
-*/
-
-(function( $, undefined ) {
-
-$.widget( "mobile.collapsible", $.mobile.widget, {
- options: {
- expandCueText: " click to expand contents",
- collapseCueText: " click to collapse contents",
- collapsed: true,
- heading: "h1,h2,h3,h4,h5,h6,legend",
- theme: null,
- contentTheme: null,
- iconTheme: "d",
- initSelector: ":jqmData(role='collapsible')"
- },
- _create: function() {
-
- var $el = this.element,
- o = this.options,
- collapsible = $el.addClass( "ui-collapsible" ),
- collapsibleHeading = $el.children( o.heading ).first(),
- collapsibleContent = collapsible.wrapInner( "<div class='ui-collapsible-content'></div>" ).find( ".ui-collapsible-content" ),
- collapsibleSet = $el.closest( ":jqmData(role='collapsible-set')" ).addClass( "ui-collapsible-set" ),
- collapsiblesInSet = collapsibleSet.children( ":jqmData(role='collapsible')" );
-
- // Replace collapsibleHeading if it's a legend
- if ( collapsibleHeading.is( "legend" ) ) {
- collapsibleHeading = $( "<div role='heading'>"+ collapsibleHeading.html() +"</div>" ).insertBefore( collapsibleHeading );
- collapsibleHeading.next().remove();
- }
-
- // If we are in a collapsible set
- if ( collapsibleSet.length ) {
- // Inherit the theme from collapsible-set
- if ( !o.theme ) {
- o.theme = collapsibleSet.jqmData( "theme" );
- }
- // Inherit the content-theme from collapsible-set
- if ( !o.contentTheme ) {
- o.contentTheme = collapsibleSet.jqmData( "content-theme" );
- }
- }
-
- collapsibleContent.addClass( ( o.contentTheme ) ? ( "ui-body-" + o.contentTheme ) : "");
-
- collapsibleHeading
- //drop heading in before content
- .insertBefore( collapsibleContent )
- //modify markup & attributes
- .addClass( "ui-collapsible-heading" )
- .append( "<span class='ui-collapsible-heading-status'></span>" )
- .wrapInner( "<a href='#' class='ui-collapsible-heading-toggle'></a>" )
- .find( "a" )
- .first()
- .buttonMarkup({
- shadow: false,
- corners: false,
- iconPos: "left",
- icon: "plus",
- theme: o.theme
- });
-
- if ( !collapsibleSet.length ) {
- collapsibleHeading
- .find( "a" ).first().add( collapsibleHeading.find( ".ui-btn-inner" ) )
- .addClass( "ui-corner-top ui-corner-bottom" );
- } else {
- // If we are in a collapsible set
-
- // Initialize the collapsible set if it's not already initialized
- if ( !collapsibleSet.jqmData( "collapsiblebound" ) ) {
-
- collapsibleSet
- .jqmData( "collapsiblebound", true )
- .bind( "expand", function( event ) {
-
- $( event.target )
- .closest( ".ui-collapsible" )
- .siblings( ".ui-collapsible" )
- .trigger( "collapse" );
-
- });
- }
-
- collapsiblesInSet.first()
- .find( "a" )
- .first()
- .addClass( "ui-corner-top" )
- .find( ".ui-btn-inner" )
- .addClass( "ui-corner-top" );
-
- collapsiblesInSet.last()
- .jqmData( "collapsible-last", true )
- .find( "a" )
- .first()
- .addClass( "ui-corner-bottom" )
- .find( ".ui-btn-inner" )
- .addClass( "ui-corner-bottom" );
-
-
- if ( collapsible.jqmData( "collapsible-last" ) ) {
- collapsibleHeading
- .find( "a" ).first().add ( collapsibleHeading.find( ".ui-btn-inner" ) )
- .addClass( "ui-corner-bottom" );
- }
- }
-
- //events
- collapsible
- .bind( "expand collapse", function( event ) {
- if ( !event.isDefaultPrevented() ) {
-
- event.preventDefault();
-
- var $this = $( this ),
- isCollapse = ( event.type === "collapse" ),
- contentTheme = o.contentTheme;
-
- collapsibleHeading
- .toggleClass( "ui-collapsible-heading-collapsed", isCollapse)
- .find( ".ui-collapsible-heading-status" )
- .text( isCollapse ? o.expandCueText : o.collapseCueText )
- .end()
- .find( ".ui-icon" )
- .toggleClass( "ui-icon-minus", !isCollapse )
- .toggleClass( "ui-icon-plus", isCollapse );
-
- $this.toggleClass( "ui-collapsible-collapsed", isCollapse );
- collapsibleContent.toggleClass( "ui-collapsible-content-collapsed", isCollapse ).attr( "aria-hidden", isCollapse );
-
- if ( contentTheme && ( !collapsibleSet.length || collapsible.jqmData( "collapsible-last" ) ) ) {
- collapsibleHeading
- .find( "a" ).first().add( collapsibleHeading.find( ".ui-btn-inner" ) )
- .toggleClass( "ui-corner-bottom", isCollapse );
- collapsibleContent.toggleClass( "ui-corner-bottom", !isCollapse );
- }
- collapsibleContent.trigger( "updatelayout" );
- }
- })
- .trigger( o.collapsed ? "collapse" : "expand" );
-
- collapsibleHeading
- .bind( "click", function( event ) {
-
- var type = collapsibleHeading.is( ".ui-collapsible-heading-collapsed" ) ?
- "expand" : "collapse";
-
- collapsible.trigger( type );
-
- event.preventDefault();
- });
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $( $.mobile.collapsible.prototype.options.initSelector, e.target ).collapsible();
-});
-
-})( jQuery );
-/*
-* "fieldcontain" plugin - simple class additions to make form row separators
-*/
-
-(function( $, undefined ) {
-
-$.fn.fieldcontain = function( options ) {
- return this.addClass( "ui-field-contain ui-body ui-br" );
-};
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $( ":jqmData(role='fieldcontain')", e.target ).fieldcontain();
-});
-
-})( jQuery );/*
-* plugin for creating CSS grids
-*/
-
-(function( $, undefined ) {
-
-$.fn.grid = function( options ) {
- return this.each(function() {
-
- var $this = $( this ),
- o = $.extend({
- grid: null
- },options),
- $kids = $this.children(),
- gridCols = {solo:1, a:2, b:3, c:4, d:5},
- grid = o.grid,
- iterator;
-
- if ( !grid ) {
- if ( $kids.length <= 5 ) {
- for ( var letter in gridCols ) {
- if ( gridCols[ letter ] === $kids.length ) {
- grid = letter;
- }
- }
- } else {
- grid = "a";
- }
- }
- iterator = gridCols[grid];
-
- $this.addClass( "ui-grid-" + grid );
-
- $kids.filter( ":nth-child(" + iterator + "n+1)" ).addClass( "ui-block-a" );
-
- if ( iterator > 1 ) {
- $kids.filter( ":nth-child(" + iterator + "n+2)" ).addClass( "ui-block-b" );
- }
- if ( iterator > 2 ) {
- $kids.filter( ":nth-child(3n+3)" ).addClass( "ui-block-c" );
- }
- if ( iterator > 3 ) {
- $kids.filter( ":nth-child(4n+4)" ).addClass( "ui-block-d" );
- }
- if ( iterator > 4 ) {
- $kids.filter( ":nth-child(5n+5)" ).addClass( "ui-block-e" );
- }
- });
-};
-})( jQuery );/*
-* "navbar" plugin
-*/
-
-(function( $, undefined ) {
-
-$.widget( "mobile.navbar", $.mobile.widget, {
- options: {
- iconpos: "top",
- grid: null,
- initSelector: ":jqmData(role='navbar')"
- },
-
- _create: function(){
-
- var $navbar = this.element,
- $navbtns = $navbar.find( "a" ),
- iconpos = $navbtns.filter( ":jqmData(icon)" ).length ?
- this.options.iconpos : undefined;
-
- $navbar.addClass( "ui-navbar" )
- .attr( "role","navigation" )
- .find( "ul" )
- .grid({ grid: this.options.grid });
-
- if ( !iconpos ) {
- $navbar.addClass( "ui-navbar-noicons" );
- }
-
- $navbtns.buttonMarkup({
- corners: false,
- shadow: false,
- iconpos: iconpos
- });
-
- $navbar.delegate( "a", "vclick", function( event ) {
- $navbtns.not( ".ui-state-persist" ).removeClass( $.mobile.activeBtnClass );
- $( this ).addClass( $.mobile.activeBtnClass );
- });
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $( $.mobile.navbar.prototype.options.initSelector, e.target ).navbar();
-});
-
-})( jQuery );
-/*
-* "listview" plugin
-*/
-
-(function( $, undefined ) {
-
-//Keeps track of the number of lists per page UID
-//This allows support for multiple nested list in the same page
-//https://github.com/jquery/jquery-mobile/issues/1617
-var listCountPerPage = {};
-
-$.widget( "mobile.listview", $.mobile.widget, {
- options: {
- theme: null,
- countTheme: "c",
- headerTheme: "b",
- dividerTheme: "b",
- splitIcon: "arrow-r",
- splitTheme: "b",
- inset: false,
- initSelector: ":jqmData(role='listview')"
- },
-
- _create: function() {
- var t = this;
-
- // create listview markup
- t.element.addClass(function( i, orig ) {
- return orig + " ui-listview " + ( t.options.inset ? " ui-listview-inset ui-corner-all ui-shadow " : "" );
- });
-
- t.refresh( true );
- },
-
- _removeCorners: function( li, which ) {
- var top = "ui-corner-top ui-corner-tr ui-corner-tl",
- bot = "ui-corner-bottom ui-corner-br ui-corner-bl";
-
- li = li.add( li.find( ".ui-btn-inner, .ui-li-link-alt, .ui-li-thumb" ) );
-
- if ( which === "top" ) {
- li.removeClass( top );
- } else if ( which === "bottom" ) {
- li.removeClass( bot );
- } else {
- li.removeClass( top + " " + bot );
- }
- },
-
- _refreshCorners: function( create ) {
- var $li,
- $visibleli,
- $topli,
- $bottomli;
-
- if ( this.options.inset ) {
- $li = this.element.children( "li" );
- // at create time the li are not visible yet so we need to rely on .ui-screen-hidden
- $visibleli = create?$li.not( ".ui-screen-hidden" ):$li.filter( ":visible" );
-
- this._removeCorners( $li );
-
- // Select the first visible li element
- $topli = $visibleli.first()
- .addClass( "ui-corner-top" );
-
- $topli.add( $topli.find( ".ui-btn-inner" )
- .not( ".ui-li-link-alt span:first-child" ) )
- .addClass( "ui-corner-top" )
- .end()
- .find( ".ui-li-link-alt, .ui-li-link-alt span:first-child" )
- .addClass( "ui-corner-tr" )
- .end()
- .find( ".ui-li-thumb" )
- .not(".ui-li-icon")
- .addClass( "ui-corner-tl" );
-
- // Select the last visible li element
- $bottomli = $visibleli.last()
- .addClass( "ui-corner-bottom" );
-
- $bottomli.add( $bottomli.find( ".ui-btn-inner" ) )
- .find( ".ui-li-link-alt" )
- .addClass( "ui-corner-br" )
- .end()
- .find( ".ui-li-thumb" )
- .not(".ui-li-icon")
- .addClass( "ui-corner-bl" );
- }
- if ( !create ) {
- this.element.trigger( "updatelayout" );
- }
- },
-
- // This is a generic utility method for finding the first
- // node with a given nodeName. It uses basic DOM traversal
- // to be fast and is meant to be a substitute for simple
- // $.fn.closest() and $.fn.children() calls on a single
- // element. Note that callers must pass both the lowerCase
- // and upperCase version of the nodeName they are looking for.
- // The main reason for this is that this function will be
- // called many times and we want to avoid having to lowercase
- // the nodeName from the element every time to ensure we have
- // a match. Note that this function lives here for now, but may
- // be moved into $.mobile if other components need a similar method.
- _findFirstElementByTagName: function( ele, nextProp, lcName, ucName )
- {
- var dict = {};
- dict[ lcName ] = dict[ ucName ] = true;
- while ( ele ) {
- if ( dict[ ele.nodeName ] ) {
- return ele;
- }
- ele = ele[ nextProp ];
- }
- return null;
- },
- _getChildrenByTagName: function( ele, lcName, ucName )
- {
- var results = [],
- dict = {};
- dict[ lcName ] = dict[ ucName ] = true;
- ele = ele.firstChild;
- while ( ele ) {
- if ( dict[ ele.nodeName ] ) {
- results.push( ele );
- }
- ele = ele.nextSibling;
- }
- return $( results );
- },
-
- _addThumbClasses: function( containers )
- {
- var i, img, len = containers.length;
- for ( i = 0; i < len; i++ ) {
- img = $( this._findFirstElementByTagName( containers[ i ].firstChild, "nextSibling", "img", "IMG" ) );
- if ( img.length ) {
- img.addClass( "ui-li-thumb" );
- $( this._findFirstElementByTagName( img[ 0 ].parentNode, "parentNode", "li", "LI" ) ).addClass( img.is( ".ui-li-icon" ) ? "ui-li-has-icon" : "ui-li-has-thumb" );
- }
- }
- },
-
- refresh: function( create ) {
- this.parentPage = this.element.closest( ".ui-page" );
- this._createSubPages();
-
- var o = this.options,
- $list = this.element,
- self = this,
- dividertheme = $list.jqmData( "dividertheme" ) || o.dividerTheme,
- listsplittheme = $list.jqmData( "splittheme" ),
- listspliticon = $list.jqmData( "spliticon" ),
- li = this._getChildrenByTagName( $list[ 0 ], "li", "LI" ),
- counter = $.support.cssPseudoElement || !$.nodeName( $list[ 0 ], "ol" ) ? 0 : 1,
- itemClassDict = {},
- item, itemClass, itemTheme,
- a, last, splittheme, countParent, icon, imgParents, img;
-
- if ( counter ) {
- $list.find( ".ui-li-dec" ).remove();
- }
-
- if ( !o.theme ) {
- o.theme = $.mobile.getInheritedTheme( this.element, "c" );
- }
-
- for ( var pos = 0, numli = li.length; pos < numli; pos++ ) {
- item = li.eq( pos );
- itemClass = "ui-li";
-
- // If we're creating the element, we update it regardless
- if ( create || !item.hasClass( "ui-li" ) ) {
- itemTheme = item.jqmData("theme") || o.theme;
- a = this._getChildrenByTagName( item[ 0 ], "a", "A" );
-
- if ( a.length ) {
- icon = item.jqmData("icon");
-
- item.buttonMarkup({
- wrapperEls: "div",
- shadow: false,
- corners: false,
- iconpos: "right",
- icon: a.length > 1 || icon === false ? false : icon || "arrow-r",
- theme: itemTheme
- });
-
- if ( ( icon != false ) && ( a.length == 1 ) ) {
- item.addClass( "ui-li-has-arrow" );
- }
-
- a.first().addClass( "ui-link-inherit" );
-
- if ( a.length > 1 ) {
- itemClass += " ui-li-has-alt";
-
- last = a.last();
- splittheme = listsplittheme || last.jqmData( "theme" ) || o.splitTheme;
-
- last.appendTo(item)
- .attr( "title", last.getEncodedText() )
- .addClass( "ui-li-link-alt" )
- .empty()
- .buttonMarkup({
- shadow: false,
- corners: false,
- theme: itemTheme,
- icon: false,
- iconpos: false
- })
- .find( ".ui-btn-inner" )
- .append(
- $( document.createElement( "span" ) ).buttonMarkup({
- shadow: true,
- corners: true,
- theme: splittheme,
- iconpos: "notext",
- icon: listspliticon || last.jqmData( "icon" ) || o.splitIcon
- })
- );
- }
- } else if ( item.jqmData( "role" ) === "list-divider" ) {
-
- itemClass += " ui-li-divider ui-btn ui-bar-" + dividertheme;
- item.attr( "role", "heading" );
-
- //reset counter when a divider heading is encountered
- if ( counter ) {
- counter = 1;
- }
-
- } else {
- itemClass += " ui-li-static ui-body-" + itemTheme;
- }
- }
-
- if ( counter && itemClass.indexOf( "ui-li-divider" ) < 0 ) {
- countParent = item.is( ".ui-li-static:first" ) ? item : item.find( ".ui-link-inherit" );
-
- countParent.addClass( "ui-li-jsnumbering" )
- .prepend( "<span class='ui-li-dec'>" + (counter++) + ". </span>" );
- }
-
- // Instead of setting item class directly on the list item and its
- // btn-inner at this point in time, push the item into a dictionary
- // that tells us what class to set on it so we can do this after this
- // processing loop is finished.
-
- if ( !itemClassDict[ itemClass ] ) {
- itemClassDict[ itemClass ] = [];
- }
-
- itemClassDict[ itemClass ].push( item[ 0 ] );
- }
-
- // Set the appropriate listview item classes on each list item
- // and their btn-inner elements. The main reason we didn't do this
- // in the for-loop above is because we can eliminate per-item function overhead
- // by calling addClass() and children() once or twice afterwards. This
- // can give us a significant boost on platforms like WP7.5.
-
- for ( itemClass in itemClassDict ) {
- $( itemClassDict[ itemClass ] ).addClass( itemClass ).children( ".ui-btn-inner" ).addClass( itemClass );
- }
-
- $list.find( "h1, h2, h3, h4, h5, h6" ).addClass( "ui-li-heading" )
- .end()
-
- .find( "p, dl" ).addClass( "ui-li-desc" )
- .end()
-
- .find( ".ui-li-aside" ).each(function() {
- var $this = $(this);
- $this.prependTo( $this.parent() ); //shift aside to front for css float
- })
- .end()
-
- .find( ".ui-li-count" ).each( function() {
- $( this ).closest( "li" ).addClass( "ui-li-has-count" );
- }).addClass( "ui-btn-up-" + ( $list.jqmData( "counttheme" ) || this.options.countTheme) + " ui-btn-corner-all" );
-
- // The idea here is to look at the first image in the list item
- // itself, and any .ui-link-inherit element it may contain, so we
- // can place the appropriate classes on the image and list item.
- // Note that we used to use something like:
- //
- // li.find(">img:eq(0), .ui-link-inherit>img:eq(0)").each( ... );
- //
- // But executing a find() like that on Windows Phone 7.5 took a
- // really long time. Walking things manually with the code below
- // allows the 400 listview item page to load in about 3 seconds as
- // opposed to 30 seconds.
-
- this._addThumbClasses( li );
- this._addThumbClasses( $list.find( ".ui-link-inherit" ) );
-
- this._refreshCorners( create );
- },
-
- //create a string for ID/subpage url creation
- _idStringEscape: function( str ) {
- return str.replace(/[^a-zA-Z0-9]/g, '-');
- },
-
- _createSubPages: function() {
- var parentList = this.element,
- parentPage = parentList.closest( ".ui-page" ),
- parentUrl = parentPage.jqmData( "url" ),
- parentId = parentUrl || parentPage[ 0 ][ $.expando ],
- parentListId = parentList.attr( "id" ),
- o = this.options,
- dns = "data-" + $.mobile.ns,
- self = this,
- persistentFooterID = parentPage.find( ":jqmData(role='footer')" ).jqmData( "id" ),
- hasSubPages;
-
- if ( typeof listCountPerPage[ parentId ] === "undefined" ) {
- listCountPerPage[ parentId ] = -1;
- }
-
- parentListId = parentListId || ++listCountPerPage[ parentId ];
-
- $( parentList.find( "li>ul, li>ol" ).toArray().reverse() ).each(function( i ) {
- var self = this,
- list = $( this ),
- listId = list.attr( "id" ) || parentListId + "-" + i,
- parent = list.parent(),
- nodeEls = $( list.prevAll().toArray().reverse() ),
- nodeEls = nodeEls.length ? nodeEls : $( "<span>" + $.trim(parent.contents()[ 0 ].nodeValue) + "</span>" ),
- title = nodeEls.first().getEncodedText(),//url limits to first 30 chars of text
- id = ( parentUrl || "" ) + "&" + $.mobile.subPageUrlKey + "=" + listId,
- theme = list.jqmData( "theme" ) || o.theme,
- countTheme = list.jqmData( "counttheme" ) || parentList.jqmData( "counttheme" ) || o.countTheme,
- newPage, anchor;
-
- //define hasSubPages for use in later removal
- hasSubPages = true;
-
- newPage = list.detach()
- .wrap( "<div " + dns + "role='page' " + dns + "url='" + id + "' " + dns + "theme='" + theme + "' " + dns + "count-theme='" + countTheme + "'><div " + dns + "role='content'></div></div>" )
- .parent()
- .before( "<div " + dns + "role='header' " + dns + "theme='" + o.headerTheme + "'><div class='ui-title'>" + title + "</div></div>" )
- .after( persistentFooterID ? $( "<div " + dns + "role='footer' " + dns + "id='"+ persistentFooterID +"'>") : "" )
- .parent()
- .appendTo( $.mobile.pageContainer );
-
- newPage.page();
-
- anchor = parent.find('a:first');
-
- if ( !anchor.length ) {
- anchor = $( "<a/>" ).html( nodeEls || title ).prependTo( parent.empty() );
- }
-
- anchor.attr( "href", "#" + id );
-
- }).listview();
-
- // on pagehide, remove any nested pages along with the parent page, as long as they aren't active
- // and aren't embedded
- if( hasSubPages &&
- parentPage.is( ":jqmData(external-page='true')" ) &&
- parentPage.data("page").options.domCache === false ) {
-
- var newRemove = function( e, ui ){
- var nextPage = ui.nextPage, npURL;
-
- if( ui.nextPage ){
- npURL = nextPage.jqmData( "url" );
- if( npURL.indexOf( parentUrl + "&" + $.mobile.subPageUrlKey ) !== 0 ){
- self.childPages().remove();
- parentPage.remove();
- }
- }
- };
-
- // unbind the original page remove and replace with our specialized version
- parentPage
- .unbind( "pagehide.remove" )
- .bind( "pagehide.remove", newRemove);
- }
- },
-
- // TODO sort out a better way to track sub pages of the listview this is brittle
- childPages: function(){
- var parentUrl = this.parentPage.jqmData( "url" );
-
- return $( ":jqmData(url^='"+ parentUrl + "&" + $.mobile.subPageUrlKey +"')");
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $( $.mobile.listview.prototype.options.initSelector, e.target ).listview();
-});
-
-})( jQuery );
-/*
-* "listview" filter extension
-*/
-
-(function( $, undefined ) {
-
-$.mobile.listview.prototype.options.filter = false;
-$.mobile.listview.prototype.options.filterPlaceholder = "Filter items...";
-$.mobile.listview.prototype.options.filterTheme = "c";
-$.mobile.listview.prototype.options.filterCallback = function( text, searchValue ){
- return text.toLowerCase().indexOf( searchValue ) === -1;
-};
-
-$( ":jqmData(role='listview')" ).live( "listviewcreate", function() {
-
- var list = $( this ),
- listview = list.data( "listview" );
-
- if ( !listview.options.filter ) {
- return;
- }
-
- var wrapper = $( "<form>", {
- "class": "ui-listview-filter ui-bar-" + listview.options.filterTheme,
- "role": "search"
- }),
- search = $( "<input>", {
- placeholder: listview.options.filterPlaceholder
- })
- .attr( "data-" + $.mobile.ns + "type", "search" )
- .jqmData( "lastval", "" )
- .bind( "keyup change", function() {
-
- var $this = $(this),
- val = this.value.toLowerCase(),
- listItems = null,
- lastval = $this.jqmData( "lastval" ) + "",
- childItems = false,
- itemtext = "",
- item, change;
-
- // Change val as lastval for next execution
- $this.jqmData( "lastval" , val );
- change = val.substr( 0 , lastval.length - 1 ).replace( lastval , "" );
-
- if ( val.length < lastval.length || change.length != ( val.length - lastval.length ) ) {
-
- // Removed chars or pasted something totally different, check all items
- listItems = list.children();
- } else {
-
- // Only chars added, not removed, only use visible subset
- listItems = list.children( ":not(.ui-screen-hidden)" );
- }
-
- if ( val ) {
-
- // This handles hiding regular rows without the text we search for
- // and any list dividers without regular rows shown under it
-
- for ( var i = listItems.length - 1; i >= 0; i-- ) {
- item = $( listItems[ i ] );
- itemtext = item.jqmData( "filtertext" ) || item.text();
-
- if ( item.is( "li:jqmData(role=list-divider)" ) ) {
-
- item.toggleClass( "ui-filter-hidequeue" , !childItems );
-
- // New bucket!
- childItems = false;
-
- } else if ( listview.options.filterCallback( itemtext, val ) ) {
-
- //mark to be hidden
- item.toggleClass( "ui-filter-hidequeue" , true );
- } else {
-
- // There's a shown item in the bucket
- childItems = true;
- }
- }
-
- // Show items, not marked to be hidden
- listItems
- .filter( ":not(.ui-filter-hidequeue)" )
- .toggleClass( "ui-screen-hidden", false );
-
- // Hide items, marked to be hidden
- listItems
- .filter( ".ui-filter-hidequeue" )
- .toggleClass( "ui-screen-hidden", true )
- .toggleClass( "ui-filter-hidequeue", false );
-
- } else {
-
- //filtervalue is empty => show all
- listItems.toggleClass( "ui-screen-hidden", false );
- }
- listview._refreshCorners();
- })
- .appendTo( wrapper )
- .textinput();
-
- if ( $( this ).jqmData( "inset" ) ) {
- wrapper.addClass( "ui-listview-filter-inset" );
- }
-
- wrapper.bind( "submit", function() {
- return false;
- })
- .insertBefore( list );
-});
-
-})( jQuery );/*
-* "nojs" plugin - class to make elements hidden to A grade browsers
-*/
-
-(function( $, undefined ) {
-
-$( document ).bind( "pagecreate create", function( e ){
- $( ":jqmData(role='nojs')", e.target ).addClass( "ui-nojs" );
-
-});
-
-})( jQuery );/*
-* "checkboxradio" plugin
-*/
-
-(function( $, undefined ) {
-
-$.widget( "mobile.checkboxradio", $.mobile.widget, {
- options: {
- theme: null,
- initSelector: "input[type='checkbox'],input[type='radio']"
- },
- _create: function() {
- var self = this,
- input = this.element,
- // NOTE: Windows Phone could not find the label through a selector
- // filter works though.
- label = input.closest( "form,fieldset,:jqmData(role='page')" ).find( "label[for='" + input[ 0 ].id + "']"),
- inputtype = input.attr( "type" ),
- checkedState = inputtype + "-on",
- uncheckedState = inputtype + "-off",
- icon = input.parents( ":jqmData(type='horizontal')" ).length ? undefined : uncheckedState,
- activeBtn = icon ? "" : " " + $.mobile.activeBtnClass,
- checkedClass = "ui-" + checkedState + activeBtn,
- uncheckedClass = "ui-" + uncheckedState,
- checkedicon = "ui-icon-" + checkedState,
- uncheckedicon = "ui-icon-" + uncheckedState;
-
- if ( inputtype !== "checkbox" && inputtype !== "radio" ) {
- return;
- }
-
- // Expose for other methods
- $.extend( this, {
- label: label,
- inputtype: inputtype,
- checkedClass: checkedClass,
- uncheckedClass: uncheckedClass,
- checkedicon: checkedicon,
- uncheckedicon: uncheckedicon
- });
-
- // If there's no selected theme...
- if( !this.options.theme ) {
- this.options.theme = this.element.jqmData( "theme" );
- }
-
- label.buttonMarkup({
- theme: this.options.theme,
- icon: icon,
- shadow: false
- });
-
- // Wrap the input + label in a div
- input.add( label )
- .wrapAll( "<div class='ui-" + inputtype + "'></div>" );
-
- label.bind({
- vmouseover: function( event ) {
- if ( $( this ).parent().is( ".ui-disabled" ) ) {
- event.stopPropagation();
- }
- },
-
- vclick: function( event ) {
- if ( input.is( ":disabled" ) ) {
- event.preventDefault();
- return;
- }
-
- self._cacheVals();
-
- input.prop( "checked", inputtype === "radio" && true || !input.prop( "checked" ) );
-
- // trigger click handler's bound directly to the input as a substitute for
- // how label clicks behave normally in the browsers
- // TODO: it would be nice to let the browser's handle the clicks and pass them
- // through to the associate input. we can swallow that click at the parent
- // wrapper element level
- input.triggerHandler( 'click' );
-
- // Input set for common radio buttons will contain all the radio
- // buttons, but will not for checkboxes. clearing the checked status
- // of other radios ensures the active button state is applied properly
- self._getInputSet().not( input ).prop( "checked", false );
-
- self._updateAll();
- return false;
- }
-
- });
-
- input
- .bind({
- vmousedown: function() {
- self._cacheVals();
- },
-
- vclick: function() {
- var $this = $(this);
-
- // Adds checked attribute to checked input when keyboard is used
- if ( $this.is( ":checked" ) ) {
-
- $this.prop( "checked", true);
- self._getInputSet().not($this).prop( "checked", false );
- } else {
-
- $this.prop( "checked", false );
- }
-
- self._updateAll();
- },
-
- focus: function() {
- label.addClass( "ui-focus" );
- },
-
- blur: function() {
- label.removeClass( "ui-focus" );
- }
- });
-
- this.refresh();
- },
-
- _cacheVals: function() {
- this._getInputSet().each(function() {
- var $this = $(this);
-
- $this.jqmData( "cacheVal", $this.is( ":checked" ) );
- });
- },
-
- //returns either a set of radios with the same name attribute, or a single checkbox
- _getInputSet: function(){
- if(this.inputtype == "checkbox") {
- return this.element;
- }
-
- return this.element.closest( "form,fieldset,:jqmData(role='page')" )
- .find( "input[name='"+ this.element.attr( "name" ) +"'][type='"+ this.inputtype +"']" );
- },
-
- _updateAll: function() {
- var self = this;
-
- this._getInputSet().each(function() {
- var $this = $(this);
-
- if ( $this.is( ":checked" ) || self.inputtype === "checkbox" ) {
- $this.trigger( "change" );
- }
- })
- .checkboxradio( "refresh" );
- },
-
- refresh: function() {
- var input = this.element,
- label = this.label,
- icon = label.find( ".ui-icon" );
-
- // input[0].checked expando doesn't always report the proper value
- // for checked='checked'
- if ( $( input[ 0 ] ).prop( "checked" ) ) {
-
- label.addClass( this.checkedClass ).removeClass( this.uncheckedClass );
- icon.addClass( this.checkedicon ).removeClass( this.uncheckedicon );
-
- } else {
-
- label.removeClass( this.checkedClass ).addClass( this.uncheckedClass );
- icon.removeClass( this.checkedicon ).addClass( this.uncheckedicon );
- }
-
- if ( input.is( ":disabled" ) ) {
- this.disable();
- } else {
- this.enable();
- }
- },
-
- disable: function() {
- this.element.prop( "disabled", true ).parent().addClass( "ui-disabled" );
- },
-
- enable: function() {
- this.element.prop( "disabled", false ).parent().removeClass( "ui-disabled" );
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $.mobile.checkboxradio.prototype.enhanceWithin( e.target );
-});
-
-})( jQuery );
-/*
-* "button" plugin - links that proxy to native input/buttons
-*/
-
-(function( $, undefined ) {
-
-$.widget( "mobile.button", $.mobile.widget, {
- options: {
- theme: null,
- icon: null,
- iconpos: null,
- inline: null,
- corners: true,
- shadow: true,
- iconshadow: true,
- initSelector: "button, [type='button'], [type='submit'], [type='reset'], [type='image']"
- },
- _create: function() {
- var $el = this.element,
- o = this.options,
- type,
- name,
- $buttonPlaceholder;
-
- // Add ARIA role
- this.button = $( "<div></div>" )
- .text( $el.text() || $el.val() )
- .insertBefore( $el )
- .buttonMarkup({
- theme: o.theme,
- icon: o.icon,
- iconpos: o.iconpos,
- inline: o.inline,
- corners: o.corners,
- shadow: o.shadow,
- iconshadow: o.iconshadow
- })
- .append( $el.addClass( "ui-btn-hidden" ) );
-
- type = $el.attr( "type" );
- name = $el.attr( "name" );
-
- // Add hidden input during submit if input type="submit" has a name.
- if ( type !== "button" && type !== "reset" && name ) {
- $el.bind( "vclick", function() {
- // Add hidden input if it doesn’t already exist.
- if( $buttonPlaceholder === undefined ) {
- $buttonPlaceholder = $( "<input>", {
- type: "hidden",
- name: $el.attr( "name" ),
- value: $el.attr( "value" )
- }).insertBefore( $el );
-
- // Bind to doc to remove after submit handling
- $( document ).one("submit", function(){
- $buttonPlaceholder.remove();
-
- // reset the local var so that the hidden input
- // will be re-added on subsequent clicks
- $buttonPlaceholder = undefined;
- });
- }
- });
- }
-
- this.refresh();
- },
-
- enable: function() {
- this.element.attr( "disabled", false );
- this.button.removeClass( "ui-disabled" ).attr( "aria-disabled", false );
- return this._setOption( "disabled", false );
- },
-
- disable: function() {
- this.element.attr( "disabled", true );
- this.button.addClass( "ui-disabled" ).attr( "aria-disabled", true );
- return this._setOption( "disabled", true );
- },
-
- refresh: function() {
- var $el = this.element;
-
- if ( $el.prop("disabled") ) {
- this.disable();
- } else {
- this.enable();
- }
-
- // the textWrapper is stored as a data element on the button object
- // to prevent referencing by it's implementation details (eg 'class')
- this.button.data( 'textWrapper' ).text( $el.text() || $el.val() );
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $.mobile.button.prototype.enhanceWithin( e.target );
-});
-
-})( jQuery );/*
-* "slider" plugin
-*/
-
-( function( $, undefined ) {
-
-$.widget( "mobile.slider", $.mobile.widget, {
- options: {
- theme: null,
- trackTheme: null,
- disabled: false,
- initSelector: "input[type='range'], :jqmData(type='range'), :jqmData(role='slider')"
- },
-
- _create: function() {
-
- // TODO: Each of these should have comments explain what they're for
- var self = this,
-
- control = this.element,
-
- parentTheme = $.mobile.getInheritedTheme( control, "c" ),
-
- theme = this.options.theme || parentTheme,
-
- trackTheme = this.options.trackTheme || parentTheme,
-
- cType = control[ 0 ].nodeName.toLowerCase(),
-
- selectClass = ( cType == "select" ) ? "ui-slider-switch" : "",
-
- controlID = control.attr( "id" ),
-
- labelID = controlID + "-label",
-
- label = $( "[for='"+ controlID +"']" ).attr( "id", labelID ),
-
- val = function() {
- return cType == "input" ? parseFloat( control.val() ) : control[0].selectedIndex;
- },
-
- min = cType == "input" ? parseFloat( control.attr( "min" ) ) : 0,
-
- max = cType == "input" ? parseFloat( control.attr( "max" ) ) : control.find( "option" ).length-1,
-
- step = window.parseFloat( control.attr( "step" ) || 1 ),
-
- slider = $( "<div class='ui-slider " + selectClass + " ui-btn-down-" + trackTheme +
- " ui-btn-corner-all' role='application'></div>" ),
-
- handle = $( "<a href='#' class='ui-slider-handle'></a>" )
- .appendTo( slider )
- .buttonMarkup({ corners: true, theme: theme, shadow: true })
- .attr({
- "role": "slider",
- "aria-valuemin": min,
- "aria-valuemax": max,
- "aria-valuenow": val(),
- "aria-valuetext": val(),
- "title": val(),
- "aria-labelledby": labelID
- }),
- options;
-
- $.extend( this, {
- slider: slider,
- handle: handle,
- dragging: false,
- beforeStart: null,
- userModified: false,
- mouseMoved: false
- });
-
- if ( cType == "select" ) {
-
- slider.wrapInner( "<div class='ui-slider-inneroffset'></div>" );
-
- // make the handle move with a smooth transition
- handle.addClass( "ui-slider-handle-snapping" );
-
- options = control.find( "option" );
-
- control.find( "option" ).each(function( i ) {
-
- var side = !i ? "b":"a",
- corners = !i ? "right" :"left",
- theme = !i ? " ui-btn-down-" + trackTheme :( " " + $.mobile.activeBtnClass );
-
- $( "<div class='ui-slider-labelbg ui-slider-labelbg-" + side + theme + " ui-btn-corner-" + corners + "'></div>" )
- .prependTo( slider );
-
- $( "<span class='ui-slider-label ui-slider-label-" + side + theme + " ui-btn-corner-" + corners + "' role='img'>" + $( this ).getEncodedText() + "</span>" )
- .prependTo( handle );
- });
-
- }
-
- label.addClass( "ui-slider" );
-
- // monitor the input for updated values
- control.addClass( cType === "input" ? "ui-slider-input" : "ui-slider-switch" )
- .change( function() {
- // if the user dragged the handle, the "change" event was triggered from inside refresh(); don't call refresh() again
- if (!self.mouseMoved) {
- self.refresh( val(), true );
- }
- })
- .keyup( function() { // necessary?
- self.refresh( val(), true, true );
- })
- .blur( function() {
- self.refresh( val(), true );
- });
-
- // prevent screen drag when slider activated
- $( document ).bind( "vmousemove", function( event ) {
- if ( self.dragging ) {
- // self.mouseMoved must be updated before refresh() because it will be used in the control "change" event
- self.mouseMoved = true;
-
- if ( cType === "select" ) {
- // make the handle move in sync with the mouse
- handle.removeClass( "ui-slider-handle-snapping" );
- }
-
- self.refresh( event );
-
- // only after refresh() you can calculate self.userModified
- self.userModified = self.beforeStart !== control[0].selectedIndex;
- return false;
- }
- });
-
- slider.bind( "vmousedown", function( event ) {
- self.dragging = true;
- self.userModified = false;
- self.mouseMoved = false;
-
- if ( cType === "select" ) {
- self.beforeStart = control[0].selectedIndex;
- }
-
- self.refresh( event );
- return false;
- });
-
- slider.add( document )
- .bind( "vmouseup", function() {
- if ( self.dragging ) {
-
- self.dragging = false;
-
- if ( cType === "select") {
-
- // make the handle move with a smooth transition
- handle.addClass( "ui-slider-handle-snapping" );
-
- if ( self.mouseMoved ) {
-
- // this is a drag, change the value only if user dragged enough
- if ( self.userModified ) {
- self.refresh( self.beforeStart == 0 ? 1 : 0 );
- }
- else {
- self.refresh( self.beforeStart );
- }
-
- }
- else {
- // this is just a click, change the value
- self.refresh( self.beforeStart == 0 ? 1 : 0 );
- }
-
- }
-
- self.mouseMoved = false;
-
- return false;
- }
- });
-
- slider.insertAfter( control );
-
- // NOTE force focus on handle
- this.handle
- .bind( "vmousedown", function() {
- $( this ).focus();
- })
- .bind( "vclick", false );
-
- this.handle
- .bind( "keydown", function( event ) {
- var index = val();
-
- if ( self.options.disabled ) {
- return;
- }
-
- // In all cases prevent the default and mark the handle as active
- switch ( event.keyCode ) {
- case $.mobile.keyCode.HOME:
- case $.mobile.keyCode.END:
- case $.mobile.keyCode.PAGE_UP:
- case $.mobile.keyCode.PAGE_DOWN:
- case $.mobile.keyCode.UP:
- case $.mobile.keyCode.RIGHT:
- case $.mobile.keyCode.DOWN:
- case $.mobile.keyCode.LEFT:
- event.preventDefault();
-
- if ( !self._keySliding ) {
- self._keySliding = true;
- $( this ).addClass( "ui-state-active" );
- }
- break;
- }
-
- // move the slider according to the keypress
- switch ( event.keyCode ) {
- case $.mobile.keyCode.HOME:
- self.refresh( min );
- break;
- case $.mobile.keyCode.END:
- self.refresh( max );
- break;
- case $.mobile.keyCode.PAGE_UP:
- case $.mobile.keyCode.UP:
- case $.mobile.keyCode.RIGHT:
- self.refresh( index + step );
- break;
- case $.mobile.keyCode.PAGE_DOWN:
- case $.mobile.keyCode.DOWN:
- case $.mobile.keyCode.LEFT:
- self.refresh( index - step );
- break;
- }
- }) // remove active mark
- .keyup( function( event ) {
- if ( self._keySliding ) {
- self._keySliding = false;
- $( this ).removeClass( "ui-state-active" );
- }
- });
-
- this.refresh(undefined, undefined, true);
- },
-
- refresh: function( val, isfromControl, preventInputUpdate ) {
-
- if ( this.options.disabled || this.element.attr('disabled')) {
- this.disable();
- }
-
- var control = this.element, percent,
- cType = control[0].nodeName.toLowerCase(),
- min = cType === "input" ? parseFloat( control.attr( "min" ) ) : 0,
- max = cType === "input" ? parseFloat( control.attr( "max" ) ) : control.find( "option" ).length - 1;
-
- if ( typeof val === "object" ) {
- var data = val,
- // a slight tolerance helped get to the ends of the slider
- tol = 8;
- if ( !this.dragging ||
- data.pageX < this.slider.offset().left - tol ||
- data.pageX > this.slider.offset().left + this.slider.width() + tol ) {
- return;
- }
- percent = Math.round( ( ( data.pageX - this.slider.offset().left ) / this.slider.width() ) * 100 );
- } else {
- if ( val == null ) {
- val = cType === "input" ? parseFloat( control.val() ) : control[0].selectedIndex;
- }
- percent = ( parseFloat( val ) - min ) / ( max - min ) * 100;
- }
-
- if ( isNaN( percent ) ) {
- return;
- }
-
- if ( percent < 0 ) {
- percent = 0;
- }
-
- if ( percent > 100 ) {
- percent = 100;
- }
-
- var newval = Math.round( ( percent / 100 ) * ( max - min ) ) + min;
-
- if ( newval < min ) {
- newval = min;
- }
-
- if ( newval > max ) {
- newval = max;
- }
-
- // Flip the stack of the bg colors
- if ( percent > 60 && cType === "select" ) {
- // TODO: Dead path?
- }
- this.handle.css( "left", percent + "%" );
- this.handle.attr( {
- "aria-valuenow": cType === "input" ? newval : control.find( "option" ).eq( newval ).attr( "value" ),
- "aria-valuetext": cType === "input" ? newval : control.find( "option" ).eq( newval ).getEncodedText(),
- title: newval
- });
-
- // add/remove classes for flip toggle switch
- if ( cType === "select" ) {
- if ( newval === 0 ) {
- this.slider.addClass( "ui-slider-switch-a" )
- .removeClass( "ui-slider-switch-b" );
- } else {
- this.slider.addClass( "ui-slider-switch-b" )
- .removeClass( "ui-slider-switch-a" );
- }
- }
-
- if ( !preventInputUpdate ) {
- var valueChanged = false;
-
- // update control"s value
- if ( cType === "input" ) {
- valueChanged = control.val() !== newval;
- control.val( newval );
- } else {
- valueChanged = control[ 0 ].selectedIndex !== newval;
- control[ 0 ].selectedIndex = newval;
- }
- if ( !isfromControl && valueChanged ) {
- control.trigger( "change" );
- }
- }
- },
-
- enable: function() {
- this.element.attr( "disabled", false );
- this.slider.removeClass( "ui-disabled" ).attr( "aria-disabled", false );
- return this._setOption( "disabled", false );
- },
-
- disable: function() {
- this.element.attr( "disabled", true );
- this.slider.addClass( "ui-disabled" ).attr( "aria-disabled", true );
- return this._setOption( "disabled", true );
- }
-
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $.mobile.slider.prototype.enhanceWithin( e.target );
-});
-
-})( jQuery );
-/*
-* "textinput" plugin for text inputs, textareas
-*/
-
-(function( $, undefined ) {
-
-$.widget( "mobile.textinput", $.mobile.widget, {
- options: {
- theme: null,
- initSelector: "input[type='text'], input[type='search'], :jqmData(type='search'), input[type='number'], :jqmData(type='number'), input[type='password'], input[type='email'], input[type='url'], input[type='tel'], textarea, input[type='time'], input[type='date'], input[type='month'], input[type='week'], input[type='datetime'], input[type='datetime-local'], input[type='color'], input:not([type])"
- },
-
- _create: function() {
-
- var input = this.element,
- o = this.options,
- theme = o.theme || $.mobile.getInheritedTheme( this.element, "c" ),
- themeclass = " ui-body-" + theme,
- focusedEl, clearbtn;
-
- $( "label[for='" + input.attr( "id" ) + "']" ).addClass( "ui-input-text" );
-
- focusedEl = input.addClass("ui-input-text ui-body-"+ theme );
-
- // XXX: Temporary workaround for issue 785 (Apple bug 8910589).
- // Turn off autocorrect and autocomplete on non-iOS 5 devices
- // since the popup they use can't be dismissed by the user. Note
- // that we test for the presence of the feature by looking for
- // the autocorrect property on the input element. We currently
- // have no test for iOS 5 or newer so we're temporarily using
- // the touchOverflow support flag for jQM 1.0. Yes, I feel dirty. - jblas
- if ( typeof input[0].autocorrect !== "undefined" && !$.support.touchOverflow ) {
- // Set the attribute instead of the property just in case there
- // is code that attempts to make modifications via HTML.
- input[0].setAttribute( "autocorrect", "off" );
- input[0].setAttribute( "autocomplete", "off" );
- }
-
-
- //"search" input widget
- if ( input.is( "[type='search'],:jqmData(type='search')" ) ) {
-
- focusedEl = input.wrap( "<div class='ui-input-search ui-shadow-inset ui-btn-corner-all ui-btn-shadow ui-icon-searchfield" + themeclass + "'></div>" ).parent();
- clearbtn = $( "<a href='#' class='ui-input-clear' title='clear text'>clear text</a>" )
- .tap(function( event ) {
- input.val( "" ).focus();
- input.trigger( "change" );
- clearbtn.addClass( "ui-input-clear-hidden" );
- event.preventDefault();
- })
- .appendTo( focusedEl )
- .buttonMarkup({
- icon: "delete",
- iconpos: "notext",
- corners: true,
- shadow: true
- });
-
- function toggleClear() {
- setTimeout(function() {
- clearbtn.toggleClass( "ui-input-clear-hidden", !input.val() );
- }, 0);
- }
-
- toggleClear();
-
- input.bind('paste cut keyup focus change blur', toggleClear);
-
- } else {
- input.addClass( "ui-corner-all ui-shadow-inset" + themeclass );
- }
-
- input.focus(function() {
- focusedEl.addClass( "ui-focus" );
- })
- .blur(function(){
- focusedEl.removeClass( "ui-focus" );
- });
-
- // Autogrow
- if ( input.is( "textarea" ) ) {
- var extraLineHeight = 15,
- keyupTimeoutBuffer = 100,
- keyup = function() {
- var scrollHeight = input[ 0 ].scrollHeight,
- clientHeight = input[ 0 ].clientHeight;
-
- if ( clientHeight < scrollHeight ) {
- input.height(scrollHeight + extraLineHeight);
- }
- },
- keyupTimeout;
-
- input.keyup(function() {
- clearTimeout( keyupTimeout );
- keyupTimeout = setTimeout( keyup, keyupTimeoutBuffer );
- });
-
- // Issue 509: the browser is not providing scrollHeight properly until the styles load
- if ( $.trim( input.val() ) ) {
- // bind to the window load to make sure the height is calculated based on BOTH
- // the DOM and CSS
- $( window ).load( keyup );
-
- // binding to pagechange here ensures that for pages loaded via
- // ajax the height is recalculated without user input
- $( document ).one( "pagechange", keyup );
- }
- }
- },
-
- disable: function(){
- ( this.element.attr( "disabled", true ).is( "[type='search'],:jqmData(type='search')" ) ?
- this.element.parent() : this.element ).addClass( "ui-disabled" );
- },
-
- enable: function(){
- ( this.element.attr( "disabled", false).is( "[type='search'],:jqmData(type='search')" ) ?
- this.element.parent() : this.element ).removeClass( "ui-disabled" );
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $.mobile.textinput.prototype.enhanceWithin( e.target );
-});
-
-})( jQuery );
-/*
-* custom "selectmenu" plugin
-*/
-
-(function( $, undefined ) {
- var extendSelect = function( widget ){
-
- var select = widget.select,
- selectID = widget.selectID,
- label = widget.label,
- thisPage = widget.select.closest( ".ui-page" ),
- screen = $( "<div>", {"class": "ui-selectmenu-screen ui-screen-hidden"} ).appendTo( thisPage ),
- selectOptions = widget._selectOptions(),
- isMultiple = widget.isMultiple = widget.select[ 0 ].multiple,
- buttonId = selectID + "-button",
- menuId = selectID + "-menu",
- menuPage = $( "<div data-" + $.mobile.ns + "role='dialog' data-" +$.mobile.ns + "theme='"+ widget.options.theme +"' data-" +$.mobile.ns + "overlay-theme='"+ widget.options.overlayTheme +"'>" +
- "<div data-" + $.mobile.ns + "role='header'>" +
- "<div class='ui-title'>" + label.getEncodedText() + "</div>"+
- "</div>"+
- "<div data-" + $.mobile.ns + "role='content'></div>"+
- "</div>" ).appendTo( $.mobile.pageContainer ).page(),
-
- listbox = $("<div>", { "class": "ui-selectmenu ui-selectmenu-hidden ui-overlay-shadow ui-corner-all ui-body-" + widget.options.overlayTheme + " " + $.mobile.defaultDialogTransition } ).insertAfter(screen),
-
- list = $( "<ul>", {
- "class": "ui-selectmenu-list",
- "id": menuId,
- "role": "listbox",
- "aria-labelledby": buttonId
- }).attr( "data-" + $.mobile.ns + "theme", widget.options.theme ).appendTo( listbox ),
-
- header = $( "<div>", {
- "class": "ui-header ui-bar-" + widget.options.theme
- }).prependTo( listbox ),
-
- headerTitle = $( "<h1>", {
- "class": "ui-title"
- }).appendTo( header ),
-
- headerClose = $( "<a>", {
- "text": widget.options.closeText,
- "href": "#",
- "class": "ui-btn-left"
- }).attr( "data-" + $.mobile.ns + "iconpos", "notext" ).attr( "data-" + $.mobile.ns + "icon", "delete" ).appendTo( header ).buttonMarkup(),
-
- menuPageContent = menuPage.find( ".ui-content" ),
-
- menuPageClose = menuPage.find( ".ui-header a" );
-
-
- $.extend( widget, {
- select: widget.select,
- selectID: selectID,
- buttonId: buttonId,
- menuId: menuId,
- thisPage: thisPage,
- menuPage: menuPage,
- label: label,
- screen: screen,
- selectOptions: selectOptions,
- isMultiple: isMultiple,
- theme: widget.options.theme,
- listbox: listbox,
- list: list,
- header: header,
- headerTitle: headerTitle,
- headerClose: headerClose,
- menuPageContent: menuPageContent,
- menuPageClose: menuPageClose,
- placeholder: "",
-
- build: function() {
- var self = this;
-
- // Create list from select, update state
- self.refresh();
-
- self.select.attr( "tabindex", "-1" ).focus(function() {
- $( this ).blur();
- self.button.focus();
- });
-
- // Button events
- self.button.bind( "vclick keydown" , function( event ) {
- if ( event.type == "vclick" ||
- event.keyCode && ( event.keyCode === $.mobile.keyCode.ENTER ||
- event.keyCode === $.mobile.keyCode.SPACE ) ) {
-
- self.open();
- event.preventDefault();
- }
- });
-
- // Events for list items
- self.list.attr( "role", "listbox" )
- .delegate( ".ui-li>a", "focusin", function() {
- $( this ).attr( "tabindex", "0" );
- })
- .delegate( ".ui-li>a", "focusout", function() {
- $( this ).attr( "tabindex", "-1" );
- })
- .delegate( "li:not(.ui-disabled, .ui-li-divider)", "click", function( event ) {
-
- // index of option tag to be selected
- var oldIndex = self.select[ 0 ].selectedIndex,
- newIndex = self.list.find( "li:not(.ui-li-divider)" ).index( this ),
- option = self._selectOptions().eq( newIndex )[ 0 ];
-
- // toggle selected status on the tag for multi selects
- option.selected = self.isMultiple ? !option.selected : true;
-
- // toggle checkbox class for multiple selects
- if ( self.isMultiple ) {
- $( this ).find( ".ui-icon" )
- .toggleClass( "ui-icon-checkbox-on", option.selected )
- .toggleClass( "ui-icon-checkbox-off", !option.selected );
- }
-
- // trigger change if value changed
- if ( self.isMultiple || oldIndex !== newIndex ) {
- self.select.trigger( "change" );
- }
-
- //hide custom select for single selects only
- if ( !self.isMultiple ) {
- self.close();
- }
-
- event.preventDefault();
- })
- .keydown(function( event ) { //keyboard events for menu items
- var target = $( event.target ),
- li = target.closest( "li" ),
- prev, next;
-
- // switch logic based on which key was pressed
- switch ( event.keyCode ) {
- // up or left arrow keys
- case 38:
- prev = li.prev();
-
- // if there's a previous option, focus it
- if ( prev.length ) {
- target
- .blur()
- .attr( "tabindex", "-1" );
-
- prev.find( "a" ).first().focus();
- }
-
- return false;
- break;
-
- // down or right arrow keys
- case 40:
- next = li.next();
-
- // if there's a next option, focus it
- if ( next.length ) {
- target
- .blur()
- .attr( "tabindex", "-1" );
-
- next.find( "a" ).first().focus();
- }
-
- return false;
- break;
-
- // If enter or space is pressed, trigger click
- case 13:
- case 32:
- target.trigger( "click" );
-
- return false;
- break;
- }
- });
-
- // button refocus ensures proper height calculation
- // by removing the inline style and ensuring page inclusion
- self.menuPage.bind( "pagehide", function() {
- self.list.appendTo( self.listbox );
- self._focusButton();
-
- // TODO centralize page removal binding / handling in the page plugin.
- // Suggestion from @jblas to do refcounting
- //
- // TODO extremely confusing dependency on the open method where the pagehide.remove
- // bindings are stripped to prevent the parent page from disappearing. The way
- // we're keeping pages in the DOM right now sucks
- //
- // rebind the page remove that was unbound in the open function
- // to allow for the parent page removal from actions other than the use
- // of a dialog sized custom select
- //
- // doing this here provides for the back button on the custom select dialog
- $.mobile._bindPageRemove.call( self.thisPage );
- });
-
- // Events on "screen" overlay
- self.screen.bind( "vclick", function( event ) {
- self.close();
- });
-
- // Close button on small overlays
- self.headerClose.click( function() {
- if ( self.menuType == "overlay" ) {
- self.close();
- return false;
- }
- });
-
- // track this dependency so that when the parent page
- // is removed on pagehide it will also remove the menupage
- self.thisPage.addDependents( this.menuPage );
- },
-
- _isRebuildRequired: function() {
- var list = this.list.find( "li" ),
- options = this._selectOptions();
-
- // TODO exceedingly naive method to determine difference
- // ignores value changes etc in favor of a forcedRebuild
- // from the user in the refresh method
- return options.text() !== list.text();
- },
-
- refresh: function( forceRebuild , foo ){
- var self = this,
- select = this.element,
- isMultiple = this.isMultiple,
- options = this._selectOptions(),
- selected = this.selected(),
- // return an array of all selected index's
- indicies = this.selectedIndices();
-
- if ( forceRebuild || this._isRebuildRequired() ) {
- self._buildList();
- }
-
- self.setButtonText();
- self.setButtonCount();
-
- self.list.find( "li:not(.ui-li-divider)" )
- .removeClass( $.mobile.activeBtnClass )
- .attr( "aria-selected", false )
- .each(function( i ) {
-
- if ( $.inArray( i, indicies ) > -1 ) {
- var item = $( this );
-
- // Aria selected attr
- item.attr( "aria-selected", true );
-
- // Multiple selects: add the "on" checkbox state to the icon
- if ( self.isMultiple ) {
- item.find( ".ui-icon" ).removeClass( "ui-icon-checkbox-off" ).addClass( "ui-icon-checkbox-on" );
- } else {
- item.addClass( $.mobile.activeBtnClass );
- }
- }
- });
- },
-
- close: function() {
- if ( this.options.disabled || !this.isOpen ) {
- return;
- }
-
- var self = this;
-
- if ( self.menuType == "page" ) {
- // doesn't solve the possible issue with calling change page
- // where the objects don't define data urls which prevents dialog key
- // stripping - changePage has incoming refactor
- window.history.back();
- } else {
- self.screen.addClass( "ui-screen-hidden" );
- self.listbox.addClass( "ui-selectmenu-hidden" ).removeAttr( "style" ).removeClass( "in" );
- self.list.appendTo( self.listbox );
- self._focusButton();
- }
-
- // allow the dialog to be closed again
- self.isOpen = false;
- },
-
- open: function() {
- if ( this.options.disabled ) {
- return;
- }
-
- var self = this,
- menuHeight = self.list.parent().outerHeight(),
- menuWidth = self.list.parent().outerWidth(),
- activePage = $( ".ui-page-active" ),
- tOverflow = $.support.touchOverflow && $.mobile.touchOverflowEnabled,
- tScrollElem = activePage.is( ".ui-native-fixed" ) ? activePage.find( ".ui-content" ) : activePage;
- scrollTop = tOverflow ? tScrollElem.scrollTop() : $( window ).scrollTop(),
- btnOffset = self.button.offset().top,
- screenHeight = window.innerHeight,
- screenWidth = window.innerWidth;
-
- //add active class to button
- self.button.addClass( $.mobile.activeBtnClass );
-
- //remove after delay
- setTimeout( function() {
- self.button.removeClass( $.mobile.activeBtnClass );
- }, 300);
-
- function focusMenuItem() {
- self.list.find( $.mobile.activeBtnClass ).focus();
- }
-
- if ( menuHeight > screenHeight - 80 || !$.support.scrollTop ) {
- // prevent the parent page from being removed from the DOM,
- // otherwise the results of selecting a list item in the dialog
- // fall into a black hole
- self.thisPage.unbind( "pagehide.remove" );
-
- //for WebOS/Opera Mini (set lastscroll using button offset)
- if ( scrollTop == 0 && btnOffset > screenHeight ) {
- self.thisPage.one( "pagehide", function() {
- $( this ).jqmData( "lastScroll", btnOffset );
- });
- }
-
- self.menuPage.one( "pageshow", function() {
- // silentScroll() is called whenever a page is shown to restore
- // any previous scroll position the page may have had. We need to
- // wait for the "silentscroll" event before setting focus to avoid
- // the browser"s "feature" which offsets rendering to make sure
- // whatever has focus is in view.
- $( window ).one( "silentscroll", function() {
- focusMenuItem();
- });
-
- self.isOpen = true;
- });
-
- self.menuType = "page";
- self.menuPageContent.append( self.list );
- self.menuPage.find("div .ui-title").text(self.label.text());
- $.mobile.changePage( self.menuPage, {
- transition: $.mobile.defaultDialogTransition
- });
- } else {
- self.menuType = "overlay";
-
- self.screen.height( $(document).height() )
- .removeClass( "ui-screen-hidden" );
-
- // Try and center the overlay over the button
- var roomtop = btnOffset - scrollTop,
- roombot = scrollTop + screenHeight - btnOffset,
- halfheight = menuHeight / 2,
- maxwidth = parseFloat( self.list.parent().css( "max-width" ) ),
- newtop, newleft;
-
- if ( roomtop > menuHeight / 2 && roombot > menuHeight / 2 ) {
- newtop = btnOffset + ( self.button.outerHeight() / 2 ) - halfheight;
- } else {
- // 30px tolerance off the edges
- newtop = roomtop > roombot ? scrollTop + screenHeight - menuHeight - 30 : scrollTop + 30;
- }
-
- // If the menuwidth is smaller than the screen center is
- if ( menuWidth < maxwidth ) {
- newleft = ( screenWidth - menuWidth ) / 2;
- } else {
-
- //otherwise insure a >= 30px offset from the left
- newleft = self.button.offset().left + self.button.outerWidth() / 2 - menuWidth / 2;
-
- // 30px tolerance off the edges
- if ( newleft < 30 ) {
- newleft = 30;
- } else if ( (newleft + menuWidth) > screenWidth ) {
- newleft = screenWidth - menuWidth - 30;
- }
- }
-
- self.listbox.append( self.list )
- .removeClass( "ui-selectmenu-hidden" )
- .css({
- top: newtop,
- left: newleft
- })
- .addClass( "in" );
-
- focusMenuItem();
-
- // duplicate with value set in page show for dialog sized selects
- self.isOpen = true;
- }
- },
-
- _buildList: function() {
- var self = this,
- o = this.options,
- placeholder = this.placeholder,
- optgroups = [],
- lis = [],
- dataIcon = self.isMultiple ? "checkbox-off" : "false";
-
- self.list.empty().filter( ".ui-listview" ).listview( "destroy" );
-
- // Populate menu with options from select element
- self.select.find( "option" ).each( function( i ) {
- var $this = $( this ),
- $parent = $this.parent(),
- text = $this.getEncodedText(),
- anchor = "<a href='#'>"+ text +"</a>",
- classes = [],
- extraAttrs = [];
-
- // Are we inside an optgroup?
- if ( $parent.is( "optgroup" ) ) {
- var optLabel = $parent.attr( "label" );
-
- // has this optgroup already been built yet?
- if ( $.inArray( optLabel, optgroups ) === -1 ) {
- lis.push( "<li data-" + $.mobile.ns + "role='list-divider'>"+ optLabel +"</li>" );
- optgroups.push( optLabel );
- }
- }
-
- // Find placeholder text
- // TODO: Are you sure you want to use getAttribute? ^RW
- if ( !this.getAttribute( "value" ) || text.length == 0 || $this.jqmData( "placeholder" ) ) {
- if ( o.hidePlaceholderMenuItems ) {
- classes.push( "ui-selectmenu-placeholder" );
- }
- placeholder = self.placeholder = text;
- }
-
- // support disabled option tags
- if ( this.disabled ) {
- classes.push( "ui-disabled" );
- extraAttrs.push( "aria-disabled='true'" );
- }
-
- lis.push( "<li data-" + $.mobile.ns + "option-index='" + i + "' data-" + $.mobile.ns + "icon='"+ dataIcon +"' class='"+ classes.join(" ") + "' " + extraAttrs.join(" ") +">"+ anchor +"</li>" );
- });
-
- self.list.html( lis.join(" ") );
-
- self.list.find( "li" )
- .attr({ "role": "option", "tabindex": "-1" })
- .first().attr( "tabindex", "0" );
-
- // Hide header close link for single selects
- if ( !this.isMultiple ) {
- this.headerClose.hide();
- }
-
- // Hide header if it's not a multiselect and there's no placeholder
- if ( !this.isMultiple && !placeholder.length ) {
- this.header.hide();
- } else {
- this.headerTitle.text( this.placeholder );
- }
-
- // Now populated, create listview
- self.list.listview();
- },
-
- _button: function(){
- return $( "<a>", {
- "href": "#",
- "role": "button",
- // TODO value is undefined at creation
- "id": this.buttonId,
- "aria-haspopup": "true",
-
- // TODO value is undefined at creation
- "aria-owns": this.menuId
- });
- }
- });
- };
-
- $( "select" ).live( "selectmenubeforecreate", function(){
- var selectmenuWidget = $( this ).data( "selectmenu" );
-
- if( !selectmenuWidget.options.nativeMenu ){
- extendSelect( selectmenuWidget );
- }
- });
-})( jQuery );
-/*
-* "selectmenu" plugin
-*/
-
-(function( $, undefined ) {
-
-$.widget( "mobile.selectmenu", $.mobile.widget, {
- options: {
- theme: null,
- disabled: false,
- icon: "arrow-d",
- iconpos: "right",
- inline: null,
- corners: true,
- shadow: true,
- iconshadow: true,
- menuPageTheme: "b",
- overlayTheme: "a",
- hidePlaceholderMenuItems: true,
- closeText: "Close",
- nativeMenu: true,
- initSelector: "select:not(:jqmData(role='slider'))"
- },
-
- _button: function(){
- return $( "<div/>" );
- },
-
- _setDisabled: function( value ) {
- this.element.attr( "disabled", value );
- this.button.attr( "aria-disabled", value );
- return this._setOption( "disabled", value );
- },
-
- _focusButton : function() {
- var self = this;
-
- setTimeout( function() {
- self.button.focus();
- }, 40);
- },
-
- _selectOptions: function() {
- return this.select.find( "option" );
- },
-
- // setup items that are generally necessary for select menu extension
- _preExtension: function(){
- this.select = this.element.wrap( "<div class='ui-select'>" );
- this.selectID = this.select.attr( "id" );
- this.label = $( "label[for='"+ this.selectID +"']" ).addClass( "ui-select" );
- this.isMultiple = this.select[ 0 ].multiple;
- if ( !this.options.theme ) {
- this.options.theme = $.mobile.getInheritedTheme( this.select, "c" );
- }
- },
-
- _create: function() {
- this._preExtension();
-
- // Allows for extension of the native select for custom selects and other plugins
- // see select.custom for example extension
- // TODO explore plugin registration
- this._trigger( "beforeCreate" );
-
- this.button = this._button();
-
- var self = this,
-
- options = this.options,
-
- // IE throws an exception at options.item() function when
- // there is no selected item
- // select first in this case
- selectedIndex = this.select[ 0 ].selectedIndex == -1 ? 0 : this.select[ 0 ].selectedIndex,
-
- // TODO values buttonId and menuId are undefined here
- button = this.button
- .text( $( this.select[ 0 ].options.item( selectedIndex ) ).text() )
- .insertBefore( this.select )
- .buttonMarkup( {
- theme: options.theme,
- icon: options.icon,
- iconpos: options.iconpos,
- inline: options.inline,
- corners: options.corners,
- shadow: options.shadow,
- iconshadow: options.iconshadow
- });
-
- // Opera does not properly support opacity on select elements
- // In Mini, it hides the element, but not its text
- // On the desktop,it seems to do the opposite
- // for these reasons, using the nativeMenu option results in a full native select in Opera
- if ( options.nativeMenu && window.opera && window.opera.version ) {
- this.select.addClass( "ui-select-nativeonly" );
- }
-
- // Add counter for multi selects
- if ( this.isMultiple ) {
- this.buttonCount = $( "<span>" )
- .addClass( "ui-li-count ui-btn-up-c ui-btn-corner-all" )
- .hide()
- .appendTo( button.addClass('ui-li-has-count') );
- }
-
- // Disable if specified
- if ( options.disabled || this.element.attr('disabled')) {
- this.disable();
- }
-
- // Events on native select
- this.select.change( function() {
- self.refresh();
- });
-
- this.build();
- },
-
- build: function() {
- var self = this;
-
- this.select
- .appendTo( self.button )
- .bind( "vmousedown", function() {
- // Add active class to button
- self.button.addClass( $.mobile.activeBtnClass );
- })
- .bind( "focus vmouseover", function() {
- self.button.trigger( "vmouseover" );
- })
- .bind( "vmousemove", function() {
- // Remove active class on scroll/touchmove
- self.button.removeClass( $.mobile.activeBtnClass );
- })
- .bind( "change blur vmouseout", function() {
- self.button.trigger( "vmouseout" )
- .removeClass( $.mobile.activeBtnClass );
- })
- .bind( "change blur", function() {
- self.button.removeClass( "ui-btn-down-" + self.options.theme );
- });
- },
-
- selected: function() {
- return this._selectOptions().filter( ":selected" );
- },
-
- selectedIndices: function() {
- var self = this;
-
- return this.selected().map( function() {
- return self._selectOptions().index( this );
- }).get();
- },
-
- setButtonText: function() {
- var self = this, selected = this.selected();
-
- this.button.find( ".ui-btn-text" ).text( function() {
- if ( !self.isMultiple ) {
- return selected.text();
- }
-
- return selected.length ? selected.map( function() {
- return $( this ).text();
- }).get().join( ", " ) : self.placeholder;
- });
- },
-
- setButtonCount: function() {
- var selected = this.selected();
-
- // multiple count inside button
- if ( this.isMultiple ) {
- this.buttonCount[ selected.length > 1 ? "show" : "hide" ]().text( selected.length );
- }
- },
-
- refresh: function() {
- this.setButtonText();
- this.setButtonCount();
- },
-
- // open and close preserved in native selects
- // to simplify users code when looping over selects
- open: $.noop,
- close: $.noop,
-
- disable: function() {
- this._setDisabled( true );
- this.button.addClass( "ui-disabled" );
- },
-
- enable: function() {
- this._setDisabled( false );
- this.button.removeClass( "ui-disabled" );
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $.mobile.selectmenu.prototype.enhanceWithin( e.target );
-});
-})( jQuery );
-/*
-* "buttons" plugin - for making button-like links
-*/
-
-( function( $, undefined ) {
-
-$.fn.buttonMarkup = function( options ) {
- options = options || {};
-
- for ( var i = 0; i < this.length; i++ ) {
- var el = this.eq( i ),
- e = el[ 0 ],
- o = $.extend( {}, $.fn.buttonMarkup.defaults, {
- icon: options.icon !== undefined ? options.icon : el.jqmData( "icon" ),
- iconpos: options.iconpos !== undefined ? options.iconpos : el.jqmData( "iconpos" ),
- theme: options.theme !== undefined ? options.theme : el.jqmData( "theme" ),
- inline: options.inline !== undefined ? options.inline : el.jqmData( "inline" ),
- shadow: options.shadow !== undefined ? options.shadow : el.jqmData( "shadow" ),
- corners: options.corners !== undefined ? options.corners : el.jqmData( "corners" ),
- iconshadow: options.iconshadow !== undefined ? options.iconshadow : el.jqmData( "iconshadow" )
- }, options ),
-
- // Classes Defined
- innerClass = "ui-btn-inner",
- textClass = "ui-btn-text",
- buttonClass, iconClass,
-
- // Button inner markup
- buttonInner = document.createElement( o.wrapperEls ),
- buttonText = document.createElement( o.wrapperEls ),
- buttonIcon = o.icon ? document.createElement( "span" ) : null;
-
- if ( attachEvents ) {
- attachEvents();
- }
-
- // if not, try to find closest theme container
- if ( !o.theme ) {
- o.theme = $.mobile.getInheritedTheme( el, "c" );
- }
-
- buttonClass = "ui-btn ui-btn-up-" + o.theme;
-
- if ( o.inline ) {
- buttonClass += " ui-btn-inline";
- }
-
- if ( o.icon ) {
- o.icon = "ui-icon-" + o.icon;
- o.iconpos = o.iconpos || "left";
-
- iconClass = "ui-icon " + o.icon;
-
- if ( o.iconshadow ) {
- iconClass += " ui-icon-shadow";
- }
- }
-
- if ( o.iconpos ) {
- buttonClass += " ui-btn-icon-" + o.iconpos;
-
- if ( o.iconpos == "notext" && !el.attr( "title" ) ) {
- el.attr( "title", el.getEncodedText() );
- }
- }
-
- if ( o.corners ) {
- buttonClass += " ui-btn-corner-all";
- innerClass += " ui-btn-corner-all";
- }
-
- if ( o.shadow ) {
- buttonClass += " ui-shadow";
- }
-
- e.setAttribute( "data-" + $.mobile.ns + "theme", o.theme );
- el.addClass( buttonClass );
-
- buttonInner.className = innerClass;
- buttonInner.setAttribute("aria-hidden", "true");
-
- buttonText.className = textClass;
- buttonInner.appendChild( buttonText );
-
- if ( buttonIcon ) {
- buttonIcon.className = iconClass;
- buttonInner.appendChild( buttonIcon );
- }
-
- while ( e.firstChild ) {
- buttonText.appendChild( e.firstChild );
- }
-
- e.appendChild( buttonInner );
-
- // TODO obviously it would be nice to pull this element out instead of
- // retrieving it from the DOM again, but this change is much less obtrusive
- // and 1.0 draws nigh
- $.data( e, 'textWrapper', $( buttonText ) );
- }
-
- return this;
-};
-
-$.fn.buttonMarkup.defaults = {
- corners: true,
- shadow: true,
- iconshadow: true,
- inline: false,
- wrapperEls: "span"
-};
-
-function closestEnabledButton( element ) {
- var cname;
-
- while ( element ) {
- // Note that we check for typeof className below because the element we
- // handed could be in an SVG DOM where className on SVG elements is defined to
- // be of a different type (SVGAnimatedString). We only operate on HTML DOM
- // elements, so we look for plain "string".
-
- cname = ( typeof element.className === 'string' ) && element.className.split(' ');
-
- if ( cname && $.inArray( "ui-btn", cname ) > -1 && $.inArray( "ui-disabled", cname ) < 0 ) {
- break;
- }
- element = element.parentNode;
- }
-
- return element;
-}
-
-var attachEvents = function() {
- $( document ).bind( {
- "vmousedown": function( event ) {
- var btn = closestEnabledButton( event.target ),
- $btn, theme;
-
- if ( btn ) {
- $btn = $( btn );
- theme = $btn.attr( "data-" + $.mobile.ns + "theme" );
- $btn.removeClass( "ui-btn-up-" + theme ).addClass( "ui-btn-down-" + theme );
- }
- },
- "vmousecancel vmouseup": function( event ) {
- var btn = closestEnabledButton( event.target ),
- $btn, theme;
-
- if ( btn ) {
- $btn = $( btn );
- theme = $btn.attr( "data-" + $.mobile.ns + "theme" );
- $btn.removeClass( "ui-btn-down-" + theme ).addClass( "ui-btn-up-" + theme );
- }
- },
- "vmouseover focus": function( event ) {
- var btn = closestEnabledButton( event.target ),
- $btn, theme;
-
- if ( btn ) {
- $btn = $( btn );
- theme = $btn.attr( "data-" + $.mobile.ns + "theme" );
- $btn.removeClass( "ui-btn-up-" + theme ).addClass( "ui-btn-hover-" + theme );
- }
- },
- "vmouseout blur": function( event ) {
- var btn = closestEnabledButton( event.target ),
- $btn, theme;
-
- if ( btn ) {
- $btn = $( btn );
- theme = $btn.attr( "data-" + $.mobile.ns + "theme" );
- $btn.removeClass( "ui-btn-hover-" + theme + " ui-btn-down-" + theme ).addClass( "ui-btn-up-" + theme );
- }
- }
- });
-
- attachEvents = null;
-};
-
-//links in bars, or those with data-role become buttons
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
-
- $( ":jqmData(role='button'), .ui-bar > a, .ui-header > a, .ui-footer > a, .ui-bar > :jqmData(role='controlgroup') > a", e.target )
- .not( ".ui-btn, :jqmData(role='none'), :jqmData(role='nojs')" )
- .buttonMarkup();
-});
-
-})( jQuery );
-/*
-* "controlgroup" plugin - corner-rounding for groups of buttons, checks, radios, etc
-*/
-
-(function( $, undefined ) {
-
-$.fn.controlgroup = function( options ) {
-
- return this.each(function() {
-
- var $el = $( this ),
- o = $.extend({
- direction: $el.jqmData( "type" ) || "vertical",
- shadow: false,
- excludeInvisible: true
- }, options ),
- groupheading = $el.children( "legend" ),
- flCorners = o.direction == "horizontal" ? [ "ui-corner-left", "ui-corner-right" ] : [ "ui-corner-top", "ui-corner-bottom" ],
- type = $el.find( "input" ).first().attr( "type" );
-
- // Replace legend with more stylable replacement div
- if ( groupheading.length ) {
- $el.wrapInner( "<div class='ui-controlgroup-controls'></div>" );
- $( "<div role='heading' class='ui-controlgroup-label'>" + groupheading.html() + "</div>" ).insertBefore( $el.children(0) );
- groupheading.remove();
- }
-
- $el.addClass( "ui-corner-all ui-controlgroup ui-controlgroup-" + o.direction );
-
- // TODO: This should be moved out to the closure
- // otherwise it is redefined each time controlgroup() is called
- function flipClasses( els ) {
- els.removeClass( "ui-btn-corner-all ui-shadow" )
- .eq( 0 ).addClass( flCorners[ 0 ] )
- .end()
- .last().addClass( flCorners[ 1 ] ).addClass( "ui-controlgroup-last" );
- }
-
- flipClasses( $el.find( ".ui-btn" + ( o.excludeInvisible ? ":visible" : "" ) ) );
- flipClasses( $el.find( ".ui-btn-inner" ) );
-
- if ( o.shadow ) {
- $el.addClass( "ui-shadow" );
- }
- });
-};
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $( ":jqmData(role='controlgroup')", e.target ).controlgroup({ excludeInvisible: false });
-});
-
-})(jQuery);/*
-* "links" plugin - simple class additions for links
-*/
-
-(function( $, undefined ) {
-
-$( document ).bind( "pagecreate create", function( e ){
-
- //links within content areas
- $( e.target )
- .find( "a" )
- .not( ".ui-btn, .ui-link-inherit, :jqmData(role='none'), :jqmData(role='nojs')" )
- .addClass( "ui-link" );
-
-});
-
-})( jQuery );/*
-* "fixHeaderFooter" plugin - on-demand positioning for headers,footers
-*/
-
-(function( $, undefined ) {
-
-var slideDownClass = "ui-header-fixed ui-fixed-inline fade",
- slideUpClass = "ui-footer-fixed ui-fixed-inline fade",
-
- slideDownSelector = ".ui-header:jqmData(position='fixed')",
- slideUpSelector = ".ui-footer:jqmData(position='fixed')";
-
-$.fn.fixHeaderFooter = function( options ) {
-
- if ( !$.support.scrollTop || ( $.support.touchOverflow && $.mobile.touchOverflowEnabled ) ) {
- return this;
- }
-
- return this.each(function() {
- var $this = $( this );
-
- if ( $this.jqmData( "fullscreen" ) ) {
- $this.addClass( "ui-page-fullscreen" );
- }
-
- // Should be slidedown
- $this.find( slideDownSelector ).addClass( slideDownClass );
-
- // Should be slideup
- $this.find( slideUpSelector ).addClass( slideUpClass );
- });
-};
-
-// single controller for all showing,hiding,toggling
-$.mobile.fixedToolbars = (function() {
-
- if ( !$.support.scrollTop || ( $.support.touchOverflow && $.mobile.touchOverflowEnabled ) ) {
- return;
- }
-
- var stickyFooter, delayTimer,
- currentstate = "inline",
- autoHideMode = false,
- showDelay = 100,
- ignoreTargets = "a,input,textarea,select,button,label,.ui-header-fixed,.ui-footer-fixed",
- toolbarSelector = ".ui-header-fixed:first, .ui-footer-fixed:not(.ui-footer-duplicate):last",
- // for storing quick references to duplicate footers
- supportTouch = $.support.touch,
- touchStartEvent = supportTouch ? "touchstart" : "mousedown",
- touchStopEvent = supportTouch ? "touchend" : "mouseup",
- stateBefore = null,
- scrollTriggered = false,
- touchToggleEnabled = true;
-
- function showEventCallback( event ) {
- // An event that affects the dimensions of the visual viewport has
- // been triggered. If the header and/or footer for the current page are in overlay
- // mode, we want to hide them, and then fire off a timer to show them at a later
- // point. Events like a resize can be triggered continuously during a scroll, on
- // some platforms, so the timer is used to delay the actual positioning until the
- // flood of events have subsided.
- //
- // If we are in autoHideMode, we don't do anything because we know the scroll
- // callbacks for the plugin will fire off a show when the scrolling has stopped.
- if ( !autoHideMode && currentstate === "overlay" ) {
- if ( !delayTimer ) {
- $.mobile.fixedToolbars.hide( true );
- }
-
- $.mobile.fixedToolbars.startShowTimer();
- }
- }
-
- $(function() {
- var $document = $( document ),
- $window = $( window );
-
- $document
- .bind( "vmousedown", function( event ) {
- if ( touchToggleEnabled ) {
- stateBefore = currentstate;
- }
- })
- .bind( "vclick", function( event ) {
- if ( touchToggleEnabled ) {
-
- if ( $(event.target).closest( ignoreTargets ).length ) {
- return;
- }
-
- if ( !scrollTriggered ) {
- $.mobile.fixedToolbars.toggle( stateBefore );
- stateBefore = null;
- }
- }
- })
- .bind( "silentscroll", showEventCallback );
-
-
- // The below checks first for a $(document).scrollTop() value, and if zero, binds scroll events to $(window) instead.
- // If the scrollTop value is actually zero, both will return zero anyway.
- //
- // Works with $(document), not $(window) : Opera Mobile (WinMO phone; kinda broken anyway)
- // Works with $(window), not $(document) : IE 7/8
- // Works with either $(window) or $(document) : Chrome, FF 3.6/4, Android 1.6/2.1, iOS
- // Needs work either way : BB5, Opera Mobile (iOS)
-
- ( ( $document.scrollTop() === 0 ) ? $window : $document )
- .bind( "scrollstart", function( event ) {
-
- scrollTriggered = true;
-
- if ( stateBefore === null ) {
- stateBefore = currentstate;
- }
-
- // We only enter autoHideMode if the headers/footers are in
- // an overlay state or the show timer was started. If the
- // show timer is set, clear it so the headers/footers don't
- // show up until after we're done scrolling.
- var isOverlayState = stateBefore == "overlay";
-
- autoHideMode = isOverlayState || !!delayTimer;
-
- if ( autoHideMode ) {
- $.mobile.fixedToolbars.clearShowTimer();
-
- if ( isOverlayState ) {
- $.mobile.fixedToolbars.hide( true );
- }
- }
- })
- .bind( "scrollstop", function( event ) {
-
- if ( $( event.target ).closest( ignoreTargets ).length ) {
- return;
- }
-
- scrollTriggered = false;
-
- if ( autoHideMode ) {
- $.mobile.fixedToolbars.startShowTimer();
- autoHideMode = false;
- }
- stateBefore = null;
- });
-
- $window.bind( "resize updatelayout", showEventCallback );
- });
-
- // 1. Before page is shown, check for duplicate footer
- // 2. After page is shown, append footer to new page
- $( ".ui-page" )
- .live( "pagebeforeshow", function( event, ui ) {
-
- var page = $( event.target ),
- footer = page.find( ":jqmData(role='footer')" ),
- id = footer.data( "id" ),
- prevPage = ui.prevPage,
- prevFooter = prevPage && prevPage.find( ":jqmData(role='footer')" ),
- prevFooterMatches = prevFooter.length && prevFooter.jqmData( "id" ) === id;
-
- if ( id && prevFooterMatches ) {
- stickyFooter = footer;
- setTop( stickyFooter.removeClass( "fade in out" ).appendTo( $.mobile.pageContainer ) );
- }
- })
- .live( "pageshow", function( event, ui ) {
-
- var $this = $( this );
-
- if ( stickyFooter && stickyFooter.length ) {
-
- setTimeout(function() {
- setTop( stickyFooter.appendTo( $this ).addClass( "fade" ) );
- stickyFooter = null;
- }, 500);
- }
-
- $.mobile.fixedToolbars.show( true, this );
- });
-
- // When a collapsiable is hidden or shown we need to trigger the fixed toolbar to reposition itself (#1635)
- $( ".ui-collapsible-contain" ).live( "collapse expand", showEventCallback );
-
- // element.getBoundingClientRect() is broken in iOS 3.2.1 on the iPad. The
- // coordinates inside of the rect it returns don't have the page scroll position
- // factored out of it like the other platforms do. To get around this,
- // we'll just calculate the top offset the old fashioned way until core has
- // a chance to figure out how to handle this situation.
- //
- // TODO: We'll need to get rid of getOffsetTop() once a fix gets folded into core.
-
- function getOffsetTop( ele ) {
- var top = 0,
- op, body;
-
- if ( ele ) {
- body = document.body;
- op = ele.offsetParent;
- top = ele.offsetTop;
-
- while ( ele && ele != body ) {
- top += ele.scrollTop || 0;
-
- if ( ele == op ) {
- top += op.offsetTop;
- op = ele.offsetParent;
- }
-
- ele = ele.parentNode;
- }
- }
- return top;
- }
-
- function setTop( el ) {
- var fromTop = $(window).scrollTop(),
- thisTop = getOffsetTop( el[ 0 ] ), // el.offset().top returns the wrong value on iPad iOS 3.2.1, call our workaround instead.
- thisCSStop = el.css( "top" ) == "auto" ? 0 : parseFloat(el.css( "top" )),
- screenHeight = window.innerHeight,
- thisHeight = el.outerHeight(),
- useRelative = el.parents( ".ui-page:not(.ui-page-fullscreen)" ).length,
- relval;
-
- if ( el.is( ".ui-header-fixed" ) ) {
-
- relval = fromTop - thisTop + thisCSStop;
-
- if ( relval < thisTop ) {
- relval = 0;
- }
-
- return el.css( "top", useRelative ? relval : fromTop );
- } else {
- // relval = -1 * (thisTop - (fromTop + screenHeight) + thisCSStop + thisHeight);
- // if ( relval > thisTop ) { relval = 0; }
- relval = fromTop + screenHeight - thisHeight - (thisTop - thisCSStop );
-
- return el.css( "top", useRelative ? relval : fromTop + screenHeight - thisHeight );
- }
- }
-
- // Exposed methods
- return {
-
- show: function( immediately, page ) {
-
- $.mobile.fixedToolbars.clearShowTimer();
-
- currentstate = "overlay";
-
- var $ap = page ? $( page ) :
- ( $.mobile.activePage ? $.mobile.activePage :
- $( ".ui-page-active" ) );
-
- return $ap.children( toolbarSelector ).each(function() {
-
- var el = $( this ),
- fromTop = $( window ).scrollTop(),
- // el.offset().top returns the wrong value on iPad iOS 3.2.1, call our workaround instead.
- thisTop = getOffsetTop( el[ 0 ] ),
- screenHeight = window.innerHeight,
- thisHeight = el.outerHeight(),
- alreadyVisible = ( el.is( ".ui-header-fixed" ) && fromTop <= thisTop + thisHeight ) ||
- ( el.is( ".ui-footer-fixed" ) && thisTop <= fromTop + screenHeight );
-
- // Add state class
- el.addClass( "ui-fixed-overlay" ).removeClass( "ui-fixed-inline" );
-
- if ( !alreadyVisible && !immediately ) {
- el.animationComplete(function() {
- el.removeClass( "in" );
- }).addClass( "in" );
- }
- setTop(el);
- });
- },
-
- hide: function( immediately ) {
-
- currentstate = "inline";
-
- var $ap = $.mobile.activePage ? $.mobile.activePage :
- $( ".ui-page-active" );
-
- return $ap.children( toolbarSelector ).each(function() {
-
- var el = $(this),
- thisCSStop = el.css( "top" ),
- classes;
-
- thisCSStop = thisCSStop == "auto" ? 0 :
- parseFloat(thisCSStop);
-
- // Add state class
- el.addClass( "ui-fixed-inline" ).removeClass( "ui-fixed-overlay" );
-
- if ( thisCSStop < 0 || ( el.is( ".ui-header-fixed" ) && thisCSStop !== 0 ) ) {
-
- if ( immediately ) {
- el.css( "top", 0);
- } else {
-
- if ( el.css( "top" ) !== "auto" && parseFloat( el.css( "top" ) ) !== 0 ) {
-
- classes = "out reverse";
-
- el.animationComplete(function() {
- el.removeClass( classes ).css( "top", 0 );
- }).addClass( classes );
- }
- }
- }
- });
- },
-
- startShowTimer: function() {
-
- $.mobile.fixedToolbars.clearShowTimer();
-
- var args = [].slice.call( arguments );
-
- delayTimer = setTimeout(function() {
- delayTimer = undefined;
- $.mobile.fixedToolbars.show.apply( null, args );
- }, showDelay);
- },
-
- clearShowTimer: function() {
- if ( delayTimer ) {
- clearTimeout( delayTimer );
- }
- delayTimer = undefined;
- },
-
- toggle: function( from ) {
- if ( from ) {
- currentstate = from;
- }
- return ( currentstate === "overlay" ) ? $.mobile.fixedToolbars.hide() :
- $.mobile.fixedToolbars.show();
- },
-
- setTouchToggleEnabled: function( enabled ) {
- touchToggleEnabled = enabled;
- }
- };
-})();
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( event ) {
-
- if ( $( ":jqmData(position='fixed')", event.target ).length ) {
-
- $( event.target ).each(function() {
-
- if ( !$.support.scrollTop || ( $.support.touchOverflow && $.mobile.touchOverflowEnabled ) ) {
- return this;
- }
-
- var $this = $( this );
-
- if ( $this.jqmData( "fullscreen" ) ) {
- $this.addClass( "ui-page-fullscreen" );
- }
-
- // Should be slidedown
- $this.find( slideDownSelector ).addClass( slideDownClass );
-
- // Should be slideup
- $this.find( slideUpSelector ).addClass( slideUpClass );
-
- })
-
- }
-});
-
-})( jQuery );
-/*
-* "fixHeaderFooter" native plugin - Behavior for "fixed" headers,footers, and scrolling inner content
-*/
-
-(function( $, undefined ) {
-
-// Enable touch overflow scrolling when it's natively supported
-$.mobile.touchOverflowEnabled = false;
-
-// Enabled zoom when touch overflow is enabled. Can cause usability issues, unfortunately
-$.mobile.touchOverflowZoomEnabled = false;
-
-$( document ).bind( "pagecreate", function( event ) {
- if( $.support.touchOverflow && $.mobile.touchOverflowEnabled ){
-
- var $target = $( event.target ),
- scrollStartY = 0;
-
- if( $target.is( ":jqmData(role='page')" ) ){
-
- $target.each(function() {
- var $page = $( this ),
- $fixies = $page.find( ":jqmData(role='header'), :jqmData(role='footer')" ).filter( ":jqmData(position='fixed')" ),
- fullScreen = $page.jqmData( "fullscreen" ),
- $scrollElem = $fixies.length ? $page.find( ".ui-content" ) : $page;
-
- $page.addClass( "ui-mobile-touch-overflow" );
-
- $scrollElem.bind( "scrollstop", function(){
- if( $scrollElem.scrollTop() > 0 ){
- window.scrollTo( 0, $.mobile.defaultHomeScroll );
- }
- });
-
- if( $fixies.length ){
-
- $page.addClass( "ui-native-fixed" );
-
- if( fullScreen ){
-
- $page.addClass( "ui-native-fullscreen" );
-
- $fixies.addClass( "fade in" );
-
- $( document ).bind( "vclick", function(){
- $fixies
- .removeClass( "ui-native-bars-hidden" )
- .toggleClass( "in out" )
- .animationComplete(function(){
- $(this).not( ".in" ).addClass( "ui-native-bars-hidden" );
- });
- });
- }
- }
- });
- }
- }
-});
-
-})( jQuery );
-/*
-* "init" - Initialize the framework
-*/
-
-(function( $, window, undefined ) {
- var $html = $( "html" ),
- $head = $( "head" ),
- $window = $( window );
-
- // trigger mobileinit event - useful hook for configuring $.mobile settings before they're used
- $( window.document ).trigger( "mobileinit" );
-
- // support conditions
- // if device support condition(s) aren't met, leave things as they are -> a basic, usable experience,
- // otherwise, proceed with the enhancements
- if ( !$.mobile.gradeA() ) {
- return;
- }
-
- // override ajaxEnabled on platforms that have known conflicts with hash history updates
- // or generally work better browsing in regular http for full page refreshes (BB5, Opera Mini)
- if ( $.mobile.ajaxBlacklist ) {
- $.mobile.ajaxEnabled = false;
- }
-
- // add mobile, initial load "rendering" classes to docEl
- $html.addClass( "ui-mobile ui-mobile-rendering" );
-
- // loading div which appears during Ajax requests
- // will not appear if $.mobile.loadingMessage is false
- var $loader = $( "<div class='ui-loader ui-body-a ui-corner-all'><span class='ui-icon ui-icon-loading spin'></span><h1></h1></div>" );
-
- $.extend($.mobile, {
- // turn on/off page loading message.
- showPageLoadingMsg: function() {
- if ( $.mobile.loadingMessage ) {
- var activeBtn = $( "." + $.mobile.activeBtnClass ).first();
-
- $loader
- .find( "h1" )
- .text( $.mobile.loadingMessage )
- .end()
- .appendTo( $.mobile.pageContainer )
- // position at y center (if scrollTop supported), above the activeBtn (if defined), or just 100px from top
- .css({
- top: $.support.scrollTop && $window.scrollTop() + $window.height() / 2 ||
- activeBtn.length && activeBtn.offset().top || 100
- });
- }
-
- $html.addClass( "ui-loading" );
- },
-
- hidePageLoadingMsg: function() {
- $html.removeClass( "ui-loading" );
- },
-
- // find and enhance the pages in the dom and transition to the first page.
- initializePage: function() {
- // find present pages
- var $pages = $( ":jqmData(role='page')" );
-
- // if no pages are found, create one with body's inner html
- if ( !$pages.length ) {
- $pages = $( "body" ).wrapInner( "<div data-" + $.mobile.ns + "role='page'></div>" ).children( 0 );
- }
-
- // add dialogs, set data-url attrs
- $pages.add( ":jqmData(role='dialog')" ).each(function() {
- var $this = $(this);
-
- // unless the data url is already set set it to the pathname
- if ( !$this.jqmData("url") ) {
- $this.attr( "data-" + $.mobile.ns + "url", $this.attr( "id" ) || location.pathname + location.search );
- }
- });
-
- // define first page in dom case one backs out to the directory root (not always the first page visited, but defined as fallback)
- $.mobile.firstPage = $pages.first();
-
- // define page container
- $.mobile.pageContainer = $pages.first().parent().addClass( "ui-mobile-viewport" );
-
- // alert listeners that the pagecontainer has been determined for binding
- // to events triggered on it
- $window.trigger( "pagecontainercreate" );
-
- // cue page loading message
- $.mobile.showPageLoadingMsg();
-
- // if hashchange listening is disabled or there's no hash deeplink, change to the first page in the DOM
- if ( !$.mobile.hashListeningEnabled || !$.mobile.path.stripHash( location.hash ) ) {
- $.mobile.changePage( $.mobile.firstPage, { transition: "none", reverse: true, changeHash: false, fromHashChange: true } );
- }
- // otherwise, trigger a hashchange to load a deeplink
- else {
- $window.trigger( "hashchange", [ true ] );
- }
- }
- });
-
- // This function injects a meta viewport tag to prevent scaling. Off by default, on by default when touchOverflow scrolling is enabled
- function disableZoom() {
- var cont = "user-scalable=no",
- meta = $( "meta[name='viewport']" );
-
- if( meta.length ){
- meta.attr( "content", meta.attr( "content" ) + ", " + cont );
- }
- else{
- $( "head" ).prepend( "<meta>", { "name": "viewport", "content": cont } );
- }
- }
-
- // if touch-overflow is enabled, disable user scaling, as it creates usability issues
- if( $.support.touchOverflow && $.mobile.touchOverflowEnabled && !$.mobile.touchOverflowZoomEnabled ){
- disableZoom();
- }
-
- // initialize events now, after mobileinit has occurred
- $.mobile._registerInternalEvents();
-
- // check which scrollTop value should be used by scrolling to 1 immediately at domready
- // then check what the scroll top is. Android will report 0... others 1
- // note that this initial scroll won't hide the address bar. It's just for the check.
- $(function() {
- window.scrollTo( 0, 1 );
-
- // if defaultHomeScroll hasn't been set yet, see if scrollTop is 1
- // it should be 1 in most browsers, but android treats 1 as 0 (for hiding addr bar)
- // so if it's 1, use 0 from now on
- $.mobile.defaultHomeScroll = ( !$.support.scrollTop || $(window).scrollTop() === 1 ) ? 0 : 1;
-
- //dom-ready inits
- if( $.mobile.autoInitializePage ){
- $.mobile.initializePage();
- }
-
- // window load event
- // hide iOS browser chrome on load
- $window.load( $.mobile.silentScroll );
- });
-})( jQuery, this );
+++ /dev/null
-<?php
-$type = 'text/javascript';
-$files = array(
- '../LICENSE-INFO.txt',
- 'jquery.ui.widget.js',
- 'jquery.mobile.widget.js',
- 'jquery.mobile.media.js',
- 'jquery.mobile.support.js',
- 'jquery.mobile.vmouse.js',
- 'jquery.mobile.event.js',
- 'jquery.mobile.hashchange.js',
- 'jquery.mobile.page.js',
- 'jquery.mobile.core.js',
- 'jquery.mobile.navigation.js',
- 'jquery.mobile.navigation.pushstate.js',
- 'jquery.mobile.transition.js',
- 'jquery.mobile.degradeInputs.js',
- 'jquery.mobile.dialog.js',
- 'jquery.mobile.page.sections.js',
- 'jquery.mobile.collapsible.js',
- 'jquery.mobile.fieldContain.js',
- 'jquery.mobile.grid.js',
- 'jquery.mobile.navbar.js',
- 'jquery.mobile.listview.js',
- 'jquery.mobile.listview.filter.js',
- 'jquery.mobile.nojs.js',
- 'jquery.mobile.forms.checkboxradio.js',
- 'jquery.mobile.forms.button.js',
- 'jquery.mobile.forms.slider.js',
- 'jquery.mobile.forms.textinput.js',
- 'jquery.mobile.forms.select.custom.js',
- 'jquery.mobile.forms.select.js',
- 'jquery.mobile.buttonMarkup.js',
- 'jquery.mobile.controlGroup.js',
- 'jquery.mobile.links.js',
- 'jquery.mobile.fixHeaderFooter.js',
- 'jquery.mobile.fixHeaderFooter.native.js',
- 'jquery.mobile.init.js'
-);
-
-require_once('../combine.php');
+++ /dev/null
-/*!
- * jQuery JavaScript Library v1.6.4
- * http://jquery.com/
- *
- * Copyright 2011, John Resig
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * Includes Sizzle.js
- * http://sizzlejs.com/
- * Copyright 2011, The Dojo Foundation
- * Released under the MIT, BSD, and GPL Licenses.
- *
- * Date: Mon Sep 12 18:54:48 2011 -0400
- */
-
-(function( window, undefined ) {
-
-// Use the correct document accordingly with window argument (sandbox)
-var document = window.document,
- navigator = window.navigator,
- location = window.location;
-var jQuery = (function() {
-
-// Define a local copy of jQuery
-var jQuery = function( selector, context ) {
- // The jQuery object is actually just the init constructor 'enhanced'
- return new jQuery.fn.init( selector, context, rootjQuery );
- },
-
- // Map over jQuery in case of overwrite
- _jQuery = window.jQuery,
-
- // Map over the $ in case of overwrite
- _$ = window.$,
-
- // A central reference to the root jQuery(document)
- rootjQuery,
-
- // A simple way to check for HTML strings or ID strings
- // Prioritize #id over <tag> to avoid XSS via location.hash (#9521)
- quickExpr = /^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,
-
- // Check if a string has a non-whitespace character in it
- rnotwhite = /\S/,
-
- // Used for trimming whitespace
- trimLeft = /^\s+/,
- trimRight = /\s+$/,
-
- // Check for digits
- rdigit = /\d/,
-
- // Match a standalone tag
- rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>)?$/,
-
- // JSON RegExp
- rvalidchars = /^[\],:{}\s]*$/,
- rvalidescape = /\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,
- rvalidtokens = /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,
- rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g,
-
- // Useragent RegExp
- rwebkit = /(webkit)[ \/]([\w.]+)/,
- ropera = /(opera)(?:.*version)?[ \/]([\w.]+)/,
- rmsie = /(msie) ([\w.]+)/,
- rmozilla = /(mozilla)(?:.*? rv:([\w.]+))?/,
-
- // Matches dashed string for camelizing
- rdashAlpha = /-([a-z]|[0-9])/ig,
- rmsPrefix = /^-ms-/,
-
- // Used by jQuery.camelCase as callback to replace()
- fcamelCase = function( all, letter ) {
- return ( letter + "" ).toUpperCase();
- },
-
- // Keep a UserAgent string for use with jQuery.browser
- userAgent = navigator.userAgent,
-
- // For matching the engine and version of the browser
- browserMatch,
-
- // The deferred used on DOM ready
- readyList,
-
- // The ready event handler
- DOMContentLoaded,
-
- // Save a reference to some core methods
- toString = Object.prototype.toString,
- hasOwn = Object.prototype.hasOwnProperty,
- push = Array.prototype.push,
- slice = Array.prototype.slice,
- trim = String.prototype.trim,
- indexOf = Array.prototype.indexOf,
-
- // [[Class]] -> type pairs
- class2type = {};
-
-jQuery.fn = jQuery.prototype = {
- constructor: jQuery,
- init: function( selector, context, rootjQuery ) {
- var match, elem, ret, doc;
-
- // Handle $(""), $(null), or $(undefined)
- if ( !selector ) {
- return this;
- }
-
- // Handle $(DOMElement)
- if ( selector.nodeType ) {
- this.context = this[0] = selector;
- this.length = 1;
- return this;
- }
-
- // The body element only exists once, optimize finding it
- if ( selector === "body" && !context && document.body ) {
- this.context = document;
- this[0] = document.body;
- this.selector = selector;
- this.length = 1;
- return this;
- }
-
- // Handle HTML strings
- if ( typeof selector === "string" ) {
- // Are we dealing with HTML string or an ID?
- if ( selector.charAt(0) === "<" && selector.charAt( selector.length - 1 ) === ">" && selector.length >= 3 ) {
- // Assume that strings that start and end with <> are HTML and skip the regex check
- match = [ null, selector, null ];
-
- } else {
- match = quickExpr.exec( selector );
- }
-
- // Verify a match, and that no context was specified for #id
- if ( match && (match[1] || !context) ) {
-
- // HANDLE: $(html) -> $(array)
- if ( match[1] ) {
- context = context instanceof jQuery ? context[0] : context;
- doc = (context ? context.ownerDocument || context : document);
-
- // If a single string is passed in and it's a single tag
- // just do a createElement and skip the rest
- ret = rsingleTag.exec( selector );
-
- if ( ret ) {
- if ( jQuery.isPlainObject( context ) ) {
- selector = [ document.createElement( ret[1] ) ];
- jQuery.fn.attr.call( selector, context, true );
-
- } else {
- selector = [ doc.createElement( ret[1] ) ];
- }
-
- } else {
- ret = jQuery.buildFragment( [ match[1] ], [ doc ] );
- selector = (ret.cacheable ? jQuery.clone(ret.fragment) : ret.fragment).childNodes;
- }
-
- return jQuery.merge( this, selector );
-
- // HANDLE: $("#id")
- } else {
- elem = document.getElementById( match[2] );
-
- // Check parentNode to catch when Blackberry 4.6 returns
- // nodes that are no longer in the document #6963
- if ( elem && elem.parentNode ) {
- // Handle the case where IE and Opera return items
- // by name instead of ID
- if ( elem.id !== match[2] ) {
- return rootjQuery.find( selector );
- }
-
- // Otherwise, we inject the element directly into the jQuery object
- this.length = 1;
- this[0] = elem;
- }
-
- this.context = document;
- this.selector = selector;
- return this;
- }
-
- // HANDLE: $(expr, $(...))
- } else if ( !context || context.jquery ) {
- return (context || rootjQuery).find( selector );
-
- // HANDLE: $(expr, context)
- // (which is just equivalent to: $(context).find(expr)
- } else {
- return this.constructor( context ).find( selector );
- }
-
- // HANDLE: $(function)
- // Shortcut for document ready
- } else if ( jQuery.isFunction( selector ) ) {
- return rootjQuery.ready( selector );
- }
-
- if (selector.selector !== undefined) {
- this.selector = selector.selector;
- this.context = selector.context;
- }
-
- return jQuery.makeArray( selector, this );
- },
-
- // Start with an empty selector
- selector: "",
-
- // The current version of jQuery being used
- jquery: "1.6.4",
-
- // The default length of a jQuery object is 0
- length: 0,
-
- // The number of elements contained in the matched element set
- size: function() {
- return this.length;
- },
-
- toArray: function() {
- return slice.call( this, 0 );
- },
-
- // Get the Nth element in the matched element set OR
- // Get the whole matched element set as a clean array
- get: function( num ) {
- return num == null ?
-
- // Return a 'clean' array
- this.toArray() :
-
- // Return just the object
- ( num < 0 ? this[ this.length + num ] : this[ num ] );
- },
-
- // Take an array of elements and push it onto the stack
- // (returning the new matched element set)
- pushStack: function( elems, name, selector ) {
- // Build a new jQuery matched element set
- var ret = this.constructor();
-
- if ( jQuery.isArray( elems ) ) {
- push.apply( ret, elems );
-
- } else {
- jQuery.merge( ret, elems );
- }
-
- // Add the old object onto the stack (as a reference)
- ret.prevObject = this;
-
- ret.context = this.context;
-
- if ( name === "find" ) {
- ret.selector = this.selector + (this.selector ? " " : "") + selector;
- } else if ( name ) {
- ret.selector = this.selector + "." + name + "(" + selector + ")";
- }
-
- // Return the newly-formed element set
- return ret;
- },
-
- // Execute a callback for every element in the matched set.
- // (You can seed the arguments with an array of args, but this is
- // only used internally.)
- each: function( callback, args ) {
- return jQuery.each( this, callback, args );
- },
-
- ready: function( fn ) {
- // Attach the listeners
- jQuery.bindReady();
-
- // Add the callback
- readyList.done( fn );
-
- return this;
- },
-
- eq: function( i ) {
- return i === -1 ?
- this.slice( i ) :
- this.slice( i, +i + 1 );
- },
-
- first: function() {
- return this.eq( 0 );
- },
-
- last: function() {
- return this.eq( -1 );
- },
-
- slice: function() {
- return this.pushStack( slice.apply( this, arguments ),
- "slice", slice.call(arguments).join(",") );
- },
-
- map: function( callback ) {
- return this.pushStack( jQuery.map(this, function( elem, i ) {
- return callback.call( elem, i, elem );
- }));
- },
-
- end: function() {
- return this.prevObject || this.constructor(null);
- },
-
- // For internal use only.
- // Behaves like an Array's method, not like a jQuery method.
- push: push,
- sort: [].sort,
- splice: [].splice
-};
-
-// Give the init function the jQuery prototype for later instantiation
-jQuery.fn.init.prototype = jQuery.fn;
-
-jQuery.extend = jQuery.fn.extend = function() {
- var options, name, src, copy, copyIsArray, clone,
- target = arguments[0] || {},
- i = 1,
- length = arguments.length,
- deep = false;
-
- // Handle a deep copy situation
- if ( typeof target === "boolean" ) {
- deep = target;
- target = arguments[1] || {};
- // skip the boolean and the target
- i = 2;
- }
-
- // Handle case when target is a string or something (possible in deep copy)
- if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
- target = {};
- }
-
- // extend jQuery itself if only one argument is passed
- if ( length === i ) {
- target = this;
- --i;
- }
-
- for ( ; i < length; i++ ) {
- // Only deal with non-null/undefined values
- if ( (options = arguments[ i ]) != null ) {
- // Extend the base object
- for ( name in options ) {
- src = target[ name ];
- copy = options[ name ];
-
- // Prevent never-ending loop
- if ( target === copy ) {
- continue;
- }
-
- // Recurse if we're merging plain objects or arrays
- if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
- if ( copyIsArray ) {
- copyIsArray = false;
- clone = src && jQuery.isArray(src) ? src : [];
-
- } else {
- clone = src && jQuery.isPlainObject(src) ? src : {};
- }
-
- // Never move original objects, clone them
- target[ name ] = jQuery.extend( deep, clone, copy );
-
- // Don't bring in undefined values
- } else if ( copy !== undefined ) {
- target[ name ] = copy;
- }
- }
- }
- }
-
- // Return the modified object
- return target;
-};
-
-jQuery.extend({
- noConflict: function( deep ) {
- if ( window.$ === jQuery ) {
- window.$ = _$;
- }
-
- if ( deep && window.jQuery === jQuery ) {
- window.jQuery = _jQuery;
- }
-
- return jQuery;
- },
-
- // Is the DOM ready to be used? Set to true once it occurs.
- isReady: false,
-
- // A counter to track how many items to wait for before
- // the ready event fires. See #6781
- readyWait: 1,
-
- // Hold (or release) the ready event
- holdReady: function( hold ) {
- if ( hold ) {
- jQuery.readyWait++;
- } else {
- jQuery.ready( true );
- }
- },
-
- // Handle when the DOM is ready
- ready: function( wait ) {
- // Either a released hold or an DOMready/load event and not yet ready
- if ( (wait === true && !--jQuery.readyWait) || (wait !== true && !jQuery.isReady) ) {
- // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
- if ( !document.body ) {
- return setTimeout( jQuery.ready, 1 );
- }
-
- // Remember that the DOM is ready
- jQuery.isReady = true;
-
- // If a normal DOM Ready event fired, decrement, and wait if need be
- if ( wait !== true && --jQuery.readyWait > 0 ) {
- return;
- }
-
- // If there are functions bound, to execute
- readyList.resolveWith( document, [ jQuery ] );
-
- // Trigger any bound ready events
- if ( jQuery.fn.trigger ) {
- jQuery( document ).trigger( "ready" ).unbind( "ready" );
- }
- }
- },
-
- bindReady: function() {
- if ( readyList ) {
- return;
- }
-
- readyList = jQuery._Deferred();
-
- // Catch cases where $(document).ready() is called after the
- // browser event has already occurred.
- if ( document.readyState === "complete" ) {
- // Handle it asynchronously to allow scripts the opportunity to delay ready
- return setTimeout( jQuery.ready, 1 );
- }
-
- // Mozilla, Opera and webkit nightlies currently support this event
- if ( document.addEventListener ) {
- // Use the handy event callback
- document.addEventListener( "DOMContentLoaded", DOMContentLoaded, false );
-
- // A fallback to window.onload, that will always work
- window.addEventListener( "load", jQuery.ready, false );
-
- // If IE event model is used
- } else if ( document.attachEvent ) {
- // ensure firing before onload,
- // maybe late but safe also for iframes
- document.attachEvent( "onreadystatechange", DOMContentLoaded );
-
- // A fallback to window.onload, that will always work
- window.attachEvent( "onload", jQuery.ready );
-
- // If IE and not a frame
- // continually check to see if the document is ready
- var toplevel = false;
-
- try {
- toplevel = window.frameElement == null;
- } catch(e) {}
-
- if ( document.documentElement.doScroll && toplevel ) {
- doScrollCheck();
- }
- }
- },
-
- // See test/unit/core.js for details concerning isFunction.
- // Since version 1.3, DOM methods and functions like alert
- // aren't supported. They return false on IE (#2968).
- isFunction: function( obj ) {
- return jQuery.type(obj) === "function";
- },
-
- isArray: Array.isArray || function( obj ) {
- return jQuery.type(obj) === "array";
- },
-
- // A crude way of determining if an object is a window
- isWindow: function( obj ) {
- return obj && typeof obj === "object" && "setInterval" in obj;
- },
-
- isNaN: function( obj ) {
- return obj == null || !rdigit.test( obj ) || isNaN( obj );
- },
-
- type: function( obj ) {
- return obj == null ?
- String( obj ) :
- class2type[ toString.call(obj) ] || "object";
- },
-
- isPlainObject: function( obj ) {
- // Must be an Object.
- // Because of IE, we also have to check the presence of the constructor property.
- // Make sure that DOM nodes and window objects don't pass through, as well
- if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
- return false;
- }
-
- try {
- // Not own constructor property must be Object
- if ( obj.constructor &&
- !hasOwn.call(obj, "constructor") &&
- !hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) {
- return false;
- }
- } catch ( e ) {
- // IE8,9 Will throw exceptions on certain host objects #9897
- return false;
- }
-
- // Own properties are enumerated firstly, so to speed up,
- // if last one is own, then all properties are own.
-
- var key;
- for ( key in obj ) {}
-
- return key === undefined || hasOwn.call( obj, key );
- },
-
- isEmptyObject: function( obj ) {
- for ( var name in obj ) {
- return false;
- }
- return true;
- },
-
- error: function( msg ) {
- throw msg;
- },
-
- parseJSON: function( data ) {
- if ( typeof data !== "string" || !data ) {
- return null;
- }
-
- // Make sure leading/trailing whitespace is removed (IE can't handle it)
- data = jQuery.trim( data );
-
- // Attempt to parse using the native JSON parser first
- if ( window.JSON && window.JSON.parse ) {
- return window.JSON.parse( data );
- }
-
- // Make sure the incoming data is actual JSON
- // Logic borrowed from http://json.org/json2.js
- if ( rvalidchars.test( data.replace( rvalidescape, "@" )
- .replace( rvalidtokens, "]" )
- .replace( rvalidbraces, "")) ) {
-
- return (new Function( "return " + data ))();
-
- }
- jQuery.error( "Invalid JSON: " + data );
- },
-
- // Cross-browser xml parsing
- parseXML: function( data ) {
- var xml, tmp;
- try {
- if ( window.DOMParser ) { // Standard
- tmp = new DOMParser();
- xml = tmp.parseFromString( data , "text/xml" );
- } else { // IE
- xml = new ActiveXObject( "Microsoft.XMLDOM" );
- xml.async = "false";
- xml.loadXML( data );
- }
- } catch( e ) {
- xml = undefined;
- }
- if ( !xml || !xml.documentElement || xml.getElementsByTagName( "parsererror" ).length ) {
- jQuery.error( "Invalid XML: " + data );
- }
- return xml;
- },
-
- noop: function() {},
-
- // Evaluates a script in a global context
- // Workarounds based on findings by Jim Driscoll
- // http://weblogs.java.net/blog/driscoll/archive/2009/09/08/eval-javascript-global-context
- globalEval: function( data ) {
- if ( data && rnotwhite.test( data ) ) {
- // We use execScript on Internet Explorer
- // We use an anonymous function so that context is window
- // rather than jQuery in Firefox
- ( window.execScript || function( data ) {
- window[ "eval" ].call( window, data );
- } )( data );
- }
- },
-
- // Convert dashed to camelCase; used by the css and data modules
- // Microsoft forgot to hump their vendor prefix (#9572)
- camelCase: function( string ) {
- return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
- },
-
- nodeName: function( elem, name ) {
- return elem.nodeName && elem.nodeName.toUpperCase() === name.toUpperCase();
- },
-
- // args is for internal usage only
- each: function( object, callback, args ) {
- var name, i = 0,
- length = object.length,
- isObj = length === undefined || jQuery.isFunction( object );
-
- if ( args ) {
- if ( isObj ) {
- for ( name in object ) {
- if ( callback.apply( object[ name ], args ) === false ) {
- break;
- }
- }
- } else {
- for ( ; i < length; ) {
- if ( callback.apply( object[ i++ ], args ) === false ) {
- break;
- }
- }
- }
-
- // A special, fast, case for the most common use of each
- } else {
- if ( isObj ) {
- for ( name in object ) {
- if ( callback.call( object[ name ], name, object[ name ] ) === false ) {
- break;
- }
- }
- } else {
- for ( ; i < length; ) {
- if ( callback.call( object[ i ], i, object[ i++ ] ) === false ) {
- break;
- }
- }
- }
- }
-
- return object;
- },
-
- // Use native String.trim function wherever possible
- trim: trim ?
- function( text ) {
- return text == null ?
- "" :
- trim.call( text );
- } :
-
- // Otherwise use our own trimming functionality
- function( text ) {
- return text == null ?
- "" :
- text.toString().replace( trimLeft, "" ).replace( trimRight, "" );
- },
-
- // results is for internal usage only
- makeArray: function( array, results ) {
- var ret = results || [];
-
- if ( array != null ) {
- // The window, strings (and functions) also have 'length'
- // The extra typeof function check is to prevent crashes
- // in Safari 2 (See: #3039)
- // Tweaked logic slightly to handle Blackberry 4.7 RegExp issues #6930
- var type = jQuery.type( array );
-
- if ( array.length == null || type === "string" || type === "function" || type === "regexp" || jQuery.isWindow( array ) ) {
- push.call( ret, array );
- } else {
- jQuery.merge( ret, array );
- }
- }
-
- return ret;
- },
-
- inArray: function( elem, array ) {
- if ( !array ) {
- return -1;
- }
-
- if ( indexOf ) {
- return indexOf.call( array, elem );
- }
-
- for ( var i = 0, length = array.length; i < length; i++ ) {
- if ( array[ i ] === elem ) {
- return i;
- }
- }
-
- return -1;
- },
-
- merge: function( first, second ) {
- var i = first.length,
- j = 0;
-
- if ( typeof second.length === "number" ) {
- for ( var l = second.length; j < l; j++ ) {
- first[ i++ ] = second[ j ];
- }
-
- } else {
- while ( second[j] !== undefined ) {
- first[ i++ ] = second[ j++ ];
- }
- }
-
- first.length = i;
-
- return first;
- },
-
- grep: function( elems, callback, inv ) {
- var ret = [], retVal;
- inv = !!inv;
-
- // Go through the array, only saving the items
- // that pass the validator function
- for ( var i = 0, length = elems.length; i < length; i++ ) {
- retVal = !!callback( elems[ i ], i );
- if ( inv !== retVal ) {
- ret.push( elems[ i ] );
- }
- }
-
- return ret;
- },
-
- // arg is for internal usage only
- map: function( elems, callback, arg ) {
- var value, key, ret = [],
- i = 0,
- length = elems.length,
- // jquery objects are treated as arrays
- isArray = elems instanceof jQuery || length !== undefined && typeof length === "number" && ( ( length > 0 && elems[ 0 ] && elems[ length -1 ] ) || length === 0 || jQuery.isArray( elems ) ) ;
-
- // Go through the array, translating each of the items to their
- if ( isArray ) {
- for ( ; i < length; i++ ) {
- value = callback( elems[ i ], i, arg );
-
- if ( value != null ) {
- ret[ ret.length ] = value;
- }
- }
-
- // Go through every key on the object,
- } else {
- for ( key in elems ) {
- value = callback( elems[ key ], key, arg );
-
- if ( value != null ) {
- ret[ ret.length ] = value;
- }
- }
- }
-
- // Flatten any nested arrays
- return ret.concat.apply( [], ret );
- },
-
- // A global GUID counter for objects
- guid: 1,
-
- // Bind a function to a context, optionally partially applying any
- // arguments.
- proxy: function( fn, context ) {
- if ( typeof context === "string" ) {
- var tmp = fn[ context ];
- context = fn;
- fn = tmp;
- }
-
- // Quick check to determine if target is callable, in the spec
- // this throws a TypeError, but we will just return undefined.
- if ( !jQuery.isFunction( fn ) ) {
- return undefined;
- }
-
- // Simulated bind
- var args = slice.call( arguments, 2 ),
- proxy = function() {
- return fn.apply( context, args.concat( slice.call( arguments ) ) );
- };
-
- // Set the guid of unique handler to the same of original handler, so it can be removed
- proxy.guid = fn.guid = fn.guid || proxy.guid || jQuery.guid++;
-
- return proxy;
- },
-
- // Mutifunctional method to get and set values to a collection
- // The value/s can optionally be executed if it's a function
- access: function( elems, key, value, exec, fn, pass ) {
- var length = elems.length;
-
- // Setting many attributes
- if ( typeof key === "object" ) {
- for ( var k in key ) {
- jQuery.access( elems, k, key[k], exec, fn, value );
- }
- return elems;
- }
-
- // Setting one attribute
- if ( value !== undefined ) {
- // Optionally, function values get executed if exec is true
- exec = !pass && exec && jQuery.isFunction(value);
-
- for ( var i = 0; i < length; i++ ) {
- fn( elems[i], key, exec ? value.call( elems[i], i, fn( elems[i], key ) ) : value, pass );
- }
-
- return elems;
- }
-
- // Getting an attribute
- return length ? fn( elems[0], key ) : undefined;
- },
-
- now: function() {
- return (new Date()).getTime();
- },
-
- // Use of jQuery.browser is frowned upon.
- // More details: http://docs.jquery.com/Utilities/jQuery.browser
- uaMatch: function( ua ) {
- ua = ua.toLowerCase();
-
- var match = rwebkit.exec( ua ) ||
- ropera.exec( ua ) ||
- rmsie.exec( ua ) ||
- ua.indexOf("compatible") < 0 && rmozilla.exec( ua ) ||
- [];
-
- return { browser: match[1] || "", version: match[2] || "0" };
- },
-
- sub: function() {
- function jQuerySub( selector, context ) {
- return new jQuerySub.fn.init( selector, context );
- }
- jQuery.extend( true, jQuerySub, this );
- jQuerySub.superclass = this;
- jQuerySub.fn = jQuerySub.prototype = this();
- jQuerySub.fn.constructor = jQuerySub;
- jQuerySub.sub = this.sub;
- jQuerySub.fn.init = function init( selector, context ) {
- if ( context && context instanceof jQuery && !(context instanceof jQuerySub) ) {
- context = jQuerySub( context );
- }
-
- return jQuery.fn.init.call( this, selector, context, rootjQuerySub );
- };
- jQuerySub.fn.init.prototype = jQuerySub.fn;
- var rootjQuerySub = jQuerySub(document);
- return jQuerySub;
- },
-
- browser: {}
-});
-
-// Populate the class2type map
-jQuery.each("Boolean Number String Function Array Date RegExp Object".split(" "), function(i, name) {
- class2type[ "[object " + name + "]" ] = name.toLowerCase();
-});
-
-browserMatch = jQuery.uaMatch( userAgent );
-if ( browserMatch.browser ) {
- jQuery.browser[ browserMatch.browser ] = true;
- jQuery.browser.version = browserMatch.version;
-}
-
-// Deprecated, use jQuery.browser.webkit instead
-if ( jQuery.browser.webkit ) {
- jQuery.browser.safari = true;
-}
-
-// IE doesn't match non-breaking spaces with \s
-if ( rnotwhite.test( "\xA0" ) ) {
- trimLeft = /^[\s\xA0]+/;
- trimRight = /[\s\xA0]+$/;
-}
-
-// All jQuery objects should point back to these
-rootjQuery = jQuery(document);
-
-// Cleanup functions for the document ready method
-if ( document.addEventListener ) {
- DOMContentLoaded = function() {
- document.removeEventListener( "DOMContentLoaded", DOMContentLoaded, false );
- jQuery.ready();
- };
-
-} else if ( document.attachEvent ) {
- DOMContentLoaded = function() {
- // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
- if ( document.readyState === "complete" ) {
- document.detachEvent( "onreadystatechange", DOMContentLoaded );
- jQuery.ready();
- }
- };
-}
-
-// The DOM ready check for Internet Explorer
-function doScrollCheck() {
- if ( jQuery.isReady ) {
- return;
- }
-
- try {
- // If IE is used, use the trick by Diego Perini
- // http://javascript.nwbox.com/IEContentLoaded/
- document.documentElement.doScroll("left");
- } catch(e) {
- setTimeout( doScrollCheck, 1 );
- return;
- }
-
- // and execute any waiting functions
- jQuery.ready();
-}
-
-return jQuery;
-
-})();
-
-
-var // Promise methods
- promiseMethods = "done fail isResolved isRejected promise then always pipe".split( " " ),
- // Static reference to slice
- sliceDeferred = [].slice;
-
-jQuery.extend({
- // Create a simple deferred (one callbacks list)
- _Deferred: function() {
- var // callbacks list
- callbacks = [],
- // stored [ context , args ]
- fired,
- // to avoid firing when already doing so
- firing,
- // flag to know if the deferred has been cancelled
- cancelled,
- // the deferred itself
- deferred = {
-
- // done( f1, f2, ...)
- done: function() {
- if ( !cancelled ) {
- var args = arguments,
- i,
- length,
- elem,
- type,
- _fired;
- if ( fired ) {
- _fired = fired;
- fired = 0;
- }
- for ( i = 0, length = args.length; i < length; i++ ) {
- elem = args[ i ];
- type = jQuery.type( elem );
- if ( type === "array" ) {
- deferred.done.apply( deferred, elem );
- } else if ( type === "function" ) {
- callbacks.push( elem );
- }
- }
- if ( _fired ) {
- deferred.resolveWith( _fired[ 0 ], _fired[ 1 ] );
- }
- }
- return this;
- },
-
- // resolve with given context and args
- resolveWith: function( context, args ) {
- if ( !cancelled && !fired && !firing ) {
- // make sure args are available (#8421)
- args = args || [];
- firing = 1;
- try {
- while( callbacks[ 0 ] ) {
- callbacks.shift().apply( context, args );
- }
- }
- finally {
- fired = [ context, args ];
- firing = 0;
- }
- }
- return this;
- },
-
- // resolve with this as context and given arguments
- resolve: function() {
- deferred.resolveWith( this, arguments );
- return this;
- },
-
- // Has this deferred been resolved?
- isResolved: function() {
- return !!( firing || fired );
- },
-
- // Cancel
- cancel: function() {
- cancelled = 1;
- callbacks = [];
- return this;
- }
- };
-
- return deferred;
- },
-
- // Full fledged deferred (two callbacks list)
- Deferred: function( func ) {
- var deferred = jQuery._Deferred(),
- failDeferred = jQuery._Deferred(),
- promise;
- // Add errorDeferred methods, then and promise
- jQuery.extend( deferred, {
- then: function( doneCallbacks, failCallbacks ) {
- deferred.done( doneCallbacks ).fail( failCallbacks );
- return this;
- },
- always: function() {
- return deferred.done.apply( deferred, arguments ).fail.apply( this, arguments );
- },
- fail: failDeferred.done,
- rejectWith: failDeferred.resolveWith,
- reject: failDeferred.resolve,
- isRejected: failDeferred.isResolved,
- pipe: function( fnDone, fnFail ) {
- return jQuery.Deferred(function( newDefer ) {
- jQuery.each( {
- done: [ fnDone, "resolve" ],
- fail: [ fnFail, "reject" ]
- }, function( handler, data ) {
- var fn = data[ 0 ],
- action = data[ 1 ],
- returned;
- if ( jQuery.isFunction( fn ) ) {
- deferred[ handler ](function() {
- returned = fn.apply( this, arguments );
- if ( returned && jQuery.isFunction( returned.promise ) ) {
- returned.promise().then( newDefer.resolve, newDefer.reject );
- } else {
- newDefer[ action + "With" ]( this === deferred ? newDefer : this, [ returned ] );
- }
- });
- } else {
- deferred[ handler ]( newDefer[ action ] );
- }
- });
- }).promise();
- },
- // Get a promise for this deferred
- // If obj is provided, the promise aspect is added to the object
- promise: function( obj ) {
- if ( obj == null ) {
- if ( promise ) {
- return promise;
- }
- promise = obj = {};
- }
- var i = promiseMethods.length;
- while( i-- ) {
- obj[ promiseMethods[i] ] = deferred[ promiseMethods[i] ];
- }
- return obj;
- }
- });
- // Make sure only one callback list will be used
- deferred.done( failDeferred.cancel ).fail( deferred.cancel );
- // Unexpose cancel
- delete deferred.cancel;
- // Call given func if any
- if ( func ) {
- func.call( deferred, deferred );
- }
- return deferred;
- },
-
- // Deferred helper
- when: function( firstParam ) {
- var args = arguments,
- i = 0,
- length = args.length,
- count = length,
- deferred = length <= 1 && firstParam && jQuery.isFunction( firstParam.promise ) ?
- firstParam :
- jQuery.Deferred();
- function resolveFunc( i ) {
- return function( value ) {
- args[ i ] = arguments.length > 1 ? sliceDeferred.call( arguments, 0 ) : value;
- if ( !( --count ) ) {
- // Strange bug in FF4:
- // Values changed onto the arguments object sometimes end up as undefined values
- // outside the $.when method. Cloning the object into a fresh array solves the issue
- deferred.resolveWith( deferred, sliceDeferred.call( args, 0 ) );
- }
- };
- }
- if ( length > 1 ) {
- for( ; i < length; i++ ) {
- if ( args[ i ] && jQuery.isFunction( args[ i ].promise ) ) {
- args[ i ].promise().then( resolveFunc(i), deferred.reject );
- } else {
- --count;
- }
- }
- if ( !count ) {
- deferred.resolveWith( deferred, args );
- }
- } else if ( deferred !== firstParam ) {
- deferred.resolveWith( deferred, length ? [ firstParam ] : [] );
- }
- return deferred.promise();
- }
-});
-
-
-
-jQuery.support = (function() {
-
- var div = document.createElement( "div" ),
- documentElement = document.documentElement,
- all,
- a,
- select,
- opt,
- input,
- marginDiv,
- support,
- fragment,
- body,
- testElementParent,
- testElement,
- testElementStyle,
- tds,
- events,
- eventName,
- i,
- isSupported;
-
- // Preliminary tests
- div.setAttribute("className", "t");
- div.innerHTML = " <link/><table></table><a href='/a' style='top:1px;float:left;opacity:.55;'>a</a><input type='checkbox'/>";
-
-
- all = div.getElementsByTagName( "*" );
- a = div.getElementsByTagName( "a" )[ 0 ];
-
- // Can't get basic test support
- if ( !all || !all.length || !a ) {
- return {};
- }
-
- // First batch of supports tests
- select = document.createElement( "select" );
- opt = select.appendChild( document.createElement("option") );
- input = div.getElementsByTagName( "input" )[ 0 ];
-
- support = {
- // IE strips leading whitespace when .innerHTML is used
- leadingWhitespace: ( div.firstChild.nodeType === 3 ),
-
- // Make sure that tbody elements aren't automatically inserted
- // IE will insert them into empty tables
- tbody: !div.getElementsByTagName( "tbody" ).length,
-
- // Make sure that link elements get serialized correctly by innerHTML
- // This requires a wrapper element in IE
- htmlSerialize: !!div.getElementsByTagName( "link" ).length,
-
- // Get the style information from getAttribute
- // (IE uses .cssText instead)
- style: /top/.test( a.getAttribute("style") ),
-
- // Make sure that URLs aren't manipulated
- // (IE normalizes it by default)
- hrefNormalized: ( a.getAttribute( "href" ) === "/a" ),
-
- // Make sure that element opacity exists
- // (IE uses filter instead)
- // Use a regex to work around a WebKit issue. See #5145
- opacity: /^0.55$/.test( a.style.opacity ),
-
- // Verify style float existence
- // (IE uses styleFloat instead of cssFloat)
- cssFloat: !!a.style.cssFloat,
-
- // Make sure that if no value is specified for a checkbox
- // that it defaults to "on".
- // (WebKit defaults to "" instead)
- checkOn: ( input.value === "on" ),
-
- // Make sure that a selected-by-default option has a working selected property.
- // (WebKit defaults to false instead of true, IE too, if it's in an optgroup)
- optSelected: opt.selected,
-
- // Test setAttribute on camelCase class. If it works, we need attrFixes when doing get/setAttribute (ie6/7)
- getSetAttribute: div.className !== "t",
-
- // Will be defined later
- submitBubbles: true,
- changeBubbles: true,
- focusinBubbles: false,
- deleteExpando: true,
- noCloneEvent: true,
- inlineBlockNeedsLayout: false,
- shrinkWrapBlocks: false,
- reliableMarginRight: true
- };
-
- // Make sure checked status is properly cloned
- input.checked = true;
- support.noCloneChecked = input.cloneNode( true ).checked;
-
- // Make sure that the options inside disabled selects aren't marked as disabled
- // (WebKit marks them as disabled)
- select.disabled = true;
- support.optDisabled = !opt.disabled;
-
- // Test to see if it's possible to delete an expando from an element
- // Fails in Internet Explorer
- try {
- delete div.test;
- } catch( e ) {
- support.deleteExpando = false;
- }
-
- if ( !div.addEventListener && div.attachEvent && div.fireEvent ) {
- div.attachEvent( "onclick", function() {
- // Cloning a node shouldn't copy over any
- // bound event handlers (IE does this)
- support.noCloneEvent = false;
- });
- div.cloneNode( true ).fireEvent( "onclick" );
- }
-
- // Check if a radio maintains it's value
- // after being appended to the DOM
- input = document.createElement("input");
- input.value = "t";
- input.setAttribute("type", "radio");
- support.radioValue = input.value === "t";
-
- input.setAttribute("checked", "checked");
- div.appendChild( input );
- fragment = document.createDocumentFragment();
- fragment.appendChild( div.firstChild );
-
- // WebKit doesn't clone checked state correctly in fragments
- support.checkClone = fragment.cloneNode( true ).cloneNode( true ).lastChild.checked;
-
- div.innerHTML = "";
-
- // Figure out if the W3C box model works as expected
- div.style.width = div.style.paddingLeft = "1px";
-
- body = document.getElementsByTagName( "body" )[ 0 ];
- // We use our own, invisible, body unless the body is already present
- // in which case we use a div (#9239)
- testElement = document.createElement( body ? "div" : "body" );
- testElementStyle = {
- visibility: "hidden",
- width: 0,
- height: 0,
- border: 0,
- margin: 0,
- background: "none"
- };
- if ( body ) {
- jQuery.extend( testElementStyle, {
- position: "absolute",
- left: "-1000px",
- top: "-1000px"
- });
- }
- for ( i in testElementStyle ) {
- testElement.style[ i ] = testElementStyle[ i ];
- }
- testElement.appendChild( div );
- testElementParent = body || documentElement;
- testElementParent.insertBefore( testElement, testElementParent.firstChild );
-
- // Check if a disconnected checkbox will retain its checked
- // value of true after appended to the DOM (IE6/7)
- support.appendChecked = input.checked;
-
- support.boxModel = div.offsetWidth === 2;
-
- if ( "zoom" in div.style ) {
- // Check if natively block-level elements act like inline-block
- // elements when setting their display to 'inline' and giving
- // them layout
- // (IE < 8 does this)
- div.style.display = "inline";
- div.style.zoom = 1;
- support.inlineBlockNeedsLayout = ( div.offsetWidth === 2 );
-
- // Check if elements with layout shrink-wrap their children
- // (IE 6 does this)
- div.style.display = "";
- div.innerHTML = "<div style='width:4px;'></div>";
- support.shrinkWrapBlocks = ( div.offsetWidth !== 2 );
- }
-
- div.innerHTML = "<table><tr><td style='padding:0;border:0;display:none'></td><td>t</td></tr></table>";
- tds = div.getElementsByTagName( "td" );
-
- // Check if table cells still have offsetWidth/Height when they are set
- // to display:none and there are still other visible table cells in a
- // table row; if so, offsetWidth/Height are not reliable for use when
- // determining if an element has been hidden directly using
- // display:none (it is still safe to use offsets if a parent element is
- // hidden; don safety goggles and see bug #4512 for more information).
- // (only IE 8 fails this test)
- isSupported = ( tds[ 0 ].offsetHeight === 0 );
-
- tds[ 0 ].style.display = "";
- tds[ 1 ].style.display = "none";
-
- // Check if empty table cells still have offsetWidth/Height
- // (IE < 8 fail this test)
- support.reliableHiddenOffsets = isSupported && ( tds[ 0 ].offsetHeight === 0 );
- div.innerHTML = "";
-
- // Check if div with explicit width and no margin-right incorrectly
- // gets computed margin-right based on width of container. For more
- // info see bug #3333
- // Fails in WebKit before Feb 2011 nightlies
- // WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
- if ( document.defaultView && document.defaultView.getComputedStyle ) {
- marginDiv = document.createElement( "div" );
- marginDiv.style.width = "0";
- marginDiv.style.marginRight = "0";
- div.appendChild( marginDiv );
- support.reliableMarginRight =
- ( parseInt( ( document.defaultView.getComputedStyle( marginDiv, null ) || { marginRight: 0 } ).marginRight, 10 ) || 0 ) === 0;
- }
-
- // Remove the body element we added
- testElement.innerHTML = "";
- testElementParent.removeChild( testElement );
-
- // Technique from Juriy Zaytsev
- // http://thinkweb2.com/projects/prototype/detecting-event-support-without-browser-sniffing/
- // We only care about the case where non-standard event systems
- // are used, namely in IE. Short-circuiting here helps us to
- // avoid an eval call (in setAttribute) which can cause CSP
- // to go haywire. See: https://developer.mozilla.org/en/Security/CSP
- if ( div.attachEvent ) {
- for( i in {
- submit: 1,
- change: 1,
- focusin: 1
- } ) {
- eventName = "on" + i;
- isSupported = ( eventName in div );
- if ( !isSupported ) {
- div.setAttribute( eventName, "return;" );
- isSupported = ( typeof div[ eventName ] === "function" );
- }
- support[ i + "Bubbles" ] = isSupported;
- }
- }
-
- // Null connected elements to avoid leaks in IE
- testElement = fragment = select = opt = body = marginDiv = div = input = null;
-
- return support;
-})();
-
-// Keep track of boxModel
-jQuery.boxModel = jQuery.support.boxModel;
-
-
-
-
-var rbrace = /^(?:\{.*\}|\[.*\])$/,
- rmultiDash = /([A-Z])/g;
-
-jQuery.extend({
- cache: {},
-
- // Please use with caution
- uuid: 0,
-
- // Unique for each copy of jQuery on the page
- // Non-digits removed to match rinlinejQuery
- expando: "jQuery" + ( jQuery.fn.jquery + Math.random() ).replace( /\D/g, "" ),
-
- // The following elements throw uncatchable exceptions if you
- // attempt to add expando properties to them.
- noData: {
- "embed": true,
- // Ban all objects except for Flash (which handle expandos)
- "object": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",
- "applet": true
- },
-
- hasData: function( elem ) {
- elem = elem.nodeType ? jQuery.cache[ elem[jQuery.expando] ] : elem[ jQuery.expando ];
-
- return !!elem && !isEmptyDataObject( elem );
- },
-
- data: function( elem, name, data, pvt /* Internal Use Only */ ) {
- if ( !jQuery.acceptData( elem ) ) {
- return;
- }
-
- var thisCache, ret,
- internalKey = jQuery.expando,
- getByName = typeof name === "string",
-
- // We have to handle DOM nodes and JS objects differently because IE6-7
- // can't GC object references properly across the DOM-JS boundary
- isNode = elem.nodeType,
-
- // Only DOM nodes need the global jQuery cache; JS object data is
- // attached directly to the object so GC can occur automatically
- cache = isNode ? jQuery.cache : elem,
-
- // Only defining an ID for JS objects if its cache already exists allows
- // the code to shortcut on the same path as a DOM node with no cache
- id = isNode ? elem[ jQuery.expando ] : elem[ jQuery.expando ] && jQuery.expando;
-
- // Avoid doing any more work than we need to when trying to get data on an
- // object that has no data at all
- if ( (!id || (pvt && id && (cache[ id ] && !cache[ id ][ internalKey ]))) && getByName && data === undefined ) {
- return;
- }
-
- if ( !id ) {
- // Only DOM nodes need a new unique ID for each element since their data
- // ends up in the global cache
- if ( isNode ) {
- elem[ jQuery.expando ] = id = ++jQuery.uuid;
- } else {
- id = jQuery.expando;
- }
- }
-
- if ( !cache[ id ] ) {
- cache[ id ] = {};
-
- // TODO: This is a hack for 1.5 ONLY. Avoids exposing jQuery
- // metadata on plain JS objects when the object is serialized using
- // JSON.stringify
- if ( !isNode ) {
- cache[ id ].toJSON = jQuery.noop;
- }
- }
-
- // An object can be passed to jQuery.data instead of a key/value pair; this gets
- // shallow copied over onto the existing cache
- if ( typeof name === "object" || typeof name === "function" ) {
- if ( pvt ) {
- cache[ id ][ internalKey ] = jQuery.extend(cache[ id ][ internalKey ], name);
- } else {
- cache[ id ] = jQuery.extend(cache[ id ], name);
- }
- }
-
- thisCache = cache[ id ];
-
- // Internal jQuery data is stored in a separate object inside the object's data
- // cache in order to avoid key collisions between internal data and user-defined
- // data
- if ( pvt ) {
- if ( !thisCache[ internalKey ] ) {
- thisCache[ internalKey ] = {};
- }
-
- thisCache = thisCache[ internalKey ];
- }
-
- if ( data !== undefined ) {
- thisCache[ jQuery.camelCase( name ) ] = data;
- }
-
- // TODO: This is a hack for 1.5 ONLY. It will be removed in 1.6. Users should
- // not attempt to inspect the internal events object using jQuery.data, as this
- // internal data object is undocumented and subject to change.
- if ( name === "events" && !thisCache[name] ) {
- return thisCache[ internalKey ] && thisCache[ internalKey ].events;
- }
-
- // Check for both converted-to-camel and non-converted data property names
- // If a data property was specified
- if ( getByName ) {
-
- // First Try to find as-is property data
- ret = thisCache[ name ];
-
- // Test for null|undefined property data
- if ( ret == null ) {
-
- // Try to find the camelCased property
- ret = thisCache[ jQuery.camelCase( name ) ];
- }
- } else {
- ret = thisCache;
- }
-
- return ret;
- },
-
- removeData: function( elem, name, pvt /* Internal Use Only */ ) {
- if ( !jQuery.acceptData( elem ) ) {
- return;
- }
-
- var thisCache,
-
- // Reference to internal data cache key
- internalKey = jQuery.expando,
-
- isNode = elem.nodeType,
-
- // See jQuery.data for more information
- cache = isNode ? jQuery.cache : elem,
-
- // See jQuery.data for more information
- id = isNode ? elem[ jQuery.expando ] : jQuery.expando;
-
- // If there is already no cache entry for this object, there is no
- // purpose in continuing
- if ( !cache[ id ] ) {
- return;
- }
-
- if ( name ) {
-
- thisCache = pvt ? cache[ id ][ internalKey ] : cache[ id ];
-
- if ( thisCache ) {
-
- // Support interoperable removal of hyphenated or camelcased keys
- if ( !thisCache[ name ] ) {
- name = jQuery.camelCase( name );
- }
-
- delete thisCache[ name ];
-
- // If there is no data left in the cache, we want to continue
- // and let the cache object itself get destroyed
- if ( !isEmptyDataObject(thisCache) ) {
- return;
- }
- }
- }
-
- // See jQuery.data for more information
- if ( pvt ) {
- delete cache[ id ][ internalKey ];
-
- // Don't destroy the parent cache unless the internal data object
- // had been the only thing left in it
- if ( !isEmptyDataObject(cache[ id ]) ) {
- return;
- }
- }
-
- var internalCache = cache[ id ][ internalKey ];
-
- // Browsers that fail expando deletion also refuse to delete expandos on
- // the window, but it will allow it on all other JS objects; other browsers
- // don't care
- // Ensure that `cache` is not a window object #10080
- if ( jQuery.support.deleteExpando || !cache.setInterval ) {
- delete cache[ id ];
- } else {
- cache[ id ] = null;
- }
-
- // We destroyed the entire user cache at once because it's faster than
- // iterating through each key, but we need to continue to persist internal
- // data if it existed
- if ( internalCache ) {
- cache[ id ] = {};
- // TODO: This is a hack for 1.5 ONLY. Avoids exposing jQuery
- // metadata on plain JS objects when the object is serialized using
- // JSON.stringify
- if ( !isNode ) {
- cache[ id ].toJSON = jQuery.noop;
- }
-
- cache[ id ][ internalKey ] = internalCache;
-
- // Otherwise, we need to eliminate the expando on the node to avoid
- // false lookups in the cache for entries that no longer exist
- } else if ( isNode ) {
- // IE does not allow us to delete expando properties from nodes,
- // nor does it have a removeAttribute function on Document nodes;
- // we must handle all of these cases
- if ( jQuery.support.deleteExpando ) {
- delete elem[ jQuery.expando ];
- } else if ( elem.removeAttribute ) {
- elem.removeAttribute( jQuery.expando );
- } else {
- elem[ jQuery.expando ] = null;
- }
- }
- },
-
- // For internal use only.
- _data: function( elem, name, data ) {
- return jQuery.data( elem, name, data, true );
- },
-
- // A method for determining if a DOM node can handle the data expando
- acceptData: function( elem ) {
- if ( elem.nodeName ) {
- var match = jQuery.noData[ elem.nodeName.toLowerCase() ];
-
- if ( match ) {
- return !(match === true || elem.getAttribute("classid") !== match);
- }
- }
-
- return true;
- }
-});
-
-jQuery.fn.extend({
- data: function( key, value ) {
- var data = null;
-
- if ( typeof key === "undefined" ) {
- if ( this.length ) {
- data = jQuery.data( this[0] );
-
- if ( this[0].nodeType === 1 ) {
- var attr = this[0].attributes, name;
- for ( var i = 0, l = attr.length; i < l; i++ ) {
- name = attr[i].name;
-
- if ( name.indexOf( "data-" ) === 0 ) {
- name = jQuery.camelCase( name.substring(5) );
-
- dataAttr( this[0], name, data[ name ] );
- }
- }
- }
- }
-
- return data;
-
- } else if ( typeof key === "object" ) {
- return this.each(function() {
- jQuery.data( this, key );
- });
- }
-
- var parts = key.split(".");
- parts[1] = parts[1] ? "." + parts[1] : "";
-
- if ( value === undefined ) {
- data = this.triggerHandler("getData" + parts[1] + "!", [parts[0]]);
-
- // Try to fetch any internally stored data first
- if ( data === undefined && this.length ) {
- data = jQuery.data( this[0], key );
- data = dataAttr( this[0], key, data );
- }
-
- return data === undefined && parts[1] ?
- this.data( parts[0] ) :
- data;
-
- } else {
- return this.each(function() {
- var $this = jQuery( this ),
- args = [ parts[0], value ];
-
- $this.triggerHandler( "setData" + parts[1] + "!", args );
- jQuery.data( this, key, value );
- $this.triggerHandler( "changeData" + parts[1] + "!", args );
- });
- }
- },
-
- removeData: function( key ) {
- return this.each(function() {
- jQuery.removeData( this, key );
- });
- }
-});
-
-function dataAttr( elem, key, data ) {
- // If nothing was found internally, try to fetch any
- // data from the HTML5 data-* attribute
- if ( data === undefined && elem.nodeType === 1 ) {
-
- var name = "data-" + key.replace( rmultiDash, "-$1" ).toLowerCase();
-
- data = elem.getAttribute( name );
-
- if ( typeof data === "string" ) {
- try {
- data = data === "true" ? true :
- data === "false" ? false :
- data === "null" ? null :
- !jQuery.isNaN( data ) ? parseFloat( data ) :
- rbrace.test( data ) ? jQuery.parseJSON( data ) :
- data;
- } catch( e ) {}
-
- // Make sure we set the data so it isn't changed later
- jQuery.data( elem, key, data );
-
- } else {
- data = undefined;
- }
- }
-
- return data;
-}
-
-// TODO: This is a hack for 1.5 ONLY to allow objects with a single toJSON
-// property to be considered empty objects; this property always exists in
-// order to make sure JSON.stringify does not expose internal metadata
-function isEmptyDataObject( obj ) {
- for ( var name in obj ) {
- if ( name !== "toJSON" ) {
- return false;
- }
- }
-
- return true;
-}
-
-
-
-
-function handleQueueMarkDefer( elem, type, src ) {
- var deferDataKey = type + "defer",
- queueDataKey = type + "queue",
- markDataKey = type + "mark",
- defer = jQuery.data( elem, deferDataKey, undefined, true );
- if ( defer &&
- ( src === "queue" || !jQuery.data( elem, queueDataKey, undefined, true ) ) &&
- ( src === "mark" || !jQuery.data( elem, markDataKey, undefined, true ) ) ) {
- // Give room for hard-coded callbacks to fire first
- // and eventually mark/queue something else on the element
- setTimeout( function() {
- if ( !jQuery.data( elem, queueDataKey, undefined, true ) &&
- !jQuery.data( elem, markDataKey, undefined, true ) ) {
- jQuery.removeData( elem, deferDataKey, true );
- defer.resolve();
- }
- }, 0 );
- }
-}
-
-jQuery.extend({
-
- _mark: function( elem, type ) {
- if ( elem ) {
- type = (type || "fx") + "mark";
- jQuery.data( elem, type, (jQuery.data(elem,type,undefined,true) || 0) + 1, true );
- }
- },
-
- _unmark: function( force, elem, type ) {
- if ( force !== true ) {
- type = elem;
- elem = force;
- force = false;
- }
- if ( elem ) {
- type = type || "fx";
- var key = type + "mark",
- count = force ? 0 : ( (jQuery.data( elem, key, undefined, true) || 1 ) - 1 );
- if ( count ) {
- jQuery.data( elem, key, count, true );
- } else {
- jQuery.removeData( elem, key, true );
- handleQueueMarkDefer( elem, type, "mark" );
- }
- }
- },
-
- queue: function( elem, type, data ) {
- if ( elem ) {
- type = (type || "fx") + "queue";
- var q = jQuery.data( elem, type, undefined, true );
- // Speed up dequeue by getting out quickly if this is just a lookup
- if ( data ) {
- if ( !q || jQuery.isArray(data) ) {
- q = jQuery.data( elem, type, jQuery.makeArray(data), true );
- } else {
- q.push( data );
- }
- }
- return q || [];
- }
- },
-
- dequeue: function( elem, type ) {
- type = type || "fx";
-
- var queue = jQuery.queue( elem, type ),
- fn = queue.shift(),
- defer;
-
- // If the fx queue is dequeued, always remove the progress sentinel
- if ( fn === "inprogress" ) {
- fn = queue.shift();
- }
-
- if ( fn ) {
- // Add a progress sentinel to prevent the fx queue from being
- // automatically dequeued
- if ( type === "fx" ) {
- queue.unshift("inprogress");
- }
-
- fn.call(elem, function() {
- jQuery.dequeue(elem, type);
- });
- }
-
- if ( !queue.length ) {
- jQuery.removeData( elem, type + "queue", true );
- handleQueueMarkDefer( elem, type, "queue" );
- }
- }
-});
-
-jQuery.fn.extend({
- queue: function( type, data ) {
- if ( typeof type !== "string" ) {
- data = type;
- type = "fx";
- }
-
- if ( data === undefined ) {
- return jQuery.queue( this[0], type );
- }
- return this.each(function() {
- var queue = jQuery.queue( this, type, data );
-
- if ( type === "fx" && queue[0] !== "inprogress" ) {
- jQuery.dequeue( this, type );
- }
- });
- },
- dequeue: function( type ) {
- return this.each(function() {
- jQuery.dequeue( this, type );
- });
- },
- // Based off of the plugin by Clint Helfers, with permission.
- // http://blindsignals.com/index.php/2009/07/jquery-delay/
- delay: function( time, type ) {
- time = jQuery.fx ? jQuery.fx.speeds[time] || time : time;
- type = type || "fx";
-
- return this.queue( type, function() {
- var elem = this;
- setTimeout(function() {
- jQuery.dequeue( elem, type );
- }, time );
- });
- },
- clearQueue: function( type ) {
- return this.queue( type || "fx", [] );
- },
- // Get a promise resolved when queues of a certain type
- // are emptied (fx is the type by default)
- promise: function( type, object ) {
- if ( typeof type !== "string" ) {
- object = type;
- type = undefined;
- }
- type = type || "fx";
- var defer = jQuery.Deferred(),
- elements = this,
- i = elements.length,
- count = 1,
- deferDataKey = type + "defer",
- queueDataKey = type + "queue",
- markDataKey = type + "mark",
- tmp;
- function resolve() {
- if ( !( --count ) ) {
- defer.resolveWith( elements, [ elements ] );
- }
- }
- while( i-- ) {
- if (( tmp = jQuery.data( elements[ i ], deferDataKey, undefined, true ) ||
- ( jQuery.data( elements[ i ], queueDataKey, undefined, true ) ||
- jQuery.data( elements[ i ], markDataKey, undefined, true ) ) &&
- jQuery.data( elements[ i ], deferDataKey, jQuery._Deferred(), true ) )) {
- count++;
- tmp.done( resolve );
- }
- }
- resolve();
- return defer.promise();
- }
-});
-
-
-
-
-var rclass = /[\n\t\r]/g,
- rspace = /\s+/,
- rreturn = /\r/g,
- rtype = /^(?:button|input)$/i,
- rfocusable = /^(?:button|input|object|select|textarea)$/i,
- rclickable = /^a(?:rea)?$/i,
- rboolean = /^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,
- nodeHook, boolHook;
-
-jQuery.fn.extend({
- attr: function( name, value ) {
- return jQuery.access( this, name, value, true, jQuery.attr );
- },
-
- removeAttr: function( name ) {
- return this.each(function() {
- jQuery.removeAttr( this, name );
- });
- },
-
- prop: function( name, value ) {
- return jQuery.access( this, name, value, true, jQuery.prop );
- },
-
- removeProp: function( name ) {
- name = jQuery.propFix[ name ] || name;
- return this.each(function() {
- // try/catch handles cases where IE balks (such as removing a property on window)
- try {
- this[ name ] = undefined;
- delete this[ name ];
- } catch( e ) {}
- });
- },
-
- addClass: function( value ) {
- var classNames, i, l, elem,
- setClass, c, cl;
-
- if ( jQuery.isFunction( value ) ) {
- return this.each(function( j ) {
- jQuery( this ).addClass( value.call(this, j, this.className) );
- });
- }
-
- if ( value && typeof value === "string" ) {
- classNames = value.split( rspace );
-
- for ( i = 0, l = this.length; i < l; i++ ) {
- elem = this[ i ];
-
- if ( elem.nodeType === 1 ) {
- if ( !elem.className && classNames.length === 1 ) {
- elem.className = value;
-
- } else {
- setClass = " " + elem.className + " ";
-
- for ( c = 0, cl = classNames.length; c < cl; c++ ) {
- if ( !~setClass.indexOf( " " + classNames[ c ] + " " ) ) {
- setClass += classNames[ c ] + " ";
- }
- }
- elem.className = jQuery.trim( setClass );
- }
- }
- }
- }
-
- return this;
- },
-
- removeClass: function( value ) {
- var classNames, i, l, elem, className, c, cl;
-
- if ( jQuery.isFunction( value ) ) {
- return this.each(function( j ) {
- jQuery( this ).removeClass( value.call(this, j, this.className) );
- });
- }
-
- if ( (value && typeof value === "string") || value === undefined ) {
- classNames = (value || "").split( rspace );
-
- for ( i = 0, l = this.length; i < l; i++ ) {
- elem = this[ i ];
-
- if ( elem.nodeType === 1 && elem.className ) {
- if ( value ) {
- className = (" " + elem.className + " ").replace( rclass, " " );
- for ( c = 0, cl = classNames.length; c < cl; c++ ) {
- className = className.replace(" " + classNames[ c ] + " ", " ");
- }
- elem.className = jQuery.trim( className );
-
- } else {
- elem.className = "";
- }
- }
- }
- }
-
- return this;
- },
-
- toggleClass: function( value, stateVal ) {
- var type = typeof value,
- isBool = typeof stateVal === "boolean";
-
- if ( jQuery.isFunction( value ) ) {
- return this.each(function( i ) {
- jQuery( this ).toggleClass( value.call(this, i, this.className, stateVal), stateVal );
- });
- }
-
- return this.each(function() {
- if ( type === "string" ) {
- // toggle individual class names
- var className,
- i = 0,
- self = jQuery( this ),
- state = stateVal,
- classNames = value.split( rspace );
-
- while ( (className = classNames[ i++ ]) ) {
- // check each className given, space seperated list
- state = isBool ? state : !self.hasClass( className );
- self[ state ? "addClass" : "removeClass" ]( className );
- }
-
- } else if ( type === "undefined" || type === "boolean" ) {
- if ( this.className ) {
- // store className if set
- jQuery._data( this, "__className__", this.className );
- }
-
- // toggle whole className
- this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || "";
- }
- });
- },
-
- hasClass: function( selector ) {
- var className = " " + selector + " ";
- for ( var i = 0, l = this.length; i < l; i++ ) {
- if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) > -1 ) {
- return true;
- }
- }
-
- return false;
- },
-
- val: function( value ) {
- var hooks, ret,
- elem = this[0];
-
- if ( !arguments.length ) {
- if ( elem ) {
- hooks = jQuery.valHooks[ elem.nodeName.toLowerCase() ] || jQuery.valHooks[ elem.type ];
-
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) {
- return ret;
- }
-
- ret = elem.value;
-
- return typeof ret === "string" ?
- // handle most common string cases
- ret.replace(rreturn, "") :
- // handle cases where value is null/undef or number
- ret == null ? "" : ret;
- }
-
- return undefined;
- }
-
- var isFunction = jQuery.isFunction( value );
-
- return this.each(function( i ) {
- var self = jQuery(this), val;
-
- if ( this.nodeType !== 1 ) {
- return;
- }
-
- if ( isFunction ) {
- val = value.call( this, i, self.val() );
- } else {
- val = value;
- }
-
- // Treat null/undefined as ""; convert numbers to string
- if ( val == null ) {
- val = "";
- } else if ( typeof val === "number" ) {
- val += "";
- } else if ( jQuery.isArray( val ) ) {
- val = jQuery.map(val, function ( value ) {
- return value == null ? "" : value + "";
- });
- }
-
- hooks = jQuery.valHooks[ this.nodeName.toLowerCase() ] || jQuery.valHooks[ this.type ];
-
- // If set returns undefined, fall back to normal setting
- if ( !hooks || !("set" in hooks) || hooks.set( this, val, "value" ) === undefined ) {
- this.value = val;
- }
- });
- }
-});
-
-jQuery.extend({
- valHooks: {
- option: {
- get: function( elem ) {
- // attributes.value is undefined in Blackberry 4.7 but
- // uses .value. See #6932
- var val = elem.attributes.value;
- return !val || val.specified ? elem.value : elem.text;
- }
- },
- select: {
- get: function( elem ) {
- var value,
- index = elem.selectedIndex,
- values = [],
- options = elem.options,
- one = elem.type === "select-one";
-
- // Nothing was selected
- if ( index < 0 ) {
- return null;
- }
-
- // Loop through all the selected options
- for ( var i = one ? index : 0, max = one ? index + 1 : options.length; i < max; i++ ) {
- var option = options[ i ];
-
- // Don't return options that are disabled or in a disabled optgroup
- if ( option.selected && (jQuery.support.optDisabled ? !option.disabled : option.getAttribute("disabled") === null) &&
- (!option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" )) ) {
-
- // Get the specific value for the option
- value = jQuery( option ).val();
-
- // We don't need an array for one selects
- if ( one ) {
- return value;
- }
-
- // Multi-Selects return an array
- values.push( value );
- }
- }
-
- // Fixes Bug #2551 -- select.val() broken in IE after form.reset()
- if ( one && !values.length && options.length ) {
- return jQuery( options[ index ] ).val();
- }
-
- return values;
- },
-
- set: function( elem, value ) {
- var values = jQuery.makeArray( value );
-
- jQuery(elem).find("option").each(function() {
- this.selected = jQuery.inArray( jQuery(this).val(), values ) >= 0;
- });
-
- if ( !values.length ) {
- elem.selectedIndex = -1;
- }
- return values;
- }
- }
- },
-
- attrFn: {
- val: true,
- css: true,
- html: true,
- text: true,
- data: true,
- width: true,
- height: true,
- offset: true
- },
-
- attrFix: {
- // Always normalize to ensure hook usage
- tabindex: "tabIndex"
- },
-
- attr: function( elem, name, value, pass ) {
- var nType = elem.nodeType;
-
- // don't get/set attributes on text, comment and attribute nodes
- if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
- return undefined;
- }
-
- if ( pass && name in jQuery.attrFn ) {
- return jQuery( elem )[ name ]( value );
- }
-
- // Fallback to prop when attributes are not supported
- if ( !("getAttribute" in elem) ) {
- return jQuery.prop( elem, name, value );
- }
-
- var ret, hooks,
- notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
-
- // Normalize the name if needed
- if ( notxml ) {
- name = jQuery.attrFix[ name ] || name;
-
- hooks = jQuery.attrHooks[ name ];
-
- if ( !hooks ) {
- // Use boolHook for boolean attributes
- if ( rboolean.test( name ) ) {
- hooks = boolHook;
-
- // Use nodeHook if available( IE6/7 )
- } else if ( nodeHook ) {
- hooks = nodeHook;
- }
- }
- }
-
- if ( value !== undefined ) {
-
- if ( value === null ) {
- jQuery.removeAttr( elem, name );
- return undefined;
-
- } else if ( hooks && "set" in hooks && notxml && (ret = hooks.set( elem, value, name )) !== undefined ) {
- return ret;
-
- } else {
- elem.setAttribute( name, "" + value );
- return value;
- }
-
- } else if ( hooks && "get" in hooks && notxml && (ret = hooks.get( elem, name )) !== null ) {
- return ret;
-
- } else {
-
- ret = elem.getAttribute( name );
-
- // Non-existent attributes return null, we normalize to undefined
- return ret === null ?
- undefined :
- ret;
- }
- },
-
- removeAttr: function( elem, name ) {
- var propName;
- if ( elem.nodeType === 1 ) {
- name = jQuery.attrFix[ name ] || name;
-
- jQuery.attr( elem, name, "" );
- elem.removeAttribute( name );
-
- // Set corresponding property to false for boolean attributes
- if ( rboolean.test( name ) && (propName = jQuery.propFix[ name ] || name) in elem ) {
- elem[ propName ] = false;
- }
- }
- },
-
- attrHooks: {
- type: {
- set: function( elem, value ) {
- // We can't allow the type property to be changed (since it causes problems in IE)
- if ( rtype.test( elem.nodeName ) && elem.parentNode ) {
- jQuery.error( "type property can't be changed" );
- } else if ( !jQuery.support.radioValue && value === "radio" && jQuery.nodeName(elem, "input") ) {
- // Setting the type on a radio button after the value resets the value in IE6-9
- // Reset value to it's default in case type is set after value
- // This is for element creation
- var val = elem.value;
- elem.setAttribute( "type", value );
- if ( val ) {
- elem.value = val;
- }
- return value;
- }
- }
- },
- // Use the value property for back compat
- // Use the nodeHook for button elements in IE6/7 (#1954)
- value: {
- get: function( elem, name ) {
- if ( nodeHook && jQuery.nodeName( elem, "button" ) ) {
- return nodeHook.get( elem, name );
- }
- return name in elem ?
- elem.value :
- null;
- },
- set: function( elem, value, name ) {
- if ( nodeHook && jQuery.nodeName( elem, "button" ) ) {
- return nodeHook.set( elem, value, name );
- }
- // Does not return so that setAttribute is also used
- elem.value = value;
- }
- }
- },
-
- propFix: {
- tabindex: "tabIndex",
- readonly: "readOnly",
- "for": "htmlFor",
- "class": "className",
- maxlength: "maxLength",
- cellspacing: "cellSpacing",
- cellpadding: "cellPadding",
- rowspan: "rowSpan",
- colspan: "colSpan",
- usemap: "useMap",
- frameborder: "frameBorder",
- contenteditable: "contentEditable"
- },
-
- prop: function( elem, name, value ) {
- var nType = elem.nodeType;
-
- // don't get/set properties on text, comment and attribute nodes
- if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
- return undefined;
- }
-
- var ret, hooks,
- notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
-
- if ( notxml ) {
- // Fix name and attach hooks
- name = jQuery.propFix[ name ] || name;
- hooks = jQuery.propHooks[ name ];
- }
-
- if ( value !== undefined ) {
- if ( hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) {
- return ret;
-
- } else {
- return (elem[ name ] = value);
- }
-
- } else {
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ) {
- return ret;
-
- } else {
- return elem[ name ];
- }
- }
- },
-
- propHooks: {
- tabIndex: {
- get: function( elem ) {
- // elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set
- // http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/
- var attributeNode = elem.getAttributeNode("tabindex");
-
- return attributeNode && attributeNode.specified ?
- parseInt( attributeNode.value, 10 ) :
- rfocusable.test( elem.nodeName ) || rclickable.test( elem.nodeName ) && elem.href ?
- 0 :
- undefined;
- }
- }
- }
-});
-
-// Add the tabindex propHook to attrHooks for back-compat
-jQuery.attrHooks.tabIndex = jQuery.propHooks.tabIndex;
-
-// Hook for boolean attributes
-boolHook = {
- get: function( elem, name ) {
- // Align boolean attributes with corresponding properties
- // Fall back to attribute presence where some booleans are not supported
- var attrNode;
- return jQuery.prop( elem, name ) === true || ( attrNode = elem.getAttributeNode( name ) ) && attrNode.nodeValue !== false ?
- name.toLowerCase() :
- undefined;
- },
- set: function( elem, value, name ) {
- var propName;
- if ( value === false ) {
- // Remove boolean attributes when set to false
- jQuery.removeAttr( elem, name );
- } else {
- // value is true since we know at this point it's type boolean and not false
- // Set boolean attributes to the same name and set the DOM property
- propName = jQuery.propFix[ name ] || name;
- if ( propName in elem ) {
- // Only set the IDL specifically if it already exists on the element
- elem[ propName ] = true;
- }
-
- elem.setAttribute( name, name.toLowerCase() );
- }
- return name;
- }
-};
-
-// IE6/7 do not support getting/setting some attributes with get/setAttribute
-if ( !jQuery.support.getSetAttribute ) {
-
- // Use this for any attribute in IE6/7
- // This fixes almost every IE6/7 issue
- nodeHook = jQuery.valHooks.button = {
- get: function( elem, name ) {
- var ret;
- ret = elem.getAttributeNode( name );
- // Return undefined if nodeValue is empty string
- return ret && ret.nodeValue !== "" ?
- ret.nodeValue :
- undefined;
- },
- set: function( elem, value, name ) {
- // Set the existing or create a new attribute node
- var ret = elem.getAttributeNode( name );
- if ( !ret ) {
- ret = document.createAttribute( name );
- elem.setAttributeNode( ret );
- }
- return (ret.nodeValue = value + "");
- }
- };
-
- // Set width and height to auto instead of 0 on empty string( Bug #8150 )
- // This is for removals
- jQuery.each([ "width", "height" ], function( i, name ) {
- jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], {
- set: function( elem, value ) {
- if ( value === "" ) {
- elem.setAttribute( name, "auto" );
- return value;
- }
- }
- });
- });
-}
-
-
-// Some attributes require a special call on IE
-if ( !jQuery.support.hrefNormalized ) {
- jQuery.each([ "href", "src", "width", "height" ], function( i, name ) {
- jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], {
- get: function( elem ) {
- var ret = elem.getAttribute( name, 2 );
- return ret === null ? undefined : ret;
- }
- });
- });
-}
-
-if ( !jQuery.support.style ) {
- jQuery.attrHooks.style = {
- get: function( elem ) {
- // Return undefined in the case of empty string
- // Normalize to lowercase since IE uppercases css property names
- return elem.style.cssText.toLowerCase() || undefined;
- },
- set: function( elem, value ) {
- return (elem.style.cssText = "" + value);
- }
- };
-}
-
-// Safari mis-reports the default selected property of an option
-// Accessing the parent's selectedIndex property fixes it
-if ( !jQuery.support.optSelected ) {
- jQuery.propHooks.selected = jQuery.extend( jQuery.propHooks.selected, {
- get: function( elem ) {
- var parent = elem.parentNode;
-
- if ( parent ) {
- parent.selectedIndex;
-
- // Make sure that it also works with optgroups, see #5701
- if ( parent.parentNode ) {
- parent.parentNode.selectedIndex;
- }
- }
- return null;
- }
- });
-}
-
-// Radios and checkboxes getter/setter
-if ( !jQuery.support.checkOn ) {
- jQuery.each([ "radio", "checkbox" ], function() {
- jQuery.valHooks[ this ] = {
- get: function( elem ) {
- // Handle the case where in Webkit "" is returned instead of "on" if a value isn't specified
- return elem.getAttribute("value") === null ? "on" : elem.value;
- }
- };
- });
-}
-jQuery.each([ "radio", "checkbox" ], function() {
- jQuery.valHooks[ this ] = jQuery.extend( jQuery.valHooks[ this ], {
- set: function( elem, value ) {
- if ( jQuery.isArray( value ) ) {
- return (elem.checked = jQuery.inArray( jQuery(elem).val(), value ) >= 0);
- }
- }
- });
-});
-
-
-
-
-var rnamespaces = /\.(.*)$/,
- rformElems = /^(?:textarea|input|select)$/i,
- rperiod = /\./g,
- rspaces = / /g,
- rescape = /[^\w\s.|`]/g,
- fcleanup = function( nm ) {
- return nm.replace(rescape, "\\$&");
- };
-
-/*
- * A number of helper functions used for managing events.
- * Many of the ideas behind this code originated from
- * Dean Edwards' addEvent library.
- */
-jQuery.event = {
-
- // Bind an event to an element
- // Original by Dean Edwards
- add: function( elem, types, handler, data ) {
- if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
- return;
- }
-
- if ( handler === false ) {
- handler = returnFalse;
- } else if ( !handler ) {
- // Fixes bug #7229. Fix recommended by jdalton
- return;
- }
-
- var handleObjIn, handleObj;
-
- if ( handler.handler ) {
- handleObjIn = handler;
- handler = handleObjIn.handler;
- }
-
- // Make sure that the function being executed has a unique ID
- if ( !handler.guid ) {
- handler.guid = jQuery.guid++;
- }
-
- // Init the element's event structure
- var elemData = jQuery._data( elem );
-
- // If no elemData is found then we must be trying to bind to one of the
- // banned noData elements
- if ( !elemData ) {
- return;
- }
-
- var events = elemData.events,
- eventHandle = elemData.handle;
-
- if ( !events ) {
- elemData.events = events = {};
- }
-
- if ( !eventHandle ) {
- elemData.handle = eventHandle = function( e ) {
- // Discard the second event of a jQuery.event.trigger() and
- // when an event is called after a page has unloaded
- return typeof jQuery !== "undefined" && (!e || jQuery.event.triggered !== e.type) ?
- jQuery.event.handle.apply( eventHandle.elem, arguments ) :
- undefined;
- };
- }
-
- // Add elem as a property of the handle function
- // This is to prevent a memory leak with non-native events in IE.
- eventHandle.elem = elem;
-
- // Handle multiple events separated by a space
- // jQuery(...).bind("mouseover mouseout", fn);
- types = types.split(" ");
-
- var type, i = 0, namespaces;
-
- while ( (type = types[ i++ ]) ) {
- handleObj = handleObjIn ?
- jQuery.extend({}, handleObjIn) :
- { handler: handler, data: data };
-
- // Namespaced event handlers
- if ( type.indexOf(".") > -1 ) {
- namespaces = type.split(".");
- type = namespaces.shift();
- handleObj.namespace = namespaces.slice(0).sort().join(".");
-
- } else {
- namespaces = [];
- handleObj.namespace = "";
- }
-
- handleObj.type = type;
- if ( !handleObj.guid ) {
- handleObj.guid = handler.guid;
- }
-
- // Get the current list of functions bound to this event
- var handlers = events[ type ],
- special = jQuery.event.special[ type ] || {};
-
- // Init the event handler queue
- if ( !handlers ) {
- handlers = events[ type ] = [];
-
- // Check for a special event handler
- // Only use addEventListener/attachEvent if the special
- // events handler returns false
- if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
- // Bind the global event handler to the element
- if ( elem.addEventListener ) {
- elem.addEventListener( type, eventHandle, false );
-
- } else if ( elem.attachEvent ) {
- elem.attachEvent( "on" + type, eventHandle );
- }
- }
- }
-
- if ( special.add ) {
- special.add.call( elem, handleObj );
-
- if ( !handleObj.handler.guid ) {
- handleObj.handler.guid = handler.guid;
- }
- }
-
- // Add the function to the element's handler list
- handlers.push( handleObj );
-
- // Keep track of which events have been used, for event optimization
- jQuery.event.global[ type ] = true;
- }
-
- // Nullify elem to prevent memory leaks in IE
- elem = null;
- },
-
- global: {},
-
- // Detach an event or set of events from an element
- remove: function( elem, types, handler, pos ) {
- // don't do events on text and comment nodes
- if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
- return;
- }
-
- if ( handler === false ) {
- handler = returnFalse;
- }
-
- var ret, type, fn, j, i = 0, all, namespaces, namespace, special, eventType, handleObj, origType,
- elemData = jQuery.hasData( elem ) && jQuery._data( elem ),
- events = elemData && elemData.events;
-
- if ( !elemData || !events ) {
- return;
- }
-
- // types is actually an event object here
- if ( types && types.type ) {
- handler = types.handler;
- types = types.type;
- }
-
- // Unbind all events for the element
- if ( !types || typeof types === "string" && types.charAt(0) === "." ) {
- types = types || "";
-
- for ( type in events ) {
- jQuery.event.remove( elem, type + types );
- }
-
- return;
- }
-
- // Handle multiple events separated by a space
- // jQuery(...).unbind("mouseover mouseout", fn);
- types = types.split(" ");
-
- while ( (type = types[ i++ ]) ) {
- origType = type;
- handleObj = null;
- all = type.indexOf(".") < 0;
- namespaces = [];
-
- if ( !all ) {
- // Namespaced event handlers
- namespaces = type.split(".");
- type = namespaces.shift();
-
- namespace = new RegExp("(^|\\.)" +
- jQuery.map( namespaces.slice(0).sort(), fcleanup ).join("\\.(?:.*\\.)?") + "(\\.|$)");
- }
-
- eventType = events[ type ];
-
- if ( !eventType ) {
- continue;
- }
-
- if ( !handler ) {
- for ( j = 0; j < eventType.length; j++ ) {
- handleObj = eventType[ j ];
-
- if ( all || namespace.test( handleObj.namespace ) ) {
- jQuery.event.remove( elem, origType, handleObj.handler, j );
- eventType.splice( j--, 1 );
- }
- }
-
- continue;
- }
-
- special = jQuery.event.special[ type ] || {};
-
- for ( j = pos || 0; j < eventType.length; j++ ) {
- handleObj = eventType[ j ];
-
- if ( handler.guid === handleObj.guid ) {
- // remove the given handler for the given type
- if ( all || namespace.test( handleObj.namespace ) ) {
- if ( pos == null ) {
- eventType.splice( j--, 1 );
- }
-
- if ( special.remove ) {
- special.remove.call( elem, handleObj );
- }
- }
-
- if ( pos != null ) {
- break;
- }
- }
- }
-
- // remove generic event handler if no more handlers exist
- if ( eventType.length === 0 || pos != null && eventType.length === 1 ) {
- if ( !special.teardown || special.teardown.call( elem, namespaces ) === false ) {
- jQuery.removeEvent( elem, type, elemData.handle );
- }
-
- ret = null;
- delete events[ type ];
- }
- }
-
- // Remove the expando if it's no longer used
- if ( jQuery.isEmptyObject( events ) ) {
- var handle = elemData.handle;
- if ( handle ) {
- handle.elem = null;
- }
-
- delete elemData.events;
- delete elemData.handle;
-
- if ( jQuery.isEmptyObject( elemData ) ) {
- jQuery.removeData( elem, undefined, true );
- }
- }
- },
-
- // Events that are safe to short-circuit if no handlers are attached.
- // Native DOM events should not be added, they may have inline handlers.
- customEvent: {
- "getData": true,
- "setData": true,
- "changeData": true
- },
-
- trigger: function( event, data, elem, onlyHandlers ) {
- // Event object or event type
- var type = event.type || event,
- namespaces = [],
- exclusive;
-
- if ( type.indexOf("!") >= 0 ) {
- // Exclusive events trigger only for the exact event (no namespaces)
- type = type.slice(0, -1);
- exclusive = true;
- }
-
- if ( type.indexOf(".") >= 0 ) {
- // Namespaced trigger; create a regexp to match event type in handle()
- namespaces = type.split(".");
- type = namespaces.shift();
- namespaces.sort();
- }
-
- if ( (!elem || jQuery.event.customEvent[ type ]) && !jQuery.event.global[ type ] ) {
- // No jQuery handlers for this event type, and it can't have inline handlers
- return;
- }
-
- // Caller can pass in an Event, Object, or just an event type string
- event = typeof event === "object" ?
- // jQuery.Event object
- event[ jQuery.expando ] ? event :
- // Object literal
- new jQuery.Event( type, event ) :
- // Just the event type (string)
- new jQuery.Event( type );
-
- event.type = type;
- event.exclusive = exclusive;
- event.namespace = namespaces.join(".");
- event.namespace_re = new RegExp("(^|\\.)" + namespaces.join("\\.(?:.*\\.)?") + "(\\.|$)");
-
- // triggerHandler() and global events don't bubble or run the default action
- if ( onlyHandlers || !elem ) {
- event.preventDefault();
- event.stopPropagation();
- }
-
- // Handle a global trigger
- if ( !elem ) {
- // TODO: Stop taunting the data cache; remove global events and always attach to document
- jQuery.each( jQuery.cache, function() {
- // internalKey variable is just used to make it easier to find
- // and potentially change this stuff later; currently it just
- // points to jQuery.expando
- var internalKey = jQuery.expando,
- internalCache = this[ internalKey ];
- if ( internalCache && internalCache.events && internalCache.events[ type ] ) {
- jQuery.event.trigger( event, data, internalCache.handle.elem );
- }
- });
- return;
- }
-
- // Don't do events on text and comment nodes
- if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
- return;
- }
-
- // Clean up the event in case it is being reused
- event.result = undefined;
- event.target = elem;
-
- // Clone any incoming data and prepend the event, creating the handler arg list
- data = data != null ? jQuery.makeArray( data ) : [];
- data.unshift( event );
-
- var cur = elem,
- // IE doesn't like method names with a colon (#3533, #8272)
- ontype = type.indexOf(":") < 0 ? "on" + type : "";
-
- // Fire event on the current element, then bubble up the DOM tree
- do {
- var handle = jQuery._data( cur, "handle" );
-
- event.currentTarget = cur;
- if ( handle ) {
- handle.apply( cur, data );
- }
-
- // Trigger an inline bound script
- if ( ontype && jQuery.acceptData( cur ) && cur[ ontype ] && cur[ ontype ].apply( cur, data ) === false ) {
- event.result = false;
- event.preventDefault();
- }
-
- // Bubble up to document, then to window
- cur = cur.parentNode || cur.ownerDocument || cur === event.target.ownerDocument && window;
- } while ( cur && !event.isPropagationStopped() );
-
- // If nobody prevented the default action, do it now
- if ( !event.isDefaultPrevented() ) {
- var old,
- special = jQuery.event.special[ type ] || {};
-
- if ( (!special._default || special._default.call( elem.ownerDocument, event ) === false) &&
- !(type === "click" && jQuery.nodeName( elem, "a" )) && jQuery.acceptData( elem ) ) {
-
- // Call a native DOM method on the target with the same name name as the event.
- // Can't use an .isFunction)() check here because IE6/7 fails that test.
- // IE<9 dies on focus to hidden element (#1486), may want to revisit a try/catch.
- try {
- if ( ontype && elem[ type ] ) {
- // Don't re-trigger an onFOO event when we call its FOO() method
- old = elem[ ontype ];
-
- if ( old ) {
- elem[ ontype ] = null;
- }
-
- jQuery.event.triggered = type;
- elem[ type ]();
- }
- } catch ( ieError ) {}
-
- if ( old ) {
- elem[ ontype ] = old;
- }
-
- jQuery.event.triggered = undefined;
- }
- }
-
- return event.result;
- },
-
- handle: function( event ) {
- event = jQuery.event.fix( event || window.event );
- // Snapshot the handlers list since a called handler may add/remove events.
- var handlers = ((jQuery._data( this, "events" ) || {})[ event.type ] || []).slice(0),
- run_all = !event.exclusive && !event.namespace,
- args = Array.prototype.slice.call( arguments, 0 );
-
- // Use the fix-ed Event rather than the (read-only) native event
- args[0] = event;
- event.currentTarget = this;
-
- for ( var j = 0, l = handlers.length; j < l; j++ ) {
- var handleObj = handlers[ j ];
-
- // Triggered event must 1) be non-exclusive and have no namespace, or
- // 2) have namespace(s) a subset or equal to those in the bound event.
- if ( run_all || event.namespace_re.test( handleObj.namespace ) ) {
- // Pass in a reference to the handler function itself
- // So that we can later remove it
- event.handler = handleObj.handler;
- event.data = handleObj.data;
- event.handleObj = handleObj;
-
- var ret = handleObj.handler.apply( this, args );
-
- if ( ret !== undefined ) {
- event.result = ret;
- if ( ret === false ) {
- event.preventDefault();
- event.stopPropagation();
- }
- }
-
- if ( event.isImmediatePropagationStopped() ) {
- break;
- }
- }
- }
- return event.result;
- },
-
- props: "altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),
-
- fix: function( event ) {
- if ( event[ jQuery.expando ] ) {
- return event;
- }
-
- // store a copy of the original event object
- // and "clone" to set read-only properties
- var originalEvent = event;
- event = jQuery.Event( originalEvent );
-
- for ( var i = this.props.length, prop; i; ) {
- prop = this.props[ --i ];
- event[ prop ] = originalEvent[ prop ];
- }
-
- // Fix target property, if necessary
- if ( !event.target ) {
- // Fixes #1925 where srcElement might not be defined either
- event.target = event.srcElement || document;
- }
-
- // check if target is a textnode (safari)
- if ( event.target.nodeType === 3 ) {
- event.target = event.target.parentNode;
- }
-
- // Add relatedTarget, if necessary
- if ( !event.relatedTarget && event.fromElement ) {
- event.relatedTarget = event.fromElement === event.target ? event.toElement : event.fromElement;
- }
-
- // Calculate pageX/Y if missing and clientX/Y available
- if ( event.pageX == null && event.clientX != null ) {
- var eventDocument = event.target.ownerDocument || document,
- doc = eventDocument.documentElement,
- body = eventDocument.body;
-
- event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
- event.pageY = event.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0);
- }
-
- // Add which for key events
- if ( event.which == null && (event.charCode != null || event.keyCode != null) ) {
- event.which = event.charCode != null ? event.charCode : event.keyCode;
- }
-
- // Add metaKey to non-Mac browsers (use ctrl for PC's and Meta for Macs)
- if ( !event.metaKey && event.ctrlKey ) {
- event.metaKey = event.ctrlKey;
- }
-
- // Add which for click: 1 === left; 2 === middle; 3 === right
- // Note: button is not normalized, so don't use it
- if ( !event.which && event.button !== undefined ) {
- event.which = (event.button & 1 ? 1 : ( event.button & 2 ? 3 : ( event.button & 4 ? 2 : 0 ) ));
- }
-
- return event;
- },
-
- // Deprecated, use jQuery.guid instead
- guid: 1E8,
-
- // Deprecated, use jQuery.proxy instead
- proxy: jQuery.proxy,
-
- special: {
- ready: {
- // Make sure the ready event is setup
- setup: jQuery.bindReady,
- teardown: jQuery.noop
- },
-
- live: {
- add: function( handleObj ) {
- jQuery.event.add( this,
- liveConvert( handleObj.origType, handleObj.selector ),
- jQuery.extend({}, handleObj, {handler: liveHandler, guid: handleObj.handler.guid}) );
- },
-
- remove: function( handleObj ) {
- jQuery.event.remove( this, liveConvert( handleObj.origType, handleObj.selector ), handleObj );
- }
- },
-
- beforeunload: {
- setup: function( data, namespaces, eventHandle ) {
- // We only want to do this special case on windows
- if ( jQuery.isWindow( this ) ) {
- this.onbeforeunload = eventHandle;
- }
- },
-
- teardown: function( namespaces, eventHandle ) {
- if ( this.onbeforeunload === eventHandle ) {
- this.onbeforeunload = null;
- }
- }
- }
- }
-};
-
-jQuery.removeEvent = document.removeEventListener ?
- function( elem, type, handle ) {
- if ( elem.removeEventListener ) {
- elem.removeEventListener( type, handle, false );
- }
- } :
- function( elem, type, handle ) {
- if ( elem.detachEvent ) {
- elem.detachEvent( "on" + type, handle );
- }
- };
-
-jQuery.Event = function( src, props ) {
- // Allow instantiation without the 'new' keyword
- if ( !this.preventDefault ) {
- return new jQuery.Event( src, props );
- }
-
- // Event object
- if ( src && src.type ) {
- this.originalEvent = src;
- this.type = src.type;
-
- // Events bubbling up the document may have been marked as prevented
- // by a handler lower down the tree; reflect the correct value.
- this.isDefaultPrevented = (src.defaultPrevented || src.returnValue === false ||
- src.getPreventDefault && src.getPreventDefault()) ? returnTrue : returnFalse;
-
- // Event type
- } else {
- this.type = src;
- }
-
- // Put explicitly provided properties onto the event object
- if ( props ) {
- jQuery.extend( this, props );
- }
-
- // timeStamp is buggy for some events on Firefox(#3843)
- // So we won't rely on the native value
- this.timeStamp = jQuery.now();
-
- // Mark it as fixed
- this[ jQuery.expando ] = true;
-};
-
-function returnFalse() {
- return false;
-}
-function returnTrue() {
- return true;
-}
-
-// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
-// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
-jQuery.Event.prototype = {
- preventDefault: function() {
- this.isDefaultPrevented = returnTrue;
-
- var e = this.originalEvent;
- if ( !e ) {
- return;
- }
-
- // if preventDefault exists run it on the original event
- if ( e.preventDefault ) {
- e.preventDefault();
-
- // otherwise set the returnValue property of the original event to false (IE)
- } else {
- e.returnValue = false;
- }
- },
- stopPropagation: function() {
- this.isPropagationStopped = returnTrue;
-
- var e = this.originalEvent;
- if ( !e ) {
- return;
- }
- // if stopPropagation exists run it on the original event
- if ( e.stopPropagation ) {
- e.stopPropagation();
- }
- // otherwise set the cancelBubble property of the original event to true (IE)
- e.cancelBubble = true;
- },
- stopImmediatePropagation: function() {
- this.isImmediatePropagationStopped = returnTrue;
- this.stopPropagation();
- },
- isDefaultPrevented: returnFalse,
- isPropagationStopped: returnFalse,
- isImmediatePropagationStopped: returnFalse
-};
-
-// Checks if an event happened on an element within another element
-// Used in jQuery.event.special.mouseenter and mouseleave handlers
-var withinElement = function( event ) {
-
- // Check if mouse(over|out) are still within the same parent element
- var related = event.relatedTarget,
- inside = false,
- eventType = event.type;
-
- event.type = event.data;
-
- if ( related !== this ) {
-
- if ( related ) {
- inside = jQuery.contains( this, related );
- }
-
- if ( !inside ) {
-
- jQuery.event.handle.apply( this, arguments );
-
- event.type = eventType;
- }
- }
-},
-
-// In case of event delegation, we only need to rename the event.type,
-// liveHandler will take care of the rest.
-delegate = function( event ) {
- event.type = event.data;
- jQuery.event.handle.apply( this, arguments );
-};
-
-// Create mouseenter and mouseleave events
-jQuery.each({
- mouseenter: "mouseover",
- mouseleave: "mouseout"
-}, function( orig, fix ) {
- jQuery.event.special[ orig ] = {
- setup: function( data ) {
- jQuery.event.add( this, fix, data && data.selector ? delegate : withinElement, orig );
- },
- teardown: function( data ) {
- jQuery.event.remove( this, fix, data && data.selector ? delegate : withinElement );
- }
- };
-});
-
-// submit delegation
-if ( !jQuery.support.submitBubbles ) {
-
- jQuery.event.special.submit = {
- setup: function( data, namespaces ) {
- if ( !jQuery.nodeName( this, "form" ) ) {
- jQuery.event.add(this, "click.specialSubmit", function( e ) {
- // Avoid triggering error on non-existent type attribute in IE VML (#7071)
- var elem = e.target,
- type = jQuery.nodeName( elem, "input" ) || jQuery.nodeName( elem, "button" ) ? elem.type : "";
-
- if ( (type === "submit" || type === "image") && jQuery( elem ).closest("form").length ) {
- trigger( "submit", this, arguments );
- }
- });
-
- jQuery.event.add(this, "keypress.specialSubmit", function( e ) {
- var elem = e.target,
- type = jQuery.nodeName( elem, "input" ) || jQuery.nodeName( elem, "button" ) ? elem.type : "";
-
- if ( (type === "text" || type === "password") && jQuery( elem ).closest("form").length && e.keyCode === 13 ) {
- trigger( "submit", this, arguments );
- }
- });
-
- } else {
- return false;
- }
- },
-
- teardown: function( namespaces ) {
- jQuery.event.remove( this, ".specialSubmit" );
- }
- };
-
-}
-
-// change delegation, happens here so we have bind.
-if ( !jQuery.support.changeBubbles ) {
-
- var changeFilters,
-
- getVal = function( elem ) {
- var type = jQuery.nodeName( elem, "input" ) ? elem.type : "",
- val = elem.value;
-
- if ( type === "radio" || type === "checkbox" ) {
- val = elem.checked;
-
- } else if ( type === "select-multiple" ) {
- val = elem.selectedIndex > -1 ?
- jQuery.map( elem.options, function( elem ) {
- return elem.selected;
- }).join("-") :
- "";
-
- } else if ( jQuery.nodeName( elem, "select" ) ) {
- val = elem.selectedIndex;
- }
-
- return val;
- },
-
- testChange = function testChange( e ) {
- var elem = e.target, data, val;
-
- if ( !rformElems.test( elem.nodeName ) || elem.readOnly ) {
- return;
- }
-
- data = jQuery._data( elem, "_change_data" );
- val = getVal(elem);
-
- // the current data will be also retrieved by beforeactivate
- if ( e.type !== "focusout" || elem.type !== "radio" ) {
- jQuery._data( elem, "_change_data", val );
- }
-
- if ( data === undefined || val === data ) {
- return;
- }
-
- if ( data != null || val ) {
- e.type = "change";
- e.liveFired = undefined;
- jQuery.event.trigger( e, arguments[1], elem );
- }
- };
-
- jQuery.event.special.change = {
- filters: {
- focusout: testChange,
-
- beforedeactivate: testChange,
-
- click: function( e ) {
- var elem = e.target, type = jQuery.nodeName( elem, "input" ) ? elem.type : "";
-
- if ( type === "radio" || type === "checkbox" || jQuery.nodeName( elem, "select" ) ) {
- testChange.call( this, e );
- }
- },
-
- // Change has to be called before submit
- // Keydown will be called before keypress, which is used in submit-event delegation
- keydown: function( e ) {
- var elem = e.target, type = jQuery.nodeName( elem, "input" ) ? elem.type : "";
-
- if ( (e.keyCode === 13 && !jQuery.nodeName( elem, "textarea" ) ) ||
- (e.keyCode === 32 && (type === "checkbox" || type === "radio")) ||
- type === "select-multiple" ) {
- testChange.call( this, e );
- }
- },
-
- // Beforeactivate happens also before the previous element is blurred
- // with this event you can't trigger a change event, but you can store
- // information
- beforeactivate: function( e ) {
- var elem = e.target;
- jQuery._data( elem, "_change_data", getVal(elem) );
- }
- },
-
- setup: function( data, namespaces ) {
- if ( this.type === "file" ) {
- return false;
- }
-
- for ( var type in changeFilters ) {
- jQuery.event.add( this, type + ".specialChange", changeFilters[type] );
- }
-
- return rformElems.test( this.nodeName );
- },
-
- teardown: function( namespaces ) {
- jQuery.event.remove( this, ".specialChange" );
-
- return rformElems.test( this.nodeName );
- }
- };
-
- changeFilters = jQuery.event.special.change.filters;
-
- // Handle when the input is .focus()'d
- changeFilters.focus = changeFilters.beforeactivate;
-}
-
-function trigger( type, elem, args ) {
- // Piggyback on a donor event to simulate a different one.
- // Fake originalEvent to avoid donor's stopPropagation, but if the
- // simulated event prevents default then we do the same on the donor.
- // Don't pass args or remember liveFired; they apply to the donor event.
- var event = jQuery.extend( {}, args[ 0 ] );
- event.type = type;
- event.originalEvent = {};
- event.liveFired = undefined;
- jQuery.event.handle.call( elem, event );
- if ( event.isDefaultPrevented() ) {
- args[ 0 ].preventDefault();
- }
-}
-
-// Create "bubbling" focus and blur events
-if ( !jQuery.support.focusinBubbles ) {
- jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) {
-
- // Attach a single capturing handler while someone wants focusin/focusout
- var attaches = 0;
-
- jQuery.event.special[ fix ] = {
- setup: function() {
- if ( attaches++ === 0 ) {
- document.addEventListener( orig, handler, true );
- }
- },
- teardown: function() {
- if ( --attaches === 0 ) {
- document.removeEventListener( orig, handler, true );
- }
- }
- };
-
- function handler( donor ) {
- // Donor event is always a native one; fix it and switch its type.
- // Let focusin/out handler cancel the donor focus/blur event.
- var e = jQuery.event.fix( donor );
- e.type = fix;
- e.originalEvent = {};
- jQuery.event.trigger( e, null, e.target );
- if ( e.isDefaultPrevented() ) {
- donor.preventDefault();
- }
- }
- });
-}
-
-jQuery.each(["bind", "one"], function( i, name ) {
- jQuery.fn[ name ] = function( type, data, fn ) {
- var handler;
-
- // Handle object literals
- if ( typeof type === "object" ) {
- for ( var key in type ) {
- this[ name ](key, data, type[key], fn);
- }
- return this;
- }
-
- if ( arguments.length === 2 || data === false ) {
- fn = data;
- data = undefined;
- }
-
- if ( name === "one" ) {
- handler = function( event ) {
- jQuery( this ).unbind( event, handler );
- return fn.apply( this, arguments );
- };
- handler.guid = fn.guid || jQuery.guid++;
- } else {
- handler = fn;
- }
-
- if ( type === "unload" && name !== "one" ) {
- this.one( type, data, fn );
-
- } else {
- for ( var i = 0, l = this.length; i < l; i++ ) {
- jQuery.event.add( this[i], type, handler, data );
- }
- }
-
- return this;
- };
-});
-
-jQuery.fn.extend({
- unbind: function( type, fn ) {
- // Handle object literals
- if ( typeof type === "object" && !type.preventDefault ) {
- for ( var key in type ) {
- this.unbind(key, type[key]);
- }
-
- } else {
- for ( var i = 0, l = this.length; i < l; i++ ) {
- jQuery.event.remove( this[i], type, fn );
- }
- }
-
- return this;
- },
-
- delegate: function( selector, types, data, fn ) {
- return this.live( types, data, fn, selector );
- },
-
- undelegate: function( selector, types, fn ) {
- if ( arguments.length === 0 ) {
- return this.unbind( "live" );
-
- } else {
- return this.die( types, null, fn, selector );
- }
- },
-
- trigger: function( type, data ) {
- return this.each(function() {
- jQuery.event.trigger( type, data, this );
- });
- },
-
- triggerHandler: function( type, data ) {
- if ( this[0] ) {
- return jQuery.event.trigger( type, data, this[0], true );
- }
- },
-
- toggle: function( fn ) {
- // Save reference to arguments for access in closure
- var args = arguments,
- guid = fn.guid || jQuery.guid++,
- i = 0,
- toggler = function( event ) {
- // Figure out which function to execute
- var lastToggle = ( jQuery.data( this, "lastToggle" + fn.guid ) || 0 ) % i;
- jQuery.data( this, "lastToggle" + fn.guid, lastToggle + 1 );
-
- // Make sure that clicks stop
- event.preventDefault();
-
- // and execute the function
- return args[ lastToggle ].apply( this, arguments ) || false;
- };
-
- // link all the functions, so any of them can unbind this click handler
- toggler.guid = guid;
- while ( i < args.length ) {
- args[ i++ ].guid = guid;
- }
-
- return this.click( toggler );
- },
-
- hover: function( fnOver, fnOut ) {
- return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
- }
-});
-
-var liveMap = {
- focus: "focusin",
- blur: "focusout",
- mouseenter: "mouseover",
- mouseleave: "mouseout"
-};
-
-jQuery.each(["live", "die"], function( i, name ) {
- jQuery.fn[ name ] = function( types, data, fn, origSelector /* Internal Use Only */ ) {
- var type, i = 0, match, namespaces, preType,
- selector = origSelector || this.selector,
- context = origSelector ? this : jQuery( this.context );
-
- if ( typeof types === "object" && !types.preventDefault ) {
- for ( var key in types ) {
- context[ name ]( key, data, types[key], selector );
- }
-
- return this;
- }
-
- if ( name === "die" && !types &&
- origSelector && origSelector.charAt(0) === "." ) {
-
- context.unbind( origSelector );
-
- return this;
- }
-
- if ( data === false || jQuery.isFunction( data ) ) {
- fn = data || returnFalse;
- data = undefined;
- }
-
- types = (types || "").split(" ");
-
- while ( (type = types[ i++ ]) != null ) {
- match = rnamespaces.exec( type );
- namespaces = "";
-
- if ( match ) {
- namespaces = match[0];
- type = type.replace( rnamespaces, "" );
- }
-
- if ( type === "hover" ) {
- types.push( "mouseenter" + namespaces, "mouseleave" + namespaces );
- continue;
- }
-
- preType = type;
-
- if ( liveMap[ type ] ) {
- types.push( liveMap[ type ] + namespaces );
- type = type + namespaces;
-
- } else {
- type = (liveMap[ type ] || type) + namespaces;
- }
-
- if ( name === "live" ) {
- // bind live handler
- for ( var j = 0, l = context.length; j < l; j++ ) {
- jQuery.event.add( context[j], "live." + liveConvert( type, selector ),
- { data: data, selector: selector, handler: fn, origType: type, origHandler: fn, preType: preType } );
- }
-
- } else {
- // unbind live handler
- context.unbind( "live." + liveConvert( type, selector ), fn );
- }
- }
-
- return this;
- };
-});
-
-function liveHandler( event ) {
- var stop, maxLevel, related, match, handleObj, elem, j, i, l, data, close, namespace, ret,
- elems = [],
- selectors = [],
- events = jQuery._data( this, "events" );
-
- // Make sure we avoid non-left-click bubbling in Firefox (#3861) and disabled elements in IE (#6911)
- if ( event.liveFired === this || !events || !events.live || event.target.disabled || event.button && event.type === "click" ) {
- return;
- }
-
- if ( event.namespace ) {
- namespace = new RegExp("(^|\\.)" + event.namespace.split(".").join("\\.(?:.*\\.)?") + "(\\.|$)");
- }
-
- event.liveFired = this;
-
- var live = events.live.slice(0);
-
- for ( j = 0; j < live.length; j++ ) {
- handleObj = live[j];
-
- if ( handleObj.origType.replace( rnamespaces, "" ) === event.type ) {
- selectors.push( handleObj.selector );
-
- } else {
- live.splice( j--, 1 );
- }
- }
-
- match = jQuery( event.target ).closest( selectors, event.currentTarget );
-
- for ( i = 0, l = match.length; i < l; i++ ) {
- close = match[i];
-
- for ( j = 0; j < live.length; j++ ) {
- handleObj = live[j];
-
- if ( close.selector === handleObj.selector && (!namespace || namespace.test( handleObj.namespace )) && !close.elem.disabled ) {
- elem = close.elem;
- related = null;
-
- // Those two events require additional checking
- if ( handleObj.preType === "mouseenter" || handleObj.preType === "mouseleave" ) {
- event.type = handleObj.preType;
- related = jQuery( event.relatedTarget ).closest( handleObj.selector )[0];
-
- // Make sure not to accidentally match a child element with the same selector
- if ( related && jQuery.contains( elem, related ) ) {
- related = elem;
- }
- }
-
- if ( !related || related !== elem ) {
- elems.push({ elem: elem, handleObj: handleObj, level: close.level });
- }
- }
- }
- }
-
- for ( i = 0, l = elems.length; i < l; i++ ) {
- match = elems[i];
-
- if ( maxLevel && match.level > maxLevel ) {
- break;
- }
-
- event.currentTarget = match.elem;
- event.data = match.handleObj.data;
- event.handleObj = match.handleObj;
-
- ret = match.handleObj.origHandler.apply( match.elem, arguments );
-
- if ( ret === false || event.isPropagationStopped() ) {
- maxLevel = match.level;
-
- if ( ret === false ) {
- stop = false;
- }
- if ( event.isImmediatePropagationStopped() ) {
- break;
- }
- }
- }
-
- return stop;
-}
-
-function liveConvert( type, selector ) {
- return (type && type !== "*" ? type + "." : "") + selector.replace(rperiod, "`").replace(rspaces, "&");
-}
-
-jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
- "mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
- "change select submit keydown keypress keyup error").split(" "), function( i, name ) {
-
- // Handle event binding
- jQuery.fn[ name ] = function( data, fn ) {
- if ( fn == null ) {
- fn = data;
- data = null;
- }
-
- return arguments.length > 0 ?
- this.bind( name, data, fn ) :
- this.trigger( name );
- };
-
- if ( jQuery.attrFn ) {
- jQuery.attrFn[ name ] = true;
- }
-});
-
-
-
-/*!
- * Sizzle CSS Selector Engine
- * Copyright 2011, The Dojo Foundation
- * Released under the MIT, BSD, and GPL Licenses.
- * More information: http://sizzlejs.com/
- */
-(function(){
-
-var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,
- done = 0,
- toString = Object.prototype.toString,
- hasDuplicate = false,
- baseHasDuplicate = true,
- rBackslash = /\\/g,
- rNonWord = /\W/;
-
-// Here we check if the JavaScript engine is using some sort of
-// optimization where it does not always call our comparision
-// function. If that is the case, discard the hasDuplicate value.
-// Thus far that includes Google Chrome.
-[0, 0].sort(function() {
- baseHasDuplicate = false;
- return 0;
-});
-
-var Sizzle = function( selector, context, results, seed ) {
- results = results || [];
- context = context || document;
-
- var origContext = context;
-
- if ( context.nodeType !== 1 && context.nodeType !== 9 ) {
- return [];
- }
-
- if ( !selector || typeof selector !== "string" ) {
- return results;
- }
-
- var m, set, checkSet, extra, ret, cur, pop, i,
- prune = true,
- contextXML = Sizzle.isXML( context ),
- parts = [],
- soFar = selector;
-
- // Reset the position of the chunker regexp (start from head)
- do {
- chunker.exec( "" );
- m = chunker.exec( soFar );
-
- if ( m ) {
- soFar = m[3];
-
- parts.push( m[1] );
-
- if ( m[2] ) {
- extra = m[3];
- break;
- }
- }
- } while ( m );
-
- if ( parts.length > 1 && origPOS.exec( selector ) ) {
-
- if ( parts.length === 2 && Expr.relative[ parts[0] ] ) {
- set = posProcess( parts[0] + parts[1], context );
-
- } else {
- set = Expr.relative[ parts[0] ] ?
- [ context ] :
- Sizzle( parts.shift(), context );
-
- while ( parts.length ) {
- selector = parts.shift();
-
- if ( Expr.relative[ selector ] ) {
- selector += parts.shift();
- }
-
- set = posProcess( selector, set );
- }
- }
-
- } else {
- // Take a shortcut and set the context if the root selector is an ID
- // (but not if it'll be faster if the inner selector is an ID)
- if ( !seed && parts.length > 1 && context.nodeType === 9 && !contextXML &&
- Expr.match.ID.test(parts[0]) && !Expr.match.ID.test(parts[parts.length - 1]) ) {
-
- ret = Sizzle.find( parts.shift(), context, contextXML );
- context = ret.expr ?
- Sizzle.filter( ret.expr, ret.set )[0] :
- ret.set[0];
- }
-
- if ( context ) {
- ret = seed ?
- { expr: parts.pop(), set: makeArray(seed) } :
- Sizzle.find( parts.pop(), parts.length === 1 && (parts[0] === "~" || parts[0] === "+") && context.parentNode ? context.parentNode : context, contextXML );
-
- set = ret.expr ?
- Sizzle.filter( ret.expr, ret.set ) :
- ret.set;
-
- if ( parts.length > 0 ) {
- checkSet = makeArray( set );
-
- } else {
- prune = false;
- }
-
- while ( parts.length ) {
- cur = parts.pop();
- pop = cur;
-
- if ( !Expr.relative[ cur ] ) {
- cur = "";
- } else {
- pop = parts.pop();
- }
-
- if ( pop == null ) {
- pop = context;
- }
-
- Expr.relative[ cur ]( checkSet, pop, contextXML );
- }
-
- } else {
- checkSet = parts = [];
- }
- }
-
- if ( !checkSet ) {
- checkSet = set;
- }
-
- if ( !checkSet ) {
- Sizzle.error( cur || selector );
- }
-
- if ( toString.call(checkSet) === "[object Array]" ) {
- if ( !prune ) {
- results.push.apply( results, checkSet );
-
- } else if ( context && context.nodeType === 1 ) {
- for ( i = 0; checkSet[i] != null; i++ ) {
- if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && Sizzle.contains(context, checkSet[i])) ) {
- results.push( set[i] );
- }
- }
-
- } else {
- for ( i = 0; checkSet[i] != null; i++ ) {
- if ( checkSet[i] && checkSet[i].nodeType === 1 ) {
- results.push( set[i] );
- }
- }
- }
-
- } else {
- makeArray( checkSet, results );
- }
-
- if ( extra ) {
- Sizzle( extra, origContext, results, seed );
- Sizzle.uniqueSort( results );
- }
-
- return results;
-};
-
-Sizzle.uniqueSort = function( results ) {
- if ( sortOrder ) {
- hasDuplicate = baseHasDuplicate;
- results.sort( sortOrder );
-
- if ( hasDuplicate ) {
- for ( var i = 1; i < results.length; i++ ) {
- if ( results[i] === results[ i - 1 ] ) {
- results.splice( i--, 1 );
- }
- }
- }
- }
-
- return results;
-};
-
-Sizzle.matches = function( expr, set ) {
- return Sizzle( expr, null, null, set );
-};
-
-Sizzle.matchesSelector = function( node, expr ) {
- return Sizzle( expr, null, null, [node] ).length > 0;
-};
-
-Sizzle.find = function( expr, context, isXML ) {
- var set;
-
- if ( !expr ) {
- return [];
- }
-
- for ( var i = 0, l = Expr.order.length; i < l; i++ ) {
- var match,
- type = Expr.order[i];
-
- if ( (match = Expr.leftMatch[ type ].exec( expr )) ) {
- var left = match[1];
- match.splice( 1, 1 );
-
- if ( left.substr( left.length - 1 ) !== "\\" ) {
- match[1] = (match[1] || "").replace( rBackslash, "" );
- set = Expr.find[ type ]( match, context, isXML );
-
- if ( set != null ) {
- expr = expr.replace( Expr.match[ type ], "" );
- break;
- }
- }
- }
- }
-
- if ( !set ) {
- set = typeof context.getElementsByTagName !== "undefined" ?
- context.getElementsByTagName( "*" ) :
- [];
- }
-
- return { set: set, expr: expr };
-};
-
-Sizzle.filter = function( expr, set, inplace, not ) {
- var match, anyFound,
- old = expr,
- result = [],
- curLoop = set,
- isXMLFilter = set && set[0] && Sizzle.isXML( set[0] );
-
- while ( expr && set.length ) {
- for ( var type in Expr.filter ) {
- if ( (match = Expr.leftMatch[ type ].exec( expr )) != null && match[2] ) {
- var found, item,
- filter = Expr.filter[ type ],
- left = match[1];
-
- anyFound = false;
-
- match.splice(1,1);
-
- if ( left.substr( left.length - 1 ) === "\\" ) {
- continue;
- }
-
- if ( curLoop === result ) {
- result = [];
- }
-
- if ( Expr.preFilter[ type ] ) {
- match = Expr.preFilter[ type ]( match, curLoop, inplace, result, not, isXMLFilter );
-
- if ( !match ) {
- anyFound = found = true;
-
- } else if ( match === true ) {
- continue;
- }
- }
-
- if ( match ) {
- for ( var i = 0; (item = curLoop[i]) != null; i++ ) {
- if ( item ) {
- found = filter( item, match, i, curLoop );
- var pass = not ^ !!found;
-
- if ( inplace && found != null ) {
- if ( pass ) {
- anyFound = true;
-
- } else {
- curLoop[i] = false;
- }
-
- } else if ( pass ) {
- result.push( item );
- anyFound = true;
- }
- }
- }
- }
-
- if ( found !== undefined ) {
- if ( !inplace ) {
- curLoop = result;
- }
-
- expr = expr.replace( Expr.match[ type ], "" );
-
- if ( !anyFound ) {
- return [];
- }
-
- break;
- }
- }
- }
-
- // Improper expression
- if ( expr === old ) {
- if ( anyFound == null ) {
- Sizzle.error( expr );
-
- } else {
- break;
- }
- }
-
- old = expr;
- }
-
- return curLoop;
-};
-
-Sizzle.error = function( msg ) {
- throw "Syntax error, unrecognized expression: " + msg;
-};
-
-var Expr = Sizzle.selectors = {
- order: [ "ID", "NAME", "TAG" ],
-
- match: {
- ID: /#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,
- CLASS: /\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,
- NAME: /\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,
- ATTR: /\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,
- TAG: /^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,
- CHILD: /:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,
- POS: /:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,
- PSEUDO: /:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/
- },
-
- leftMatch: {},
-
- attrMap: {
- "class": "className",
- "for": "htmlFor"
- },
-
- attrHandle: {
- href: function( elem ) {
- return elem.getAttribute( "href" );
- },
- type: function( elem ) {
- return elem.getAttribute( "type" );
- }
- },
-
- relative: {
- "+": function(checkSet, part){
- var isPartStr = typeof part === "string",
- isTag = isPartStr && !rNonWord.test( part ),
- isPartStrNotTag = isPartStr && !isTag;
-
- if ( isTag ) {
- part = part.toLowerCase();
- }
-
- for ( var i = 0, l = checkSet.length, elem; i < l; i++ ) {
- if ( (elem = checkSet[i]) ) {
- while ( (elem = elem.previousSibling) && elem.nodeType !== 1 ) {}
-
- checkSet[i] = isPartStrNotTag || elem && elem.nodeName.toLowerCase() === part ?
- elem || false :
- elem === part;
- }
- }
-
- if ( isPartStrNotTag ) {
- Sizzle.filter( part, checkSet, true );
- }
- },
-
- ">": function( checkSet, part ) {
- var elem,
- isPartStr = typeof part === "string",
- i = 0,
- l = checkSet.length;
-
- if ( isPartStr && !rNonWord.test( part ) ) {
- part = part.toLowerCase();
-
- for ( ; i < l; i++ ) {
- elem = checkSet[i];
-
- if ( elem ) {
- var parent = elem.parentNode;
- checkSet[i] = parent.nodeName.toLowerCase() === part ? parent : false;
- }
- }
-
- } else {
- for ( ; i < l; i++ ) {
- elem = checkSet[i];
-
- if ( elem ) {
- checkSet[i] = isPartStr ?
- elem.parentNode :
- elem.parentNode === part;
- }
- }
-
- if ( isPartStr ) {
- Sizzle.filter( part, checkSet, true );
- }
- }
- },
-
- "": function(checkSet, part, isXML){
- var nodeCheck,
- doneName = done++,
- checkFn = dirCheck;
-
- if ( typeof part === "string" && !rNonWord.test( part ) ) {
- part = part.toLowerCase();
- nodeCheck = part;
- checkFn = dirNodeCheck;
- }
-
- checkFn( "parentNode", part, doneName, checkSet, nodeCheck, isXML );
- },
-
- "~": function( checkSet, part, isXML ) {
- var nodeCheck,
- doneName = done++,
- checkFn = dirCheck;
-
- if ( typeof part === "string" && !rNonWord.test( part ) ) {
- part = part.toLowerCase();
- nodeCheck = part;
- checkFn = dirNodeCheck;
- }
-
- checkFn( "previousSibling", part, doneName, checkSet, nodeCheck, isXML );
- }
- },
-
- find: {
- ID: function( match, context, isXML ) {
- if ( typeof context.getElementById !== "undefined" && !isXML ) {
- var m = context.getElementById(match[1]);
- // Check parentNode to catch when Blackberry 4.6 returns
- // nodes that are no longer in the document #6963
- return m && m.parentNode ? [m] : [];
- }
- },
-
- NAME: function( match, context ) {
- if ( typeof context.getElementsByName !== "undefined" ) {
- var ret = [],
- results = context.getElementsByName( match[1] );
-
- for ( var i = 0, l = results.length; i < l; i++ ) {
- if ( results[i].getAttribute("name") === match[1] ) {
- ret.push( results[i] );
- }
- }
-
- return ret.length === 0 ? null : ret;
- }
- },
-
- TAG: function( match, context ) {
- if ( typeof context.getElementsByTagName !== "undefined" ) {
- return context.getElementsByTagName( match[1] );
- }
- }
- },
- preFilter: {
- CLASS: function( match, curLoop, inplace, result, not, isXML ) {
- match = " " + match[1].replace( rBackslash, "" ) + " ";
-
- if ( isXML ) {
- return match;
- }
-
- for ( var i = 0, elem; (elem = curLoop[i]) != null; i++ ) {
- if ( elem ) {
- if ( not ^ (elem.className && (" " + elem.className + " ").replace(/[\t\n\r]/g, " ").indexOf(match) >= 0) ) {
- if ( !inplace ) {
- result.push( elem );
- }
-
- } else if ( inplace ) {
- curLoop[i] = false;
- }
- }
- }
-
- return false;
- },
-
- ID: function( match ) {
- return match[1].replace( rBackslash, "" );
- },
-
- TAG: function( match, curLoop ) {
- return match[1].replace( rBackslash, "" ).toLowerCase();
- },
-
- CHILD: function( match ) {
- if ( match[1] === "nth" ) {
- if ( !match[2] ) {
- Sizzle.error( match[0] );
- }
-
- match[2] = match[2].replace(/^\+|\s*/g, '');
-
- // parse equations like 'even', 'odd', '5', '2n', '3n+2', '4n-1', '-n+6'
- var test = /(-?)(\d*)(?:n([+\-]?\d*))?/.exec(
- match[2] === "even" && "2n" || match[2] === "odd" && "2n+1" ||
- !/\D/.test( match[2] ) && "0n+" + match[2] || match[2]);
-
- // calculate the numbers (first)n+(last) including if they are negative
- match[2] = (test[1] + (test[2] || 1)) - 0;
- match[3] = test[3] - 0;
- }
- else if ( match[2] ) {
- Sizzle.error( match[0] );
- }
-
- // TODO: Move to normal caching system
- match[0] = done++;
-
- return match;
- },
-
- ATTR: function( match, curLoop, inplace, result, not, isXML ) {
- var name = match[1] = match[1].replace( rBackslash, "" );
-
- if ( !isXML && Expr.attrMap[name] ) {
- match[1] = Expr.attrMap[name];
- }
-
- // Handle if an un-quoted value was used
- match[4] = ( match[4] || match[5] || "" ).replace( rBackslash, "" );
-
- if ( match[2] === "~=" ) {
- match[4] = " " + match[4] + " ";
- }
-
- return match;
- },
-
- PSEUDO: function( match, curLoop, inplace, result, not ) {
- if ( match[1] === "not" ) {
- // If we're dealing with a complex expression, or a simple one
- if ( ( chunker.exec(match[3]) || "" ).length > 1 || /^\w/.test(match[3]) ) {
- match[3] = Sizzle(match[3], null, null, curLoop);
-
- } else {
- var ret = Sizzle.filter(match[3], curLoop, inplace, true ^ not);
-
- if ( !inplace ) {
- result.push.apply( result, ret );
- }
-
- return false;
- }
-
- } else if ( Expr.match.POS.test( match[0] ) || Expr.match.CHILD.test( match[0] ) ) {
- return true;
- }
-
- return match;
- },
-
- POS: function( match ) {
- match.unshift( true );
-
- return match;
- }
- },
-
- filters: {
- enabled: function( elem ) {
- return elem.disabled === false && elem.type !== "hidden";
- },
-
- disabled: function( elem ) {
- return elem.disabled === true;
- },
-
- checked: function( elem ) {
- return elem.checked === true;
- },
-
- selected: function( elem ) {
- // Accessing this property makes selected-by-default
- // options in Safari work properly
- if ( elem.parentNode ) {
- elem.parentNode.selectedIndex;
- }
-
- return elem.selected === true;
- },
-
- parent: function( elem ) {
- return !!elem.firstChild;
- },
-
- empty: function( elem ) {
- return !elem.firstChild;
- },
-
- has: function( elem, i, match ) {
- return !!Sizzle( match[3], elem ).length;
- },
-
- header: function( elem ) {
- return (/h\d/i).test( elem.nodeName );
- },
-
- text: function( elem ) {
- var attr = elem.getAttribute( "type" ), type = elem.type;
- // IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc)
- // use getAttribute instead to test this case
- return elem.nodeName.toLowerCase() === "input" && "text" === type && ( attr === type || attr === null );
- },
-
- radio: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "radio" === elem.type;
- },
-
- checkbox: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "checkbox" === elem.type;
- },
-
- file: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "file" === elem.type;
- },
-
- password: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "password" === elem.type;
- },
-
- submit: function( elem ) {
- var name = elem.nodeName.toLowerCase();
- return (name === "input" || name === "button") && "submit" === elem.type;
- },
-
- image: function( elem ) {
- return elem.nodeName.toLowerCase() === "input" && "image" === elem.type;
- },
-
- reset: function( elem ) {
- var name = elem.nodeName.toLowerCase();
- return (name === "input" || name === "button") && "reset" === elem.type;
- },
-
- button: function( elem ) {
- var name = elem.nodeName.toLowerCase();
- return name === "input" && "button" === elem.type || name === "button";
- },
-
- input: function( elem ) {
- return (/input|select|textarea|button/i).test( elem.nodeName );
- },
-
- focus: function( elem ) {
- return elem === elem.ownerDocument.activeElement;
- }
- },
- setFilters: {
- first: function( elem, i ) {
- return i === 0;
- },
-
- last: function( elem, i, match, array ) {
- return i === array.length - 1;
- },
-
- even: function( elem, i ) {
- return i % 2 === 0;
- },
-
- odd: function( elem, i ) {
- return i % 2 === 1;
- },
-
- lt: function( elem, i, match ) {
- return i < match[3] - 0;
- },
-
- gt: function( elem, i, match ) {
- return i > match[3] - 0;
- },
-
- nth: function( elem, i, match ) {
- return match[3] - 0 === i;
- },
-
- eq: function( elem, i, match ) {
- return match[3] - 0 === i;
- }
- },
- filter: {
- PSEUDO: function( elem, match, i, array ) {
- var name = match[1],
- filter = Expr.filters[ name ];
-
- if ( filter ) {
- return filter( elem, i, match, array );
-
- } else if ( name === "contains" ) {
- return (elem.textContent || elem.innerText || Sizzle.getText([ elem ]) || "").indexOf(match[3]) >= 0;
-
- } else if ( name === "not" ) {
- var not = match[3];
-
- for ( var j = 0, l = not.length; j < l; j++ ) {
- if ( not[j] === elem ) {
- return false;
- }
- }
-
- return true;
-
- } else {
- Sizzle.error( name );
- }
- },
-
- CHILD: function( elem, match ) {
- var type = match[1],
- node = elem;
-
- switch ( type ) {
- case "only":
- case "first":
- while ( (node = node.previousSibling) ) {
- if ( node.nodeType === 1 ) {
- return false;
- }
- }
-
- if ( type === "first" ) {
- return true;
- }
-
- node = elem;
-
- case "last":
- while ( (node = node.nextSibling) ) {
- if ( node.nodeType === 1 ) {
- return false;
- }
- }
-
- return true;
-
- case "nth":
- var first = match[2],
- last = match[3];
-
- if ( first === 1 && last === 0 ) {
- return true;
- }
-
- var doneName = match[0],
- parent = elem.parentNode;
-
- if ( parent && (parent.sizcache !== doneName || !elem.nodeIndex) ) {
- var count = 0;
-
- for ( node = parent.firstChild; node; node = node.nextSibling ) {
- if ( node.nodeType === 1 ) {
- node.nodeIndex = ++count;
- }
- }
-
- parent.sizcache = doneName;
- }
-
- var diff = elem.nodeIndex - last;
-
- if ( first === 0 ) {
- return diff === 0;
-
- } else {
- return ( diff % first === 0 && diff / first >= 0 );
- }
- }
- },
-
- ID: function( elem, match ) {
- return elem.nodeType === 1 && elem.getAttribute("id") === match;
- },
-
- TAG: function( elem, match ) {
- return (match === "*" && elem.nodeType === 1) || elem.nodeName.toLowerCase() === match;
- },
-
- CLASS: function( elem, match ) {
- return (" " + (elem.className || elem.getAttribute("class")) + " ")
- .indexOf( match ) > -1;
- },
-
- ATTR: function( elem, match ) {
- var name = match[1],
- result = Expr.attrHandle[ name ] ?
- Expr.attrHandle[ name ]( elem ) :
- elem[ name ] != null ?
- elem[ name ] :
- elem.getAttribute( name ),
- value = result + "",
- type = match[2],
- check = match[4];
-
- return result == null ?
- type === "!=" :
- type === "=" ?
- value === check :
- type === "*=" ?
- value.indexOf(check) >= 0 :
- type === "~=" ?
- (" " + value + " ").indexOf(check) >= 0 :
- !check ?
- value && result !== false :
- type === "!=" ?
- value !== check :
- type === "^=" ?
- value.indexOf(check) === 0 :
- type === "$=" ?
- value.substr(value.length - check.length) === check :
- type === "|=" ?
- value === check || value.substr(0, check.length + 1) === check + "-" :
- false;
- },
-
- POS: function( elem, match, i, array ) {
- var name = match[2],
- filter = Expr.setFilters[ name ];
-
- if ( filter ) {
- return filter( elem, i, match, array );
- }
- }
- }
-};
-
-var origPOS = Expr.match.POS,
- fescape = function(all, num){
- return "\\" + (num - 0 + 1);
- };
-
-for ( var type in Expr.match ) {
- Expr.match[ type ] = new RegExp( Expr.match[ type ].source + (/(?![^\[]*\])(?![^\(]*\))/.source) );
- Expr.leftMatch[ type ] = new RegExp( /(^(?:.|\r|\n)*?)/.source + Expr.match[ type ].source.replace(/\\(\d+)/g, fescape) );
-}
-
-var makeArray = function( array, results ) {
- array = Array.prototype.slice.call( array, 0 );
-
- if ( results ) {
- results.push.apply( results, array );
- return results;
- }
-
- return array;
-};
-
-// Perform a simple check to determine if the browser is capable of
-// converting a NodeList to an array using builtin methods.
-// Also verifies that the returned array holds DOM nodes
-// (which is not the case in the Blackberry browser)
-try {
- Array.prototype.slice.call( document.documentElement.childNodes, 0 )[0].nodeType;
-
-// Provide a fallback method if it does not work
-} catch( e ) {
- makeArray = function( array, results ) {
- var i = 0,
- ret = results || [];
-
- if ( toString.call(array) === "[object Array]" ) {
- Array.prototype.push.apply( ret, array );
-
- } else {
- if ( typeof array.length === "number" ) {
- for ( var l = array.length; i < l; i++ ) {
- ret.push( array[i] );
- }
-
- } else {
- for ( ; array[i]; i++ ) {
- ret.push( array[i] );
- }
- }
- }
-
- return ret;
- };
-}
-
-var sortOrder, siblingCheck;
-
-if ( document.documentElement.compareDocumentPosition ) {
- sortOrder = function( a, b ) {
- if ( a === b ) {
- hasDuplicate = true;
- return 0;
- }
-
- if ( !a.compareDocumentPosition || !b.compareDocumentPosition ) {
- return a.compareDocumentPosition ? -1 : 1;
- }
-
- return a.compareDocumentPosition(b) & 4 ? -1 : 1;
- };
-
-} else {
- sortOrder = function( a, b ) {
- // The nodes are identical, we can exit early
- if ( a === b ) {
- hasDuplicate = true;
- return 0;
-
- // Fallback to using sourceIndex (in IE) if it's available on both nodes
- } else if ( a.sourceIndex && b.sourceIndex ) {
- return a.sourceIndex - b.sourceIndex;
- }
-
- var al, bl,
- ap = [],
- bp = [],
- aup = a.parentNode,
- bup = b.parentNode,
- cur = aup;
-
- // If the nodes are siblings (or identical) we can do a quick check
- if ( aup === bup ) {
- return siblingCheck( a, b );
-
- // If no parents were found then the nodes are disconnected
- } else if ( !aup ) {
- return -1;
-
- } else if ( !bup ) {
- return 1;
- }
-
- // Otherwise they're somewhere else in the tree so we need
- // to build up a full list of the parentNodes for comparison
- while ( cur ) {
- ap.unshift( cur );
- cur = cur.parentNode;
- }
-
- cur = bup;
-
- while ( cur ) {
- bp.unshift( cur );
- cur = cur.parentNode;
- }
-
- al = ap.length;
- bl = bp.length;
-
- // Start walking down the tree looking for a discrepancy
- for ( var i = 0; i < al && i < bl; i++ ) {
- if ( ap[i] !== bp[i] ) {
- return siblingCheck( ap[i], bp[i] );
- }
- }
-
- // We ended someplace up the tree so do a sibling check
- return i === al ?
- siblingCheck( a, bp[i], -1 ) :
- siblingCheck( ap[i], b, 1 );
- };
-
- siblingCheck = function( a, b, ret ) {
- if ( a === b ) {
- return ret;
- }
-
- var cur = a.nextSibling;
-
- while ( cur ) {
- if ( cur === b ) {
- return -1;
- }
-
- cur = cur.nextSibling;
- }
-
- return 1;
- };
-}
-
-// Utility function for retreiving the text value of an array of DOM nodes
-Sizzle.getText = function( elems ) {
- var ret = "", elem;
-
- for ( var i = 0; elems[i]; i++ ) {
- elem = elems[i];
-
- // Get the text from text nodes and CDATA nodes
- if ( elem.nodeType === 3 || elem.nodeType === 4 ) {
- ret += elem.nodeValue;
-
- // Traverse everything else, except comment nodes
- } else if ( elem.nodeType !== 8 ) {
- ret += Sizzle.getText( elem.childNodes );
- }
- }
-
- return ret;
-};
-
-// Check to see if the browser returns elements by name when
-// querying by getElementById (and provide a workaround)
-(function(){
- // We're going to inject a fake input element with a specified name
- var form = document.createElement("div"),
- id = "script" + (new Date()).getTime(),
- root = document.documentElement;
-
- form.innerHTML = "<a name='" + id + "'/>";
-
- // Inject it into the root element, check its status, and remove it quickly
- root.insertBefore( form, root.firstChild );
-
- // The workaround has to do additional checks after a getElementById
- // Which slows things down for other browsers (hence the branching)
- if ( document.getElementById( id ) ) {
- Expr.find.ID = function( match, context, isXML ) {
- if ( typeof context.getElementById !== "undefined" && !isXML ) {
- var m = context.getElementById(match[1]);
-
- return m ?
- m.id === match[1] || typeof m.getAttributeNode !== "undefined" && m.getAttributeNode("id").nodeValue === match[1] ?
- [m] :
- undefined :
- [];
- }
- };
-
- Expr.filter.ID = function( elem, match ) {
- var node = typeof elem.getAttributeNode !== "undefined" && elem.getAttributeNode("id");
-
- return elem.nodeType === 1 && node && node.nodeValue === match;
- };
- }
-
- root.removeChild( form );
-
- // release memory in IE
- root = form = null;
-})();
-
-(function(){
- // Check to see if the browser returns only elements
- // when doing getElementsByTagName("*")
-
- // Create a fake element
- var div = document.createElement("div");
- div.appendChild( document.createComment("") );
-
- // Make sure no comments are found
- if ( div.getElementsByTagName("*").length > 0 ) {
- Expr.find.TAG = function( match, context ) {
- var results = context.getElementsByTagName( match[1] );
-
- // Filter out possible comments
- if ( match[1] === "*" ) {
- var tmp = [];
-
- for ( var i = 0; results[i]; i++ ) {
- if ( results[i].nodeType === 1 ) {
- tmp.push( results[i] );
- }
- }
-
- results = tmp;
- }
-
- return results;
- };
- }
-
- // Check to see if an attribute returns normalized href attributes
- div.innerHTML = "<a href='#'></a>";
-
- if ( div.firstChild && typeof div.firstChild.getAttribute !== "undefined" &&
- div.firstChild.getAttribute("href") !== "#" ) {
-
- Expr.attrHandle.href = function( elem ) {
- return elem.getAttribute( "href", 2 );
- };
- }
-
- // release memory in IE
- div = null;
-})();
-
-if ( document.querySelectorAll ) {
- (function(){
- var oldSizzle = Sizzle,
- div = document.createElement("div"),
- id = "__sizzle__";
-
- div.innerHTML = "<p class='TEST'></p>";
-
- // Safari can't handle uppercase or unicode characters when
- // in quirks mode.
- if ( div.querySelectorAll && div.querySelectorAll(".TEST").length === 0 ) {
- return;
- }
-
- Sizzle = function( query, context, extra, seed ) {
- context = context || document;
-
- // Only use querySelectorAll on non-XML documents
- // (ID selectors don't work in non-HTML documents)
- if ( !seed && !Sizzle.isXML(context) ) {
- // See if we find a selector to speed up
- var match = /^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec( query );
-
- if ( match && (context.nodeType === 1 || context.nodeType === 9) ) {
- // Speed-up: Sizzle("TAG")
- if ( match[1] ) {
- return makeArray( context.getElementsByTagName( query ), extra );
-
- // Speed-up: Sizzle(".CLASS")
- } else if ( match[2] && Expr.find.CLASS && context.getElementsByClassName ) {
- return makeArray( context.getElementsByClassName( match[2] ), extra );
- }
- }
-
- if ( context.nodeType === 9 ) {
- // Speed-up: Sizzle("body")
- // The body element only exists once, optimize finding it
- if ( query === "body" && context.body ) {
- return makeArray( [ context.body ], extra );
-
- // Speed-up: Sizzle("#ID")
- } else if ( match && match[3] ) {
- var elem = context.getElementById( match[3] );
-
- // Check parentNode to catch when Blackberry 4.6 returns
- // nodes that are no longer in the document #6963
- if ( elem && elem.parentNode ) {
- // Handle the case where IE and Opera return items
- // by name instead of ID
- if ( elem.id === match[3] ) {
- return makeArray( [ elem ], extra );
- }
-
- } else {
- return makeArray( [], extra );
- }
- }
-
- try {
- return makeArray( context.querySelectorAll(query), extra );
- } catch(qsaError) {}
-
- // qSA works strangely on Element-rooted queries
- // We can work around this by specifying an extra ID on the root
- // and working up from there (Thanks to Andrew Dupont for the technique)
- // IE 8 doesn't work on object elements
- } else if ( context.nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) {
- var oldContext = context,
- old = context.getAttribute( "id" ),
- nid = old || id,
- hasParent = context.parentNode,
- relativeHierarchySelector = /^\s*[+~]/.test( query );
-
- if ( !old ) {
- context.setAttribute( "id", nid );
- } else {
- nid = nid.replace( /'/g, "\\$&" );
- }
- if ( relativeHierarchySelector && hasParent ) {
- context = context.parentNode;
- }
-
- try {
- if ( !relativeHierarchySelector || hasParent ) {
- return makeArray( context.querySelectorAll( "[id='" + nid + "'] " + query ), extra );
- }
-
- } catch(pseudoError) {
- } finally {
- if ( !old ) {
- oldContext.removeAttribute( "id" );
- }
- }
- }
- }
-
- return oldSizzle(query, context, extra, seed);
- };
-
- for ( var prop in oldSizzle ) {
- Sizzle[ prop ] = oldSizzle[ prop ];
- }
-
- // release memory in IE
- div = null;
- })();
-}
-
-(function(){
- var html = document.documentElement,
- matches = html.matchesSelector || html.mozMatchesSelector || html.webkitMatchesSelector || html.msMatchesSelector;
-
- if ( matches ) {
- // Check to see if it's possible to do matchesSelector
- // on a disconnected node (IE 9 fails this)
- var disconnectedMatch = !matches.call( document.createElement( "div" ), "div" ),
- pseudoWorks = false;
-
- try {
- // This should fail with an exception
- // Gecko does not error, returns false instead
- matches.call( document.documentElement, "[test!='']:sizzle" );
-
- } catch( pseudoError ) {
- pseudoWorks = true;
- }
-
- Sizzle.matchesSelector = function( node, expr ) {
- // Make sure that attribute selectors are quoted
- expr = expr.replace(/\=\s*([^'"\]]*)\s*\]/g, "='$1']");
-
- if ( !Sizzle.isXML( node ) ) {
- try {
- if ( pseudoWorks || !Expr.match.PSEUDO.test( expr ) && !/!=/.test( expr ) ) {
- var ret = matches.call( node, expr );
-
- // IE 9's matchesSelector returns false on disconnected nodes
- if ( ret || !disconnectedMatch ||
- // As well, disconnected nodes are said to be in a document
- // fragment in IE 9, so check for that
- node.document && node.document.nodeType !== 11 ) {
- return ret;
- }
- }
- } catch(e) {}
- }
-
- return Sizzle(expr, null, null, [node]).length > 0;
- };
- }
-})();
-
-(function(){
- var div = document.createElement("div");
-
- div.innerHTML = "<div class='test e'></div><div class='test'></div>";
-
- // Opera can't find a second classname (in 9.6)
- // Also, make sure that getElementsByClassName actually exists
- if ( !div.getElementsByClassName || div.getElementsByClassName("e").length === 0 ) {
- return;
- }
-
- // Safari caches class attributes, doesn't catch changes (in 3.2)
- div.lastChild.className = "e";
-
- if ( div.getElementsByClassName("e").length === 1 ) {
- return;
- }
-
- Expr.order.splice(1, 0, "CLASS");
- Expr.find.CLASS = function( match, context, isXML ) {
- if ( typeof context.getElementsByClassName !== "undefined" && !isXML ) {
- return context.getElementsByClassName(match[1]);
- }
- };
-
- // release memory in IE
- div = null;
-})();
-
-function dirNodeCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
- for ( var i = 0, l = checkSet.length; i < l; i++ ) {
- var elem = checkSet[i];
-
- if ( elem ) {
- var match = false;
-
- elem = elem[dir];
-
- while ( elem ) {
- if ( elem.sizcache === doneName ) {
- match = checkSet[elem.sizset];
- break;
- }
-
- if ( elem.nodeType === 1 && !isXML ){
- elem.sizcache = doneName;
- elem.sizset = i;
- }
-
- if ( elem.nodeName.toLowerCase() === cur ) {
- match = elem;
- break;
- }
-
- elem = elem[dir];
- }
-
- checkSet[i] = match;
- }
- }
-}
-
-function dirCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
- for ( var i = 0, l = checkSet.length; i < l; i++ ) {
- var elem = checkSet[i];
-
- if ( elem ) {
- var match = false;
-
- elem = elem[dir];
-
- while ( elem ) {
- if ( elem.sizcache === doneName ) {
- match = checkSet[elem.sizset];
- break;
- }
-
- if ( elem.nodeType === 1 ) {
- if ( !isXML ) {
- elem.sizcache = doneName;
- elem.sizset = i;
- }
-
- if ( typeof cur !== "string" ) {
- if ( elem === cur ) {
- match = true;
- break;
- }
-
- } else if ( Sizzle.filter( cur, [elem] ).length > 0 ) {
- match = elem;
- break;
- }
- }
-
- elem = elem[dir];
- }
-
- checkSet[i] = match;
- }
- }
-}
-
-if ( document.documentElement.contains ) {
- Sizzle.contains = function( a, b ) {
- return a !== b && (a.contains ? a.contains(b) : true);
- };
-
-} else if ( document.documentElement.compareDocumentPosition ) {
- Sizzle.contains = function( a, b ) {
- return !!(a.compareDocumentPosition(b) & 16);
- };
-
-} else {
- Sizzle.contains = function() {
- return false;
- };
-}
-
-Sizzle.isXML = function( elem ) {
- // documentElement is verified for cases where it doesn't yet exist
- // (such as loading iframes in IE - #4833)
- var documentElement = (elem ? elem.ownerDocument || elem : 0).documentElement;
-
- return documentElement ? documentElement.nodeName !== "HTML" : false;
-};
-
-var posProcess = function( selector, context ) {
- var match,
- tmpSet = [],
- later = "",
- root = context.nodeType ? [context] : context;
-
- // Position selectors must be done after the filter
- // And so must :not(positional) so we move all PSEUDOs to the end
- while ( (match = Expr.match.PSEUDO.exec( selector )) ) {
- later += match[0];
- selector = selector.replace( Expr.match.PSEUDO, "" );
- }
-
- selector = Expr.relative[selector] ? selector + "*" : selector;
-
- for ( var i = 0, l = root.length; i < l; i++ ) {
- Sizzle( selector, root[i], tmpSet );
- }
-
- return Sizzle.filter( later, tmpSet );
-};
-
-// EXPOSE
-jQuery.find = Sizzle;
-jQuery.expr = Sizzle.selectors;
-jQuery.expr[":"] = jQuery.expr.filters;
-jQuery.unique = Sizzle.uniqueSort;
-jQuery.text = Sizzle.getText;
-jQuery.isXMLDoc = Sizzle.isXML;
-jQuery.contains = Sizzle.contains;
-
-
-})();
-
-
-var runtil = /Until$/,
- rparentsprev = /^(?:parents|prevUntil|prevAll)/,
- // Note: This RegExp should be improved, or likely pulled from Sizzle
- rmultiselector = /,/,
- isSimple = /^.[^:#\[\.,]*$/,
- slice = Array.prototype.slice,
- POS = jQuery.expr.match.POS,
- // methods guaranteed to produce a unique set when starting from a unique set
- guaranteedUnique = {
- children: true,
- contents: true,
- next: true,
- prev: true
- };
-
-jQuery.fn.extend({
- find: function( selector ) {
- var self = this,
- i, l;
-
- if ( typeof selector !== "string" ) {
- return jQuery( selector ).filter(function() {
- for ( i = 0, l = self.length; i < l; i++ ) {
- if ( jQuery.contains( self[ i ], this ) ) {
- return true;
- }
- }
- });
- }
-
- var ret = this.pushStack( "", "find", selector ),
- length, n, r;
-
- for ( i = 0, l = this.length; i < l; i++ ) {
- length = ret.length;
- jQuery.find( selector, this[i], ret );
-
- if ( i > 0 ) {
- // Make sure that the results are unique
- for ( n = length; n < ret.length; n++ ) {
- for ( r = 0; r < length; r++ ) {
- if ( ret[r] === ret[n] ) {
- ret.splice(n--, 1);
- break;
- }
- }
- }
- }
- }
-
- return ret;
- },
-
- has: function( target ) {
- var targets = jQuery( target );
- return this.filter(function() {
- for ( var i = 0, l = targets.length; i < l; i++ ) {
- if ( jQuery.contains( this, targets[i] ) ) {
- return true;
- }
- }
- });
- },
-
- not: function( selector ) {
- return this.pushStack( winnow(this, selector, false), "not", selector);
- },
-
- filter: function( selector ) {
- return this.pushStack( winnow(this, selector, true), "filter", selector );
- },
-
- is: function( selector ) {
- return !!selector && ( typeof selector === "string" ?
- jQuery.filter( selector, this ).length > 0 :
- this.filter( selector ).length > 0 );
- },
-
- closest: function( selectors, context ) {
- var ret = [], i, l, cur = this[0];
-
- // Array
- if ( jQuery.isArray( selectors ) ) {
- var match, selector,
- matches = {},
- level = 1;
-
- if ( cur && selectors.length ) {
- for ( i = 0, l = selectors.length; i < l; i++ ) {
- selector = selectors[i];
-
- if ( !matches[ selector ] ) {
- matches[ selector ] = POS.test( selector ) ?
- jQuery( selector, context || this.context ) :
- selector;
- }
- }
-
- while ( cur && cur.ownerDocument && cur !== context ) {
- for ( selector in matches ) {
- match = matches[ selector ];
-
- if ( match.jquery ? match.index( cur ) > -1 : jQuery( cur ).is( match ) ) {
- ret.push({ selector: selector, elem: cur, level: level });
- }
- }
-
- cur = cur.parentNode;
- level++;
- }
- }
-
- return ret;
- }
-
- // String
- var pos = POS.test( selectors ) || typeof selectors !== "string" ?
- jQuery( selectors, context || this.context ) :
- 0;
-
- for ( i = 0, l = this.length; i < l; i++ ) {
- cur = this[i];
-
- while ( cur ) {
- if ( pos ? pos.index(cur) > -1 : jQuery.find.matchesSelector(cur, selectors) ) {
- ret.push( cur );
- break;
-
- } else {
- cur = cur.parentNode;
- if ( !cur || !cur.ownerDocument || cur === context || cur.nodeType === 11 ) {
- break;
- }
- }
- }
- }
-
- ret = ret.length > 1 ? jQuery.unique( ret ) : ret;
-
- return this.pushStack( ret, "closest", selectors );
- },
-
- // Determine the position of an element within
- // the matched set of elements
- index: function( elem ) {
-
- // No argument, return index in parent
- if ( !elem ) {
- return ( this[0] && this[0].parentNode ) ? this.prevAll().length : -1;
- }
-
- // index in selector
- if ( typeof elem === "string" ) {
- return jQuery.inArray( this[0], jQuery( elem ) );
- }
-
- // Locate the position of the desired element
- return jQuery.inArray(
- // If it receives a jQuery object, the first element is used
- elem.jquery ? elem[0] : elem, this );
- },
-
- add: function( selector, context ) {
- var set = typeof selector === "string" ?
- jQuery( selector, context ) :
- jQuery.makeArray( selector && selector.nodeType ? [ selector ] : selector ),
- all = jQuery.merge( this.get(), set );
-
- return this.pushStack( isDisconnected( set[0] ) || isDisconnected( all[0] ) ?
- all :
- jQuery.unique( all ) );
- },
-
- andSelf: function() {
- return this.add( this.prevObject );
- }
-});
-
-// A painfully simple check to see if an element is disconnected
-// from a document (should be improved, where feasible).
-function isDisconnected( node ) {
- return !node || !node.parentNode || node.parentNode.nodeType === 11;
-}
-
-jQuery.each({
- parent: function( elem ) {
- var parent = elem.parentNode;
- return parent && parent.nodeType !== 11 ? parent : null;
- },
- parents: function( elem ) {
- return jQuery.dir( elem, "parentNode" );
- },
- parentsUntil: function( elem, i, until ) {
- return jQuery.dir( elem, "parentNode", until );
- },
- next: function( elem ) {
- return jQuery.nth( elem, 2, "nextSibling" );
- },
- prev: function( elem ) {
- return jQuery.nth( elem, 2, "previousSibling" );
- },
- nextAll: function( elem ) {
- return jQuery.dir( elem, "nextSibling" );
- },
- prevAll: function( elem ) {
- return jQuery.dir( elem, "previousSibling" );
- },
- nextUntil: function( elem, i, until ) {
- return jQuery.dir( elem, "nextSibling", until );
- },
- prevUntil: function( elem, i, until ) {
- return jQuery.dir( elem, "previousSibling", until );
- },
- siblings: function( elem ) {
- return jQuery.sibling( elem.parentNode.firstChild, elem );
- },
- children: function( elem ) {
- return jQuery.sibling( elem.firstChild );
- },
- contents: function( elem ) {
- return jQuery.nodeName( elem, "iframe" ) ?
- elem.contentDocument || elem.contentWindow.document :
- jQuery.makeArray( elem.childNodes );
- }
-}, function( name, fn ) {
- jQuery.fn[ name ] = function( until, selector ) {
- var ret = jQuery.map( this, fn, until ),
- // The variable 'args' was introduced in
- // https://github.com/jquery/jquery/commit/52a0238
- // to work around a bug in Chrome 10 (Dev) and should be removed when the bug is fixed.
- // http://code.google.com/p/v8/issues/detail?id=1050
- args = slice.call(arguments);
-
- if ( !runtil.test( name ) ) {
- selector = until;
- }
-
- if ( selector && typeof selector === "string" ) {
- ret = jQuery.filter( selector, ret );
- }
-
- ret = this.length > 1 && !guaranteedUnique[ name ] ? jQuery.unique( ret ) : ret;
-
- if ( (this.length > 1 || rmultiselector.test( selector )) && rparentsprev.test( name ) ) {
- ret = ret.reverse();
- }
-
- return this.pushStack( ret, name, args.join(",") );
- };
-});
-
-jQuery.extend({
- filter: function( expr, elems, not ) {
- if ( not ) {
- expr = ":not(" + expr + ")";
- }
-
- return elems.length === 1 ?
- jQuery.find.matchesSelector(elems[0], expr) ? [ elems[0] ] : [] :
- jQuery.find.matches(expr, elems);
- },
-
- dir: function( elem, dir, until ) {
- var matched = [],
- cur = elem[ dir ];
-
- while ( cur && cur.nodeType !== 9 && (until === undefined || cur.nodeType !== 1 || !jQuery( cur ).is( until )) ) {
- if ( cur.nodeType === 1 ) {
- matched.push( cur );
- }
- cur = cur[dir];
- }
- return matched;
- },
-
- nth: function( cur, result, dir, elem ) {
- result = result || 1;
- var num = 0;
-
- for ( ; cur; cur = cur[dir] ) {
- if ( cur.nodeType === 1 && ++num === result ) {
- break;
- }
- }
-
- return cur;
- },
-
- sibling: function( n, elem ) {
- var r = [];
-
- for ( ; n; n = n.nextSibling ) {
- if ( n.nodeType === 1 && n !== elem ) {
- r.push( n );
- }
- }
-
- return r;
- }
-});
-
-// Implement the identical functionality for filter and not
-function winnow( elements, qualifier, keep ) {
-
- // Can't pass null or undefined to indexOf in Firefox 4
- // Set to 0 to skip string check
- qualifier = qualifier || 0;
-
- if ( jQuery.isFunction( qualifier ) ) {
- return jQuery.grep(elements, function( elem, i ) {
- var retVal = !!qualifier.call( elem, i, elem );
- return retVal === keep;
- });
-
- } else if ( qualifier.nodeType ) {
- return jQuery.grep(elements, function( elem, i ) {
- return (elem === qualifier) === keep;
- });
-
- } else if ( typeof qualifier === "string" ) {
- var filtered = jQuery.grep(elements, function( elem ) {
- return elem.nodeType === 1;
- });
-
- if ( isSimple.test( qualifier ) ) {
- return jQuery.filter(qualifier, filtered, !keep);
- } else {
- qualifier = jQuery.filter( qualifier, filtered );
- }
- }
-
- return jQuery.grep(elements, function( elem, i ) {
- return (jQuery.inArray( elem, qualifier ) >= 0) === keep;
- });
-}
-
-
-
-
-var rinlinejQuery = / jQuery\d+="(?:\d+|null)"/g,
- rleadingWhitespace = /^\s+/,
- rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,
- rtagName = /<([\w:]+)/,
- rtbody = /<tbody/i,
- rhtml = /<|&#?\w+;/,
- rnocache = /<(?:script|object|embed|option|style)/i,
- // checked="checked" or checked
- rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
- rscriptType = /\/(java|ecma)script/i,
- rcleanScript = /^\s*<!(?:\[CDATA\[|\-\-)/,
- wrapMap = {
- option: [ 1, "<select multiple='multiple'>", "</select>" ],
- legend: [ 1, "<fieldset>", "</fieldset>" ],
- thead: [ 1, "<table>", "</table>" ],
- tr: [ 2, "<table><tbody>", "</tbody></table>" ],
- td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
- col: [ 2, "<table><tbody></tbody><colgroup>", "</colgroup></table>" ],
- area: [ 1, "<map>", "</map>" ],
- _default: [ 0, "", "" ]
- };
-
-wrapMap.optgroup = wrapMap.option;
-wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
-wrapMap.th = wrapMap.td;
-
-// IE can't serialize <link> and <script> tags normally
-if ( !jQuery.support.htmlSerialize ) {
- wrapMap._default = [ 1, "div<div>", "</div>" ];
-}
-
-jQuery.fn.extend({
- text: function( text ) {
- if ( jQuery.isFunction(text) ) {
- return this.each(function(i) {
- var self = jQuery( this );
-
- self.text( text.call(this, i, self.text()) );
- });
- }
-
- if ( typeof text !== "object" && text !== undefined ) {
- return this.empty().append( (this[0] && this[0].ownerDocument || document).createTextNode( text ) );
- }
-
- return jQuery.text( this );
- },
-
- wrapAll: function( html ) {
- if ( jQuery.isFunction( html ) ) {
- return this.each(function(i) {
- jQuery(this).wrapAll( html.call(this, i) );
- });
- }
-
- if ( this[0] ) {
- // The elements to wrap the target around
- var wrap = jQuery( html, this[0].ownerDocument ).eq(0).clone(true);
-
- if ( this[0].parentNode ) {
- wrap.insertBefore( this[0] );
- }
-
- wrap.map(function() {
- var elem = this;
-
- while ( elem.firstChild && elem.firstChild.nodeType === 1 ) {
- elem = elem.firstChild;
- }
-
- return elem;
- }).append( this );
- }
-
- return this;
- },
-
- wrapInner: function( html ) {
- if ( jQuery.isFunction( html ) ) {
- return this.each(function(i) {
- jQuery(this).wrapInner( html.call(this, i) );
- });
- }
-
- return this.each(function() {
- var self = jQuery( this ),
- contents = self.contents();
-
- if ( contents.length ) {
- contents.wrapAll( html );
-
- } else {
- self.append( html );
- }
- });
- },
-
- wrap: function( html ) {
- return this.each(function() {
- jQuery( this ).wrapAll( html );
- });
- },
-
- unwrap: function() {
- return this.parent().each(function() {
- if ( !jQuery.nodeName( this, "body" ) ) {
- jQuery( this ).replaceWith( this.childNodes );
- }
- }).end();
- },
-
- append: function() {
- return this.domManip(arguments, true, function( elem ) {
- if ( this.nodeType === 1 ) {
- this.appendChild( elem );
- }
- });
- },
-
- prepend: function() {
- return this.domManip(arguments, true, function( elem ) {
- if ( this.nodeType === 1 ) {
- this.insertBefore( elem, this.firstChild );
- }
- });
- },
-
- before: function() {
- if ( this[0] && this[0].parentNode ) {
- return this.domManip(arguments, false, function( elem ) {
- this.parentNode.insertBefore( elem, this );
- });
- } else if ( arguments.length ) {
- var set = jQuery(arguments[0]);
- set.push.apply( set, this.toArray() );
- return this.pushStack( set, "before", arguments );
- }
- },
-
- after: function() {
- if ( this[0] && this[0].parentNode ) {
- return this.domManip(arguments, false, function( elem ) {
- this.parentNode.insertBefore( elem, this.nextSibling );
- });
- } else if ( arguments.length ) {
- var set = this.pushStack( this, "after", arguments );
- set.push.apply( set, jQuery(arguments[0]).toArray() );
- return set;
- }
- },
-
- // keepData is for internal use only--do not document
- remove: function( selector, keepData ) {
- for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
- if ( !selector || jQuery.filter( selector, [ elem ] ).length ) {
- if ( !keepData && elem.nodeType === 1 ) {
- jQuery.cleanData( elem.getElementsByTagName("*") );
- jQuery.cleanData( [ elem ] );
- }
-
- if ( elem.parentNode ) {
- elem.parentNode.removeChild( elem );
- }
- }
- }
-
- return this;
- },
-
- empty: function() {
- for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
- // Remove element nodes and prevent memory leaks
- if ( elem.nodeType === 1 ) {
- jQuery.cleanData( elem.getElementsByTagName("*") );
- }
-
- // Remove any remaining nodes
- while ( elem.firstChild ) {
- elem.removeChild( elem.firstChild );
- }
- }
-
- return this;
- },
-
- clone: function( dataAndEvents, deepDataAndEvents ) {
- dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
- deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
-
- return this.map( function () {
- return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
- });
- },
-
- html: function( value ) {
- if ( value === undefined ) {
- return this[0] && this[0].nodeType === 1 ?
- this[0].innerHTML.replace(rinlinejQuery, "") :
- null;
-
- // See if we can take a shortcut and just use innerHTML
- } else if ( typeof value === "string" && !rnocache.test( value ) &&
- (jQuery.support.leadingWhitespace || !rleadingWhitespace.test( value )) &&
- !wrapMap[ (rtagName.exec( value ) || ["", ""])[1].toLowerCase() ] ) {
-
- value = value.replace(rxhtmlTag, "<$1></$2>");
-
- try {
- for ( var i = 0, l = this.length; i < l; i++ ) {
- // Remove element nodes and prevent memory leaks
- if ( this[i].nodeType === 1 ) {
- jQuery.cleanData( this[i].getElementsByTagName("*") );
- this[i].innerHTML = value;
- }
- }
-
- // If using innerHTML throws an exception, use the fallback method
- } catch(e) {
- this.empty().append( value );
- }
-
- } else if ( jQuery.isFunction( value ) ) {
- this.each(function(i){
- var self = jQuery( this );
-
- self.html( value.call(this, i, self.html()) );
- });
-
- } else {
- this.empty().append( value );
- }
-
- return this;
- },
-
- replaceWith: function( value ) {
- if ( this[0] && this[0].parentNode ) {
- // Make sure that the elements are removed from the DOM before they are inserted
- // this can help fix replacing a parent with child elements
- if ( jQuery.isFunction( value ) ) {
- return this.each(function(i) {
- var self = jQuery(this), old = self.html();
- self.replaceWith( value.call( this, i, old ) );
- });
- }
-
- if ( typeof value !== "string" ) {
- value = jQuery( value ).detach();
- }
-
- return this.each(function() {
- var next = this.nextSibling,
- parent = this.parentNode;
-
- jQuery( this ).remove();
-
- if ( next ) {
- jQuery(next).before( value );
- } else {
- jQuery(parent).append( value );
- }
- });
- } else {
- return this.length ?
- this.pushStack( jQuery(jQuery.isFunction(value) ? value() : value), "replaceWith", value ) :
- this;
- }
- },
-
- detach: function( selector ) {
- return this.remove( selector, true );
- },
-
- domManip: function( args, table, callback ) {
- var results, first, fragment, parent,
- value = args[0],
- scripts = [];
-
- // We can't cloneNode fragments that contain checked, in WebKit
- if ( !jQuery.support.checkClone && arguments.length === 3 && typeof value === "string" && rchecked.test( value ) ) {
- return this.each(function() {
- jQuery(this).domManip( args, table, callback, true );
- });
- }
-
- if ( jQuery.isFunction(value) ) {
- return this.each(function(i) {
- var self = jQuery(this);
- args[0] = value.call(this, i, table ? self.html() : undefined);
- self.domManip( args, table, callback );
- });
- }
-
- if ( this[0] ) {
- parent = value && value.parentNode;
-
- // If we're in a fragment, just use that instead of building a new one
- if ( jQuery.support.parentNode && parent && parent.nodeType === 11 && parent.childNodes.length === this.length ) {
- results = { fragment: parent };
-
- } else {
- results = jQuery.buildFragment( args, this, scripts );
- }
-
- fragment = results.fragment;
-
- if ( fragment.childNodes.length === 1 ) {
- first = fragment = fragment.firstChild;
- } else {
- first = fragment.firstChild;
- }
-
- if ( first ) {
- table = table && jQuery.nodeName( first, "tr" );
-
- for ( var i = 0, l = this.length, lastIndex = l - 1; i < l; i++ ) {
- callback.call(
- table ?
- root(this[i], first) :
- this[i],
- // Make sure that we do not leak memory by inadvertently discarding
- // the original fragment (which might have attached data) instead of
- // using it; in addition, use the original fragment object for the last
- // item instead of first because it can end up being emptied incorrectly
- // in certain situations (Bug #8070).
- // Fragments from the fragment cache must always be cloned and never used
- // in place.
- results.cacheable || (l > 1 && i < lastIndex) ?
- jQuery.clone( fragment, true, true ) :
- fragment
- );
- }
- }
-
- if ( scripts.length ) {
- jQuery.each( scripts, evalScript );
- }
- }
-
- return this;
- }
-});
-
-function root( elem, cur ) {
- return jQuery.nodeName(elem, "table") ?
- (elem.getElementsByTagName("tbody")[0] ||
- elem.appendChild(elem.ownerDocument.createElement("tbody"))) :
- elem;
-}
-
-function cloneCopyEvent( src, dest ) {
-
- if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) {
- return;
- }
-
- var internalKey = jQuery.expando,
- oldData = jQuery.data( src ),
- curData = jQuery.data( dest, oldData );
-
- // Switch to use the internal data object, if it exists, for the next
- // stage of data copying
- if ( (oldData = oldData[ internalKey ]) ) {
- var events = oldData.events;
- curData = curData[ internalKey ] = jQuery.extend({}, oldData);
-
- if ( events ) {
- delete curData.handle;
- curData.events = {};
-
- for ( var type in events ) {
- for ( var i = 0, l = events[ type ].length; i < l; i++ ) {
- jQuery.event.add( dest, type + ( events[ type ][ i ].namespace ? "." : "" ) + events[ type ][ i ].namespace, events[ type ][ i ], events[ type ][ i ].data );
- }
- }
- }
- }
-}
-
-function cloneFixAttributes( src, dest ) {
- var nodeName;
-
- // We do not need to do anything for non-Elements
- if ( dest.nodeType !== 1 ) {
- return;
- }
-
- // clearAttributes removes the attributes, which we don't want,
- // but also removes the attachEvent events, which we *do* want
- if ( dest.clearAttributes ) {
- dest.clearAttributes();
- }
-
- // mergeAttributes, in contrast, only merges back on the
- // original attributes, not the events
- if ( dest.mergeAttributes ) {
- dest.mergeAttributes( src );
- }
-
- nodeName = dest.nodeName.toLowerCase();
-
- // IE6-8 fail to clone children inside object elements that use
- // the proprietary classid attribute value (rather than the type
- // attribute) to identify the type of content to display
- if ( nodeName === "object" ) {
- dest.outerHTML = src.outerHTML;
-
- } else if ( nodeName === "input" && (src.type === "checkbox" || src.type === "radio") ) {
- // IE6-8 fails to persist the checked state of a cloned checkbox
- // or radio button. Worse, IE6-7 fail to give the cloned element
- // a checked appearance if the defaultChecked value isn't also set
- if ( src.checked ) {
- dest.defaultChecked = dest.checked = src.checked;
- }
-
- // IE6-7 get confused and end up setting the value of a cloned
- // checkbox/radio button to an empty string instead of "on"
- if ( dest.value !== src.value ) {
- dest.value = src.value;
- }
-
- // IE6-8 fails to return the selected option to the default selected
- // state when cloning options
- } else if ( nodeName === "option" ) {
- dest.selected = src.defaultSelected;
-
- // IE6-8 fails to set the defaultValue to the correct value when
- // cloning other types of input fields
- } else if ( nodeName === "input" || nodeName === "textarea" ) {
- dest.defaultValue = src.defaultValue;
- }
-
- // Event data gets referenced instead of copied if the expando
- // gets copied too
- dest.removeAttribute( jQuery.expando );
-}
-
-jQuery.buildFragment = function( args, nodes, scripts ) {
- var fragment, cacheable, cacheresults, doc;
-
- // nodes may contain either an explicit document object,
- // a jQuery collection or context object.
- // If nodes[0] contains a valid object to assign to doc
- if ( nodes && nodes[0] ) {
- doc = nodes[0].ownerDocument || nodes[0];
- }
-
- // Ensure that an attr object doesn't incorrectly stand in as a document object
- // Chrome and Firefox seem to allow this to occur and will throw exception
- // Fixes #8950
- if ( !doc.createDocumentFragment ) {
- doc = document;
- }
-
- // Only cache "small" (1/2 KB) HTML strings that are associated with the main document
- // Cloning options loses the selected state, so don't cache them
- // IE 6 doesn't like it when you put <object> or <embed> elements in a fragment
- // Also, WebKit does not clone 'checked' attributes on cloneNode, so don't cache
- if ( args.length === 1 && typeof args[0] === "string" && args[0].length < 512 && doc === document &&
- args[0].charAt(0) === "<" && !rnocache.test( args[0] ) && (jQuery.support.checkClone || !rchecked.test( args[0] )) ) {
-
- cacheable = true;
-
- cacheresults = jQuery.fragments[ args[0] ];
- if ( cacheresults && cacheresults !== 1 ) {
- fragment = cacheresults;
- }
- }
-
- if ( !fragment ) {
- fragment = doc.createDocumentFragment();
- jQuery.clean( args, doc, fragment, scripts );
- }
-
- if ( cacheable ) {
- jQuery.fragments[ args[0] ] = cacheresults ? fragment : 1;
- }
-
- return { fragment: fragment, cacheable: cacheable };
-};
-
-jQuery.fragments = {};
-
-jQuery.each({
- appendTo: "append",
- prependTo: "prepend",
- insertBefore: "before",
- insertAfter: "after",
- replaceAll: "replaceWith"
-}, function( name, original ) {
- jQuery.fn[ name ] = function( selector ) {
- var ret = [],
- insert = jQuery( selector ),
- parent = this.length === 1 && this[0].parentNode;
-
- if ( parent && parent.nodeType === 11 && parent.childNodes.length === 1 && insert.length === 1 ) {
- insert[ original ]( this[0] );
- return this;
-
- } else {
- for ( var i = 0, l = insert.length; i < l; i++ ) {
- var elems = (i > 0 ? this.clone(true) : this).get();
- jQuery( insert[i] )[ original ]( elems );
- ret = ret.concat( elems );
- }
-
- return this.pushStack( ret, name, insert.selector );
- }
- };
-});
-
-function getAll( elem ) {
- if ( "getElementsByTagName" in elem ) {
- return elem.getElementsByTagName( "*" );
-
- } else if ( "querySelectorAll" in elem ) {
- return elem.querySelectorAll( "*" );
-
- } else {
- return [];
- }
-}
-
-// Used in clean, fixes the defaultChecked property
-function fixDefaultChecked( elem ) {
- if ( elem.type === "checkbox" || elem.type === "radio" ) {
- elem.defaultChecked = elem.checked;
- }
-}
-// Finds all inputs and passes them to fixDefaultChecked
-function findInputs( elem ) {
- if ( jQuery.nodeName( elem, "input" ) ) {
- fixDefaultChecked( elem );
- } else if ( "getElementsByTagName" in elem ) {
- jQuery.grep( elem.getElementsByTagName("input"), fixDefaultChecked );
- }
-}
-
-jQuery.extend({
- clone: function( elem, dataAndEvents, deepDataAndEvents ) {
- var clone = elem.cloneNode(true),
- srcElements,
- destElements,
- i;
-
- if ( (!jQuery.support.noCloneEvent || !jQuery.support.noCloneChecked) &&
- (elem.nodeType === 1 || elem.nodeType === 11) && !jQuery.isXMLDoc(elem) ) {
- // IE copies events bound via attachEvent when using cloneNode.
- // Calling detachEvent on the clone will also remove the events
- // from the original. In order to get around this, we use some
- // proprietary methods to clear the events. Thanks to MooTools
- // guys for this hotness.
-
- cloneFixAttributes( elem, clone );
-
- // Using Sizzle here is crazy slow, so we use getElementsByTagName
- // instead
- srcElements = getAll( elem );
- destElements = getAll( clone );
-
- // Weird iteration because IE will replace the length property
- // with an element if you are cloning the body and one of the
- // elements on the page has a name or id of "length"
- for ( i = 0; srcElements[i]; ++i ) {
- // Ensure that the destination node is not null; Fixes #9587
- if ( destElements[i] ) {
- cloneFixAttributes( srcElements[i], destElements[i] );
- }
- }
- }
-
- // Copy the events from the original to the clone
- if ( dataAndEvents ) {
- cloneCopyEvent( elem, clone );
-
- if ( deepDataAndEvents ) {
- srcElements = getAll( elem );
- destElements = getAll( clone );
-
- for ( i = 0; srcElements[i]; ++i ) {
- cloneCopyEvent( srcElements[i], destElements[i] );
- }
- }
- }
-
- srcElements = destElements = null;
-
- // Return the cloned set
- return clone;
- },
-
- clean: function( elems, context, fragment, scripts ) {
- var checkScriptType;
-
- context = context || document;
-
- // !context.createElement fails in IE with an error but returns typeof 'object'
- if ( typeof context.createElement === "undefined" ) {
- context = context.ownerDocument || context[0] && context[0].ownerDocument || document;
- }
-
- var ret = [], j;
-
- for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
- if ( typeof elem === "number" ) {
- elem += "";
- }
-
- if ( !elem ) {
- continue;
- }
-
- // Convert html string into DOM nodes
- if ( typeof elem === "string" ) {
- if ( !rhtml.test( elem ) ) {
- elem = context.createTextNode( elem );
- } else {
- // Fix "XHTML"-style tags in all browsers
- elem = elem.replace(rxhtmlTag, "<$1></$2>");
-
- // Trim whitespace, otherwise indexOf won't work as expected
- var tag = (rtagName.exec( elem ) || ["", ""])[1].toLowerCase(),
- wrap = wrapMap[ tag ] || wrapMap._default,
- depth = wrap[0],
- div = context.createElement("div");
-
- // Go to html and back, then peel off extra wrappers
- div.innerHTML = wrap[1] + elem + wrap[2];
-
- // Move to the right depth
- while ( depth-- ) {
- div = div.lastChild;
- }
-
- // Remove IE's autoinserted <tbody> from table fragments
- if ( !jQuery.support.tbody ) {
-
- // String was a <table>, *may* have spurious <tbody>
- var hasBody = rtbody.test(elem),
- tbody = tag === "table" && !hasBody ?
- div.firstChild && div.firstChild.childNodes :
-
- // String was a bare <thead> or <tfoot>
- wrap[1] === "<table>" && !hasBody ?
- div.childNodes :
- [];
-
- for ( j = tbody.length - 1; j >= 0 ; --j ) {
- if ( jQuery.nodeName( tbody[ j ], "tbody" ) && !tbody[ j ].childNodes.length ) {
- tbody[ j ].parentNode.removeChild( tbody[ j ] );
- }
- }
- }
-
- // IE completely kills leading whitespace when innerHTML is used
- if ( !jQuery.support.leadingWhitespace && rleadingWhitespace.test( elem ) ) {
- div.insertBefore( context.createTextNode( rleadingWhitespace.exec(elem)[0] ), div.firstChild );
- }
-
- elem = div.childNodes;
- }
- }
-
- // Resets defaultChecked for any radios and checkboxes
- // about to be appended to the DOM in IE 6/7 (#8060)
- var len;
- if ( !jQuery.support.appendChecked ) {
- if ( elem[0] && typeof (len = elem.length) === "number" ) {
- for ( j = 0; j < len; j++ ) {
- findInputs( elem[j] );
- }
- } else {
- findInputs( elem );
- }
- }
-
- if ( elem.nodeType ) {
- ret.push( elem );
- } else {
- ret = jQuery.merge( ret, elem );
- }
- }
-
- if ( fragment ) {
- checkScriptType = function( elem ) {
- return !elem.type || rscriptType.test( elem.type );
- };
- for ( i = 0; ret[i]; i++ ) {
- if ( scripts && jQuery.nodeName( ret[i], "script" ) && (!ret[i].type || ret[i].type.toLowerCase() === "text/javascript") ) {
- scripts.push( ret[i].parentNode ? ret[i].parentNode.removeChild( ret[i] ) : ret[i] );
-
- } else {
- if ( ret[i].nodeType === 1 ) {
- var jsTags = jQuery.grep( ret[i].getElementsByTagName( "script" ), checkScriptType );
-
- ret.splice.apply( ret, [i + 1, 0].concat( jsTags ) );
- }
- fragment.appendChild( ret[i] );
- }
- }
- }
-
- return ret;
- },
-
- cleanData: function( elems ) {
- var data, id, cache = jQuery.cache, internalKey = jQuery.expando, special = jQuery.event.special,
- deleteExpando = jQuery.support.deleteExpando;
-
- for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
- if ( elem.nodeName && jQuery.noData[elem.nodeName.toLowerCase()] ) {
- continue;
- }
-
- id = elem[ jQuery.expando ];
-
- if ( id ) {
- data = cache[ id ] && cache[ id ][ internalKey ];
-
- if ( data && data.events ) {
- for ( var type in data.events ) {
- if ( special[ type ] ) {
- jQuery.event.remove( elem, type );
-
- // This is a shortcut to avoid jQuery.event.remove's overhead
- } else {
- jQuery.removeEvent( elem, type, data.handle );
- }
- }
-
- // Null the DOM reference to avoid IE6/7/8 leak (#7054)
- if ( data.handle ) {
- data.handle.elem = null;
- }
- }
-
- if ( deleteExpando ) {
- delete elem[ jQuery.expando ];
-
- } else if ( elem.removeAttribute ) {
- elem.removeAttribute( jQuery.expando );
- }
-
- delete cache[ id ];
- }
- }
- }
-});
-
-function evalScript( i, elem ) {
- if ( elem.src ) {
- jQuery.ajax({
- url: elem.src,
- async: false,
- dataType: "script"
- });
- } else {
- jQuery.globalEval( ( elem.text || elem.textContent || elem.innerHTML || "" ).replace( rcleanScript, "/*$0*/" ) );
- }
-
- if ( elem.parentNode ) {
- elem.parentNode.removeChild( elem );
- }
-}
-
-
-
-
-var ralpha = /alpha\([^)]*\)/i,
- ropacity = /opacity=([^)]*)/,
- // fixed for IE9, see #8346
- rupper = /([A-Z]|^ms)/g,
- rnumpx = /^-?\d+(?:px)?$/i,
- rnum = /^-?\d/,
- rrelNum = /^([\-+])=([\-+.\de]+)/,
-
- cssShow = { position: "absolute", visibility: "hidden", display: "block" },
- cssWidth = [ "Left", "Right" ],
- cssHeight = [ "Top", "Bottom" ],
- curCSS,
-
- getComputedStyle,
- currentStyle;
-
-jQuery.fn.css = function( name, value ) {
- // Setting 'undefined' is a no-op
- if ( arguments.length === 2 && value === undefined ) {
- return this;
- }
-
- return jQuery.access( this, name, value, true, function( elem, name, value ) {
- return value !== undefined ?
- jQuery.style( elem, name, value ) :
- jQuery.css( elem, name );
- });
-};
-
-jQuery.extend({
- // Add in style property hooks for overriding the default
- // behavior of getting and setting a style property
- cssHooks: {
- opacity: {
- get: function( elem, computed ) {
- if ( computed ) {
- // We should always get a number back from opacity
- var ret = curCSS( elem, "opacity", "opacity" );
- return ret === "" ? "1" : ret;
-
- } else {
- return elem.style.opacity;
- }
- }
- }
- },
-
- // Exclude the following css properties to add px
- cssNumber: {
- "fillOpacity": true,
- "fontWeight": true,
- "lineHeight": true,
- "opacity": true,
- "orphans": true,
- "widows": true,
- "zIndex": true,
- "zoom": true
- },
-
- // Add in properties whose names you wish to fix before
- // setting or getting the value
- cssProps: {
- // normalize float css property
- "float": jQuery.support.cssFloat ? "cssFloat" : "styleFloat"
- },
-
- // Get and set the style property on a DOM Node
- style: function( elem, name, value, extra ) {
- // Don't set styles on text and comment nodes
- if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
- return;
- }
-
- // Make sure that we're working with the right name
- var ret, type, origName = jQuery.camelCase( name ),
- style = elem.style, hooks = jQuery.cssHooks[ origName ];
-
- name = jQuery.cssProps[ origName ] || origName;
-
- // Check if we're setting a value
- if ( value !== undefined ) {
- type = typeof value;
-
- // convert relative number strings (+= or -=) to relative numbers. #7345
- if ( type === "string" && (ret = rrelNum.exec( value )) ) {
- value = ( +( ret[1] + 1) * +ret[2] ) + parseFloat( jQuery.css( elem, name ) );
- // Fixes bug #9237
- type = "number";
- }
-
- // Make sure that NaN and null values aren't set. See: #7116
- if ( value == null || type === "number" && isNaN( value ) ) {
- return;
- }
-
- // If a number was passed in, add 'px' to the (except for certain CSS properties)
- if ( type === "number" && !jQuery.cssNumber[ origName ] ) {
- value += "px";
- }
-
- // If a hook was provided, use that value, otherwise just set the specified value
- if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value )) !== undefined ) {
- // Wrapped to prevent IE from throwing errors when 'invalid' values are provided
- // Fixes bug #5509
- try {
- style[ name ] = value;
- } catch(e) {}
- }
-
- } else {
- // If a hook was provided get the non-computed value from there
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) {
- return ret;
- }
-
- // Otherwise just get the value from the style object
- return style[ name ];
- }
- },
-
- css: function( elem, name, extra ) {
- var ret, hooks;
-
- // Make sure that we're working with the right name
- name = jQuery.camelCase( name );
- hooks = jQuery.cssHooks[ name ];
- name = jQuery.cssProps[ name ] || name;
-
- // cssFloat needs a special treatment
- if ( name === "cssFloat" ) {
- name = "float";
- }
-
- // If a hook was provided get the computed value from there
- if ( hooks && "get" in hooks && (ret = hooks.get( elem, true, extra )) !== undefined ) {
- return ret;
-
- // Otherwise, if a way to get the computed value exists, use that
- } else if ( curCSS ) {
- return curCSS( elem, name );
- }
- },
-
- // A method for quickly swapping in/out CSS properties to get correct calculations
- swap: function( elem, options, callback ) {
- var old = {};
-
- // Remember the old values, and insert the new ones
- for ( var name in options ) {
- old[ name ] = elem.style[ name ];
- elem.style[ name ] = options[ name ];
- }
-
- callback.call( elem );
-
- // Revert the old values
- for ( name in options ) {
- elem.style[ name ] = old[ name ];
- }
- }
-});
-
-// DEPRECATED, Use jQuery.css() instead
-jQuery.curCSS = jQuery.css;
-
-jQuery.each(["height", "width"], function( i, name ) {
- jQuery.cssHooks[ name ] = {
- get: function( elem, computed, extra ) {
- var val;
-
- if ( computed ) {
- if ( elem.offsetWidth !== 0 ) {
- return getWH( elem, name, extra );
- } else {
- jQuery.swap( elem, cssShow, function() {
- val = getWH( elem, name, extra );
- });
- }
-
- return val;
- }
- },
-
- set: function( elem, value ) {
- if ( rnumpx.test( value ) ) {
- // ignore negative width and height values #1599
- value = parseFloat( value );
-
- if ( value >= 0 ) {
- return value + "px";
- }
-
- } else {
- return value;
- }
- }
- };
-});
-
-if ( !jQuery.support.opacity ) {
- jQuery.cssHooks.opacity = {
- get: function( elem, computed ) {
- // IE uses filters for opacity
- return ropacity.test( (computed && elem.currentStyle ? elem.currentStyle.filter : elem.style.filter) || "" ) ?
- ( parseFloat( RegExp.$1 ) / 100 ) + "" :
- computed ? "1" : "";
- },
-
- set: function( elem, value ) {
- var style = elem.style,
- currentStyle = elem.currentStyle,
- opacity = jQuery.isNaN( value ) ? "" : "alpha(opacity=" + value * 100 + ")",
- filter = currentStyle && currentStyle.filter || style.filter || "";
-
- // IE has trouble with opacity if it does not have layout
- // Force it by setting the zoom level
- style.zoom = 1;
-
- // if setting opacity to 1, and no other filters exist - attempt to remove filter attribute #6652
- if ( value >= 1 && jQuery.trim( filter.replace( ralpha, "" ) ) === "" ) {
-
- // Setting style.filter to null, "" & " " still leave "filter:" in the cssText
- // if "filter:" is present at all, clearType is disabled, we want to avoid this
- // style.removeAttribute is IE Only, but so apparently is this code path...
- style.removeAttribute( "filter" );
-
- // if there there is no filter style applied in a css rule, we are done
- if ( currentStyle && !currentStyle.filter ) {
- return;
- }
- }
-
- // otherwise, set new filter values
- style.filter = ralpha.test( filter ) ?
- filter.replace( ralpha, opacity ) :
- filter + " " + opacity;
- }
- };
-}
-
-jQuery(function() {
- // This hook cannot be added until DOM ready because the support test
- // for it is not run until after DOM ready
- if ( !jQuery.support.reliableMarginRight ) {
- jQuery.cssHooks.marginRight = {
- get: function( elem, computed ) {
- // WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
- // Work around by temporarily setting element display to inline-block
- var ret;
- jQuery.swap( elem, { "display": "inline-block" }, function() {
- if ( computed ) {
- ret = curCSS( elem, "margin-right", "marginRight" );
- } else {
- ret = elem.style.marginRight;
- }
- });
- return ret;
- }
- };
- }
-});
-
-if ( document.defaultView && document.defaultView.getComputedStyle ) {
- getComputedStyle = function( elem, name ) {
- var ret, defaultView, computedStyle;
-
- name = name.replace( rupper, "-$1" ).toLowerCase();
-
- if ( !(defaultView = elem.ownerDocument.defaultView) ) {
- return undefined;
- }
-
- if ( (computedStyle = defaultView.getComputedStyle( elem, null )) ) {
- ret = computedStyle.getPropertyValue( name );
- if ( ret === "" && !jQuery.contains( elem.ownerDocument.documentElement, elem ) ) {
- ret = jQuery.style( elem, name );
- }
- }
-
- return ret;
- };
-}
-
-if ( document.documentElement.currentStyle ) {
- currentStyle = function( elem, name ) {
- var left,
- ret = elem.currentStyle && elem.currentStyle[ name ],
- rsLeft = elem.runtimeStyle && elem.runtimeStyle[ name ],
- style = elem.style;
-
- // From the awesome hack by Dean Edwards
- // http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
-
- // If we're not dealing with a regular pixel number
- // but a number that has a weird ending, we need to convert it to pixels
- if ( !rnumpx.test( ret ) && rnum.test( ret ) ) {
- // Remember the original values
- left = style.left;
-
- // Put in the new values to get a computed value out
- if ( rsLeft ) {
- elem.runtimeStyle.left = elem.currentStyle.left;
- }
- style.left = name === "fontSize" ? "1em" : (ret || 0);
- ret = style.pixelLeft + "px";
-
- // Revert the changed values
- style.left = left;
- if ( rsLeft ) {
- elem.runtimeStyle.left = rsLeft;
- }
- }
-
- return ret === "" ? "auto" : ret;
- };
-}
-
-curCSS = getComputedStyle || currentStyle;
-
-function getWH( elem, name, extra ) {
-
- // Start with offset property
- var val = name === "width" ? elem.offsetWidth : elem.offsetHeight,
- which = name === "width" ? cssWidth : cssHeight;
-
- if ( val > 0 ) {
- if ( extra !== "border" ) {
- jQuery.each( which, function() {
- if ( !extra ) {
- val -= parseFloat( jQuery.css( elem, "padding" + this ) ) || 0;
- }
- if ( extra === "margin" ) {
- val += parseFloat( jQuery.css( elem, extra + this ) ) || 0;
- } else {
- val -= parseFloat( jQuery.css( elem, "border" + this + "Width" ) ) || 0;
- }
- });
- }
-
- return val + "px";
- }
-
- // Fall back to computed then uncomputed css if necessary
- val = curCSS( elem, name, name );
- if ( val < 0 || val == null ) {
- val = elem.style[ name ] || 0;
- }
- // Normalize "", auto, and prepare for extra
- val = parseFloat( val ) || 0;
-
- // Add padding, border, margin
- if ( extra ) {
- jQuery.each( which, function() {
- val += parseFloat( jQuery.css( elem, "padding" + this ) ) || 0;
- if ( extra !== "padding" ) {
- val += parseFloat( jQuery.css( elem, "border" + this + "Width" ) ) || 0;
- }
- if ( extra === "margin" ) {
- val += parseFloat( jQuery.css( elem, extra + this ) ) || 0;
- }
- });
- }
-
- return val + "px";
-}
-
-if ( jQuery.expr && jQuery.expr.filters ) {
- jQuery.expr.filters.hidden = function( elem ) {
- var width = elem.offsetWidth,
- height = elem.offsetHeight;
-
- return (width === 0 && height === 0) || (!jQuery.support.reliableHiddenOffsets && (elem.style.display || jQuery.css( elem, "display" )) === "none");
- };
-
- jQuery.expr.filters.visible = function( elem ) {
- return !jQuery.expr.filters.hidden( elem );
- };
-}
-
-
-
-
-var r20 = /%20/g,
- rbracket = /\[\]$/,
- rCRLF = /\r?\n/g,
- rhash = /#.*$/,
- rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg, // IE leaves an \r character at EOL
- rinput = /^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,
- // #7653, #8125, #8152: local protocol detection
- rlocalProtocol = /^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,
- rnoContent = /^(?:GET|HEAD)$/,
- rprotocol = /^\/\//,
- rquery = /\?/,
- rscript = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
- rselectTextarea = /^(?:select|textarea)/i,
- rspacesAjax = /\s+/,
- rts = /([?&])_=[^&]*/,
- rurl = /^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,
-
- // Keep a copy of the old load method
- _load = jQuery.fn.load,
-
- /* Prefilters
- * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
- * 2) These are called:
- * - BEFORE asking for a transport
- * - AFTER param serialization (s.data is a string if s.processData is true)
- * 3) key is the dataType
- * 4) the catchall symbol "*" can be used
- * 5) execution will start with transport dataType and THEN continue down to "*" if needed
- */
- prefilters = {},
-
- /* Transports bindings
- * 1) key is the dataType
- * 2) the catchall symbol "*" can be used
- * 3) selection will start with transport dataType and THEN go to "*" if needed
- */
- transports = {},
-
- // Document location
- ajaxLocation,
-
- // Document location segments
- ajaxLocParts,
-
- // Avoid comment-prolog char sequence (#10098); must appease lint and evade compression
- allTypes = ["*/"] + ["*"];
-
-// #8138, IE may throw an exception when accessing
-// a field from window.location if document.domain has been set
-try {
- ajaxLocation = location.href;
-} catch( e ) {
- // Use the href attribute of an A element
- // since IE will modify it given document.location
- ajaxLocation = document.createElement( "a" );
- ajaxLocation.href = "";
- ajaxLocation = ajaxLocation.href;
-}
-
-// Segment location into parts
-ajaxLocParts = rurl.exec( ajaxLocation.toLowerCase() ) || [];
-
-// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
-function addToPrefiltersOrTransports( structure ) {
-
- // dataTypeExpression is optional and defaults to "*"
- return function( dataTypeExpression, func ) {
-
- if ( typeof dataTypeExpression !== "string" ) {
- func = dataTypeExpression;
- dataTypeExpression = "*";
- }
-
- if ( jQuery.isFunction( func ) ) {
- var dataTypes = dataTypeExpression.toLowerCase().split( rspacesAjax ),
- i = 0,
- length = dataTypes.length,
- dataType,
- list,
- placeBefore;
-
- // For each dataType in the dataTypeExpression
- for(; i < length; i++ ) {
- dataType = dataTypes[ i ];
- // We control if we're asked to add before
- // any existing element
- placeBefore = /^\+/.test( dataType );
- if ( placeBefore ) {
- dataType = dataType.substr( 1 ) || "*";
- }
- list = structure[ dataType ] = structure[ dataType ] || [];
- // then we add to the structure accordingly
- list[ placeBefore ? "unshift" : "push" ]( func );
- }
- }
- };
-}
-
-// Base inspection function for prefilters and transports
-function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR,
- dataType /* internal */, inspected /* internal */ ) {
-
- dataType = dataType || options.dataTypes[ 0 ];
- inspected = inspected || {};
-
- inspected[ dataType ] = true;
-
- var list = structure[ dataType ],
- i = 0,
- length = list ? list.length : 0,
- executeOnly = ( structure === prefilters ),
- selection;
-
- for(; i < length && ( executeOnly || !selection ); i++ ) {
- selection = list[ i ]( options, originalOptions, jqXHR );
- // If we got redirected to another dataType
- // we try there if executing only and not done already
- if ( typeof selection === "string" ) {
- if ( !executeOnly || inspected[ selection ] ) {
- selection = undefined;
- } else {
- options.dataTypes.unshift( selection );
- selection = inspectPrefiltersOrTransports(
- structure, options, originalOptions, jqXHR, selection, inspected );
- }
- }
- }
- // If we're only executing or nothing was selected
- // we try the catchall dataType if not done already
- if ( ( executeOnly || !selection ) && !inspected[ "*" ] ) {
- selection = inspectPrefiltersOrTransports(
- structure, options, originalOptions, jqXHR, "*", inspected );
- }
- // unnecessary when only executing (prefilters)
- // but it'll be ignored by the caller in that case
- return selection;
-}
-
-// A special extend for ajax options
-// that takes "flat" options (not to be deep extended)
-// Fixes #9887
-function ajaxExtend( target, src ) {
- var key, deep,
- flatOptions = jQuery.ajaxSettings.flatOptions || {};
- for( key in src ) {
- if ( src[ key ] !== undefined ) {
- ( flatOptions[ key ] ? target : ( deep || ( deep = {} ) ) )[ key ] = src[ key ];
- }
- }
- if ( deep ) {
- jQuery.extend( true, target, deep );
- }
-}
-
-jQuery.fn.extend({
- load: function( url, params, callback ) {
- if ( typeof url !== "string" && _load ) {
- return _load.apply( this, arguments );
-
- // Don't do a request if no elements are being requested
- } else if ( !this.length ) {
- return this;
- }
-
- var off = url.indexOf( " " );
- if ( off >= 0 ) {
- var selector = url.slice( off, url.length );
- url = url.slice( 0, off );
- }
-
- // Default to a GET request
- var type = "GET";
-
- // If the second parameter was provided
- if ( params ) {
- // If it's a function
- if ( jQuery.isFunction( params ) ) {
- // We assume that it's the callback
- callback = params;
- params = undefined;
-
- // Otherwise, build a param string
- } else if ( typeof params === "object" ) {
- params = jQuery.param( params, jQuery.ajaxSettings.traditional );
- type = "POST";
- }
- }
-
- var self = this;
-
- // Request the remote document
- jQuery.ajax({
- url: url,
- type: type,
- dataType: "html",
- data: params,
- // Complete callback (responseText is used internally)
- complete: function( jqXHR, status, responseText ) {
- // Store the response as specified by the jqXHR object
- responseText = jqXHR.responseText;
- // If successful, inject the HTML into all the matched elements
- if ( jqXHR.isResolved() ) {
- // #4825: Get the actual response in case
- // a dataFilter is present in ajaxSettings
- jqXHR.done(function( r ) {
- responseText = r;
- });
- // See if a selector was specified
- self.html( selector ?
- // Create a dummy div to hold the results
- jQuery("<div>")
- // inject the contents of the document in, removing the scripts
- // to avoid any 'Permission Denied' errors in IE
- .append(responseText.replace(rscript, ""))
-
- // Locate the specified elements
- .find(selector) :
-
- // If not, just inject the full result
- responseText );
- }
-
- if ( callback ) {
- self.each( callback, [ responseText, status, jqXHR ] );
- }
- }
- });
-
- return this;
- },
-
- serialize: function() {
- return jQuery.param( this.serializeArray() );
- },
-
- serializeArray: function() {
- return this.map(function(){
- return this.elements ? jQuery.makeArray( this.elements ) : this;
- })
- .filter(function(){
- return this.name && !this.disabled &&
- ( this.checked || rselectTextarea.test( this.nodeName ) ||
- rinput.test( this.type ) );
- })
- .map(function( i, elem ){
- var val = jQuery( this ).val();
-
- return val == null ?
- null :
- jQuery.isArray( val ) ?
- jQuery.map( val, function( val, i ){
- return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
- }) :
- { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
- }).get();
- }
-});
-
-// Attach a bunch of functions for handling common AJAX events
-jQuery.each( "ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split( " " ), function( i, o ){
- jQuery.fn[ o ] = function( f ){
- return this.bind( o, f );
- };
-});
-
-jQuery.each( [ "get", "post" ], function( i, method ) {
- jQuery[ method ] = function( url, data, callback, type ) {
- // shift arguments if data argument was omitted
- if ( jQuery.isFunction( data ) ) {
- type = type || callback;
- callback = data;
- data = undefined;
- }
-
- return jQuery.ajax({
- type: method,
- url: url,
- data: data,
- success: callback,
- dataType: type
- });
- };
-});
-
-jQuery.extend({
-
- getScript: function( url, callback ) {
- return jQuery.get( url, undefined, callback, "script" );
- },
-
- getJSON: function( url, data, callback ) {
- return jQuery.get( url, data, callback, "json" );
- },
-
- // Creates a full fledged settings object into target
- // with both ajaxSettings and settings fields.
- // If target is omitted, writes into ajaxSettings.
- ajaxSetup: function( target, settings ) {
- if ( settings ) {
- // Building a settings object
- ajaxExtend( target, jQuery.ajaxSettings );
- } else {
- // Extending ajaxSettings
- settings = target;
- target = jQuery.ajaxSettings;
- }
- ajaxExtend( target, settings );
- return target;
- },
-
- ajaxSettings: {
- url: ajaxLocation,
- isLocal: rlocalProtocol.test( ajaxLocParts[ 1 ] ),
- global: true,
- type: "GET",
- contentType: "application/x-www-form-urlencoded",
- processData: true,
- async: true,
- /*
- timeout: 0,
- data: null,
- dataType: null,
- username: null,
- password: null,
- cache: null,
- traditional: false,
- headers: {},
- */
-
- accepts: {
- xml: "application/xml, text/xml",
- html: "text/html",
- text: "text/plain",
- json: "application/json, text/javascript",
- "*": allTypes
- },
-
- contents: {
- xml: /xml/,
- html: /html/,
- json: /json/
- },
-
- responseFields: {
- xml: "responseXML",
- text: "responseText"
- },
-
- // List of data converters
- // 1) key format is "source_type destination_type" (a single space in-between)
- // 2) the catchall symbol "*" can be used for source_type
- converters: {
-
- // Convert anything to text
- "* text": window.String,
-
- // Text to html (true = no transformation)
- "text html": true,
-
- // Evaluate text as a json expression
- "text json": jQuery.parseJSON,
-
- // Parse text as xml
- "text xml": jQuery.parseXML
- },
-
- // For options that shouldn't be deep extended:
- // you can add your own custom options here if
- // and when you create one that shouldn't be
- // deep extended (see ajaxExtend)
- flatOptions: {
- context: true,
- url: true
- }
- },
-
- ajaxPrefilter: addToPrefiltersOrTransports( prefilters ),
- ajaxTransport: addToPrefiltersOrTransports( transports ),
-
- // Main method
- ajax: function( url, options ) {
-
- // If url is an object, simulate pre-1.5 signature
- if ( typeof url === "object" ) {
- options = url;
- url = undefined;
- }
-
- // Force options to be an object
- options = options || {};
-
- var // Create the final options object
- s = jQuery.ajaxSetup( {}, options ),
- // Callbacks context
- callbackContext = s.context || s,
- // Context for global events
- // It's the callbackContext if one was provided in the options
- // and if it's a DOM node or a jQuery collection
- globalEventContext = callbackContext !== s &&
- ( callbackContext.nodeType || callbackContext instanceof jQuery ) ?
- jQuery( callbackContext ) : jQuery.event,
- // Deferreds
- deferred = jQuery.Deferred(),
- completeDeferred = jQuery._Deferred(),
- // Status-dependent callbacks
- statusCode = s.statusCode || {},
- // ifModified key
- ifModifiedKey,
- // Headers (they are sent all at once)
- requestHeaders = {},
- requestHeadersNames = {},
- // Response headers
- responseHeadersString,
- responseHeaders,
- // transport
- transport,
- // timeout handle
- timeoutTimer,
- // Cross-domain detection vars
- parts,
- // The jqXHR state
- state = 0,
- // To know if global events are to be dispatched
- fireGlobals,
- // Loop variable
- i,
- // Fake xhr
- jqXHR = {
-
- readyState: 0,
-
- // Caches the header
- setRequestHeader: function( name, value ) {
- if ( !state ) {
- var lname = name.toLowerCase();
- name = requestHeadersNames[ lname ] = requestHeadersNames[ lname ] || name;
- requestHeaders[ name ] = value;
- }
- return this;
- },
-
- // Raw string
- getAllResponseHeaders: function() {
- return state === 2 ? responseHeadersString : null;
- },
-
- // Builds headers hashtable if needed
- getResponseHeader: function( key ) {
- var match;
- if ( state === 2 ) {
- if ( !responseHeaders ) {
- responseHeaders = {};
- while( ( match = rheaders.exec( responseHeadersString ) ) ) {
- responseHeaders[ match[1].toLowerCase() ] = match[ 2 ];
- }
- }
- match = responseHeaders[ key.toLowerCase() ];
- }
- return match === undefined ? null : match;
- },
-
- // Overrides response content-type header
- overrideMimeType: function( type ) {
- if ( !state ) {
- s.mimeType = type;
- }
- return this;
- },
-
- // Cancel the request
- abort: function( statusText ) {
- statusText = statusText || "abort";
- if ( transport ) {
- transport.abort( statusText );
- }
- done( 0, statusText );
- return this;
- }
- };
-
- // Callback for when everything is done
- // It is defined here because jslint complains if it is declared
- // at the end of the function (which would be more logical and readable)
- function done( status, nativeStatusText, responses, headers ) {
-
- // Called once
- if ( state === 2 ) {
- return;
- }
-
- // State is "done" now
- state = 2;
-
- // Clear timeout if it exists
- if ( timeoutTimer ) {
- clearTimeout( timeoutTimer );
- }
-
- // Dereference transport for early garbage collection
- // (no matter how long the jqXHR object will be used)
- transport = undefined;
-
- // Cache response headers
- responseHeadersString = headers || "";
-
- // Set readyState
- jqXHR.readyState = status > 0 ? 4 : 0;
-
- var isSuccess,
- success,
- error,
- statusText = nativeStatusText,
- response = responses ? ajaxHandleResponses( s, jqXHR, responses ) : undefined,
- lastModified,
- etag;
-
- // If successful, handle type chaining
- if ( status >= 200 && status < 300 || status === 304 ) {
-
- // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
- if ( s.ifModified ) {
-
- if ( ( lastModified = jqXHR.getResponseHeader( "Last-Modified" ) ) ) {
- jQuery.lastModified[ ifModifiedKey ] = lastModified;
- }
- if ( ( etag = jqXHR.getResponseHeader( "Etag" ) ) ) {
- jQuery.etag[ ifModifiedKey ] = etag;
- }
- }
-
- // If not modified
- if ( status === 304 ) {
-
- statusText = "notmodified";
- isSuccess = true;
-
- // If we have data
- } else {
-
- try {
- success = ajaxConvert( s, response );
- statusText = "success";
- isSuccess = true;
- } catch(e) {
- // We have a parsererror
- statusText = "parsererror";
- error = e;
- }
- }
- } else {
- // We extract error from statusText
- // then normalize statusText and status for non-aborts
- error = statusText;
- if( !statusText || status ) {
- statusText = "error";
- if ( status < 0 ) {
- status = 0;
- }
- }
- }
-
- // Set data for the fake xhr object
- jqXHR.status = status;
- jqXHR.statusText = "" + ( nativeStatusText || statusText );
-
- // Success/Error
- if ( isSuccess ) {
- deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
- } else {
- deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
- }
-
- // Status-dependent callbacks
- jqXHR.statusCode( statusCode );
- statusCode = undefined;
-
- if ( fireGlobals ) {
- globalEventContext.trigger( "ajax" + ( isSuccess ? "Success" : "Error" ),
- [ jqXHR, s, isSuccess ? success : error ] );
- }
-
- // Complete
- completeDeferred.resolveWith( callbackContext, [ jqXHR, statusText ] );
-
- if ( fireGlobals ) {
- globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] );
- // Handle the global AJAX counter
- if ( !( --jQuery.active ) ) {
- jQuery.event.trigger( "ajaxStop" );
- }
- }
- }
-
- // Attach deferreds
- deferred.promise( jqXHR );
- jqXHR.success = jqXHR.done;
- jqXHR.error = jqXHR.fail;
- jqXHR.complete = completeDeferred.done;
-
- // Status-dependent callbacks
- jqXHR.statusCode = function( map ) {
- if ( map ) {
- var tmp;
- if ( state < 2 ) {
- for( tmp in map ) {
- statusCode[ tmp ] = [ statusCode[tmp], map[tmp] ];
- }
- } else {
- tmp = map[ jqXHR.status ];
- jqXHR.then( tmp, tmp );
- }
- }
- return this;
- };
-
- // Remove hash character (#7531: and string promotion)
- // Add protocol if not provided (#5866: IE7 issue with protocol-less urls)
- // We also use the url parameter if available
- s.url = ( ( url || s.url ) + "" ).replace( rhash, "" ).replace( rprotocol, ajaxLocParts[ 1 ] + "//" );
-
- // Extract dataTypes list
- s.dataTypes = jQuery.trim( s.dataType || "*" ).toLowerCase().split( rspacesAjax );
-
- // Determine if a cross-domain request is in order
- if ( s.crossDomain == null ) {
- parts = rurl.exec( s.url.toLowerCase() );
- s.crossDomain = !!( parts &&
- ( parts[ 1 ] != ajaxLocParts[ 1 ] || parts[ 2 ] != ajaxLocParts[ 2 ] ||
- ( parts[ 3 ] || ( parts[ 1 ] === "http:" ? 80 : 443 ) ) !=
- ( ajaxLocParts[ 3 ] || ( ajaxLocParts[ 1 ] === "http:" ? 80 : 443 ) ) )
- );
- }
-
- // Convert data if not already a string
- if ( s.data && s.processData && typeof s.data !== "string" ) {
- s.data = jQuery.param( s.data, s.traditional );
- }
-
- // Apply prefilters
- inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );
-
- // If request was aborted inside a prefiler, stop there
- if ( state === 2 ) {
- return false;
- }
-
- // We can fire global events as of now if asked to
- fireGlobals = s.global;
-
- // Uppercase the type
- s.type = s.type.toUpperCase();
-
- // Determine if request has content
- s.hasContent = !rnoContent.test( s.type );
-
- // Watch for a new set of requests
- if ( fireGlobals && jQuery.active++ === 0 ) {
- jQuery.event.trigger( "ajaxStart" );
- }
-
- // More options handling for requests with no content
- if ( !s.hasContent ) {
-
- // If data is available, append data to url
- if ( s.data ) {
- s.url += ( rquery.test( s.url ) ? "&" : "?" ) + s.data;
- // #9682: remove data so that it's not used in an eventual retry
- delete s.data;
- }
-
- // Get ifModifiedKey before adding the anti-cache parameter
- ifModifiedKey = s.url;
-
- // Add anti-cache in url if needed
- if ( s.cache === false ) {
-
- var ts = jQuery.now(),
- // try replacing _= if it is there
- ret = s.url.replace( rts, "$1_=" + ts );
-
- // if nothing was replaced, add timestamp to the end
- s.url = ret + ( (ret === s.url ) ? ( rquery.test( s.url ) ? "&" : "?" ) + "_=" + ts : "" );
- }
- }
-
- // Set the correct header, if data is being sent
- if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) {
- jqXHR.setRequestHeader( "Content-Type", s.contentType );
- }
-
- // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
- if ( s.ifModified ) {
- ifModifiedKey = ifModifiedKey || s.url;
- if ( jQuery.lastModified[ ifModifiedKey ] ) {
- jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ ifModifiedKey ] );
- }
- if ( jQuery.etag[ ifModifiedKey ] ) {
- jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ ifModifiedKey ] );
- }
- }
-
- // Set the Accepts header for the server, depending on the dataType
- jqXHR.setRequestHeader(
- "Accept",
- s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[0] ] ?
- s.accepts[ s.dataTypes[0] ] + ( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) :
- s.accepts[ "*" ]
- );
-
- // Check for headers option
- for ( i in s.headers ) {
- jqXHR.setRequestHeader( i, s.headers[ i ] );
- }
-
- // Allow custom headers/mimetypes and early abort
- if ( s.beforeSend && ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || state === 2 ) ) {
- // Abort if not done already
- jqXHR.abort();
- return false;
-
- }
-
- // Install callbacks on deferreds
- for ( i in { success: 1, error: 1, complete: 1 } ) {
- jqXHR[ i ]( s[ i ] );
- }
-
- // Get transport
- transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );
-
- // If no transport, we auto-abort
- if ( !transport ) {
- done( -1, "No Transport" );
- } else {
- jqXHR.readyState = 1;
- // Send global event
- if ( fireGlobals ) {
- globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
- }
- // Timeout
- if ( s.async && s.timeout > 0 ) {
- timeoutTimer = setTimeout( function(){
- jqXHR.abort( "timeout" );
- }, s.timeout );
- }
-
- try {
- state = 1;
- transport.send( requestHeaders, done );
- } catch (e) {
- // Propagate exception as error if not done
- if ( state < 2 ) {
- done( -1, e );
- // Simply rethrow otherwise
- } else {
- jQuery.error( e );
- }
- }
- }
-
- return jqXHR;
- },
-
- // Serialize an array of form elements or a set of
- // key/values into a query string
- param: function( a, traditional ) {
- var s = [],
- add = function( key, value ) {
- // If value is a function, invoke it and return its value
- value = jQuery.isFunction( value ) ? value() : value;
- s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value );
- };
-
- // Set traditional to true for jQuery <= 1.3.2 behavior.
- if ( traditional === undefined ) {
- traditional = jQuery.ajaxSettings.traditional;
- }
-
- // If an array was passed in, assume that it is an array of form elements.
- if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {
- // Serialize the form elements
- jQuery.each( a, function() {
- add( this.name, this.value );
- });
-
- } else {
- // If traditional, encode the "old" way (the way 1.3.2 or older
- // did it), otherwise encode params recursively.
- for ( var prefix in a ) {
- buildParams( prefix, a[ prefix ], traditional, add );
- }
- }
-
- // Return the resulting serialization
- return s.join( "&" ).replace( r20, "+" );
- }
-});
-
-function buildParams( prefix, obj, traditional, add ) {
- if ( jQuery.isArray( obj ) ) {
- // Serialize array item.
- jQuery.each( obj, function( i, v ) {
- if ( traditional || rbracket.test( prefix ) ) {
- // Treat each array item as a scalar.
- add( prefix, v );
-
- } else {
- // If array item is non-scalar (array or object), encode its
- // numeric index to resolve deserialization ambiguity issues.
- // Note that rack (as of 1.0.0) can't currently deserialize
- // nested arrays properly, and attempting to do so may cause
- // a server error. Possible fixes are to modify rack's
- // deserialization algorithm or to provide an option or flag
- // to force array serialization to be shallow.
- buildParams( prefix + "[" + ( typeof v === "object" || jQuery.isArray(v) ? i : "" ) + "]", v, traditional, add );
- }
- });
-
- } else if ( !traditional && obj != null && typeof obj === "object" ) {
- // Serialize object item.
- for ( var name in obj ) {
- buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add );
- }
-
- } else {
- // Serialize scalar item.
- add( prefix, obj );
- }
-}
-
-// This is still on the jQuery object... for now
-// Want to move this to jQuery.ajax some day
-jQuery.extend({
-
- // Counter for holding the number of active queries
- active: 0,
-
- // Last-Modified header cache for next request
- lastModified: {},
- etag: {}
-
-});
-
-/* Handles responses to an ajax request:
- * - sets all responseXXX fields accordingly
- * - finds the right dataType (mediates between content-type and expected dataType)
- * - returns the corresponding response
- */
-function ajaxHandleResponses( s, jqXHR, responses ) {
-
- var contents = s.contents,
- dataTypes = s.dataTypes,
- responseFields = s.responseFields,
- ct,
- type,
- finalDataType,
- firstDataType;
-
- // Fill responseXXX fields
- for( type in responseFields ) {
- if ( type in responses ) {
- jqXHR[ responseFields[type] ] = responses[ type ];
- }
- }
-
- // Remove auto dataType and get content-type in the process
- while( dataTypes[ 0 ] === "*" ) {
- dataTypes.shift();
- if ( ct === undefined ) {
- ct = s.mimeType || jqXHR.getResponseHeader( "content-type" );
- }
- }
-
- // Check if we're dealing with a known content-type
- if ( ct ) {
- for ( type in contents ) {
- if ( contents[ type ] && contents[ type ].test( ct ) ) {
- dataTypes.unshift( type );
- break;
- }
- }
- }
-
- // Check to see if we have a response for the expected dataType
- if ( dataTypes[ 0 ] in responses ) {
- finalDataType = dataTypes[ 0 ];
- } else {
- // Try convertible dataTypes
- for ( type in responses ) {
- if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[0] ] ) {
- finalDataType = type;
- break;
- }
- if ( !firstDataType ) {
- firstDataType = type;
- }
- }
- // Or just use first one
- finalDataType = finalDataType || firstDataType;
- }
-
- // If we found a dataType
- // We add the dataType to the list if needed
- // and return the corresponding response
- if ( finalDataType ) {
- if ( finalDataType !== dataTypes[ 0 ] ) {
- dataTypes.unshift( finalDataType );
- }
- return responses[ finalDataType ];
- }
-}
-
-// Chain conversions given the request and the original response
-function ajaxConvert( s, response ) {
-
- // Apply the dataFilter if provided
- if ( s.dataFilter ) {
- response = s.dataFilter( response, s.dataType );
- }
-
- var dataTypes = s.dataTypes,
- converters = {},
- i,
- key,
- length = dataTypes.length,
- tmp,
- // Current and previous dataTypes
- current = dataTypes[ 0 ],
- prev,
- // Conversion expression
- conversion,
- // Conversion function
- conv,
- // Conversion functions (transitive conversion)
- conv1,
- conv2;
-
- // For each dataType in the chain
- for( i = 1; i < length; i++ ) {
-
- // Create converters map
- // with lowercased keys
- if ( i === 1 ) {
- for( key in s.converters ) {
- if( typeof key === "string" ) {
- converters[ key.toLowerCase() ] = s.converters[ key ];
- }
- }
- }
-
- // Get the dataTypes
- prev = current;
- current = dataTypes[ i ];
-
- // If current is auto dataType, update it to prev
- if( current === "*" ) {
- current = prev;
- // If no auto and dataTypes are actually different
- } else if ( prev !== "*" && prev !== current ) {
-
- // Get the converter
- conversion = prev + " " + current;
- conv = converters[ conversion ] || converters[ "* " + current ];
-
- // If there is no direct converter, search transitively
- if ( !conv ) {
- conv2 = undefined;
- for( conv1 in converters ) {
- tmp = conv1.split( " " );
- if ( tmp[ 0 ] === prev || tmp[ 0 ] === "*" ) {
- conv2 = converters[ tmp[1] + " " + current ];
- if ( conv2 ) {
- conv1 = converters[ conv1 ];
- if ( conv1 === true ) {
- conv = conv2;
- } else if ( conv2 === true ) {
- conv = conv1;
- }
- break;
- }
- }
- }
- }
- // If we found no converter, dispatch an error
- if ( !( conv || conv2 ) ) {
- jQuery.error( "No conversion from " + conversion.replace(" "," to ") );
- }
- // If found converter is not an equivalence
- if ( conv !== true ) {
- // Convert with 1 or 2 converters accordingly
- response = conv ? conv( response ) : conv2( conv1(response) );
- }
- }
- }
- return response;
-}
-
-
-
-
-var jsc = jQuery.now(),
- jsre = /(\=)\?(&|$)|\?\?/i;
-
-// Default jsonp settings
-jQuery.ajaxSetup({
- jsonp: "callback",
- jsonpCallback: function() {
- return jQuery.expando + "_" + ( jsc++ );
- }
-});
-
-// Detect, normalize options and install callbacks for jsonp requests
-jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
-
- var inspectData = s.contentType === "application/x-www-form-urlencoded" &&
- ( typeof s.data === "string" );
-
- if ( s.dataTypes[ 0 ] === "jsonp" ||
- s.jsonp !== false && ( jsre.test( s.url ) ||
- inspectData && jsre.test( s.data ) ) ) {
-
- var responseContainer,
- jsonpCallback = s.jsonpCallback =
- jQuery.isFunction( s.jsonpCallback ) ? s.jsonpCallback() : s.jsonpCallback,
- previous = window[ jsonpCallback ],
- url = s.url,
- data = s.data,
- replace = "$1" + jsonpCallback + "$2";
-
- if ( s.jsonp !== false ) {
- url = url.replace( jsre, replace );
- if ( s.url === url ) {
- if ( inspectData ) {
- data = data.replace( jsre, replace );
- }
- if ( s.data === data ) {
- // Add callback manually
- url += (/\?/.test( url ) ? "&" : "?") + s.jsonp + "=" + jsonpCallback;
- }
- }
- }
-
- s.url = url;
- s.data = data;
-
- // Install callback
- window[ jsonpCallback ] = function( response ) {
- responseContainer = [ response ];
- };
-
- // Clean-up function
- jqXHR.always(function() {
- // Set callback back to previous value
- window[ jsonpCallback ] = previous;
- // Call if it was a function and we have a response
- if ( responseContainer && jQuery.isFunction( previous ) ) {
- window[ jsonpCallback ]( responseContainer[ 0 ] );
- }
- });
-
- // Use data converter to retrieve json after script execution
- s.converters["script json"] = function() {
- if ( !responseContainer ) {
- jQuery.error( jsonpCallback + " was not called" );
- }
- return responseContainer[ 0 ];
- };
-
- // force json dataType
- s.dataTypes[ 0 ] = "json";
-
- // Delegate to script
- return "script";
- }
-});
-
-
-
-
-// Install script dataType
-jQuery.ajaxSetup({
- accepts: {
- script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
- },
- contents: {
- script: /javascript|ecmascript/
- },
- converters: {
- "text script": function( text ) {
- jQuery.globalEval( text );
- return text;
- }
- }
-});
-
-// Handle cache's special case and global
-jQuery.ajaxPrefilter( "script", function( s ) {
- if ( s.cache === undefined ) {
- s.cache = false;
- }
- if ( s.crossDomain ) {
- s.type = "GET";
- s.global = false;
- }
-});
-
-// Bind script tag hack transport
-jQuery.ajaxTransport( "script", function(s) {
-
- // This transport only deals with cross domain requests
- if ( s.crossDomain ) {
-
- var script,
- head = document.head || document.getElementsByTagName( "head" )[0] || document.documentElement;
-
- return {
-
- send: function( _, callback ) {
-
- script = document.createElement( "script" );
-
- script.async = "async";
-
- if ( s.scriptCharset ) {
- script.charset = s.scriptCharset;
- }
-
- script.src = s.url;
-
- // Attach handlers for all browsers
- script.onload = script.onreadystatechange = function( _, isAbort ) {
-
- if ( isAbort || !script.readyState || /loaded|complete/.test( script.readyState ) ) {
-
- // Handle memory leak in IE
- script.onload = script.onreadystatechange = null;
-
- // Remove the script
- if ( head && script.parentNode ) {
- head.removeChild( script );
- }
-
- // Dereference the script
- script = undefined;
-
- // Callback if not abort
- if ( !isAbort ) {
- callback( 200, "success" );
- }
- }
- };
- // Use insertBefore instead of appendChild to circumvent an IE6 bug.
- // This arises when a base node is used (#2709 and #4378).
- head.insertBefore( script, head.firstChild );
- },
-
- abort: function() {
- if ( script ) {
- script.onload( 0, 1 );
- }
- }
- };
- }
-});
-
-
-
-
-var // #5280: Internet Explorer will keep connections alive if we don't abort on unload
- xhrOnUnloadAbort = window.ActiveXObject ? function() {
- // Abort all pending requests
- for ( var key in xhrCallbacks ) {
- xhrCallbacks[ key ]( 0, 1 );
- }
- } : false,
- xhrId = 0,
- xhrCallbacks;
-
-// Functions to create xhrs
-function createStandardXHR() {
- try {
- return new window.XMLHttpRequest();
- } catch( e ) {}
-}
-
-function createActiveXHR() {
- try {
- return new window.ActiveXObject( "Microsoft.XMLHTTP" );
- } catch( e ) {}
-}
-
-// Create the request object
-// (This is still attached to ajaxSettings for backward compatibility)
-jQuery.ajaxSettings.xhr = window.ActiveXObject ?
- /* Microsoft failed to properly
- * implement the XMLHttpRequest in IE7 (can't request local files),
- * so we use the ActiveXObject when it is available
- * Additionally XMLHttpRequest can be disabled in IE7/IE8 so
- * we need a fallback.
- */
- function() {
- return !this.isLocal && createStandardXHR() || createActiveXHR();
- } :
- // For all other browsers, use the standard XMLHttpRequest object
- createStandardXHR;
-
-// Determine support properties
-(function( xhr ) {
- jQuery.extend( jQuery.support, {
- ajax: !!xhr,
- cors: !!xhr && ( "withCredentials" in xhr )
- });
-})( jQuery.ajaxSettings.xhr() );
-
-// Create transport if the browser can provide an xhr
-if ( jQuery.support.ajax ) {
-
- jQuery.ajaxTransport(function( s ) {
- // Cross domain only allowed if supported through XMLHttpRequest
- if ( !s.crossDomain || jQuery.support.cors ) {
-
- var callback;
-
- return {
- send: function( headers, complete ) {
-
- // Get a new xhr
- var xhr = s.xhr(),
- handle,
- i;
-
- // Open the socket
- // Passing null username, generates a login popup on Opera (#2865)
- if ( s.username ) {
- xhr.open( s.type, s.url, s.async, s.username, s.password );
- } else {
- xhr.open( s.type, s.url, s.async );
- }
-
- // Apply custom fields if provided
- if ( s.xhrFields ) {
- for ( i in s.xhrFields ) {
- xhr[ i ] = s.xhrFields[ i ];
- }
- }
-
- // Override mime type if needed
- if ( s.mimeType && xhr.overrideMimeType ) {
- xhr.overrideMimeType( s.mimeType );
- }
-
- // X-Requested-With header
- // For cross-domain requests, seeing as conditions for a preflight are
- // akin to a jigsaw puzzle, we simply never set it to be sure.
- // (it can always be set on a per-request basis or even using ajaxSetup)
- // For same-domain requests, won't change header if already provided.
- if ( !s.crossDomain && !headers["X-Requested-With"] ) {
- headers[ "X-Requested-With" ] = "XMLHttpRequest";
- }
-
- // Need an extra try/catch for cross domain requests in Firefox 3
- try {
- for ( i in headers ) {
- xhr.setRequestHeader( i, headers[ i ] );
- }
- } catch( _ ) {}
-
- // Do send the request
- // This may raise an exception which is actually
- // handled in jQuery.ajax (so no try/catch here)
- xhr.send( ( s.hasContent && s.data ) || null );
-
- // Listener
- callback = function( _, isAbort ) {
-
- var status,
- statusText,
- responseHeaders,
- responses,
- xml;
-
- // Firefox throws exceptions when accessing properties
- // of an xhr when a network error occured
- // http://helpful.knobs-dials.com/index.php/Component_returned_failure_code:_0x80040111_(NS_ERROR_NOT_AVAILABLE)
- try {
-
- // Was never called and is aborted or complete
- if ( callback && ( isAbort || xhr.readyState === 4 ) ) {
-
- // Only called once
- callback = undefined;
-
- // Do not keep as active anymore
- if ( handle ) {
- xhr.onreadystatechange = jQuery.noop;
- if ( xhrOnUnloadAbort ) {
- delete xhrCallbacks[ handle ];
- }
- }
-
- // If it's an abort
- if ( isAbort ) {
- // Abort it manually if needed
- if ( xhr.readyState !== 4 ) {
- xhr.abort();
- }
- } else {
- status = xhr.status;
- responseHeaders = xhr.getAllResponseHeaders();
- responses = {};
- xml = xhr.responseXML;
-
- // Construct response list
- if ( xml && xml.documentElement /* #4958 */ ) {
- responses.xml = xml;
- }
- responses.text = xhr.responseText;
-
- // Firefox throws an exception when accessing
- // statusText for faulty cross-domain requests
- try {
- statusText = xhr.statusText;
- } catch( e ) {
- // We normalize with Webkit giving an empty statusText
- statusText = "";
- }
-
- // Filter status for non standard behaviors
-
- // If the request is local and we have data: assume a success
- // (success with no data won't get notified, that's the best we
- // can do given current implementations)
- if ( !status && s.isLocal && !s.crossDomain ) {
- status = responses.text ? 200 : 404;
- // IE - #1450: sometimes returns 1223 when it should be 204
- } else if ( status === 1223 ) {
- status = 204;
- }
- }
- }
- } catch( firefoxAccessException ) {
- if ( !isAbort ) {
- complete( -1, firefoxAccessException );
- }
- }
-
- // Call complete if needed
- if ( responses ) {
- complete( status, statusText, responses, responseHeaders );
- }
- };
-
- // if we're in sync mode or it's in cache
- // and has been retrieved directly (IE6 & IE7)
- // we need to manually fire the callback
- if ( !s.async || xhr.readyState === 4 ) {
- callback();
- } else {
- handle = ++xhrId;
- if ( xhrOnUnloadAbort ) {
- // Create the active xhrs callbacks list if needed
- // and attach the unload handler
- if ( !xhrCallbacks ) {
- xhrCallbacks = {};
- jQuery( window ).unload( xhrOnUnloadAbort );
- }
- // Add to list of active xhrs callbacks
- xhrCallbacks[ handle ] = callback;
- }
- xhr.onreadystatechange = callback;
- }
- },
-
- abort: function() {
- if ( callback ) {
- callback(0,1);
- }
- }
- };
- }
- });
-}
-
-
-
-
-var elemdisplay = {},
- iframe, iframeDoc,
- rfxtypes = /^(?:toggle|show|hide)$/,
- rfxnum = /^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,
- timerId,
- fxAttrs = [
- // height animations
- [ "height", "marginTop", "marginBottom", "paddingTop", "paddingBottom" ],
- // width animations
- [ "width", "marginLeft", "marginRight", "paddingLeft", "paddingRight" ],
- // opacity animations
- [ "opacity" ]
- ],
- fxNow;
-
-jQuery.fn.extend({
- show: function( speed, easing, callback ) {
- var elem, display;
-
- if ( speed || speed === 0 ) {
- return this.animate( genFx("show", 3), speed, easing, callback);
-
- } else {
- for ( var i = 0, j = this.length; i < j; i++ ) {
- elem = this[i];
-
- if ( elem.style ) {
- display = elem.style.display;
-
- // Reset the inline display of this element to learn if it is
- // being hidden by cascaded rules or not
- if ( !jQuery._data(elem, "olddisplay") && display === "none" ) {
- display = elem.style.display = "";
- }
-
- // Set elements which have been overridden with display: none
- // in a stylesheet to whatever the default browser style is
- // for such an element
- if ( display === "" && jQuery.css( elem, "display" ) === "none" ) {
- jQuery._data(elem, "olddisplay", defaultDisplay(elem.nodeName));
- }
- }
- }
-
- // Set the display of most of the elements in a second loop
- // to avoid the constant reflow
- for ( i = 0; i < j; i++ ) {
- elem = this[i];
-
- if ( elem.style ) {
- display = elem.style.display;
-
- if ( display === "" || display === "none" ) {
- elem.style.display = jQuery._data(elem, "olddisplay") || "";
- }
- }
- }
-
- return this;
- }
- },
-
- hide: function( speed, easing, callback ) {
- if ( speed || speed === 0 ) {
- return this.animate( genFx("hide", 3), speed, easing, callback);
-
- } else {
- for ( var i = 0, j = this.length; i < j; i++ ) {
- if ( this[i].style ) {
- var display = jQuery.css( this[i], "display" );
-
- if ( display !== "none" && !jQuery._data( this[i], "olddisplay" ) ) {
- jQuery._data( this[i], "olddisplay", display );
- }
- }
- }
-
- // Set the display of the elements in a second loop
- // to avoid the constant reflow
- for ( i = 0; i < j; i++ ) {
- if ( this[i].style ) {
- this[i].style.display = "none";
- }
- }
-
- return this;
- }
- },
-
- // Save the old toggle function
- _toggle: jQuery.fn.toggle,
-
- toggle: function( fn, fn2, callback ) {
- var bool = typeof fn === "boolean";
-
- if ( jQuery.isFunction(fn) && jQuery.isFunction(fn2) ) {
- this._toggle.apply( this, arguments );
-
- } else if ( fn == null || bool ) {
- this.each(function() {
- var state = bool ? fn : jQuery(this).is(":hidden");
- jQuery(this)[ state ? "show" : "hide" ]();
- });
-
- } else {
- this.animate(genFx("toggle", 3), fn, fn2, callback);
- }
-
- return this;
- },
-
- fadeTo: function( speed, to, easing, callback ) {
- return this.filter(":hidden").css("opacity", 0).show().end()
- .animate({opacity: to}, speed, easing, callback);
- },
-
- animate: function( prop, speed, easing, callback ) {
- var optall = jQuery.speed(speed, easing, callback);
-
- if ( jQuery.isEmptyObject( prop ) ) {
- return this.each( optall.complete, [ false ] );
- }
-
- // Do not change referenced properties as per-property easing will be lost
- prop = jQuery.extend( {}, prop );
-
- return this[ optall.queue === false ? "each" : "queue" ](function() {
- // XXX 'this' does not always have a nodeName when running the
- // test suite
-
- if ( optall.queue === false ) {
- jQuery._mark( this );
- }
-
- var opt = jQuery.extend( {}, optall ),
- isElement = this.nodeType === 1,
- hidden = isElement && jQuery(this).is(":hidden"),
- name, val, p,
- display, e,
- parts, start, end, unit;
-
- // will store per property easing and be used to determine when an animation is complete
- opt.animatedProperties = {};
-
- for ( p in prop ) {
-
- // property name normalization
- name = jQuery.camelCase( p );
- if ( p !== name ) {
- prop[ name ] = prop[ p ];
- delete prop[ p ];
- }
-
- val = prop[ name ];
-
- // easing resolution: per property > opt.specialEasing > opt.easing > 'swing' (default)
- if ( jQuery.isArray( val ) ) {
- opt.animatedProperties[ name ] = val[ 1 ];
- val = prop[ name ] = val[ 0 ];
- } else {
- opt.animatedProperties[ name ] = opt.specialEasing && opt.specialEasing[ name ] || opt.easing || 'swing';
- }
-
- if ( val === "hide" && hidden || val === "show" && !hidden ) {
- return opt.complete.call( this );
- }
-
- if ( isElement && ( name === "height" || name === "width" ) ) {
- // Make sure that nothing sneaks out
- // Record all 3 overflow attributes because IE does not
- // change the overflow attribute when overflowX and
- // overflowY are set to the same value
- opt.overflow = [ this.style.overflow, this.style.overflowX, this.style.overflowY ];
-
- // Set display property to inline-block for height/width
- // animations on inline elements that are having width/height
- // animated
- if ( jQuery.css( this, "display" ) === "inline" &&
- jQuery.css( this, "float" ) === "none" ) {
- if ( !jQuery.support.inlineBlockNeedsLayout ) {
- this.style.display = "inline-block";
-
- } else {
- display = defaultDisplay( this.nodeName );
-
- // inline-level elements accept inline-block;
- // block-level elements need to be inline with layout
- if ( display === "inline" ) {
- this.style.display = "inline-block";
-
- } else {
- this.style.display = "inline";
- this.style.zoom = 1;
- }
- }
- }
- }
- }
-
- if ( opt.overflow != null ) {
- this.style.overflow = "hidden";
- }
-
- for ( p in prop ) {
- e = new jQuery.fx( this, opt, p );
- val = prop[ p ];
-
- if ( rfxtypes.test(val) ) {
- e[ val === "toggle" ? hidden ? "show" : "hide" : val ]();
-
- } else {
- parts = rfxnum.exec( val );
- start = e.cur();
-
- if ( parts ) {
- end = parseFloat( parts[2] );
- unit = parts[3] || ( jQuery.cssNumber[ p ] ? "" : "px" );
-
- // We need to compute starting value
- if ( unit !== "px" ) {
- jQuery.style( this, p, (end || 1) + unit);
- start = ((end || 1) / e.cur()) * start;
- jQuery.style( this, p, start + unit);
- }
-
- // If a +=/-= token was provided, we're doing a relative animation
- if ( parts[1] ) {
- end = ( (parts[ 1 ] === "-=" ? -1 : 1) * end ) + start;
- }
-
- e.custom( start, end, unit );
-
- } else {
- e.custom( start, val, "" );
- }
- }
- }
-
- // For JS strict compliance
- return true;
- });
- },
-
- stop: function( clearQueue, gotoEnd ) {
- if ( clearQueue ) {
- this.queue([]);
- }
-
- this.each(function() {
- var timers = jQuery.timers,
- i = timers.length;
- // clear marker counters if we know they won't be
- if ( !gotoEnd ) {
- jQuery._unmark( true, this );
- }
- while ( i-- ) {
- if ( timers[i].elem === this ) {
- if (gotoEnd) {
- // force the next step to be the last
- timers[i](true);
- }
-
- timers.splice(i, 1);
- }
- }
- });
-
- // start the next in the queue if the last step wasn't forced
- if ( !gotoEnd ) {
- this.dequeue();
- }
-
- return this;
- }
-
-});
-
-// Animations created synchronously will run synchronously
-function createFxNow() {
- setTimeout( clearFxNow, 0 );
- return ( fxNow = jQuery.now() );
-}
-
-function clearFxNow() {
- fxNow = undefined;
-}
-
-// Generate parameters to create a standard animation
-function genFx( type, num ) {
- var obj = {};
-
- jQuery.each( fxAttrs.concat.apply([], fxAttrs.slice(0,num)), function() {
- obj[ this ] = type;
- });
-
- return obj;
-}
-
-// Generate shortcuts for custom animations
-jQuery.each({
- slideDown: genFx("show", 1),
- slideUp: genFx("hide", 1),
- slideToggle: genFx("toggle", 1),
- fadeIn: { opacity: "show" },
- fadeOut: { opacity: "hide" },
- fadeToggle: { opacity: "toggle" }
-}, function( name, props ) {
- jQuery.fn[ name ] = function( speed, easing, callback ) {
- return this.animate( props, speed, easing, callback );
- };
-});
-
-jQuery.extend({
- speed: function( speed, easing, fn ) {
- var opt = speed && typeof speed === "object" ? jQuery.extend({}, speed) : {
- complete: fn || !fn && easing ||
- jQuery.isFunction( speed ) && speed,
- duration: speed,
- easing: fn && easing || easing && !jQuery.isFunction(easing) && easing
- };
-
- opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration :
- opt.duration in jQuery.fx.speeds ? jQuery.fx.speeds[opt.duration] : jQuery.fx.speeds._default;
-
- // Queueing
- opt.old = opt.complete;
- opt.complete = function( noUnmark ) {
- if ( jQuery.isFunction( opt.old ) ) {
- opt.old.call( this );
- }
-
- if ( opt.queue !== false ) {
- jQuery.dequeue( this );
- } else if ( noUnmark !== false ) {
- jQuery._unmark( this );
- }
- };
-
- return opt;
- },
-
- easing: {
- linear: function( p, n, firstNum, diff ) {
- return firstNum + diff * p;
- },
- swing: function( p, n, firstNum, diff ) {
- return ((-Math.cos(p*Math.PI)/2) + 0.5) * diff + firstNum;
- }
- },
-
- timers: [],
-
- fx: function( elem, options, prop ) {
- this.options = options;
- this.elem = elem;
- this.prop = prop;
-
- options.orig = options.orig || {};
- }
-
-});
-
-jQuery.fx.prototype = {
- // Simple function for setting a style value
- update: function() {
- if ( this.options.step ) {
- this.options.step.call( this.elem, this.now, this );
- }
-
- (jQuery.fx.step[this.prop] || jQuery.fx.step._default)( this );
- },
-
- // Get the current size
- cur: function() {
- if ( this.elem[this.prop] != null && (!this.elem.style || this.elem.style[this.prop] == null) ) {
- return this.elem[ this.prop ];
- }
-
- var parsed,
- r = jQuery.css( this.elem, this.prop );
- // Empty strings, null, undefined and "auto" are converted to 0,
- // complex values such as "rotate(1rad)" are returned as is,
- // simple values such as "10px" are parsed to Float.
- return isNaN( parsed = parseFloat( r ) ) ? !r || r === "auto" ? 0 : r : parsed;
- },
-
- // Start an animation from one number to another
- custom: function( from, to, unit ) {
- var self = this,
- fx = jQuery.fx;
-
- this.startTime = fxNow || createFxNow();
- this.start = from;
- this.end = to;
- this.unit = unit || this.unit || ( jQuery.cssNumber[ this.prop ] ? "" : "px" );
- this.now = this.start;
- this.pos = this.state = 0;
-
- function t( gotoEnd ) {
- return self.step(gotoEnd);
- }
-
- t.elem = this.elem;
-
- if ( t() && jQuery.timers.push(t) && !timerId ) {
- timerId = setInterval( fx.tick, fx.interval );
- }
- },
-
- // Simple 'show' function
- show: function() {
- // Remember where we started, so that we can go back to it later
- this.options.orig[this.prop] = jQuery.style( this.elem, this.prop );
- this.options.show = true;
-
- // Begin the animation
- // Make sure that we start at a small width/height to avoid any
- // flash of content
- this.custom(this.prop === "width" || this.prop === "height" ? 1 : 0, this.cur());
-
- // Start by showing the element
- jQuery( this.elem ).show();
- },
-
- // Simple 'hide' function
- hide: function() {
- // Remember where we started, so that we can go back to it later
- this.options.orig[this.prop] = jQuery.style( this.elem, this.prop );
- this.options.hide = true;
-
- // Begin the animation
- this.custom(this.cur(), 0);
- },
-
- // Each step of an animation
- step: function( gotoEnd ) {
- var t = fxNow || createFxNow(),
- done = true,
- elem = this.elem,
- options = this.options,
- i, n;
-
- if ( gotoEnd || t >= options.duration + this.startTime ) {
- this.now = this.end;
- this.pos = this.state = 1;
- this.update();
-
- options.animatedProperties[ this.prop ] = true;
-
- for ( i in options.animatedProperties ) {
- if ( options.animatedProperties[i] !== true ) {
- done = false;
- }
- }
-
- if ( done ) {
- // Reset the overflow
- if ( options.overflow != null && !jQuery.support.shrinkWrapBlocks ) {
-
- jQuery.each( [ "", "X", "Y" ], function (index, value) {
- elem.style[ "overflow" + value ] = options.overflow[index];
- });
- }
-
- // Hide the element if the "hide" operation was done
- if ( options.hide ) {
- jQuery(elem).hide();
- }
-
- // Reset the properties, if the item has been hidden or shown
- if ( options.hide || options.show ) {
- for ( var p in options.animatedProperties ) {
- jQuery.style( elem, p, options.orig[p] );
- }
- }
-
- // Execute the complete function
- options.complete.call( elem );
- }
-
- return false;
-
- } else {
- // classical easing cannot be used with an Infinity duration
- if ( options.duration == Infinity ) {
- this.now = t;
- } else {
- n = t - this.startTime;
- this.state = n / options.duration;
-
- // Perform the easing function, defaults to swing
- this.pos = jQuery.easing[ options.animatedProperties[ this.prop ] ]( this.state, n, 0, 1, options.duration );
- this.now = this.start + ((this.end - this.start) * this.pos);
- }
- // Perform the next step of the animation
- this.update();
- }
-
- return true;
- }
-};
-
-jQuery.extend( jQuery.fx, {
- tick: function() {
- for ( var timers = jQuery.timers, i = 0 ; i < timers.length ; ++i ) {
- if ( !timers[i]() ) {
- timers.splice(i--, 1);
- }
- }
-
- if ( !timers.length ) {
- jQuery.fx.stop();
- }
- },
-
- interval: 13,
-
- stop: function() {
- clearInterval( timerId );
- timerId = null;
- },
-
- speeds: {
- slow: 600,
- fast: 200,
- // Default speed
- _default: 400
- },
-
- step: {
- opacity: function( fx ) {
- jQuery.style( fx.elem, "opacity", fx.now );
- },
-
- _default: function( fx ) {
- if ( fx.elem.style && fx.elem.style[ fx.prop ] != null ) {
- fx.elem.style[ fx.prop ] = (fx.prop === "width" || fx.prop === "height" ? Math.max(0, fx.now) : fx.now) + fx.unit;
- } else {
- fx.elem[ fx.prop ] = fx.now;
- }
- }
- }
-});
-
-if ( jQuery.expr && jQuery.expr.filters ) {
- jQuery.expr.filters.animated = function( elem ) {
- return jQuery.grep(jQuery.timers, function( fn ) {
- return elem === fn.elem;
- }).length;
- };
-}
-
-// Try to restore the default display value of an element
-function defaultDisplay( nodeName ) {
-
- if ( !elemdisplay[ nodeName ] ) {
-
- var body = document.body,
- elem = jQuery( "<" + nodeName + ">" ).appendTo( body ),
- display = elem.css( "display" );
-
- elem.remove();
-
- // If the simple way fails,
- // get element's real default display by attaching it to a temp iframe
- if ( display === "none" || display === "" ) {
- // No iframe to use yet, so create it
- if ( !iframe ) {
- iframe = document.createElement( "iframe" );
- iframe.frameBorder = iframe.width = iframe.height = 0;
- }
-
- body.appendChild( iframe );
-
- // Create a cacheable copy of the iframe document on first call.
- // IE and Opera will allow us to reuse the iframeDoc without re-writing the fake HTML
- // document to it; WebKit & Firefox won't allow reusing the iframe document.
- if ( !iframeDoc || !iframe.createElement ) {
- iframeDoc = ( iframe.contentWindow || iframe.contentDocument ).document;
- iframeDoc.write( ( document.compatMode === "CSS1Compat" ? "<!doctype html>" : "" ) + "<html><body>" );
- iframeDoc.close();
- }
-
- elem = iframeDoc.createElement( nodeName );
-
- iframeDoc.body.appendChild( elem );
-
- display = jQuery.css( elem, "display" );
-
- body.removeChild( iframe );
- }
-
- // Store the correct default display
- elemdisplay[ nodeName ] = display;
- }
-
- return elemdisplay[ nodeName ];
-}
-
-
-
-
-var rtable = /^t(?:able|d|h)$/i,
- rroot = /^(?:body|html)$/i;
-
-if ( "getBoundingClientRect" in document.documentElement ) {
- jQuery.fn.offset = function( options ) {
- var elem = this[0], box;
-
- if ( options ) {
- return this.each(function( i ) {
- jQuery.offset.setOffset( this, options, i );
- });
- }
-
- if ( !elem || !elem.ownerDocument ) {
- return null;
- }
-
- if ( elem === elem.ownerDocument.body ) {
- return jQuery.offset.bodyOffset( elem );
- }
-
- try {
- box = elem.getBoundingClientRect();
- } catch(e) {}
-
- var doc = elem.ownerDocument,
- docElem = doc.documentElement;
-
- // Make sure we're not dealing with a disconnected DOM node
- if ( !box || !jQuery.contains( docElem, elem ) ) {
- return box ? { top: box.top, left: box.left } : { top: 0, left: 0 };
- }
-
- var body = doc.body,
- win = getWindow(doc),
- clientTop = docElem.clientTop || body.clientTop || 0,
- clientLeft = docElem.clientLeft || body.clientLeft || 0,
- scrollTop = win.pageYOffset || jQuery.support.boxModel && docElem.scrollTop || body.scrollTop,
- scrollLeft = win.pageXOffset || jQuery.support.boxModel && docElem.scrollLeft || body.scrollLeft,
- top = box.top + scrollTop - clientTop,
- left = box.left + scrollLeft - clientLeft;
-
- return { top: top, left: left };
- };
-
-} else {
- jQuery.fn.offset = function( options ) {
- var elem = this[0];
-
- if ( options ) {
- return this.each(function( i ) {
- jQuery.offset.setOffset( this, options, i );
- });
- }
-
- if ( !elem || !elem.ownerDocument ) {
- return null;
- }
-
- if ( elem === elem.ownerDocument.body ) {
- return jQuery.offset.bodyOffset( elem );
- }
-
- jQuery.offset.initialize();
-
- var computedStyle,
- offsetParent = elem.offsetParent,
- prevOffsetParent = elem,
- doc = elem.ownerDocument,
- docElem = doc.documentElement,
- body = doc.body,
- defaultView = doc.defaultView,
- prevComputedStyle = defaultView ? defaultView.getComputedStyle( elem, null ) : elem.currentStyle,
- top = elem.offsetTop,
- left = elem.offsetLeft;
-
- while ( (elem = elem.parentNode) && elem !== body && elem !== docElem ) {
- if ( jQuery.offset.supportsFixedPosition && prevComputedStyle.position === "fixed" ) {
- break;
- }
-
- computedStyle = defaultView ? defaultView.getComputedStyle(elem, null) : elem.currentStyle;
- top -= elem.scrollTop;
- left -= elem.scrollLeft;
-
- if ( elem === offsetParent ) {
- top += elem.offsetTop;
- left += elem.offsetLeft;
-
- if ( jQuery.offset.doesNotAddBorder && !(jQuery.offset.doesAddBorderForTableAndCells && rtable.test(elem.nodeName)) ) {
- top += parseFloat( computedStyle.borderTopWidth ) || 0;
- left += parseFloat( computedStyle.borderLeftWidth ) || 0;
- }
-
- prevOffsetParent = offsetParent;
- offsetParent = elem.offsetParent;
- }
-
- if ( jQuery.offset.subtractsBorderForOverflowNotVisible && computedStyle.overflow !== "visible" ) {
- top += parseFloat( computedStyle.borderTopWidth ) || 0;
- left += parseFloat( computedStyle.borderLeftWidth ) || 0;
- }
-
- prevComputedStyle = computedStyle;
- }
-
- if ( prevComputedStyle.position === "relative" || prevComputedStyle.position === "static" ) {
- top += body.offsetTop;
- left += body.offsetLeft;
- }
-
- if ( jQuery.offset.supportsFixedPosition && prevComputedStyle.position === "fixed" ) {
- top += Math.max( docElem.scrollTop, body.scrollTop );
- left += Math.max( docElem.scrollLeft, body.scrollLeft );
- }
-
- return { top: top, left: left };
- };
-}
-
-jQuery.offset = {
- initialize: function() {
- var body = document.body, container = document.createElement("div"), innerDiv, checkDiv, table, td, bodyMarginTop = parseFloat( jQuery.css(body, "marginTop") ) || 0,
- html = "<div style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'><div></div></div><table style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table>";
-
- jQuery.extend( container.style, { position: "absolute", top: 0, left: 0, margin: 0, border: 0, width: "1px", height: "1px", visibility: "hidden" } );
-
- container.innerHTML = html;
- body.insertBefore( container, body.firstChild );
- innerDiv = container.firstChild;
- checkDiv = innerDiv.firstChild;
- td = innerDiv.nextSibling.firstChild.firstChild;
-
- this.doesNotAddBorder = (checkDiv.offsetTop !== 5);
- this.doesAddBorderForTableAndCells = (td.offsetTop === 5);
-
- checkDiv.style.position = "fixed";
- checkDiv.style.top = "20px";
-
- // safari subtracts parent border width here which is 5px
- this.supportsFixedPosition = (checkDiv.offsetTop === 20 || checkDiv.offsetTop === 15);
- checkDiv.style.position = checkDiv.style.top = "";
-
- innerDiv.style.overflow = "hidden";
- innerDiv.style.position = "relative";
-
- this.subtractsBorderForOverflowNotVisible = (checkDiv.offsetTop === -5);
-
- this.doesNotIncludeMarginInBodyOffset = (body.offsetTop !== bodyMarginTop);
-
- body.removeChild( container );
- jQuery.offset.initialize = jQuery.noop;
- },
-
- bodyOffset: function( body ) {
- var top = body.offsetTop,
- left = body.offsetLeft;
-
- jQuery.offset.initialize();
-
- if ( jQuery.offset.doesNotIncludeMarginInBodyOffset ) {
- top += parseFloat( jQuery.css(body, "marginTop") ) || 0;
- left += parseFloat( jQuery.css(body, "marginLeft") ) || 0;
- }
-
- return { top: top, left: left };
- },
-
- setOffset: function( elem, options, i ) {
- var position = jQuery.css( elem, "position" );
-
- // set position first, in-case top/left are set even on static elem
- if ( position === "static" ) {
- elem.style.position = "relative";
- }
-
- var curElem = jQuery( elem ),
- curOffset = curElem.offset(),
- curCSSTop = jQuery.css( elem, "top" ),
- curCSSLeft = jQuery.css( elem, "left" ),
- calculatePosition = (position === "absolute" || position === "fixed") && jQuery.inArray("auto", [curCSSTop, curCSSLeft]) > -1,
- props = {}, curPosition = {}, curTop, curLeft;
-
- // need to be able to calculate position if either top or left is auto and position is either absolute or fixed
- if ( calculatePosition ) {
- curPosition = curElem.position();
- curTop = curPosition.top;
- curLeft = curPosition.left;
- } else {
- curTop = parseFloat( curCSSTop ) || 0;
- curLeft = parseFloat( curCSSLeft ) || 0;
- }
-
- if ( jQuery.isFunction( options ) ) {
- options = options.call( elem, i, curOffset );
- }
-
- if (options.top != null) {
- props.top = (options.top - curOffset.top) + curTop;
- }
- if (options.left != null) {
- props.left = (options.left - curOffset.left) + curLeft;
- }
-
- if ( "using" in options ) {
- options.using.call( elem, props );
- } else {
- curElem.css( props );
- }
- }
-};
-
-
-jQuery.fn.extend({
- position: function() {
- if ( !this[0] ) {
- return null;
- }
-
- var elem = this[0],
-
- // Get *real* offsetParent
- offsetParent = this.offsetParent(),
-
- // Get correct offsets
- offset = this.offset(),
- parentOffset = rroot.test(offsetParent[0].nodeName) ? { top: 0, left: 0 } : offsetParent.offset();
-
- // Subtract element margins
- // note: when an element has margin: auto the offsetLeft and marginLeft
- // are the same in Safari causing offset.left to incorrectly be 0
- offset.top -= parseFloat( jQuery.css(elem, "marginTop") ) || 0;
- offset.left -= parseFloat( jQuery.css(elem, "marginLeft") ) || 0;
-
- // Add offsetParent borders
- parentOffset.top += parseFloat( jQuery.css(offsetParent[0], "borderTopWidth") ) || 0;
- parentOffset.left += parseFloat( jQuery.css(offsetParent[0], "borderLeftWidth") ) || 0;
-
- // Subtract the two offsets
- return {
- top: offset.top - parentOffset.top,
- left: offset.left - parentOffset.left
- };
- },
-
- offsetParent: function() {
- return this.map(function() {
- var offsetParent = this.offsetParent || document.body;
- while ( offsetParent && (!rroot.test(offsetParent.nodeName) && jQuery.css(offsetParent, "position") === "static") ) {
- offsetParent = offsetParent.offsetParent;
- }
- return offsetParent;
- });
- }
-});
-
-
-// Create scrollLeft and scrollTop methods
-jQuery.each( ["Left", "Top"], function( i, name ) {
- var method = "scroll" + name;
-
- jQuery.fn[ method ] = function( val ) {
- var elem, win;
-
- if ( val === undefined ) {
- elem = this[ 0 ];
-
- if ( !elem ) {
- return null;
- }
-
- win = getWindow( elem );
-
- // Return the scroll offset
- return win ? ("pageXOffset" in win) ? win[ i ? "pageYOffset" : "pageXOffset" ] :
- jQuery.support.boxModel && win.document.documentElement[ method ] ||
- win.document.body[ method ] :
- elem[ method ];
- }
-
- // Set the scroll offset
- return this.each(function() {
- win = getWindow( this );
-
- if ( win ) {
- win.scrollTo(
- !i ? val : jQuery( win ).scrollLeft(),
- i ? val : jQuery( win ).scrollTop()
- );
-
- } else {
- this[ method ] = val;
- }
- });
- };
-});
-
-function getWindow( elem ) {
- return jQuery.isWindow( elem ) ?
- elem :
- elem.nodeType === 9 ?
- elem.defaultView || elem.parentWindow :
- false;
-}
-
-
-
-
-// Create width, height, innerHeight, innerWidth, outerHeight and outerWidth methods
-jQuery.each([ "Height", "Width" ], function( i, name ) {
-
- var type = name.toLowerCase();
-
- // innerHeight and innerWidth
- jQuery.fn[ "inner" + name ] = function() {
- var elem = this[0];
- return elem && elem.style ?
- parseFloat( jQuery.css( elem, type, "padding" ) ) :
- null;
- };
-
- // outerHeight and outerWidth
- jQuery.fn[ "outer" + name ] = function( margin ) {
- var elem = this[0];
- return elem && elem.style ?
- parseFloat( jQuery.css( elem, type, margin ? "margin" : "border" ) ) :
- null;
- };
-
- jQuery.fn[ type ] = function( size ) {
- // Get window width or height
- var elem = this[0];
- if ( !elem ) {
- return size == null ? null : this;
- }
-
- if ( jQuery.isFunction( size ) ) {
- return this.each(function( i ) {
- var self = jQuery( this );
- self[ type ]( size.call( this, i, self[ type ]() ) );
- });
- }
-
- if ( jQuery.isWindow( elem ) ) {
- // Everyone else use document.documentElement or document.body depending on Quirks vs Standards mode
- // 3rd condition allows Nokia support, as it supports the docElem prop but not CSS1Compat
- var docElemProp = elem.document.documentElement[ "client" + name ],
- body = elem.document.body;
- return elem.document.compatMode === "CSS1Compat" && docElemProp ||
- body && body[ "client" + name ] || docElemProp;
-
- // Get document width or height
- } else if ( elem.nodeType === 9 ) {
- // Either scroll[Width/Height] or offset[Width/Height], whichever is greater
- return Math.max(
- elem.documentElement["client" + name],
- elem.body["scroll" + name], elem.documentElement["scroll" + name],
- elem.body["offset" + name], elem.documentElement["offset" + name]
- );
-
- // Get or set width or height on the element
- } else if ( size === undefined ) {
- var orig = jQuery.css( elem, type ),
- ret = parseFloat( orig );
-
- return jQuery.isNaN( ret ) ? orig : ret;
-
- // Set the width or height on the element (default to pixels if value is unitless)
- } else {
- return this.css( type, typeof size === "string" ? size : size + "px" );
- }
- };
-
-});
-
-
-// Expose jQuery to the global object
-window.jQuery = window.$ = jQuery;
-})(window);
+++ /dev/null
-/*
-* "buttons" plugin - for making button-like links
-*/
-
-( function( $, undefined ) {
-
-$.fn.buttonMarkup = function( options ) {
- options = options || {};
-
- for ( var i = 0; i < this.length; i++ ) {
- var el = this.eq( i ),
- e = el[ 0 ],
- o = $.extend( {}, $.fn.buttonMarkup.defaults, {
- icon: options.icon !== undefined ? options.icon : el.jqmData( "icon" ),
- iconpos: options.iconpos !== undefined ? options.iconpos : el.jqmData( "iconpos" ),
- theme: options.theme !== undefined ? options.theme : el.jqmData( "theme" ),
- inline: options.inline !== undefined ? options.inline : el.jqmData( "inline" ),
- shadow: options.shadow !== undefined ? options.shadow : el.jqmData( "shadow" ),
- corners: options.corners !== undefined ? options.corners : el.jqmData( "corners" ),
- iconshadow: options.iconshadow !== undefined ? options.iconshadow : el.jqmData( "iconshadow" )
- }, options ),
-
- // Classes Defined
- innerClass = "ui-btn-inner",
- textClass = "ui-btn-text",
- buttonClass, iconClass,
-
- // Button inner markup
- buttonInner = document.createElement( o.wrapperEls ),
- buttonText = document.createElement( o.wrapperEls ),
- buttonIcon = o.icon ? document.createElement( "span" ) : null;
-
- if ( attachEvents ) {
- attachEvents();
- }
-
- // if not, try to find closest theme container
- if ( !o.theme ) {
- o.theme = $.mobile.getInheritedTheme( el, "c" );
- }
-
- buttonClass = "ui-btn ui-btn-up-" + o.theme;
-
- if ( o.inline ) {
- buttonClass += " ui-btn-inline";
- }
-
- if ( o.icon ) {
- o.icon = "ui-icon-" + o.icon;
- o.iconpos = o.iconpos || "left";
-
- iconClass = "ui-icon " + o.icon;
-
- if ( o.iconshadow ) {
- iconClass += " ui-icon-shadow";
- }
- }
-
- if ( o.iconpos ) {
- buttonClass += " ui-btn-icon-" + o.iconpos;
-
- if ( o.iconpos == "notext" && !el.attr( "title" ) ) {
- el.attr( "title", el.getEncodedText() );
- }
- }
-
- if ( o.corners ) {
- buttonClass += " ui-btn-corner-all";
- innerClass += " ui-btn-corner-all";
- }
-
- if ( o.shadow ) {
- buttonClass += " ui-shadow";
- }
-
- e.setAttribute( "data-" + $.mobile.ns + "theme", o.theme );
- el.addClass( buttonClass );
-
- buttonInner.className = innerClass;
- buttonInner.setAttribute("aria-hidden", "true");
-
- buttonText.className = textClass;
- buttonInner.appendChild( buttonText );
-
- if ( buttonIcon ) {
- buttonIcon.className = iconClass;
- buttonInner.appendChild( buttonIcon );
- }
-
- while ( e.firstChild ) {
- buttonText.appendChild( e.firstChild );
- }
-
- e.appendChild( buttonInner );
-
- // TODO obviously it would be nice to pull this element out instead of
- // retrieving it from the DOM again, but this change is much less obtrusive
- // and 1.0 draws nigh
- $.data( e, 'textWrapper', $( buttonText ) );
- }
-
- return this;
-};
-
-$.fn.buttonMarkup.defaults = {
- corners: true,
- shadow: true,
- iconshadow: true,
- inline: false,
- wrapperEls: "span"
-};
-
-function closestEnabledButton( element ) {
- var cname;
-
- while ( element ) {
- // Note that we check for typeof className below because the element we
- // handed could be in an SVG DOM where className on SVG elements is defined to
- // be of a different type (SVGAnimatedString). We only operate on HTML DOM
- // elements, so we look for plain "string".
-
- cname = ( typeof element.className === 'string' ) && element.className.split(' ');
-
- if ( cname && $.inArray( "ui-btn", cname ) > -1 && $.inArray( "ui-disabled", cname ) < 0 ) {
- break;
- }
- element = element.parentNode;
- }
-
- return element;
-}
-
-var attachEvents = function() {
- $( document ).bind( {
- "vmousedown": function( event ) {
- var btn = closestEnabledButton( event.target ),
- $btn, theme;
-
- if ( btn ) {
- $btn = $( btn );
- theme = $btn.attr( "data-" + $.mobile.ns + "theme" );
- $btn.removeClass( "ui-btn-up-" + theme ).addClass( "ui-btn-down-" + theme );
- }
- },
- "vmousecancel vmouseup": function( event ) {
- var btn = closestEnabledButton( event.target ),
- $btn, theme;
-
- if ( btn ) {
- $btn = $( btn );
- theme = $btn.attr( "data-" + $.mobile.ns + "theme" );
- $btn.removeClass( "ui-btn-down-" + theme ).addClass( "ui-btn-up-" + theme );
- }
- },
- "vmouseover focus": function( event ) {
- var btn = closestEnabledButton( event.target ),
- $btn, theme;
-
- if ( btn ) {
- $btn = $( btn );
- theme = $btn.attr( "data-" + $.mobile.ns + "theme" );
- $btn.removeClass( "ui-btn-up-" + theme ).addClass( "ui-btn-hover-" + theme );
- }
- },
- "vmouseout blur": function( event ) {
- var btn = closestEnabledButton( event.target ),
- $btn, theme;
-
- if ( btn ) {
- $btn = $( btn );
- theme = $btn.attr( "data-" + $.mobile.ns + "theme" );
- $btn.removeClass( "ui-btn-hover-" + theme + " ui-btn-down-" + theme ).addClass( "ui-btn-up-" + theme );
- }
- }
- });
-
- attachEvents = null;
-};
-
-//links in bars, or those with data-role become buttons
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
-
- $( ":jqmData(role='button'), .ui-bar > a, .ui-header > a, .ui-footer > a, .ui-bar > :jqmData(role='controlgroup') > a", e.target )
- .not( ".ui-btn, :jqmData(role='none'), :jqmData(role='nojs')" )
- .buttonMarkup();
-});
-
-})( jQuery );
+++ /dev/null
-/*
-* "collapsible" plugin
-*/
-
-(function( $, undefined ) {
-
-$.widget( "mobile.collapsible", $.mobile.widget, {
- options: {
- expandCueText: " click to expand contents",
- collapseCueText: " click to collapse contents",
- collapsed: true,
- heading: "h1,h2,h3,h4,h5,h6,legend",
- theme: null,
- contentTheme: null,
- iconTheme: "d",
- initSelector: ":jqmData(role='collapsible')"
- },
- _create: function() {
-
- var $el = this.element,
- o = this.options,
- collapsible = $el.addClass( "ui-collapsible" ),
- collapsibleHeading = $el.children( o.heading ).first(),
- collapsibleContent = collapsible.wrapInner( "<div class='ui-collapsible-content'></div>" ).find( ".ui-collapsible-content" ),
- collapsibleSet = $el.closest( ":jqmData(role='collapsible-set')" ).addClass( "ui-collapsible-set" ),
- collapsiblesInSet = collapsibleSet.children( ":jqmData(role='collapsible')" );
-
- // Replace collapsibleHeading if it's a legend
- if ( collapsibleHeading.is( "legend" ) ) {
- collapsibleHeading = $( "<div role='heading'>"+ collapsibleHeading.html() +"</div>" ).insertBefore( collapsibleHeading );
- collapsibleHeading.next().remove();
- }
-
- // If we are in a collapsible set
- if ( collapsibleSet.length ) {
- // Inherit the theme from collapsible-set
- if ( !o.theme ) {
- o.theme = collapsibleSet.jqmData( "theme" );
- }
- // Inherit the content-theme from collapsible-set
- if ( !o.contentTheme ) {
- o.contentTheme = collapsibleSet.jqmData( "content-theme" );
- }
- }
-
- collapsibleContent.addClass( ( o.contentTheme ) ? ( "ui-body-" + o.contentTheme ) : "");
-
- collapsibleHeading
- //drop heading in before content
- .insertBefore( collapsibleContent )
- //modify markup & attributes
- .addClass( "ui-collapsible-heading" )
- .append( "<span class='ui-collapsible-heading-status'></span>" )
- .wrapInner( "<a href='#' class='ui-collapsible-heading-toggle'></a>" )
- .find( "a" )
- .first()
- .buttonMarkup({
- shadow: false,
- corners: false,
- iconPos: "left",
- icon: "plus",
- theme: o.theme
- });
-
- if ( !collapsibleSet.length ) {
- collapsibleHeading
- .find( "a" ).first().add( collapsibleHeading.find( ".ui-btn-inner" ) )
- .addClass( "ui-corner-top ui-corner-bottom" );
- } else {
- // If we are in a collapsible set
-
- // Initialize the collapsible set if it's not already initialized
- if ( !collapsibleSet.jqmData( "collapsiblebound" ) ) {
-
- collapsibleSet
- .jqmData( "collapsiblebound", true )
- .bind( "expand", function( event ) {
-
- $( event.target )
- .closest( ".ui-collapsible" )
- .siblings( ".ui-collapsible" )
- .trigger( "collapse" );
-
- });
- }
-
- collapsiblesInSet.first()
- .find( "a" )
- .first()
- .addClass( "ui-corner-top" )
- .find( ".ui-btn-inner" )
- .addClass( "ui-corner-top" );
-
- collapsiblesInSet.last()
- .jqmData( "collapsible-last", true )
- .find( "a" )
- .first()
- .addClass( "ui-corner-bottom" )
- .find( ".ui-btn-inner" )
- .addClass( "ui-corner-bottom" );
-
-
- if ( collapsible.jqmData( "collapsible-last" ) ) {
- collapsibleHeading
- .find( "a" ).first().add ( collapsibleHeading.find( ".ui-btn-inner" ) )
- .addClass( "ui-corner-bottom" );
- }
- }
-
- //events
- collapsible
- .bind( "expand collapse", function( event ) {
- if ( !event.isDefaultPrevented() ) {
-
- event.preventDefault();
-
- var $this = $( this ),
- isCollapse = ( event.type === "collapse" ),
- contentTheme = o.contentTheme;
-
- collapsibleHeading
- .toggleClass( "ui-collapsible-heading-collapsed", isCollapse)
- .find( ".ui-collapsible-heading-status" )
- .text( isCollapse ? o.expandCueText : o.collapseCueText )
- .end()
- .find( ".ui-icon" )
- .toggleClass( "ui-icon-minus", !isCollapse )
- .toggleClass( "ui-icon-plus", isCollapse );
-
- $this.toggleClass( "ui-collapsible-collapsed", isCollapse );
- collapsibleContent.toggleClass( "ui-collapsible-content-collapsed", isCollapse ).attr( "aria-hidden", isCollapse );
-
- if ( contentTheme && ( !collapsibleSet.length || collapsible.jqmData( "collapsible-last" ) ) ) {
- collapsibleHeading
- .find( "a" ).first().add( collapsibleHeading.find( ".ui-btn-inner" ) )
- .toggleClass( "ui-corner-bottom", isCollapse );
- collapsibleContent.toggleClass( "ui-corner-bottom", !isCollapse );
- }
- collapsibleContent.trigger( "updatelayout" );
- }
- })
- .trigger( o.collapsed ? "collapse" : "expand" );
-
- collapsibleHeading
- .bind( "click", function( event ) {
-
- var type = collapsibleHeading.is( ".ui-collapsible-heading-collapsed" ) ?
- "expand" : "collapse";
-
- collapsible.trigger( type );
-
- event.preventDefault();
- });
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $( $.mobile.collapsible.prototype.options.initSelector, e.target ).collapsible();
-});
-
-})( jQuery );
+++ /dev/null
-/*
-* "controlgroup" plugin - corner-rounding for groups of buttons, checks, radios, etc
-*/
-
-(function( $, undefined ) {
-
-$.fn.controlgroup = function( options ) {
-
- return this.each(function() {
-
- var $el = $( this ),
- o = $.extend({
- direction: $el.jqmData( "type" ) || "vertical",
- shadow: false,
- excludeInvisible: true
- }, options ),
- groupheading = $el.children( "legend" ),
- flCorners = o.direction == "horizontal" ? [ "ui-corner-left", "ui-corner-right" ] : [ "ui-corner-top", "ui-corner-bottom" ],
- type = $el.find( "input" ).first().attr( "type" );
-
- // Replace legend with more stylable replacement div
- if ( groupheading.length ) {
- $el.wrapInner( "<div class='ui-controlgroup-controls'></div>" );
- $( "<div role='heading' class='ui-controlgroup-label'>" + groupheading.html() + "</div>" ).insertBefore( $el.children(0) );
- groupheading.remove();
- }
-
- $el.addClass( "ui-corner-all ui-controlgroup ui-controlgroup-" + o.direction );
-
- // TODO: This should be moved out to the closure
- // otherwise it is redefined each time controlgroup() is called
- function flipClasses( els ) {
- els.removeClass( "ui-btn-corner-all ui-shadow" )
- .eq( 0 ).addClass( flCorners[ 0 ] )
- .end()
- .last().addClass( flCorners[ 1 ] ).addClass( "ui-controlgroup-last" );
- }
-
- flipClasses( $el.find( ".ui-btn" + ( o.excludeInvisible ? ":visible" : "" ) ) );
- flipClasses( $el.find( ".ui-btn-inner" ) );
-
- if ( o.shadow ) {
- $el.addClass( "ui-shadow" );
- }
- });
-};
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $( ":jqmData(role='controlgroup')", e.target ).controlgroup({ excludeInvisible: false });
-});
-
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-/*
-* "core" - The base file for jQm
-*/
-
-(function( $, window, undefined ) {
-
- var nsNormalizeDict = {};
-
- // jQuery.mobile configurable options
- $.extend( $.mobile, {
-
- // Namespace used framework-wide for data-attrs. Default is no namespace
- ns: "",
-
- // Define the url parameter used for referencing widget-generated sub-pages.
- // Translates to to example.html&ui-page=subpageIdentifier
- // hash segment before &ui-page= is used to make Ajax request
- subPageUrlKey: "ui-page",
-
- // Class assigned to page currently in view, and during transitions
- activePageClass: "ui-page-active",
-
- // Class used for "active" button state, from CSS framework
- activeBtnClass: "ui-btn-active",
-
- // Automatically handle clicks and form submissions through Ajax, when same-domain
- ajaxEnabled: true,
-
- // Automatically load and show pages based on location.hash
- hashListeningEnabled: true,
-
- // disable to prevent jquery from bothering with links
- linkBindingEnabled: true,
-
- // Set default page transition - 'none' for no transitions
- defaultPageTransition: "slide",
-
- // Minimum scroll distance that will be remembered when returning to a page
- minScrollBack: 250,
-
- // Set default dialog transition - 'none' for no transitions
- defaultDialogTransition: "pop",
-
- // Show loading message during Ajax requests
- // if false, message will not appear, but loading classes will still be toggled on html el
- loadingMessage: "loading",
-
- // Error response message - appears when an Ajax page request fails
- pageLoadErrorMessage: "Error Loading Page",
-
- //automatically initialize the DOM when it's ready
- autoInitializePage: true,
-
- pushStateEnabled: true,
-
- // turn of binding to the native orientationchange due to android orientation behavior
- orientationChangeEnabled: true,
-
- // Support conditions that must be met in order to proceed
- // default enhanced qualifications are media query support OR IE 7+
- gradeA: function(){
- return $.support.mediaquery || $.mobile.browser.ie && $.mobile.browser.ie >= 7;
- },
-
- // TODO might be useful upstream in jquery itself ?
- keyCode: {
- ALT: 18,
- BACKSPACE: 8,
- CAPS_LOCK: 20,
- COMMA: 188,
- COMMAND: 91,
- COMMAND_LEFT: 91, // COMMAND
- COMMAND_RIGHT: 93,
- CONTROL: 17,
- DELETE: 46,
- DOWN: 40,
- END: 35,
- ENTER: 13,
- ESCAPE: 27,
- HOME: 36,
- INSERT: 45,
- LEFT: 37,
- MENU: 93, // COMMAND_RIGHT
- NUMPAD_ADD: 107,
- NUMPAD_DECIMAL: 110,
- NUMPAD_DIVIDE: 111,
- NUMPAD_ENTER: 108,
- NUMPAD_MULTIPLY: 106,
- NUMPAD_SUBTRACT: 109,
- PAGE_DOWN: 34,
- PAGE_UP: 33,
- PERIOD: 190,
- RIGHT: 39,
- SHIFT: 16,
- SPACE: 32,
- TAB: 9,
- UP: 38,
- WINDOWS: 91 // COMMAND
- },
-
- // Scroll page vertically: scroll to 0 to hide iOS address bar, or pass a Y value
- silentScroll: function( ypos ) {
- if ( $.type( ypos ) !== "number" ) {
- ypos = $.mobile.defaultHomeScroll;
- }
-
- // prevent scrollstart and scrollstop events
- $.event.special.scrollstart.enabled = false;
-
- setTimeout(function() {
- window.scrollTo( 0, ypos );
- $( document ).trigger( "silentscroll", { x: 0, y: ypos });
- }, 20 );
-
- setTimeout(function() {
- $.event.special.scrollstart.enabled = true;
- }, 150 );
- },
-
- // Expose our cache for testing purposes.
- nsNormalizeDict: nsNormalizeDict,
-
- // Take a data attribute property, prepend the namespace
- // and then camel case the attribute string. Add the result
- // to our nsNormalizeDict so we don't have to do this again.
- nsNormalize: function( prop ) {
- if ( !prop ) {
- return;
- }
-
- return nsNormalizeDict[ prop ] || ( nsNormalizeDict[ prop ] = $.camelCase( $.mobile.ns + prop ) );
- },
-
- getInheritedTheme: function( el, defaultTheme ) {
-
- // Find the closest parent with a theme class on it. Note that
- // we are not using $.fn.closest() on purpose here because this
- // method gets called quite a bit and we need it to be as fast
- // as possible.
-
- var e = el[ 0 ],
- ltr = "",
- re = /ui-(bar|body)-([a-z])\b/,
- c, m;
-
- while ( e ) {
- var c = e.className || "";
- if ( ( m = re.exec( c ) ) && ( ltr = m[ 2 ] ) ) {
- // We found a parent with a theme class
- // on it so bail from this loop.
- break;
- }
- e = e.parentNode;
- }
-
- // Return the theme letter we found, if none, return the
- // specified default.
-
- return ltr || defaultTheme || "a";
- }
- });
-
- // Mobile version of data and removeData and hasData methods
- // ensures all data is set and retrieved using jQuery Mobile's data namespace
- $.fn.jqmData = function( prop, value ) {
- var result;
- if ( typeof prop != "undefined" ) {
- result = this.data( prop ? $.mobile.nsNormalize( prop ) : prop, value );
- }
- return result;
- };
-
- $.jqmData = function( elem, prop, value ) {
- var result;
- if ( typeof prop != "undefined" ) {
- result = $.data( elem, prop ? $.mobile.nsNormalize( prop ) : prop, value );
- }
- return result;
- };
-
- $.fn.jqmRemoveData = function( prop ) {
- return this.removeData( $.mobile.nsNormalize( prop ) );
- };
-
- $.jqmRemoveData = function( elem, prop ) {
- return $.removeData( elem, $.mobile.nsNormalize( prop ) );
- };
-
- $.fn.removeWithDependents = function() {
- $.removeWithDependents( this );
- };
-
- $.removeWithDependents = function( elem ) {
- var $elem = $( elem );
-
- ( $elem.jqmData('dependents') || $() ).remove();
- $elem.remove();
- };
-
- $.fn.addDependents = function( newDependents ) {
- $.addDependents( $(this), newDependents );
- };
-
- $.addDependents = function( elem, newDependents ) {
- var dependents = $(elem).jqmData( 'dependents' ) || $();
-
- $(elem).jqmData( 'dependents', $.merge(dependents, newDependents) );
- };
-
- // note that this helper doesn't attempt to handle the callback
- // or setting of an html elements text, its only purpose is
- // to return the html encoded version of the text in all cases. (thus the name)
- $.fn.getEncodedText = function() {
- return $( "<div/>" ).text( $(this).text() ).html();
- };
-
- // Monkey-patching Sizzle to filter the :jqmData selector
- var oldFind = $.find,
- jqmDataRE = /:jqmData\(([^)]*)\)/g;
-
- $.find = function( selector, context, ret, extra ) {
- selector = selector.replace( jqmDataRE, "[data-" + ( $.mobile.ns || "" ) + "$1]" );
-
- return oldFind.call( this, selector, context, ret, extra );
- };
-
- $.extend( $.find, oldFind );
-
- $.find.matches = function( expr, set ) {
- return $.find( expr, null, null, set );
- };
-
- $.find.matchesSelector = function( node, expr ) {
- return $.find( expr, null, null, [ node ] ).length > 0;
- };
-})( jQuery, this );
-
+++ /dev/null
-/*
-* "degradeInputs" plugin - degrades inputs to another type after custom enhancements are made.
-*/
-
-(function( $, undefined ) {
-
-$.mobile.page.prototype.options.degradeInputs = {
- color: false,
- date: false,
- datetime: false,
- "datetime-local": false,
- email: false,
- month: false,
- number: false,
- range: "number",
- search: "text",
- tel: false,
- time: false,
- url: false,
- week: false
-};
-
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
-
- var page = $(e.target).closest(':jqmData(role="page")').data("page"), options;
-
- if( !page ) {
- return;
- }
-
- options = page.options;
-
- // degrade inputs to avoid poorly implemented native functionality
- $( e.target ).find( "input" ).not( page.keepNativeSelector() ).each(function() {
- var $this = $( this ),
- type = this.getAttribute( "type" ),
- optType = options.degradeInputs[ type ] || "text";
-
- if ( options.degradeInputs[ type ] ) {
- var html = $( "<div>" ).html( $this.clone() ).html(),
- // In IE browsers, the type sometimes doesn't exist in the cloned markup, so we replace the closing tag instead
- hasType = html.indexOf( " type=" ) > -1,
- findstr = hasType ? /\s+type=["']?\w+['"]?/ : /\/?>/,
- repstr = " type=\"" + optType + "\" data-" + $.mobile.ns + "type=\"" + type + "\"" + ( hasType ? "" : ">" );
-
- $this.replaceWith( html.replace( findstr, repstr ) );
- }
- });
-
-});
-
-})( jQuery );
\ No newline at end of file
+++ /dev/null
-/*
-* "dialog" plugin.
-*/
-
-(function( $, window, undefined ) {
-
-$.widget( "mobile.dialog", $.mobile.widget, {
- options: {
- closeBtnText : "Close",
- overlayTheme : "a",
- initSelector : ":jqmData(role='dialog')"
- },
- _create: function() {
- var self = this,
- $el = this.element,
- headerCloseButton = $( "<a href='#' data-" + $.mobile.ns + "icon='delete' data-" + $.mobile.ns + "iconpos='notext'>"+ this.options.closeBtnText + "</a>" );
-
- $el.addClass( "ui-overlay-" + this.options.overlayTheme );
-
- // Class the markup for dialog styling
- // Set aria role
- $el.attr( "role", "dialog" )
- .addClass( "ui-dialog" )
- .find( ":jqmData(role='header')" )
- .addClass( "ui-corner-top ui-overlay-shadow" )
- .prepend( headerCloseButton )
- .end()
- .find( ":jqmData(role='content'),:jqmData(role='footer')" )
- .addClass( "ui-overlay-shadow" )
- .last()
- .addClass( "ui-corner-bottom" );
-
- // this must be an anonymous function so that select menu dialogs can replace
- // the close method. This is a change from previously just defining data-rel=back
- // on the button and letting nav handle it
- headerCloseButton.bind( "vclick", function() {
- self.close();
- });
-
- /* bind events
- - clicks and submits should use the closing transition that the dialog opened with
- unless a data-transition is specified on the link/form
- - if the click was on the close button, or the link has a data-rel="back" it'll go back in history naturally
- */
- $el.bind( "vclick submit", function( event ) {
- var $target = $( event.target ).closest( event.type === "vclick" ? "a" : "form" ),
- active;
-
- if ( $target.length && !$target.jqmData( "transition" ) ) {
-
- active = $.mobile.urlHistory.getActive() || {};
-
- $target.attr( "data-" + $.mobile.ns + "transition", ( active.transition || $.mobile.defaultDialogTransition ) )
- .attr( "data-" + $.mobile.ns + "direction", "reverse" );
- }
- })
- .bind( "pagehide", function() {
- $( this ).find( "." + $.mobile.activeBtnClass ).removeClass( $.mobile.activeBtnClass );
- });
- },
-
- // Close method goes back in history
- close: function() {
- window.history.back();
- }
-});
-
-//auto self-init widgets
-$( $.mobile.dialog.prototype.options.initSelector ).live( "pagecreate", function(){
- $( this ).dialog();
-});
-
-})( jQuery, this );
+++ /dev/null
-/*
-* "events" plugin - Handles events
-*/
-
-(function( $, window, undefined ) {
-
-// add new event shortcuts
-$.each( ( "touchstart touchmove touchend orientationchange throttledresize " +
- "tap taphold swipe swipeleft swiperight scrollstart scrollstop" ).split( " " ), function( i, name ) {
-
- $.fn[ name ] = function( fn ) {
- return fn ? this.bind( name, fn ) : this.trigger( name );
- };
-
- $.attrFn[ name ] = true;
-});
-
-var supportTouch = $.support.touch,
- scrollEvent = "touchmove scroll",
- touchStartEvent = supportTouch ? "touchstart" : "mousedown",
- touchStopEvent = supportTouch ? "touchend" : "mouseup",
- touchMoveEvent = supportTouch ? "touchmove" : "mousemove";
-
-function triggerCustomEvent( obj, eventType, event ) {
- var originalType = event.type;
- event.type = eventType;
- $.event.handle.call( obj, event );
- event.type = originalType;
-}
-
-// also handles scrollstop
-$.event.special.scrollstart = {
-
- enabled: true,
-
- setup: function() {
-
- var thisObject = this,
- $this = $( thisObject ),
- scrolling,
- timer;
-
- function trigger( event, state ) {
- scrolling = state;
- triggerCustomEvent( thisObject, scrolling ? "scrollstart" : "scrollstop", event );
- }
-
- // iPhone triggers scroll after a small delay; use touchmove instead
- $this.bind( scrollEvent, function( event ) {
-
- if ( !$.event.special.scrollstart.enabled ) {
- return;
- }
-
- if ( !scrolling ) {
- trigger( event, true );
- }
-
- clearTimeout( timer );
- timer = setTimeout(function() {
- trigger( event, false );
- }, 50 );
- });
- }
-};
-
-// also handles taphold
-$.event.special.tap = {
- setup: function() {
- var thisObject = this,
- $this = $( thisObject );
-
- $this.bind( "vmousedown", function( event ) {
-
- if ( event.which && event.which !== 1 ) {
- return false;
- }
-
- var origTarget = event.target,
- origEvent = event.originalEvent,
- timer;
-
- function clearTapTimer() {
- clearTimeout( timer );
- }
-
- function clearTapHandlers() {
- clearTapTimer();
-
- $this.unbind( "vclick", clickHandler )
- .unbind( "vmouseup", clearTapTimer )
- .unbind( "vmousecancel", clearTapHandlers );
- }
-
- function clickHandler(event) {
- clearTapHandlers();
-
- // ONLY trigger a 'tap' event if the start target is
- // the same as the stop target.
- if ( origTarget == event.target ) {
- triggerCustomEvent( thisObject, "tap", event );
- }
- }
-
- $this.bind( "vmousecancel", clearTapHandlers )
- .bind( "vmouseup", clearTapTimer )
- .bind( "vclick", clickHandler );
-
- timer = setTimeout(function() {
- triggerCustomEvent( thisObject, "taphold", $.Event( "taphold" ) );
- }, 750 );
- });
- }
-};
-
-// also handles swipeleft, swiperight
-$.event.special.swipe = {
- scrollSupressionThreshold: 10, // More than this horizontal displacement, and we will suppress scrolling.
-
- durationThreshold: 1000, // More time than this, and it isn't a swipe.
-
- horizontalDistanceThreshold: 30, // Swipe horizontal displacement must be more than this.
-
- verticalDistanceThreshold: 75, // Swipe vertical displacement must be less than this.
-
- setup: function() {
- var thisObject = this,
- $this = $( thisObject );
-
- $this.bind( touchStartEvent, function( event ) {
- var data = event.originalEvent.touches ?
- event.originalEvent.touches[ 0 ] : event,
- start = {
- time: ( new Date() ).getTime(),
- coords: [ data.pageX, data.pageY ],
- origin: $( event.target )
- },
- stop;
-
- function moveHandler( event ) {
-
- if ( !start ) {
- return;
- }
-
- var data = event.originalEvent.touches ?
- event.originalEvent.touches[ 0 ] : event;
-
- stop = {
- time: ( new Date() ).getTime(),
- coords: [ data.pageX, data.pageY ]
- };
-
- // prevent scrolling
- if ( Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.scrollSupressionThreshold ) {
- event.preventDefault();
- }
- }
-
- $this.bind( touchMoveEvent, moveHandler )
- .one( touchStopEvent, function( event ) {
- $this.unbind( touchMoveEvent, moveHandler );
-
- if ( start && stop ) {
- if ( stop.time - start.time < $.event.special.swipe.durationThreshold &&
- Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.horizontalDistanceThreshold &&
- Math.abs( start.coords[ 1 ] - stop.coords[ 1 ] ) < $.event.special.swipe.verticalDistanceThreshold ) {
-
- start.origin.trigger( "swipe" )
- .trigger( start.coords[0] > stop.coords[ 0 ] ? "swipeleft" : "swiperight" );
- }
- }
- start = stop = undefined;
- });
- });
- }
-};
-
-(function( $, window ) {
- // "Cowboy" Ben Alman
-
- var win = $( window ),
- special_event,
- get_orientation,
- last_orientation;
-
- $.event.special.orientationchange = special_event = {
- setup: function() {
- // If the event is supported natively, return false so that jQuery
- // will bind to the event using DOM methods.
- if ( $.support.orientation && $.mobile.orientationChangeEnabled ) {
- return false;
- }
-
- // Get the current orientation to avoid initial double-triggering.
- last_orientation = get_orientation();
-
- // Because the orientationchange event doesn't exist, simulate the
- // event by testing window dimensions on resize.
- win.bind( "throttledresize", handler );
- },
- teardown: function(){
- // If the event is not supported natively, return false so that
- // jQuery will unbind the event using DOM methods.
- if ( $.support.orientation && $.mobile.orientationChangeEnabled ) {
- return false;
- }
-
- // Because the orientationchange event doesn't exist, unbind the
- // resize event handler.
- win.unbind( "throttledresize", handler );
- },
- add: function( handleObj ) {
- // Save a reference to the bound event handler.
- var old_handler = handleObj.handler;
-
-
- handleObj.handler = function( event ) {
- // Modify event object, adding the .orientation property.
- event.orientation = get_orientation();
-
- // Call the originally-bound event handler and return its result.
- return old_handler.apply( this, arguments );
- };
- }
- };
-
- // If the event is not supported natively, this handler will be bound to
- // the window resize event to simulate the orientationchange event.
- function handler() {
- // Get the current orientation.
- var orientation = get_orientation();
-
- if ( orientation !== last_orientation ) {
- // The orientation has changed, so trigger the orientationchange event.
- last_orientation = orientation;
- win.trigger( "orientationchange" );
- }
- }
-
- // Get the current page orientation. This method is exposed publicly, should it
- // be needed, as jQuery.event.special.orientationchange.orientation()
- $.event.special.orientationchange.orientation = get_orientation = function() {
- var isPortrait = true, elem = document.documentElement;
-
- // prefer window orientation to the calculation based on screensize as
- // the actual screen resize takes place before or after the orientation change event
- // has been fired depending on implementation (eg android 2.3 is before, iphone after).
- // More testing is required to determine if a more reliable method of determining the new screensize
- // is possible when orientationchange is fired. (eg, use media queries + element + opacity)
- if ( $.support.orientation ) {
- // if the window orientation registers as 0 or 180 degrees report
- // portrait, otherwise landscape
- isPortrait = window.orientation % 180 == 0;
- } else {
- isPortrait = elem && elem.clientWidth / elem.clientHeight < 1.1;
- }
-
- return isPortrait ? "portrait" : "landscape";
- };
-
-})( jQuery, window );
-
-
-// throttled resize event
-(function() {
-
- $.event.special.throttledresize = {
- setup: function() {
- $( this ).bind( "resize", handler );
- },
- teardown: function(){
- $( this ).unbind( "resize", handler );
- }
- };
-
- var throttle = 250,
- handler = function() {
- curr = ( new Date() ).getTime();
- diff = curr - lastCall;
-
- if ( diff >= throttle ) {
-
- lastCall = curr;
- $( this ).trigger( "throttledresize" );
-
- } else {
-
- if ( heldCall ) {
- clearTimeout( heldCall );
- }
-
- // Promise a held call will still execute
- heldCall = setTimeout( handler, throttle - diff );
- }
- },
- lastCall = 0,
- heldCall,
- curr,
- diff;
-})();
-
-
-$.each({
- scrollstop: "scrollstart",
- taphold: "tap",
- swipeleft: "swipe",
- swiperight: "swipe"
-}, function( event, sourceEvent ) {
-
- $.event.special[ event ] = {
- setup: function() {
- $( this ).bind( sourceEvent, $.noop );
- }
- };
-});
-
-})( jQuery, this );
+++ /dev/null
-/*
-* "fieldcontain" plugin - simple class additions to make form row separators
-*/
-
-(function( $, undefined ) {
-
-$.fn.fieldcontain = function( options ) {
- return this.addClass( "ui-field-contain ui-body ui-br" );
-};
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $( ":jqmData(role='fieldcontain')", e.target ).fieldcontain();
-});
-
-})( jQuery );
\ No newline at end of file
+++ /dev/null
-/*
-* "fixHeaderFooter" plugin - on-demand positioning for headers,footers
-*/
-
-(function( $, undefined ) {
-
-var slideDownClass = "ui-header-fixed ui-fixed-inline fade",
- slideUpClass = "ui-footer-fixed ui-fixed-inline fade",
-
- slideDownSelector = ".ui-header:jqmData(position='fixed')",
- slideUpSelector = ".ui-footer:jqmData(position='fixed')";
-
-$.fn.fixHeaderFooter = function( options ) {
-
- if ( !$.support.scrollTop || ( $.support.touchOverflow && $.mobile.touchOverflowEnabled ) ) {
- return this;
- }
-
- return this.each(function() {
- var $this = $( this );
-
- if ( $this.jqmData( "fullscreen" ) ) {
- $this.addClass( "ui-page-fullscreen" );
- }
-
- // Should be slidedown
- $this.find( slideDownSelector ).addClass( slideDownClass );
-
- // Should be slideup
- $this.find( slideUpSelector ).addClass( slideUpClass );
- });
-};
-
-// single controller for all showing,hiding,toggling
-$.mobile.fixedToolbars = (function() {
-
- if ( !$.support.scrollTop || ( $.support.touchOverflow && $.mobile.touchOverflowEnabled ) ) {
- return;
- }
-
- var stickyFooter, delayTimer,
- currentstate = "inline",
- autoHideMode = false,
- showDelay = 100,
- ignoreTargets = "a,input,textarea,select,button,label,.ui-header-fixed,.ui-footer-fixed",
- toolbarSelector = ".ui-header-fixed:first, .ui-footer-fixed:not(.ui-footer-duplicate):last",
- // for storing quick references to duplicate footers
- supportTouch = $.support.touch,
- touchStartEvent = supportTouch ? "touchstart" : "mousedown",
- touchStopEvent = supportTouch ? "touchend" : "mouseup",
- stateBefore = null,
- scrollTriggered = false,
- touchToggleEnabled = true;
-
- function showEventCallback( event ) {
- // An event that affects the dimensions of the visual viewport has
- // been triggered. If the header and/or footer for the current page are in overlay
- // mode, we want to hide them, and then fire off a timer to show them at a later
- // point. Events like a resize can be triggered continuously during a scroll, on
- // some platforms, so the timer is used to delay the actual positioning until the
- // flood of events have subsided.
- //
- // If we are in autoHideMode, we don't do anything because we know the scroll
- // callbacks for the plugin will fire off a show when the scrolling has stopped.
- if ( !autoHideMode && currentstate === "overlay" ) {
- if ( !delayTimer ) {
- $.mobile.fixedToolbars.hide( true );
- }
-
- $.mobile.fixedToolbars.startShowTimer();
- }
- }
-
- $(function() {
- var $document = $( document ),
- $window = $( window );
-
- $document
- .bind( "vmousedown", function( event ) {
- if ( touchToggleEnabled ) {
- stateBefore = currentstate;
- }
- })
- .bind( "vclick", function( event ) {
- if ( touchToggleEnabled ) {
-
- if ( $(event.target).closest( ignoreTargets ).length ) {
- return;
- }
-
- if ( !scrollTriggered ) {
- $.mobile.fixedToolbars.toggle( stateBefore );
- stateBefore = null;
- }
- }
- })
- .bind( "silentscroll", showEventCallback );
-
-
- // The below checks first for a $(document).scrollTop() value, and if zero, binds scroll events to $(window) instead.
- // If the scrollTop value is actually zero, both will return zero anyway.
- //
- // Works with $(document), not $(window) : Opera Mobile (WinMO phone; kinda broken anyway)
- // Works with $(window), not $(document) : IE 7/8
- // Works with either $(window) or $(document) : Chrome, FF 3.6/4, Android 1.6/2.1, iOS
- // Needs work either way : BB5, Opera Mobile (iOS)
-
- ( ( $document.scrollTop() === 0 ) ? $window : $document )
- .bind( "scrollstart", function( event ) {
-
- scrollTriggered = true;
-
- if ( stateBefore === null ) {
- stateBefore = currentstate;
- }
-
- // We only enter autoHideMode if the headers/footers are in
- // an overlay state or the show timer was started. If the
- // show timer is set, clear it so the headers/footers don't
- // show up until after we're done scrolling.
- var isOverlayState = stateBefore == "overlay";
-
- autoHideMode = isOverlayState || !!delayTimer;
-
- if ( autoHideMode ) {
- $.mobile.fixedToolbars.clearShowTimer();
-
- if ( isOverlayState ) {
- $.mobile.fixedToolbars.hide( true );
- }
- }
- })
- .bind( "scrollstop", function( event ) {
-
- if ( $( event.target ).closest( ignoreTargets ).length ) {
- return;
- }
-
- scrollTriggered = false;
-
- if ( autoHideMode ) {
- $.mobile.fixedToolbars.startShowTimer();
- autoHideMode = false;
- }
- stateBefore = null;
- });
-
- $window.bind( "resize updatelayout", showEventCallback );
- });
-
- // 1. Before page is shown, check for duplicate footer
- // 2. After page is shown, append footer to new page
- $( ".ui-page" )
- .live( "pagebeforeshow", function( event, ui ) {
-
- var page = $( event.target ),
- footer = page.find( ":jqmData(role='footer')" ),
- id = footer.data( "id" ),
- prevPage = ui.prevPage,
- prevFooter = prevPage && prevPage.find( ":jqmData(role='footer')" ),
- prevFooterMatches = prevFooter.length && prevFooter.jqmData( "id" ) === id;
-
- if ( id && prevFooterMatches ) {
- stickyFooter = footer;
- setTop( stickyFooter.removeClass( "fade in out" ).appendTo( $.mobile.pageContainer ) );
- }
- })
- .live( "pageshow", function( event, ui ) {
-
- var $this = $( this );
-
- if ( stickyFooter && stickyFooter.length ) {
-
- setTimeout(function() {
- setTop( stickyFooter.appendTo( $this ).addClass( "fade" ) );
- stickyFooter = null;
- }, 500);
- }
-
- $.mobile.fixedToolbars.show( true, this );
- });
-
- // When a collapsiable is hidden or shown we need to trigger the fixed toolbar to reposition itself (#1635)
- $( ".ui-collapsible-contain" ).live( "collapse expand", showEventCallback );
-
- // element.getBoundingClientRect() is broken in iOS 3.2.1 on the iPad. The
- // coordinates inside of the rect it returns don't have the page scroll position
- // factored out of it like the other platforms do. To get around this,
- // we'll just calculate the top offset the old fashioned way until core has
- // a chance to figure out how to handle this situation.
- //
- // TODO: We'll need to get rid of getOffsetTop() once a fix gets folded into core.
-
- function getOffsetTop( ele ) {
- var top = 0,
- op, body;
-
- if ( ele ) {
- body = document.body;
- op = ele.offsetParent;
- top = ele.offsetTop;
-
- while ( ele && ele != body ) {
- top += ele.scrollTop || 0;
-
- if ( ele == op ) {
- top += op.offsetTop;
- op = ele.offsetParent;
- }
-
- ele = ele.parentNode;
- }
- }
- return top;
- }
-
- function setTop( el ) {
- var fromTop = $(window).scrollTop(),
- thisTop = getOffsetTop( el[ 0 ] ), // el.offset().top returns the wrong value on iPad iOS 3.2.1, call our workaround instead.
- thisCSStop = el.css( "top" ) == "auto" ? 0 : parseFloat(el.css( "top" )),
- screenHeight = window.innerHeight,
- thisHeight = el.outerHeight(),
- useRelative = el.parents( ".ui-page:not(.ui-page-fullscreen)" ).length,
- relval;
-
- if ( el.is( ".ui-header-fixed" ) ) {
-
- relval = fromTop - thisTop + thisCSStop;
-
- if ( relval < thisTop ) {
- relval = 0;
- }
-
- return el.css( "top", useRelative ? relval : fromTop );
- } else {
- // relval = -1 * (thisTop - (fromTop + screenHeight) + thisCSStop + thisHeight);
- // if ( relval > thisTop ) { relval = 0; }
- relval = fromTop + screenHeight - thisHeight - (thisTop - thisCSStop );
-
- return el.css( "top", useRelative ? relval : fromTop + screenHeight - thisHeight );
- }
- }
-
- // Exposed methods
- return {
-
- show: function( immediately, page ) {
-
- $.mobile.fixedToolbars.clearShowTimer();
-
- currentstate = "overlay";
-
- var $ap = page ? $( page ) :
- ( $.mobile.activePage ? $.mobile.activePage :
- $( ".ui-page-active" ) );
-
- return $ap.children( toolbarSelector ).each(function() {
-
- var el = $( this ),
- fromTop = $( window ).scrollTop(),
- // el.offset().top returns the wrong value on iPad iOS 3.2.1, call our workaround instead.
- thisTop = getOffsetTop( el[ 0 ] ),
- screenHeight = window.innerHeight,
- thisHeight = el.outerHeight(),
- alreadyVisible = ( el.is( ".ui-header-fixed" ) && fromTop <= thisTop + thisHeight ) ||
- ( el.is( ".ui-footer-fixed" ) && thisTop <= fromTop + screenHeight );
-
- // Add state class
- el.addClass( "ui-fixed-overlay" ).removeClass( "ui-fixed-inline" );
-
- if ( !alreadyVisible && !immediately ) {
- el.animationComplete(function() {
- el.removeClass( "in" );
- }).addClass( "in" );
- }
- setTop(el);
- });
- },
-
- hide: function( immediately ) {
-
- currentstate = "inline";
-
- var $ap = $.mobile.activePage ? $.mobile.activePage :
- $( ".ui-page-active" );
-
- return $ap.children( toolbarSelector ).each(function() {
-
- var el = $(this),
- thisCSStop = el.css( "top" ),
- classes;
-
- thisCSStop = thisCSStop == "auto" ? 0 :
- parseFloat(thisCSStop);
-
- // Add state class
- el.addClass( "ui-fixed-inline" ).removeClass( "ui-fixed-overlay" );
-
- if ( thisCSStop < 0 || ( el.is( ".ui-header-fixed" ) && thisCSStop !== 0 ) ) {
-
- if ( immediately ) {
- el.css( "top", 0);
- } else {
-
- if ( el.css( "top" ) !== "auto" && parseFloat( el.css( "top" ) ) !== 0 ) {
-
- classes = "out reverse";
-
- el.animationComplete(function() {
- el.removeClass( classes ).css( "top", 0 );
- }).addClass( classes );
- }
- }
- }
- });
- },
-
- startShowTimer: function() {
-
- $.mobile.fixedToolbars.clearShowTimer();
-
- var args = [].slice.call( arguments );
-
- delayTimer = setTimeout(function() {
- delayTimer = undefined;
- $.mobile.fixedToolbars.show.apply( null, args );
- }, showDelay);
- },
-
- clearShowTimer: function() {
- if ( delayTimer ) {
- clearTimeout( delayTimer );
- }
- delayTimer = undefined;
- },
-
- toggle: function( from ) {
- if ( from ) {
- currentstate = from;
- }
- return ( currentstate === "overlay" ) ? $.mobile.fixedToolbars.hide() :
- $.mobile.fixedToolbars.show();
- },
-
- setTouchToggleEnabled: function( enabled ) {
- touchToggleEnabled = enabled;
- }
- };
-})();
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( event ) {
-
- if ( $( ":jqmData(position='fixed')", event.target ).length ) {
-
- $( event.target ).each(function() {
-
- if ( !$.support.scrollTop || ( $.support.touchOverflow && $.mobile.touchOverflowEnabled ) ) {
- return this;
- }
-
- var $this = $( this );
-
- if ( $this.jqmData( "fullscreen" ) ) {
- $this.addClass( "ui-page-fullscreen" );
- }
-
- // Should be slidedown
- $this.find( slideDownSelector ).addClass( slideDownClass );
-
- // Should be slideup
- $this.find( slideUpSelector ).addClass( slideUpClass );
-
- })
-
- }
-});
-
-})( jQuery );
+++ /dev/null
-/*
-* "fixHeaderFooter" native plugin - Behavior for "fixed" headers,footers, and scrolling inner content
-*/
-
-(function( $, undefined ) {
-
-// Enable touch overflow scrolling when it's natively supported
-$.mobile.touchOverflowEnabled = false;
-
-// Enabled zoom when touch overflow is enabled. Can cause usability issues, unfortunately
-$.mobile.touchOverflowZoomEnabled = false;
-
-$( document ).bind( "pagecreate", function( event ) {
- if( $.support.touchOverflow && $.mobile.touchOverflowEnabled ){
-
- var $target = $( event.target ),
- scrollStartY = 0;
-
- if( $target.is( ":jqmData(role='page')" ) ){
-
- $target.each(function() {
- var $page = $( this ),
- $fixies = $page.find( ":jqmData(role='header'), :jqmData(role='footer')" ).filter( ":jqmData(position='fixed')" ),
- fullScreen = $page.jqmData( "fullscreen" ),
- $scrollElem = $fixies.length ? $page.find( ".ui-content" ) : $page;
-
- $page.addClass( "ui-mobile-touch-overflow" );
-
- $scrollElem.bind( "scrollstop", function(){
- if( $scrollElem.scrollTop() > 0 ){
- window.scrollTo( 0, $.mobile.defaultHomeScroll );
- }
- });
-
- if( $fixies.length ){
-
- $page.addClass( "ui-native-fixed" );
-
- if( fullScreen ){
-
- $page.addClass( "ui-native-fullscreen" );
-
- $fixies.addClass( "fade in" );
-
- $( document ).bind( "vclick", function(){
- $fixies
- .removeClass( "ui-native-bars-hidden" )
- .toggleClass( "in out" )
- .animationComplete(function(){
- $(this).not( ".in" ).addClass( "ui-native-bars-hidden" );
- });
- });
- }
- }
- });
- }
- }
-});
-
-})( jQuery );
+++ /dev/null
-/*
-* "button" plugin - links that proxy to native input/buttons
-*/
-
-(function( $, undefined ) {
-
-$.widget( "mobile.button", $.mobile.widget, {
- options: {
- theme: null,
- icon: null,
- iconpos: null,
- inline: null,
- corners: true,
- shadow: true,
- iconshadow: true,
- initSelector: "button, [type='button'], [type='submit'], [type='reset'], [type='image']"
- },
- _create: function() {
- var $el = this.element,
- o = this.options,
- type,
- name,
- $buttonPlaceholder;
-
- // Add ARIA role
- this.button = $( "<div></div>" )
- .text( $el.text() || $el.val() )
- .insertBefore( $el )
- .buttonMarkup({
- theme: o.theme,
- icon: o.icon,
- iconpos: o.iconpos,
- inline: o.inline,
- corners: o.corners,
- shadow: o.shadow,
- iconshadow: o.iconshadow
- })
- .append( $el.addClass( "ui-btn-hidden" ) );
-
- type = $el.attr( "type" );
- name = $el.attr( "name" );
-
- // Add hidden input during submit if input type="submit" has a name.
- if ( type !== "button" && type !== "reset" && name ) {
- $el.bind( "vclick", function() {
- // Add hidden input if it doesn’t already exist.
- if( $buttonPlaceholder === undefined ) {
- $buttonPlaceholder = $( "<input>", {
- type: "hidden",
- name: $el.attr( "name" ),
- value: $el.attr( "value" )
- }).insertBefore( $el );
-
- // Bind to doc to remove after submit handling
- $( document ).one("submit", function(){
- $buttonPlaceholder.remove();
-
- // reset the local var so that the hidden input
- // will be re-added on subsequent clicks
- $buttonPlaceholder = undefined;
- });
- }
- });
- }
-
- this.refresh();
- },
-
- enable: function() {
- this.element.attr( "disabled", false );
- this.button.removeClass( "ui-disabled" ).attr( "aria-disabled", false );
- return this._setOption( "disabled", false );
- },
-
- disable: function() {
- this.element.attr( "disabled", true );
- this.button.addClass( "ui-disabled" ).attr( "aria-disabled", true );
- return this._setOption( "disabled", true );
- },
-
- refresh: function() {
- var $el = this.element;
-
- if ( $el.prop("disabled") ) {
- this.disable();
- } else {
- this.enable();
- }
-
- // the textWrapper is stored as a data element on the button object
- // to prevent referencing by it's implementation details (eg 'class')
- this.button.data( 'textWrapper' ).text( $el.text() || $el.val() );
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $.mobile.button.prototype.enhanceWithin( e.target );
-});
-
-})( jQuery );
\ No newline at end of file
+++ /dev/null
-/*
-* "checkboxradio" plugin
-*/
-
-(function( $, undefined ) {
-
-$.widget( "mobile.checkboxradio", $.mobile.widget, {
- options: {
- theme: null,
- initSelector: "input[type='checkbox'],input[type='radio']"
- },
- _create: function() {
- var self = this,
- input = this.element,
- // NOTE: Windows Phone could not find the label through a selector
- // filter works though.
- label = input.closest( "form,fieldset,:jqmData(role='page')" ).find( "label[for='" + input[ 0 ].id + "']"),
- inputtype = input.attr( "type" ),
- checkedState = inputtype + "-on",
- uncheckedState = inputtype + "-off",
- icon = input.parents( ":jqmData(type='horizontal')" ).length ? undefined : uncheckedState,
- activeBtn = icon ? "" : " " + $.mobile.activeBtnClass,
- checkedClass = "ui-" + checkedState + activeBtn,
- uncheckedClass = "ui-" + uncheckedState,
- checkedicon = "ui-icon-" + checkedState,
- uncheckedicon = "ui-icon-" + uncheckedState;
-
- if ( inputtype !== "checkbox" && inputtype !== "radio" ) {
- return;
- }
-
- // Expose for other methods
- $.extend( this, {
- label: label,
- inputtype: inputtype,
- checkedClass: checkedClass,
- uncheckedClass: uncheckedClass,
- checkedicon: checkedicon,
- uncheckedicon: uncheckedicon
- });
-
- // If there's no selected theme...
- if( !this.options.theme ) {
- this.options.theme = this.element.jqmData( "theme" );
- }
-
- label.buttonMarkup({
- theme: this.options.theme,
- icon: icon,
- shadow: false
- });
-
- // Wrap the input + label in a div
- input.add( label )
- .wrapAll( "<div class='ui-" + inputtype + "'></div>" );
-
- label.bind({
- vmouseover: function( event ) {
- if ( $( this ).parent().is( ".ui-disabled" ) ) {
- event.stopPropagation();
- }
- },
-
- vclick: function( event ) {
- if ( input.is( ":disabled" ) ) {
- event.preventDefault();
- return;
- }
-
- self._cacheVals();
-
- input.prop( "checked", inputtype === "radio" && true || !input.prop( "checked" ) );
-
- // trigger click handler's bound directly to the input as a substitute for
- // how label clicks behave normally in the browsers
- // TODO: it would be nice to let the browser's handle the clicks and pass them
- // through to the associate input. we can swallow that click at the parent
- // wrapper element level
- input.triggerHandler( 'click' );
-
- // Input set for common radio buttons will contain all the radio
- // buttons, but will not for checkboxes. clearing the checked status
- // of other radios ensures the active button state is applied properly
- self._getInputSet().not( input ).prop( "checked", false );
-
- self._updateAll();
- return false;
- }
-
- });
-
- input
- .bind({
- vmousedown: function() {
- self._cacheVals();
- },
-
- vclick: function() {
- var $this = $(this);
-
- // Adds checked attribute to checked input when keyboard is used
- if ( $this.is( ":checked" ) ) {
-
- $this.prop( "checked", true);
- self._getInputSet().not($this).prop( "checked", false );
- } else {
-
- $this.prop( "checked", false );
- }
-
- self._updateAll();
- },
-
- focus: function() {
- label.addClass( "ui-focus" );
- },
-
- blur: function() {
- label.removeClass( "ui-focus" );
- }
- });
-
- this.refresh();
- },
-
- _cacheVals: function() {
- this._getInputSet().each(function() {
- var $this = $(this);
-
- $this.jqmData( "cacheVal", $this.is( ":checked" ) );
- });
- },
-
- //returns either a set of radios with the same name attribute, or a single checkbox
- _getInputSet: function(){
- if(this.inputtype == "checkbox") {
- return this.element;
- }
-
- return this.element.closest( "form,fieldset,:jqmData(role='page')" )
- .find( "input[name='"+ this.element.attr( "name" ) +"'][type='"+ this.inputtype +"']" );
- },
-
- _updateAll: function() {
- var self = this;
-
- this._getInputSet().each(function() {
- var $this = $(this);
-
- if ( $this.is( ":checked" ) || self.inputtype === "checkbox" ) {
- $this.trigger( "change" );
- }
- })
- .checkboxradio( "refresh" );
- },
-
- refresh: function() {
- var input = this.element,
- label = this.label,
- icon = label.find( ".ui-icon" );
-
- // input[0].checked expando doesn't always report the proper value
- // for checked='checked'
- if ( $( input[ 0 ] ).prop( "checked" ) ) {
-
- label.addClass( this.checkedClass ).removeClass( this.uncheckedClass );
- icon.addClass( this.checkedicon ).removeClass( this.uncheckedicon );
-
- } else {
-
- label.removeClass( this.checkedClass ).addClass( this.uncheckedClass );
- icon.removeClass( this.checkedicon ).addClass( this.uncheckedicon );
- }
-
- if ( input.is( ":disabled" ) ) {
- this.disable();
- } else {
- this.enable();
- }
- },
-
- disable: function() {
- this.element.prop( "disabled", true ).parent().addClass( "ui-disabled" );
- },
-
- enable: function() {
- this.element.prop( "disabled", false ).parent().removeClass( "ui-disabled" );
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $.mobile.checkboxradio.prototype.enhanceWithin( e.target );
-});
-
-})( jQuery );
+++ /dev/null
-/*
-* custom "selectmenu" plugin
-*/
-
-(function( $, undefined ) {
- var extendSelect = function( widget ){
-
- var select = widget.select,
- selectID = widget.selectID,
- label = widget.label,
- thisPage = widget.select.closest( ".ui-page" ),
- screen = $( "<div>", {"class": "ui-selectmenu-screen ui-screen-hidden"} ).appendTo( thisPage ),
- selectOptions = widget._selectOptions(),
- isMultiple = widget.isMultiple = widget.select[ 0 ].multiple,
- buttonId = selectID + "-button",
- menuId = selectID + "-menu",
- menuPage = $( "<div data-" + $.mobile.ns + "role='dialog' data-" +$.mobile.ns + "theme='"+ widget.options.theme +"' data-" +$.mobile.ns + "overlay-theme='"+ widget.options.overlayTheme +"'>" +
- "<div data-" + $.mobile.ns + "role='header'>" +
- "<div class='ui-title'>" + label.getEncodedText() + "</div>"+
- "</div>"+
- "<div data-" + $.mobile.ns + "role='content'></div>"+
- "</div>" ).appendTo( $.mobile.pageContainer ).page(),
-
- listbox = $("<div>", { "class": "ui-selectmenu ui-selectmenu-hidden ui-overlay-shadow ui-corner-all ui-body-" + widget.options.overlayTheme + " " + $.mobile.defaultDialogTransition } ).insertAfter(screen),
-
- list = $( "<ul>", {
- "class": "ui-selectmenu-list",
- "id": menuId,
- "role": "listbox",
- "aria-labelledby": buttonId
- }).attr( "data-" + $.mobile.ns + "theme", widget.options.theme ).appendTo( listbox ),
-
- header = $( "<div>", {
- "class": "ui-header ui-bar-" + widget.options.theme
- }).prependTo( listbox ),
-
- headerTitle = $( "<h1>", {
- "class": "ui-title"
- }).appendTo( header ),
-
- headerClose = $( "<a>", {
- "text": widget.options.closeText,
- "href": "#",
- "class": "ui-btn-left"
- }).attr( "data-" + $.mobile.ns + "iconpos", "notext" ).attr( "data-" + $.mobile.ns + "icon", "delete" ).appendTo( header ).buttonMarkup(),
-
- menuPageContent = menuPage.find( ".ui-content" ),
-
- menuPageClose = menuPage.find( ".ui-header a" );
-
-
- $.extend( widget, {
- select: widget.select,
- selectID: selectID,
- buttonId: buttonId,
- menuId: menuId,
- thisPage: thisPage,
- menuPage: menuPage,
- label: label,
- screen: screen,
- selectOptions: selectOptions,
- isMultiple: isMultiple,
- theme: widget.options.theme,
- listbox: listbox,
- list: list,
- header: header,
- headerTitle: headerTitle,
- headerClose: headerClose,
- menuPageContent: menuPageContent,
- menuPageClose: menuPageClose,
- placeholder: "",
-
- build: function() {
- var self = this;
-
- // Create list from select, update state
- self.refresh();
-
- self.select.attr( "tabindex", "-1" ).focus(function() {
- $( this ).blur();
- self.button.focus();
- });
-
- // Button events
- self.button.bind( "vclick keydown" , function( event ) {
- if ( event.type == "vclick" ||
- event.keyCode && ( event.keyCode === $.mobile.keyCode.ENTER ||
- event.keyCode === $.mobile.keyCode.SPACE ) ) {
-
- self.open();
- event.preventDefault();
- }
- });
-
- // Events for list items
- self.list.attr( "role", "listbox" )
- .delegate( ".ui-li>a", "focusin", function() {
- $( this ).attr( "tabindex", "0" );
- })
- .delegate( ".ui-li>a", "focusout", function() {
- $( this ).attr( "tabindex", "-1" );
- })
- .delegate( "li:not(.ui-disabled, .ui-li-divider)", "click", function( event ) {
-
- // index of option tag to be selected
- var oldIndex = self.select[ 0 ].selectedIndex,
- newIndex = self.list.find( "li:not(.ui-li-divider)" ).index( this ),
- option = self._selectOptions().eq( newIndex )[ 0 ];
-
- // toggle selected status on the tag for multi selects
- option.selected = self.isMultiple ? !option.selected : true;
-
- // toggle checkbox class for multiple selects
- if ( self.isMultiple ) {
- $( this ).find( ".ui-icon" )
- .toggleClass( "ui-icon-checkbox-on", option.selected )
- .toggleClass( "ui-icon-checkbox-off", !option.selected );
- }
-
- // trigger change if value changed
- if ( self.isMultiple || oldIndex !== newIndex ) {
- self.select.trigger( "change" );
- }
-
- //hide custom select for single selects only
- if ( !self.isMultiple ) {
- self.close();
- }
-
- event.preventDefault();
- })
- .keydown(function( event ) { //keyboard events for menu items
- var target = $( event.target ),
- li = target.closest( "li" ),
- prev, next;
-
- // switch logic based on which key was pressed
- switch ( event.keyCode ) {
- // up or left arrow keys
- case 38:
- prev = li.prev();
-
- // if there's a previous option, focus it
- if ( prev.length ) {
- target
- .blur()
- .attr( "tabindex", "-1" );
-
- prev.find( "a" ).first().focus();
- }
-
- return false;
- break;
-
- // down or right arrow keys
- case 40:
- next = li.next();
-
- // if there's a next option, focus it
- if ( next.length ) {
- target
- .blur()
- .attr( "tabindex", "-1" );
-
- next.find( "a" ).first().focus();
- }
-
- return false;
- break;
-
- // If enter or space is pressed, trigger click
- case 13:
- case 32:
- target.trigger( "click" );
-
- return false;
- break;
- }
- });
-
- // button refocus ensures proper height calculation
- // by removing the inline style and ensuring page inclusion
- self.menuPage.bind( "pagehide", function() {
- self.list.appendTo( self.listbox );
- self._focusButton();
-
- // TODO centralize page removal binding / handling in the page plugin.
- // Suggestion from @jblas to do refcounting
- //
- // TODO extremely confusing dependency on the open method where the pagehide.remove
- // bindings are stripped to prevent the parent page from disappearing. The way
- // we're keeping pages in the DOM right now sucks
- //
- // rebind the page remove that was unbound in the open function
- // to allow for the parent page removal from actions other than the use
- // of a dialog sized custom select
- //
- // doing this here provides for the back button on the custom select dialog
- $.mobile._bindPageRemove.call( self.thisPage );
- });
-
- // Events on "screen" overlay
- self.screen.bind( "vclick", function( event ) {
- self.close();
- });
-
- // Close button on small overlays
- self.headerClose.click( function() {
- if ( self.menuType == "overlay" ) {
- self.close();
- return false;
- }
- });
-
- // track this dependency so that when the parent page
- // is removed on pagehide it will also remove the menupage
- self.thisPage.addDependents( this.menuPage );
- },
-
- _isRebuildRequired: function() {
- var list = this.list.find( "li" ),
- options = this._selectOptions();
-
- // TODO exceedingly naive method to determine difference
- // ignores value changes etc in favor of a forcedRebuild
- // from the user in the refresh method
- return options.text() !== list.text();
- },
-
- refresh: function( forceRebuild , foo ){
- var self = this,
- select = this.element,
- isMultiple = this.isMultiple,
- options = this._selectOptions(),
- selected = this.selected(),
- // return an array of all selected index's
- indicies = this.selectedIndices();
-
- if ( forceRebuild || this._isRebuildRequired() ) {
- self._buildList();
- }
-
- self.setButtonText();
- self.setButtonCount();
-
- self.list.find( "li:not(.ui-li-divider)" )
- .removeClass( $.mobile.activeBtnClass )
- .attr( "aria-selected", false )
- .each(function( i ) {
-
- if ( $.inArray( i, indicies ) > -1 ) {
- var item = $( this );
-
- // Aria selected attr
- item.attr( "aria-selected", true );
-
- // Multiple selects: add the "on" checkbox state to the icon
- if ( self.isMultiple ) {
- item.find( ".ui-icon" ).removeClass( "ui-icon-checkbox-off" ).addClass( "ui-icon-checkbox-on" );
- } else {
- item.addClass( $.mobile.activeBtnClass );
- }
- }
- });
- },
-
- close: function() {
- if ( this.options.disabled || !this.isOpen ) {
- return;
- }
-
- var self = this;
-
- if ( self.menuType == "page" ) {
- // doesn't solve the possible issue with calling change page
- // where the objects don't define data urls which prevents dialog key
- // stripping - changePage has incoming refactor
- window.history.back();
- } else {
- self.screen.addClass( "ui-screen-hidden" );
- self.listbox.addClass( "ui-selectmenu-hidden" ).removeAttr( "style" ).removeClass( "in" );
- self.list.appendTo( self.listbox );
- self._focusButton();
- }
-
- // allow the dialog to be closed again
- self.isOpen = false;
- },
-
- open: function() {
- if ( this.options.disabled ) {
- return;
- }
-
- var self = this,
- menuHeight = self.list.parent().outerHeight(),
- menuWidth = self.list.parent().outerWidth(),
- activePage = $( ".ui-page-active" ),
- tOverflow = $.support.touchOverflow && $.mobile.touchOverflowEnabled,
- tScrollElem = activePage.is( ".ui-native-fixed" ) ? activePage.find( ".ui-content" ) : activePage;
- scrollTop = tOverflow ? tScrollElem.scrollTop() : $( window ).scrollTop(),
- btnOffset = self.button.offset().top,
- screenHeight = window.innerHeight,
- screenWidth = window.innerWidth;
-
- //add active class to button
- self.button.addClass( $.mobile.activeBtnClass );
-
- //remove after delay
- setTimeout( function() {
- self.button.removeClass( $.mobile.activeBtnClass );
- }, 300);
-
- function focusMenuItem() {
- self.list.find( $.mobile.activeBtnClass ).focus();
- }
-
- if ( menuHeight > screenHeight - 80 || !$.support.scrollTop ) {
- // prevent the parent page from being removed from the DOM,
- // otherwise the results of selecting a list item in the dialog
- // fall into a black hole
- self.thisPage.unbind( "pagehide.remove" );
-
- //for WebOS/Opera Mini (set lastscroll using button offset)
- if ( scrollTop == 0 && btnOffset > screenHeight ) {
- self.thisPage.one( "pagehide", function() {
- $( this ).jqmData( "lastScroll", btnOffset );
- });
- }
-
- self.menuPage.one( "pageshow", function() {
- // silentScroll() is called whenever a page is shown to restore
- // any previous scroll position the page may have had. We need to
- // wait for the "silentscroll" event before setting focus to avoid
- // the browser"s "feature" which offsets rendering to make sure
- // whatever has focus is in view.
- $( window ).one( "silentscroll", function() {
- focusMenuItem();
- });
-
- self.isOpen = true;
- });
-
- self.menuType = "page";
- self.menuPageContent.append( self.list );
- self.menuPage.find("div .ui-title").text(self.label.text());
- $.mobile.changePage( self.menuPage, {
- transition: $.mobile.defaultDialogTransition
- });
- } else {
- self.menuType = "overlay";
-
- self.screen.height( $(document).height() )
- .removeClass( "ui-screen-hidden" );
-
- // Try and center the overlay over the button
- var roomtop = btnOffset - scrollTop,
- roombot = scrollTop + screenHeight - btnOffset,
- halfheight = menuHeight / 2,
- maxwidth = parseFloat( self.list.parent().css( "max-width" ) ),
- newtop, newleft;
-
- if ( roomtop > menuHeight / 2 && roombot > menuHeight / 2 ) {
- newtop = btnOffset + ( self.button.outerHeight() / 2 ) - halfheight;
- } else {
- // 30px tolerance off the edges
- newtop = roomtop > roombot ? scrollTop + screenHeight - menuHeight - 30 : scrollTop + 30;
- }
-
- // If the menuwidth is smaller than the screen center is
- if ( menuWidth < maxwidth ) {
- newleft = ( screenWidth - menuWidth ) / 2;
- } else {
-
- //otherwise insure a >= 30px offset from the left
- newleft = self.button.offset().left + self.button.outerWidth() / 2 - menuWidth / 2;
-
- // 30px tolerance off the edges
- if ( newleft < 30 ) {
- newleft = 30;
- } else if ( (newleft + menuWidth) > screenWidth ) {
- newleft = screenWidth - menuWidth - 30;
- }
- }
-
- self.listbox.append( self.list )
- .removeClass( "ui-selectmenu-hidden" )
- .css({
- top: newtop,
- left: newleft
- })
- .addClass( "in" );
-
- focusMenuItem();
-
- // duplicate with value set in page show for dialog sized selects
- self.isOpen = true;
- }
- },
-
- _buildList: function() {
- var self = this,
- o = this.options,
- placeholder = this.placeholder,
- optgroups = [],
- lis = [],
- dataIcon = self.isMultiple ? "checkbox-off" : "false";
-
- self.list.empty().filter( ".ui-listview" ).listview( "destroy" );
-
- // Populate menu with options from select element
- self.select.find( "option" ).each( function( i ) {
- var $this = $( this ),
- $parent = $this.parent(),
- text = $this.getEncodedText(),
- anchor = "<a href='#'>"+ text +"</a>",
- classes = [],
- extraAttrs = [];
-
- // Are we inside an optgroup?
- if ( $parent.is( "optgroup" ) ) {
- var optLabel = $parent.attr( "label" );
-
- // has this optgroup already been built yet?
- if ( $.inArray( optLabel, optgroups ) === -1 ) {
- lis.push( "<li data-" + $.mobile.ns + "role='list-divider'>"+ optLabel +"</li>" );
- optgroups.push( optLabel );
- }
- }
-
- // Find placeholder text
- // TODO: Are you sure you want to use getAttribute? ^RW
- if ( !this.getAttribute( "value" ) || text.length == 0 || $this.jqmData( "placeholder" ) ) {
- if ( o.hidePlaceholderMenuItems ) {
- classes.push( "ui-selectmenu-placeholder" );
- }
- placeholder = self.placeholder = text;
- }
-
- // support disabled option tags
- if ( this.disabled ) {
- classes.push( "ui-disabled" );
- extraAttrs.push( "aria-disabled='true'" );
- }
-
- lis.push( "<li data-" + $.mobile.ns + "option-index='" + i + "' data-" + $.mobile.ns + "icon='"+ dataIcon +"' class='"+ classes.join(" ") + "' " + extraAttrs.join(" ") +">"+ anchor +"</li>" );
- });
-
- self.list.html( lis.join(" ") );
-
- self.list.find( "li" )
- .attr({ "role": "option", "tabindex": "-1" })
- .first().attr( "tabindex", "0" );
-
- // Hide header close link for single selects
- if ( !this.isMultiple ) {
- this.headerClose.hide();
- }
-
- // Hide header if it's not a multiselect and there's no placeholder
- if ( !this.isMultiple && !placeholder.length ) {
- this.header.hide();
- } else {
- this.headerTitle.text( this.placeholder );
- }
-
- // Now populated, create listview
- self.list.listview();
- },
-
- _button: function(){
- return $( "<a>", {
- "href": "#",
- "role": "button",
- // TODO value is undefined at creation
- "id": this.buttonId,
- "aria-haspopup": "true",
-
- // TODO value is undefined at creation
- "aria-owns": this.menuId
- });
- }
- });
- };
-
- $( "select" ).live( "selectmenubeforecreate", function(){
- var selectmenuWidget = $( this ).data( "selectmenu" );
-
- if( !selectmenuWidget.options.nativeMenu ){
- extendSelect( selectmenuWidget );
- }
- });
-})( jQuery );
+++ /dev/null
-/*
-* "selectmenu" plugin
-*/
-
-(function( $, undefined ) {
-
-$.widget( "mobile.selectmenu", $.mobile.widget, {
- options: {
- theme: null,
- disabled: false,
- icon: "arrow-d",
- iconpos: "right",
- inline: null,
- corners: true,
- shadow: true,
- iconshadow: true,
- menuPageTheme: "b",
- overlayTheme: "a",
- hidePlaceholderMenuItems: true,
- closeText: "Close",
- nativeMenu: true,
- initSelector: "select:not(:jqmData(role='slider'))"
- },
-
- _button: function(){
- return $( "<div/>" );
- },
-
- _setDisabled: function( value ) {
- this.element.attr( "disabled", value );
- this.button.attr( "aria-disabled", value );
- return this._setOption( "disabled", value );
- },
-
- _focusButton : function() {
- var self = this;
-
- setTimeout( function() {
- self.button.focus();
- }, 40);
- },
-
- _selectOptions: function() {
- return this.select.find( "option" );
- },
-
- // setup items that are generally necessary for select menu extension
- _preExtension: function(){
- this.select = this.element.wrap( "<div class='ui-select'>" );
- this.selectID = this.select.attr( "id" );
- this.label = $( "label[for='"+ this.selectID +"']" ).addClass( "ui-select" );
- this.isMultiple = this.select[ 0 ].multiple;
- if ( !this.options.theme ) {
- this.options.theme = $.mobile.getInheritedTheme( this.select, "c" );
- }
- },
-
- _create: function() {
- this._preExtension();
-
- // Allows for extension of the native select for custom selects and other plugins
- // see select.custom for example extension
- // TODO explore plugin registration
- this._trigger( "beforeCreate" );
-
- this.button = this._button();
-
- var self = this,
-
- options = this.options,
-
- // IE throws an exception at options.item() function when
- // there is no selected item
- // select first in this case
- selectedIndex = this.select[ 0 ].selectedIndex == -1 ? 0 : this.select[ 0 ].selectedIndex,
-
- // TODO values buttonId and menuId are undefined here
- button = this.button
- .text( $( this.select[ 0 ].options.item( selectedIndex ) ).text() )
- .insertBefore( this.select )
- .buttonMarkup( {
- theme: options.theme,
- icon: options.icon,
- iconpos: options.iconpos,
- inline: options.inline,
- corners: options.corners,
- shadow: options.shadow,
- iconshadow: options.iconshadow
- });
-
- // Opera does not properly support opacity on select elements
- // In Mini, it hides the element, but not its text
- // On the desktop,it seems to do the opposite
- // for these reasons, using the nativeMenu option results in a full native select in Opera
- if ( options.nativeMenu && window.opera && window.opera.version ) {
- this.select.addClass( "ui-select-nativeonly" );
- }
-
- // Add counter for multi selects
- if ( this.isMultiple ) {
- this.buttonCount = $( "<span>" )
- .addClass( "ui-li-count ui-btn-up-c ui-btn-corner-all" )
- .hide()
- .appendTo( button.addClass('ui-li-has-count') );
- }
-
- // Disable if specified
- if ( options.disabled || this.element.attr('disabled')) {
- this.disable();
- }
-
- // Events on native select
- this.select.change( function() {
- self.refresh();
- });
-
- this.build();
- },
-
- build: function() {
- var self = this;
-
- this.select
- .appendTo( self.button )
- .bind( "vmousedown", function() {
- // Add active class to button
- self.button.addClass( $.mobile.activeBtnClass );
- })
- .bind( "focus vmouseover", function() {
- self.button.trigger( "vmouseover" );
- })
- .bind( "vmousemove", function() {
- // Remove active class on scroll/touchmove
- self.button.removeClass( $.mobile.activeBtnClass );
- })
- .bind( "change blur vmouseout", function() {
- self.button.trigger( "vmouseout" )
- .removeClass( $.mobile.activeBtnClass );
- })
- .bind( "change blur", function() {
- self.button.removeClass( "ui-btn-down-" + self.options.theme );
- });
- },
-
- selected: function() {
- return this._selectOptions().filter( ":selected" );
- },
-
- selectedIndices: function() {
- var self = this;
-
- return this.selected().map( function() {
- return self._selectOptions().index( this );
- }).get();
- },
-
- setButtonText: function() {
- var self = this, selected = this.selected();
-
- this.button.find( ".ui-btn-text" ).text( function() {
- if ( !self.isMultiple ) {
- return selected.text();
- }
-
- return selected.length ? selected.map( function() {
- return $( this ).text();
- }).get().join( ", " ) : self.placeholder;
- });
- },
-
- setButtonCount: function() {
- var selected = this.selected();
-
- // multiple count inside button
- if ( this.isMultiple ) {
- this.buttonCount[ selected.length > 1 ? "show" : "hide" ]().text( selected.length );
- }
- },
-
- refresh: function() {
- this.setButtonText();
- this.setButtonCount();
- },
-
- // open and close preserved in native selects
- // to simplify users code when looping over selects
- open: $.noop,
- close: $.noop,
-
- disable: function() {
- this._setDisabled( true );
- this.button.addClass( "ui-disabled" );
- },
-
- enable: function() {
- this._setDisabled( false );
- this.button.removeClass( "ui-disabled" );
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $.mobile.selectmenu.prototype.enhanceWithin( e.target );
-});
-})( jQuery );
+++ /dev/null
-/*
-* "slider" plugin
-*/
-
-( function( $, undefined ) {
-
-$.widget( "mobile.slider", $.mobile.widget, {
- options: {
- theme: null,
- trackTheme: null,
- disabled: false,
- initSelector: "input[type='range'], :jqmData(type='range'), :jqmData(role='slider')"
- },
-
- _create: function() {
-
- // TODO: Each of these should have comments explain what they're for
- var self = this,
-
- control = this.element,
-
- parentTheme = $.mobile.getInheritedTheme( control, "c" ),
-
- theme = this.options.theme || parentTheme,
-
- trackTheme = this.options.trackTheme || parentTheme,
-
- cType = control[ 0 ].nodeName.toLowerCase(),
-
- selectClass = ( cType == "select" ) ? "ui-slider-switch" : "",
-
- controlID = control.attr( "id" ),
-
- labelID = controlID + "-label",
-
- label = $( "[for='"+ controlID +"']" ).attr( "id", labelID ),
-
- val = function() {
- return cType == "input" ? parseFloat( control.val() ) : control[0].selectedIndex;
- },
-
- min = cType == "input" ? parseFloat( control.attr( "min" ) ) : 0,
-
- max = cType == "input" ? parseFloat( control.attr( "max" ) ) : control.find( "option" ).length-1,
-
- step = window.parseFloat( control.attr( "step" ) || 1 ),
-
- slider = $( "<div class='ui-slider " + selectClass + " ui-btn-down-" + trackTheme +
- " ui-btn-corner-all' role='application'></div>" ),
-
- handle = $( "<a href='#' class='ui-slider-handle'></a>" )
- .appendTo( slider )
- .buttonMarkup({ corners: true, theme: theme, shadow: true })
- .attr({
- "role": "slider",
- "aria-valuemin": min,
- "aria-valuemax": max,
- "aria-valuenow": val(),
- "aria-valuetext": val(),
- "title": val(),
- "aria-labelledby": labelID
- }),
- options;
-
- $.extend( this, {
- slider: slider,
- handle: handle,
- dragging: false,
- beforeStart: null,
- userModified: false,
- mouseMoved: false
- });
-
- if ( cType == "select" ) {
-
- slider.wrapInner( "<div class='ui-slider-inneroffset'></div>" );
-
- // make the handle move with a smooth transition
- handle.addClass( "ui-slider-handle-snapping" );
-
- options = control.find( "option" );
-
- control.find( "option" ).each(function( i ) {
-
- var side = !i ? "b":"a",
- corners = !i ? "right" :"left",
- theme = !i ? " ui-btn-down-" + trackTheme :( " " + $.mobile.activeBtnClass );
-
- $( "<div class='ui-slider-labelbg ui-slider-labelbg-" + side + theme + " ui-btn-corner-" + corners + "'></div>" )
- .prependTo( slider );
-
- $( "<span class='ui-slider-label ui-slider-label-" + side + theme + " ui-btn-corner-" + corners + "' role='img'>" + $( this ).getEncodedText() + "</span>" )
- .prependTo( handle );
- });
-
- }
-
- label.addClass( "ui-slider" );
-
- // monitor the input for updated values
- control.addClass( cType === "input" ? "ui-slider-input" : "ui-slider-switch" )
- .change( function() {
- // if the user dragged the handle, the "change" event was triggered from inside refresh(); don't call refresh() again
- if (!self.mouseMoved) {
- self.refresh( val(), true );
- }
- })
- .keyup( function() { // necessary?
- self.refresh( val(), true, true );
- })
- .blur( function() {
- self.refresh( val(), true );
- });
-
- // prevent screen drag when slider activated
- $( document ).bind( "vmousemove", function( event ) {
- if ( self.dragging ) {
- // self.mouseMoved must be updated before refresh() because it will be used in the control "change" event
- self.mouseMoved = true;
-
- if ( cType === "select" ) {
- // make the handle move in sync with the mouse
- handle.removeClass( "ui-slider-handle-snapping" );
- }
-
- self.refresh( event );
-
- // only after refresh() you can calculate self.userModified
- self.userModified = self.beforeStart !== control[0].selectedIndex;
- return false;
- }
- });
-
- slider.bind( "vmousedown", function( event ) {
- self.dragging = true;
- self.userModified = false;
- self.mouseMoved = false;
-
- if ( cType === "select" ) {
- self.beforeStart = control[0].selectedIndex;
- }
-
- self.refresh( event );
- return false;
- });
-
- slider.add( document )
- .bind( "vmouseup", function() {
- if ( self.dragging ) {
-
- self.dragging = false;
-
- if ( cType === "select") {
-
- // make the handle move with a smooth transition
- handle.addClass( "ui-slider-handle-snapping" );
-
- if ( self.mouseMoved ) {
-
- // this is a drag, change the value only if user dragged enough
- if ( self.userModified ) {
- self.refresh( self.beforeStart == 0 ? 1 : 0 );
- }
- else {
- self.refresh( self.beforeStart );
- }
-
- }
- else {
- // this is just a click, change the value
- self.refresh( self.beforeStart == 0 ? 1 : 0 );
- }
-
- }
-
- self.mouseMoved = false;
-
- return false;
- }
- });
-
- slider.insertAfter( control );
-
- // NOTE force focus on handle
- this.handle
- .bind( "vmousedown", function() {
- $( this ).focus();
- })
- .bind( "vclick", false );
-
- this.handle
- .bind( "keydown", function( event ) {
- var index = val();
-
- if ( self.options.disabled ) {
- return;
- }
-
- // In all cases prevent the default and mark the handle as active
- switch ( event.keyCode ) {
- case $.mobile.keyCode.HOME:
- case $.mobile.keyCode.END:
- case $.mobile.keyCode.PAGE_UP:
- case $.mobile.keyCode.PAGE_DOWN:
- case $.mobile.keyCode.UP:
- case $.mobile.keyCode.RIGHT:
- case $.mobile.keyCode.DOWN:
- case $.mobile.keyCode.LEFT:
- event.preventDefault();
-
- if ( !self._keySliding ) {
- self._keySliding = true;
- $( this ).addClass( "ui-state-active" );
- }
- break;
- }
-
- // move the slider according to the keypress
- switch ( event.keyCode ) {
- case $.mobile.keyCode.HOME:
- self.refresh( min );
- break;
- case $.mobile.keyCode.END:
- self.refresh( max );
- break;
- case $.mobile.keyCode.PAGE_UP:
- case $.mobile.keyCode.UP:
- case $.mobile.keyCode.RIGHT:
- self.refresh( index + step );
- break;
- case $.mobile.keyCode.PAGE_DOWN:
- case $.mobile.keyCode.DOWN:
- case $.mobile.keyCode.LEFT:
- self.refresh( index - step );
- break;
- }
- }) // remove active mark
- .keyup( function( event ) {
- if ( self._keySliding ) {
- self._keySliding = false;
- $( this ).removeClass( "ui-state-active" );
- }
- });
-
- this.refresh(undefined, undefined, true);
- },
-
- refresh: function( val, isfromControl, preventInputUpdate ) {
-
- if ( this.options.disabled || this.element.attr('disabled')) {
- this.disable();
- }
-
- var control = this.element, percent,
- cType = control[0].nodeName.toLowerCase(),
- min = cType === "input" ? parseFloat( control.attr( "min" ) ) : 0,
- max = cType === "input" ? parseFloat( control.attr( "max" ) ) : control.find( "option" ).length - 1;
-
- if ( typeof val === "object" ) {
- var data = val,
- // a slight tolerance helped get to the ends of the slider
- tol = 8;
- if ( !this.dragging ||
- data.pageX < this.slider.offset().left - tol ||
- data.pageX > this.slider.offset().left + this.slider.width() + tol ) {
- return;
- }
- percent = Math.round( ( ( data.pageX - this.slider.offset().left ) / this.slider.width() ) * 100 );
- } else {
- if ( val == null ) {
- val = cType === "input" ? parseFloat( control.val() ) : control[0].selectedIndex;
- }
- percent = ( parseFloat( val ) - min ) / ( max - min ) * 100;
- }
-
- if ( isNaN( percent ) ) {
- return;
- }
-
- if ( percent < 0 ) {
- percent = 0;
- }
-
- if ( percent > 100 ) {
- percent = 100;
- }
-
- var newval = Math.round( ( percent / 100 ) * ( max - min ) ) + min;
-
- if ( newval < min ) {
- newval = min;
- }
-
- if ( newval > max ) {
- newval = max;
- }
-
- // Flip the stack of the bg colors
- if ( percent > 60 && cType === "select" ) {
- // TODO: Dead path?
- }
- this.handle.css( "left", percent + "%" );
- this.handle.attr( {
- "aria-valuenow": cType === "input" ? newval : control.find( "option" ).eq( newval ).attr( "value" ),
- "aria-valuetext": cType === "input" ? newval : control.find( "option" ).eq( newval ).getEncodedText(),
- title: newval
- });
-
- // add/remove classes for flip toggle switch
- if ( cType === "select" ) {
- if ( newval === 0 ) {
- this.slider.addClass( "ui-slider-switch-a" )
- .removeClass( "ui-slider-switch-b" );
- } else {
- this.slider.addClass( "ui-slider-switch-b" )
- .removeClass( "ui-slider-switch-a" );
- }
- }
-
- if ( !preventInputUpdate ) {
- var valueChanged = false;
-
- // update control"s value
- if ( cType === "input" ) {
- valueChanged = control.val() !== newval;
- control.val( newval );
- } else {
- valueChanged = control[ 0 ].selectedIndex !== newval;
- control[ 0 ].selectedIndex = newval;
- }
- if ( !isfromControl && valueChanged ) {
- control.trigger( "change" );
- }
- }
- },
-
- enable: function() {
- this.element.attr( "disabled", false );
- this.slider.removeClass( "ui-disabled" ).attr( "aria-disabled", false );
- return this._setOption( "disabled", false );
- },
-
- disable: function() {
- this.element.attr( "disabled", true );
- this.slider.addClass( "ui-disabled" ).attr( "aria-disabled", true );
- return this._setOption( "disabled", true );
- }
-
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $.mobile.slider.prototype.enhanceWithin( e.target );
-});
-
-})( jQuery );
+++ /dev/null
-/*
-* "textinput" plugin for text inputs, textareas
-*/
-
-(function( $, undefined ) {
-
-$.widget( "mobile.textinput", $.mobile.widget, {
- options: {
- theme: null,
- initSelector: "input[type='text'], input[type='search'], :jqmData(type='search'), input[type='number'], :jqmData(type='number'), input[type='password'], input[type='email'], input[type='url'], input[type='tel'], textarea, input[type='time'], input[type='date'], input[type='month'], input[type='week'], input[type='datetime'], input[type='datetime-local'], input[type='color'], input:not([type])"
- },
-
- _create: function() {
-
- var input = this.element,
- o = this.options,
- theme = o.theme || $.mobile.getInheritedTheme( this.element, "c" ),
- themeclass = " ui-body-" + theme,
- focusedEl, clearbtn;
-
- $( "label[for='" + input.attr( "id" ) + "']" ).addClass( "ui-input-text" );
-
- focusedEl = input.addClass("ui-input-text ui-body-"+ theme );
-
- // XXX: Temporary workaround for issue 785 (Apple bug 8910589).
- // Turn off autocorrect and autocomplete on non-iOS 5 devices
- // since the popup they use can't be dismissed by the user. Note
- // that we test for the presence of the feature by looking for
- // the autocorrect property on the input element. We currently
- // have no test for iOS 5 or newer so we're temporarily using
- // the touchOverflow support flag for jQM 1.0. Yes, I feel dirty. - jblas
- if ( typeof input[0].autocorrect !== "undefined" && !$.support.touchOverflow ) {
- // Set the attribute instead of the property just in case there
- // is code that attempts to make modifications via HTML.
- input[0].setAttribute( "autocorrect", "off" );
- input[0].setAttribute( "autocomplete", "off" );
- }
-
-
- //"search" input widget
- if ( input.is( "[type='search'],:jqmData(type='search')" ) ) {
-
- focusedEl = input.wrap( "<div class='ui-input-search ui-shadow-inset ui-btn-corner-all ui-btn-shadow ui-icon-searchfield" + themeclass + "'></div>" ).parent();
- clearbtn = $( "<a href='#' class='ui-input-clear' title='clear text'>clear text</a>" )
- .tap(function( event ) {
- input.val( "" ).focus();
- input.trigger( "change" );
- clearbtn.addClass( "ui-input-clear-hidden" );
- event.preventDefault();
- })
- .appendTo( focusedEl )
- .buttonMarkup({
- icon: "delete",
- iconpos: "notext",
- corners: true,
- shadow: true
- });
-
- function toggleClear() {
- setTimeout(function() {
- clearbtn.toggleClass( "ui-input-clear-hidden", !input.val() );
- }, 0);
- }
-
- toggleClear();
-
- input.bind('paste cut keyup focus change blur', toggleClear);
-
- } else {
- input.addClass( "ui-corner-all ui-shadow-inset" + themeclass );
- }
-
- input.focus(function() {
- focusedEl.addClass( "ui-focus" );
- })
- .blur(function(){
- focusedEl.removeClass( "ui-focus" );
- });
-
- // Autogrow
- if ( input.is( "textarea" ) ) {
- var extraLineHeight = 15,
- keyupTimeoutBuffer = 100,
- keyup = function() {
- var scrollHeight = input[ 0 ].scrollHeight,
- clientHeight = input[ 0 ].clientHeight;
-
- if ( clientHeight < scrollHeight ) {
- input.height(scrollHeight + extraLineHeight);
- }
- },
- keyupTimeout;
-
- input.keyup(function() {
- clearTimeout( keyupTimeout );
- keyupTimeout = setTimeout( keyup, keyupTimeoutBuffer );
- });
-
- // Issue 509: the browser is not providing scrollHeight properly until the styles load
- if ( $.trim( input.val() ) ) {
- // bind to the window load to make sure the height is calculated based on BOTH
- // the DOM and CSS
- $( window ).load( keyup );
-
- // binding to pagechange here ensures that for pages loaded via
- // ajax the height is recalculated without user input
- $( document ).one( "pagechange", keyup );
- }
- }
- },
-
- disable: function(){
- ( this.element.attr( "disabled", true ).is( "[type='search'],:jqmData(type='search')" ) ?
- this.element.parent() : this.element ).addClass( "ui-disabled" );
- },
-
- enable: function(){
- ( this.element.attr( "disabled", false).is( "[type='search'],:jqmData(type='search')" ) ?
- this.element.parent() : this.element ).removeClass( "ui-disabled" );
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $.mobile.textinput.prototype.enhanceWithin( e.target );
-});
-
-})( jQuery );
+++ /dev/null
-/*
-* plugin for creating CSS grids
-*/
-
-(function( $, undefined ) {
-
-$.fn.grid = function( options ) {
- return this.each(function() {
-
- var $this = $( this ),
- o = $.extend({
- grid: null
- },options),
- $kids = $this.children(),
- gridCols = {solo:1, a:2, b:3, c:4, d:5},
- grid = o.grid,
- iterator;
-
- if ( !grid ) {
- if ( $kids.length <= 5 ) {
- for ( var letter in gridCols ) {
- if ( gridCols[ letter ] === $kids.length ) {
- grid = letter;
- }
- }
- } else {
- grid = "a";
- }
- }
- iterator = gridCols[grid];
-
- $this.addClass( "ui-grid-" + grid );
-
- $kids.filter( ":nth-child(" + iterator + "n+1)" ).addClass( "ui-block-a" );
-
- if ( iterator > 1 ) {
- $kids.filter( ":nth-child(" + iterator + "n+2)" ).addClass( "ui-block-b" );
- }
- if ( iterator > 2 ) {
- $kids.filter( ":nth-child(3n+3)" ).addClass( "ui-block-c" );
- }
- if ( iterator > 3 ) {
- $kids.filter( ":nth-child(4n+4)" ).addClass( "ui-block-d" );
- }
- if ( iterator > 4 ) {
- $kids.filter( ":nth-child(5n+5)" ).addClass( "ui-block-e" );
- }
- });
-};
-})( jQuery );
\ No newline at end of file
+++ /dev/null
-// Script: jQuery hashchange event
-//
-// *Version: 1.3, Last updated: 7/21/2010*
-//
-// Project Home - http://benalman.com/projects/jquery-hashchange-plugin/
-// GitHub - http://github.com/cowboy/jquery-hashchange/
-// Source - http://github.com/cowboy/jquery-hashchange/raw/master/jquery.ba-hashchange.js
-// (Minified) - http://github.com/cowboy/jquery-hashchange/raw/master/jquery.ba-hashchange.min.js (0.8kb gzipped)
-//
-// About: License
-//
-// Copyright (c) 2010 "Cowboy" Ben Alman,
-// Dual licensed under the MIT and GPL licenses.
-// http://benalman.com/about/license/
-//
-// About: Examples
-//
-// These working examples, complete with fully commented code, illustrate a few
-// ways in which this plugin can be used.
-//
-// hashchange event - http://benalman.com/code/projects/jquery-hashchange/examples/hashchange/
-// document.domain - http://benalman.com/code/projects/jquery-hashchange/examples/document_domain/
-//
-// About: Support and Testing
-//
-// Information about what version or versions of jQuery this plugin has been
-// tested with, what browsers it has been tested in, and where the unit tests
-// reside (so you can test it yourself).
-//
-// jQuery Versions - 1.2.6, 1.3.2, 1.4.1, 1.4.2
-// Browsers Tested - Internet Explorer 6-8, Firefox 2-4, Chrome 5-6, Safari 3.2-5,
-// Opera 9.6-10.60, iPhone 3.1, Android 1.6-2.2, BlackBerry 4.6-5.
-// Unit Tests - http://benalman.com/code/projects/jquery-hashchange/unit/
-//
-// About: Known issues
-//
-// While this jQuery hashchange event implementation is quite stable and
-// robust, there are a few unfortunate browser bugs surrounding expected
-// hashchange event-based behaviors, independent of any JavaScript
-// window.onhashchange abstraction. See the following examples for more
-// information:
-//
-// Chrome: Back Button - http://benalman.com/code/projects/jquery-hashchange/examples/bug-chrome-back-button/
-// Firefox: Remote XMLHttpRequest - http://benalman.com/code/projects/jquery-hashchange/examples/bug-firefox-remote-xhr/
-// WebKit: Back Button in an Iframe - http://benalman.com/code/projects/jquery-hashchange/examples/bug-webkit-hash-iframe/
-// Safari: Back Button from a different domain - http://benalman.com/code/projects/jquery-hashchange/examples/bug-safari-back-from-diff-domain/
-//
-// Also note that should a browser natively support the window.onhashchange
-// event, but not report that it does, the fallback polling loop will be used.
-//
-// About: Release History
-//
-// 1.3 - (7/21/2010) Reorganized IE6/7 Iframe code to make it more
-// "removable" for mobile-only development. Added IE6/7 document.title
-// support. Attempted to make Iframe as hidden as possible by using
-// techniques from http://www.paciellogroup.com/blog/?p=604. Added
-// support for the "shortcut" format $(window).hashchange( fn ) and
-// $(window).hashchange() like jQuery provides for built-in events.
-// Renamed jQuery.hashchangeDelay to <jQuery.fn.hashchange.delay> and
-// lowered its default value to 50. Added <jQuery.fn.hashchange.domain>
-// and <jQuery.fn.hashchange.src> properties plus document-domain.html
-// file to address access denied issues when setting document.domain in
-// IE6/7.
-// 1.2 - (2/11/2010) Fixed a bug where coming back to a page using this plugin
-// from a page on another domain would cause an error in Safari 4. Also,
-// IE6/7 Iframe is now inserted after the body (this actually works),
-// which prevents the page from scrolling when the event is first bound.
-// Event can also now be bound before DOM ready, but it won't be usable
-// before then in IE6/7.
-// 1.1 - (1/21/2010) Incorporated document.documentMode test to fix IE8 bug
-// where browser version is incorrectly reported as 8.0, despite
-// inclusion of the X-UA-Compatible IE=EmulateIE7 meta tag.
-// 1.0 - (1/9/2010) Initial Release. Broke out the jQuery BBQ event.special
-// window.onhashchange functionality into a separate plugin for users
-// who want just the basic event & back button support, without all the
-// extra awesomeness that BBQ provides. This plugin will be included as
-// part of jQuery BBQ, but also be available separately.
-
-(function($,window,undefined){
- '$:nomunge'; // Used by YUI compressor.
-
- // Reused string.
- var str_hashchange = 'hashchange',
-
- // Method / object references.
- doc = document,
- fake_onhashchange,
- special = $.event.special,
-
- // Does the browser support window.onhashchange? Note that IE8 running in
- // IE7 compatibility mode reports true for 'onhashchange' in window, even
- // though the event isn't supported, so also test document.documentMode.
- doc_mode = doc.documentMode,
- supports_onhashchange = 'on' + str_hashchange in window && ( doc_mode === undefined || doc_mode > 7 );
-
- // Get location.hash (or what you'd expect location.hash to be) sans any
- // leading #. Thanks for making this necessary, Firefox!
- function get_fragment( url ) {
- url = url || location.href;
- return '#' + url.replace( /^[^#]*#?(.*)$/, '$1' );
- };
-
- // Method: jQuery.fn.hashchange
- //
- // Bind a handler to the window.onhashchange event or trigger all bound
- // window.onhashchange event handlers. This behavior is consistent with
- // jQuery's built-in event handlers.
- //
- // Usage:
- //
- // > jQuery(window).hashchange( [ handler ] );
- //
- // Arguments:
- //
- // handler - (Function) Optional handler to be bound to the hashchange
- // event. This is a "shortcut" for the more verbose form:
- // jQuery(window).bind( 'hashchange', handler ). If handler is omitted,
- // all bound window.onhashchange event handlers will be triggered. This
- // is a shortcut for the more verbose
- // jQuery(window).trigger( 'hashchange' ). These forms are described in
- // the <hashchange event> section.
- //
- // Returns:
- //
- // (jQuery) The initial jQuery collection of elements.
-
- // Allow the "shortcut" format $(elem).hashchange( fn ) for binding and
- // $(elem).hashchange() for triggering, like jQuery does for built-in events.
- $.fn[ str_hashchange ] = function( fn ) {
- return fn ? this.bind( str_hashchange, fn ) : this.trigger( str_hashchange );
- };
-
- // Property: jQuery.fn.hashchange.delay
- //
- // The numeric interval (in milliseconds) at which the <hashchange event>
- // polling loop executes. Defaults to 50.
-
- // Property: jQuery.fn.hashchange.domain
- //
- // If you're setting document.domain in your JavaScript, and you want hash
- // history to work in IE6/7, not only must this property be set, but you must
- // also set document.domain BEFORE jQuery is loaded into the page. This
- // property is only applicable if you are supporting IE6/7 (or IE8 operating
- // in "IE7 compatibility" mode).
- //
- // In addition, the <jQuery.fn.hashchange.src> property must be set to the
- // path of the included "document-domain.html" file, which can be renamed or
- // modified if necessary (note that the document.domain specified must be the
- // same in both your main JavaScript as well as in this file).
- //
- // Usage:
- //
- // jQuery.fn.hashchange.domain = document.domain;
-
- // Property: jQuery.fn.hashchange.src
- //
- // If, for some reason, you need to specify an Iframe src file (for example,
- // when setting document.domain as in <jQuery.fn.hashchange.domain>), you can
- // do so using this property. Note that when using this property, history
- // won't be recorded in IE6/7 until the Iframe src file loads. This property
- // is only applicable if you are supporting IE6/7 (or IE8 operating in "IE7
- // compatibility" mode).
- //
- // Usage:
- //
- // jQuery.fn.hashchange.src = 'path/to/file.html';
-
- $.fn[ str_hashchange ].delay = 50;
- /*
- $.fn[ str_hashchange ].domain = null;
- $.fn[ str_hashchange ].src = null;
- */
-
- // Event: hashchange event
- //
- // Fired when location.hash changes. In browsers that support it, the native
- // HTML5 window.onhashchange event is used, otherwise a polling loop is
- // initialized, running every <jQuery.fn.hashchange.delay> milliseconds to
- // see if the hash has changed. In IE6/7 (and IE8 operating in "IE7
- // compatibility" mode), a hidden Iframe is created to allow the back button
- // and hash-based history to work.
- //
- // Usage as described in <jQuery.fn.hashchange>:
- //
- // > // Bind an event handler.
- // > jQuery(window).hashchange( function(e) {
- // > var hash = location.hash;
- // > ...
- // > });
- // >
- // > // Manually trigger the event handler.
- // > jQuery(window).hashchange();
- //
- // A more verbose usage that allows for event namespacing:
- //
- // > // Bind an event handler.
- // > jQuery(window).bind( 'hashchange', function(e) {
- // > var hash = location.hash;
- // > ...
- // > });
- // >
- // > // Manually trigger the event handler.
- // > jQuery(window).trigger( 'hashchange' );
- //
- // Additional Notes:
- //
- // * The polling loop and Iframe are not created until at least one handler
- // is actually bound to the 'hashchange' event.
- // * If you need the bound handler(s) to execute immediately, in cases where
- // a location.hash exists on page load, via bookmark or page refresh for
- // example, use jQuery(window).hashchange() or the more verbose
- // jQuery(window).trigger( 'hashchange' ).
- // * The event can be bound before DOM ready, but since it won't be usable
- // before then in IE6/7 (due to the necessary Iframe), recommended usage is
- // to bind it inside a DOM ready handler.
-
- // Override existing $.event.special.hashchange methods (allowing this plugin
- // to be defined after jQuery BBQ in BBQ's source code).
- special[ str_hashchange ] = $.extend( special[ str_hashchange ], {
-
- // Called only when the first 'hashchange' event is bound to window.
- setup: function() {
- // If window.onhashchange is supported natively, there's nothing to do..
- if ( supports_onhashchange ) { return false; }
-
- // Otherwise, we need to create our own. And we don't want to call this
- // until the user binds to the event, just in case they never do, since it
- // will create a polling loop and possibly even a hidden Iframe.
- $( fake_onhashchange.start );
- },
-
- // Called only when the last 'hashchange' event is unbound from window.
- teardown: function() {
- // If window.onhashchange is supported natively, there's nothing to do..
- if ( supports_onhashchange ) { return false; }
-
- // Otherwise, we need to stop ours (if possible).
- $( fake_onhashchange.stop );
- }
-
- });
-
- // fake_onhashchange does all the work of triggering the window.onhashchange
- // event for browsers that don't natively support it, including creating a
- // polling loop to watch for hash changes and in IE 6/7 creating a hidden
- // Iframe to enable back and forward.
- fake_onhashchange = (function(){
- var self = {},
- timeout_id,
-
- // Remember the initial hash so it doesn't get triggered immediately.
- last_hash = get_fragment(),
-
- fn_retval = function(val){ return val; },
- history_set = fn_retval,
- history_get = fn_retval;
-
- // Start the polling loop.
- self.start = function() {
- timeout_id || poll();
- };
-
- // Stop the polling loop.
- self.stop = function() {
- timeout_id && clearTimeout( timeout_id );
- timeout_id = undefined;
- };
-
- // This polling loop checks every $.fn.hashchange.delay milliseconds to see
- // if location.hash has changed, and triggers the 'hashchange' event on
- // window when necessary.
- function poll() {
- var hash = get_fragment(),
- history_hash = history_get( last_hash );
-
- if ( hash !== last_hash ) {
- history_set( last_hash = hash, history_hash );
-
- $(window).trigger( str_hashchange );
-
- } else if ( history_hash !== last_hash ) {
- location.href = location.href.replace( /#.*/, '' ) + history_hash;
- }
-
- timeout_id = setTimeout( poll, $.fn[ str_hashchange ].delay );
- };
-
- // vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
- // vvvvvvvvvvvvvvvvvvv REMOVE IF NOT SUPPORTING IE6/7/8 vvvvvvvvvvvvvvvvvvv
- // vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
- $.browser.msie && !supports_onhashchange && (function(){
- // Not only do IE6/7 need the "magical" Iframe treatment, but so does IE8
- // when running in "IE7 compatibility" mode.
-
- var iframe,
- iframe_src;
-
- // When the event is bound and polling starts in IE 6/7, create a hidden
- // Iframe for history handling.
- self.start = function(){
- if ( !iframe ) {
- iframe_src = $.fn[ str_hashchange ].src;
- iframe_src = iframe_src && iframe_src + get_fragment();
-
- // Create hidden Iframe. Attempt to make Iframe as hidden as possible
- // by using techniques from http://www.paciellogroup.com/blog/?p=604.
- iframe = $('<iframe tabindex="-1" title="empty"/>').hide()
-
- // When Iframe has completely loaded, initialize the history and
- // start polling.
- .one( 'load', function(){
- iframe_src || history_set( get_fragment() );
- poll();
- })
-
- // Load Iframe src if specified, otherwise nothing.
- .attr( 'src', iframe_src || 'javascript:0' )
-
- // Append Iframe after the end of the body to prevent unnecessary
- // initial page scrolling (yes, this works).
- .insertAfter( 'body' )[0].contentWindow;
-
- // Whenever `document.title` changes, update the Iframe's title to
- // prettify the back/next history menu entries. Since IE sometimes
- // errors with "Unspecified error" the very first time this is set
- // (yes, very useful) wrap this with a try/catch block.
- doc.onpropertychange = function(){
- try {
- if ( event.propertyName === 'title' ) {
- iframe.document.title = doc.title;
- }
- } catch(e) {}
- };
-
- }
- };
-
- // Override the "stop" method since an IE6/7 Iframe was created. Even
- // if there are no longer any bound event handlers, the polling loop
- // is still necessary for back/next to work at all!
- self.stop = fn_retval;
-
- // Get history by looking at the hidden Iframe's location.hash.
- history_get = function() {
- return get_fragment( iframe.location.href );
- };
-
- // Set a new history item by opening and then closing the Iframe
- // document, *then* setting its location.hash. If document.domain has
- // been set, update that as well.
- history_set = function( hash, history_hash ) {
- var iframe_doc = iframe.document,
- domain = $.fn[ str_hashchange ].domain;
-
- if ( hash !== history_hash ) {
- // Update Iframe with any initial `document.title` that might be set.
- iframe_doc.title = doc.title;
-
- // Opening the Iframe's document after it has been closed is what
- // actually adds a history entry.
- iframe_doc.open();
-
- // Set document.domain for the Iframe document as well, if necessary.
- domain && iframe_doc.write( '<script>document.domain="' + domain + '"</script>' );
-
- iframe_doc.close();
-
- // Update the Iframe's hash, for great justice.
- iframe.location.hash = hash;
- }
- };
-
- })();
- // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
- // ^^^^^^^^^^^^^^^^^^^ REMOVE IF NOT SUPPORTING IE6/7/8 ^^^^^^^^^^^^^^^^^^^
- // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-
- return self;
- })();
-
-})(jQuery,this);
+++ /dev/null
-/*
-* "init" - Initialize the framework
-*/
-
-(function( $, window, undefined ) {
- var $html = $( "html" ),
- $head = $( "head" ),
- $window = $( window );
-
- // trigger mobileinit event - useful hook for configuring $.mobile settings before they're used
- $( window.document ).trigger( "mobileinit" );
-
- // support conditions
- // if device support condition(s) aren't met, leave things as they are -> a basic, usable experience,
- // otherwise, proceed with the enhancements
- if ( !$.mobile.gradeA() ) {
- return;
- }
-
- // override ajaxEnabled on platforms that have known conflicts with hash history updates
- // or generally work better browsing in regular http for full page refreshes (BB5, Opera Mini)
- if ( $.mobile.ajaxBlacklist ) {
- $.mobile.ajaxEnabled = false;
- }
-
- // add mobile, initial load "rendering" classes to docEl
- $html.addClass( "ui-mobile ui-mobile-rendering" );
-
- // loading div which appears during Ajax requests
- // will not appear if $.mobile.loadingMessage is false
- var $loader = $( "<div class='ui-loader ui-body-a ui-corner-all'><span class='ui-icon ui-icon-loading spin'></span><h1></h1></div>" );
-
- $.extend($.mobile, {
- // turn on/off page loading message.
- showPageLoadingMsg: function() {
- if ( $.mobile.loadingMessage ) {
- var activeBtn = $( "." + $.mobile.activeBtnClass ).first();
-
- $loader
- .find( "h1" )
- .text( $.mobile.loadingMessage )
- .end()
- .appendTo( $.mobile.pageContainer )
- // position at y center (if scrollTop supported), above the activeBtn (if defined), or just 100px from top
- .css({
- top: $.support.scrollTop && $window.scrollTop() + $window.height() / 2 ||
- activeBtn.length && activeBtn.offset().top || 100
- });
- }
-
- $html.addClass( "ui-loading" );
- },
-
- hidePageLoadingMsg: function() {
- $html.removeClass( "ui-loading" );
- },
-
- // find and enhance the pages in the dom and transition to the first page.
- initializePage: function() {
- // find present pages
- var $pages = $( ":jqmData(role='page')" );
-
- // if no pages are found, create one with body's inner html
- if ( !$pages.length ) {
- $pages = $( "body" ).wrapInner( "<div data-" + $.mobile.ns + "role='page'></div>" ).children( 0 );
- }
-
- // add dialogs, set data-url attrs
- $pages.add( ":jqmData(role='dialog')" ).each(function() {
- var $this = $(this);
-
- // unless the data url is already set set it to the pathname
- if ( !$this.jqmData("url") ) {
- $this.attr( "data-" + $.mobile.ns + "url", $this.attr( "id" ) || location.pathname + location.search );
- }
- });
-
- // define first page in dom case one backs out to the directory root (not always the first page visited, but defined as fallback)
- $.mobile.firstPage = $pages.first();
-
- // define page container
- $.mobile.pageContainer = $pages.first().parent().addClass( "ui-mobile-viewport" );
-
- // alert listeners that the pagecontainer has been determined for binding
- // to events triggered on it
- $window.trigger( "pagecontainercreate" );
-
- // cue page loading message
- $.mobile.showPageLoadingMsg();
-
- // if hashchange listening is disabled or there's no hash deeplink, change to the first page in the DOM
- if ( !$.mobile.hashListeningEnabled || !$.mobile.path.stripHash( location.hash ) ) {
- $.mobile.changePage( $.mobile.firstPage, { transition: "none", reverse: true, changeHash: false, fromHashChange: true } );
- }
- // otherwise, trigger a hashchange to load a deeplink
- else {
- $window.trigger( "hashchange", [ true ] );
- }
- }
- });
-
- // This function injects a meta viewport tag to prevent scaling. Off by default, on by default when touchOverflow scrolling is enabled
- function disableZoom() {
- var cont = "user-scalable=no",
- meta = $( "meta[name='viewport']" );
-
- if( meta.length ){
- meta.attr( "content", meta.attr( "content" ) + ", " + cont );
- }
- else{
- $( "head" ).prepend( "<meta>", { "name": "viewport", "content": cont } );
- }
- }
-
- // if touch-overflow is enabled, disable user scaling, as it creates usability issues
- if( $.support.touchOverflow && $.mobile.touchOverflowEnabled && !$.mobile.touchOverflowZoomEnabled ){
- disableZoom();
- }
-
- // initialize events now, after mobileinit has occurred
- $.mobile._registerInternalEvents();
-
- // check which scrollTop value should be used by scrolling to 1 immediately at domready
- // then check what the scroll top is. Android will report 0... others 1
- // note that this initial scroll won't hide the address bar. It's just for the check.
- $(function() {
- window.scrollTo( 0, 1 );
-
- // if defaultHomeScroll hasn't been set yet, see if scrollTop is 1
- // it should be 1 in most browsers, but android treats 1 as 0 (for hiding addr bar)
- // so if it's 1, use 0 from now on
- $.mobile.defaultHomeScroll = ( !$.support.scrollTop || $(window).scrollTop() === 1 ) ? 0 : 1;
-
- //dom-ready inits
- if( $.mobile.autoInitializePage ){
- $.mobile.initializePage();
- }
-
- // window load event
- // hide iOS browser chrome on load
- $window.load( $.mobile.silentScroll );
- });
-})( jQuery, this );
+++ /dev/null
-/*
-* jQuery Mobile Framework v@VERSION
-* http://jquerymobile.com
-*
-* Copyright 2011 (c) jQuery Project
-* Dual licensed under the MIT or GPL Version 2 licenses.
-* http://jquery.org/license
-*
-*/
+++ /dev/null
-/*
-* "links" plugin - simple class additions for links
-*/
-
-(function( $, undefined ) {
-
-$( document ).bind( "pagecreate create", function( e ){
-
- //links within content areas
- $( e.target )
- .find( "a" )
- .not( ".ui-btn, .ui-link-inherit, :jqmData(role='none'), :jqmData(role='nojs')" )
- .addClass( "ui-link" );
-
-});
-
-})( jQuery );
\ No newline at end of file
+++ /dev/null
-/*
-* "listview" filter extension
-*/
-
-(function( $, undefined ) {
-
-$.mobile.listview.prototype.options.filter = false;
-$.mobile.listview.prototype.options.filterPlaceholder = "Filter items...";
-$.mobile.listview.prototype.options.filterTheme = "c";
-$.mobile.listview.prototype.options.filterCallback = function( text, searchValue ){
- return text.toLowerCase().indexOf( searchValue ) === -1;
-};
-
-$( ":jqmData(role='listview')" ).live( "listviewcreate", function() {
-
- var list = $( this ),
- listview = list.data( "listview" );
-
- if ( !listview.options.filter ) {
- return;
- }
-
- var wrapper = $( "<form>", {
- "class": "ui-listview-filter ui-bar-" + listview.options.filterTheme,
- "role": "search"
- }),
- search = $( "<input>", {
- placeholder: listview.options.filterPlaceholder
- })
- .attr( "data-" + $.mobile.ns + "type", "search" )
- .jqmData( "lastval", "" )
- .bind( "keyup change", function() {
-
- var $this = $(this),
- val = this.value.toLowerCase(),
- listItems = null,
- lastval = $this.jqmData( "lastval" ) + "",
- childItems = false,
- itemtext = "",
- item, change;
-
- // Change val as lastval for next execution
- $this.jqmData( "lastval" , val );
- change = val.substr( 0 , lastval.length - 1 ).replace( lastval , "" );
-
- if ( val.length < lastval.length || change.length != ( val.length - lastval.length ) ) {
-
- // Removed chars or pasted something totally different, check all items
- listItems = list.children();
- } else {
-
- // Only chars added, not removed, only use visible subset
- listItems = list.children( ":not(.ui-screen-hidden)" );
- }
-
- if ( val ) {
-
- // This handles hiding regular rows without the text we search for
- // and any list dividers without regular rows shown under it
-
- for ( var i = listItems.length - 1; i >= 0; i-- ) {
- item = $( listItems[ i ] );
- itemtext = item.jqmData( "filtertext" ) || item.text();
-
- if ( item.is( "li:jqmData(role=list-divider)" ) ) {
-
- item.toggleClass( "ui-filter-hidequeue" , !childItems );
-
- // New bucket!
- childItems = false;
-
- } else if ( listview.options.filterCallback( itemtext, val ) ) {
-
- //mark to be hidden
- item.toggleClass( "ui-filter-hidequeue" , true );
- } else {
-
- // There's a shown item in the bucket
- childItems = true;
- }
- }
-
- // Show items, not marked to be hidden
- listItems
- .filter( ":not(.ui-filter-hidequeue)" )
- .toggleClass( "ui-screen-hidden", false );
-
- // Hide items, marked to be hidden
- listItems
- .filter( ".ui-filter-hidequeue" )
- .toggleClass( "ui-screen-hidden", true )
- .toggleClass( "ui-filter-hidequeue", false );
-
- } else {
-
- //filtervalue is empty => show all
- listItems.toggleClass( "ui-screen-hidden", false );
- }
- listview._refreshCorners();
- })
- .appendTo( wrapper )
- .textinput();
-
- if ( $( this ).jqmData( "inset" ) ) {
- wrapper.addClass( "ui-listview-filter-inset" );
- }
-
- wrapper.bind( "submit", function() {
- return false;
- })
- .insertBefore( list );
-});
-
-})( jQuery );
\ No newline at end of file
+++ /dev/null
-/*
-* "listview" plugin
-*/
-
-(function( $, undefined ) {
-
-//Keeps track of the number of lists per page UID
-//This allows support for multiple nested list in the same page
-//https://github.com/jquery/jquery-mobile/issues/1617
-var listCountPerPage = {};
-
-$.widget( "mobile.listview", $.mobile.widget, {
- options: {
- theme: null,
- countTheme: "c",
- headerTheme: "b",
- dividerTheme: "b",
- splitIcon: "arrow-r",
- splitTheme: "b",
- inset: false,
- initSelector: ":jqmData(role='listview')"
- },
-
- _create: function() {
- var t = this;
-
- // create listview markup
- t.element.addClass(function( i, orig ) {
- return orig + " ui-listview " + ( t.options.inset ? " ui-listview-inset ui-corner-all ui-shadow " : "" );
- });
-
- t.refresh( true );
- },
-
- _removeCorners: function( li, which ) {
- var top = "ui-corner-top ui-corner-tr ui-corner-tl",
- bot = "ui-corner-bottom ui-corner-br ui-corner-bl";
-
- li = li.add( li.find( ".ui-btn-inner, .ui-li-link-alt, .ui-li-thumb" ) );
-
- if ( which === "top" ) {
- li.removeClass( top );
- } else if ( which === "bottom" ) {
- li.removeClass( bot );
- } else {
- li.removeClass( top + " " + bot );
- }
- },
-
- _refreshCorners: function( create ) {
- var $li,
- $visibleli,
- $topli,
- $bottomli;
-
- if ( this.options.inset ) {
- $li = this.element.children( "li" );
- // at create time the li are not visible yet so we need to rely on .ui-screen-hidden
- $visibleli = create?$li.not( ".ui-screen-hidden" ):$li.filter( ":visible" );
-
- this._removeCorners( $li );
-
- // Select the first visible li element
- $topli = $visibleli.first()
- .addClass( "ui-corner-top" );
-
- $topli.add( $topli.find( ".ui-btn-inner" )
- .not( ".ui-li-link-alt span:first-child" ) )
- .addClass( "ui-corner-top" )
- .end()
- .find( ".ui-li-link-alt, .ui-li-link-alt span:first-child" )
- .addClass( "ui-corner-tr" )
- .end()
- .find( ".ui-li-thumb" )
- .not(".ui-li-icon")
- .addClass( "ui-corner-tl" );
-
- // Select the last visible li element
- $bottomli = $visibleli.last()
- .addClass( "ui-corner-bottom" );
-
- $bottomli.add( $bottomli.find( ".ui-btn-inner" ) )
- .find( ".ui-li-link-alt" )
- .addClass( "ui-corner-br" )
- .end()
- .find( ".ui-li-thumb" )
- .not(".ui-li-icon")
- .addClass( "ui-corner-bl" );
- }
- if ( !create ) {
- this.element.trigger( "updatelayout" );
- }
- },
-
- // This is a generic utility method for finding the first
- // node with a given nodeName. It uses basic DOM traversal
- // to be fast and is meant to be a substitute for simple
- // $.fn.closest() and $.fn.children() calls on a single
- // element. Note that callers must pass both the lowerCase
- // and upperCase version of the nodeName they are looking for.
- // The main reason for this is that this function will be
- // called many times and we want to avoid having to lowercase
- // the nodeName from the element every time to ensure we have
- // a match. Note that this function lives here for now, but may
- // be moved into $.mobile if other components need a similar method.
- _findFirstElementByTagName: function( ele, nextProp, lcName, ucName )
- {
- var dict = {};
- dict[ lcName ] = dict[ ucName ] = true;
- while ( ele ) {
- if ( dict[ ele.nodeName ] ) {
- return ele;
- }
- ele = ele[ nextProp ];
- }
- return null;
- },
- _getChildrenByTagName: function( ele, lcName, ucName )
- {
- var results = [],
- dict = {};
- dict[ lcName ] = dict[ ucName ] = true;
- ele = ele.firstChild;
- while ( ele ) {
- if ( dict[ ele.nodeName ] ) {
- results.push( ele );
- }
- ele = ele.nextSibling;
- }
- return $( results );
- },
-
- _addThumbClasses: function( containers )
- {
- var i, img, len = containers.length;
- for ( i = 0; i < len; i++ ) {
- img = $( this._findFirstElementByTagName( containers[ i ].firstChild, "nextSibling", "img", "IMG" ) );
- if ( img.length ) {
- img.addClass( "ui-li-thumb" );
- $( this._findFirstElementByTagName( img[ 0 ].parentNode, "parentNode", "li", "LI" ) ).addClass( img.is( ".ui-li-icon" ) ? "ui-li-has-icon" : "ui-li-has-thumb" );
- }
- }
- },
-
- refresh: function( create ) {
- this.parentPage = this.element.closest( ".ui-page" );
- this._createSubPages();
-
- var o = this.options,
- $list = this.element,
- self = this,
- dividertheme = $list.jqmData( "dividertheme" ) || o.dividerTheme,
- listsplittheme = $list.jqmData( "splittheme" ),
- listspliticon = $list.jqmData( "spliticon" ),
- li = this._getChildrenByTagName( $list[ 0 ], "li", "LI" ),
- counter = $.support.cssPseudoElement || !$.nodeName( $list[ 0 ], "ol" ) ? 0 : 1,
- itemClassDict = {},
- item, itemClass, itemTheme,
- a, last, splittheme, countParent, icon, imgParents, img;
-
- if ( counter ) {
- $list.find( ".ui-li-dec" ).remove();
- }
-
- if ( !o.theme ) {
- o.theme = $.mobile.getInheritedTheme( this.element, "c" );
- }
-
- for ( var pos = 0, numli = li.length; pos < numli; pos++ ) {
- item = li.eq( pos );
- itemClass = "ui-li";
-
- // If we're creating the element, we update it regardless
- if ( create || !item.hasClass( "ui-li" ) ) {
- itemTheme = item.jqmData("theme") || o.theme;
- a = this._getChildrenByTagName( item[ 0 ], "a", "A" );
-
- if ( a.length ) {
- icon = item.jqmData("icon");
-
- item.buttonMarkup({
- wrapperEls: "div",
- shadow: false,
- corners: false,
- iconpos: "right",
- icon: a.length > 1 || icon === false ? false : icon || "arrow-r",
- theme: itemTheme
- });
-
- if ( ( icon != false ) && ( a.length == 1 ) ) {
- item.addClass( "ui-li-has-arrow" );
- }
-
- a.first().addClass( "ui-link-inherit" );
-
- if ( a.length > 1 ) {
- itemClass += " ui-li-has-alt";
-
- last = a.last();
- splittheme = listsplittheme || last.jqmData( "theme" ) || o.splitTheme;
-
- last.appendTo(item)
- .attr( "title", last.getEncodedText() )
- .addClass( "ui-li-link-alt" )
- .empty()
- .buttonMarkup({
- shadow: false,
- corners: false,
- theme: itemTheme,
- icon: false,
- iconpos: false
- })
- .find( ".ui-btn-inner" )
- .append(
- $( document.createElement( "span" ) ).buttonMarkup({
- shadow: true,
- corners: true,
- theme: splittheme,
- iconpos: "notext",
- icon: listspliticon || last.jqmData( "icon" ) || o.splitIcon
- })
- );
- }
- } else if ( item.jqmData( "role" ) === "list-divider" ) {
-
- itemClass += " ui-li-divider ui-btn ui-bar-" + dividertheme;
- item.attr( "role", "heading" );
-
- //reset counter when a divider heading is encountered
- if ( counter ) {
- counter = 1;
- }
-
- } else {
- itemClass += " ui-li-static ui-body-" + itemTheme;
- }
- }
-
- if ( counter && itemClass.indexOf( "ui-li-divider" ) < 0 ) {
- countParent = item.is( ".ui-li-static:first" ) ? item : item.find( ".ui-link-inherit" );
-
- countParent.addClass( "ui-li-jsnumbering" )
- .prepend( "<span class='ui-li-dec'>" + (counter++) + ". </span>" );
- }
-
- // Instead of setting item class directly on the list item and its
- // btn-inner at this point in time, push the item into a dictionary
- // that tells us what class to set on it so we can do this after this
- // processing loop is finished.
-
- if ( !itemClassDict[ itemClass ] ) {
- itemClassDict[ itemClass ] = [];
- }
-
- itemClassDict[ itemClass ].push( item[ 0 ] );
- }
-
- // Set the appropriate listview item classes on each list item
- // and their btn-inner elements. The main reason we didn't do this
- // in the for-loop above is because we can eliminate per-item function overhead
- // by calling addClass() and children() once or twice afterwards. This
- // can give us a significant boost on platforms like WP7.5.
-
- for ( itemClass in itemClassDict ) {
- $( itemClassDict[ itemClass ] ).addClass( itemClass ).children( ".ui-btn-inner" ).addClass( itemClass );
- }
-
- $list.find( "h1, h2, h3, h4, h5, h6" ).addClass( "ui-li-heading" )
- .end()
-
- .find( "p, dl" ).addClass( "ui-li-desc" )
- .end()
-
- .find( ".ui-li-aside" ).each(function() {
- var $this = $(this);
- $this.prependTo( $this.parent() ); //shift aside to front for css float
- })
- .end()
-
- .find( ".ui-li-count" ).each( function() {
- $( this ).closest( "li" ).addClass( "ui-li-has-count" );
- }).addClass( "ui-btn-up-" + ( $list.jqmData( "counttheme" ) || this.options.countTheme) + " ui-btn-corner-all" );
-
- // The idea here is to look at the first image in the list item
- // itself, and any .ui-link-inherit element it may contain, so we
- // can place the appropriate classes on the image and list item.
- // Note that we used to use something like:
- //
- // li.find(">img:eq(0), .ui-link-inherit>img:eq(0)").each( ... );
- //
- // But executing a find() like that on Windows Phone 7.5 took a
- // really long time. Walking things manually with the code below
- // allows the 400 listview item page to load in about 3 seconds as
- // opposed to 30 seconds.
-
- this._addThumbClasses( li );
- this._addThumbClasses( $list.find( ".ui-link-inherit" ) );
-
- this._refreshCorners( create );
- },
-
- //create a string for ID/subpage url creation
- _idStringEscape: function( str ) {
- return str.replace(/[^a-zA-Z0-9]/g, '-');
- },
-
- _createSubPages: function() {
- var parentList = this.element,
- parentPage = parentList.closest( ".ui-page" ),
- parentUrl = parentPage.jqmData( "url" ),
- parentId = parentUrl || parentPage[ 0 ][ $.expando ],
- parentListId = parentList.attr( "id" ),
- o = this.options,
- dns = "data-" + $.mobile.ns,
- self = this,
- persistentFooterID = parentPage.find( ":jqmData(role='footer')" ).jqmData( "id" ),
- hasSubPages;
-
- if ( typeof listCountPerPage[ parentId ] === "undefined" ) {
- listCountPerPage[ parentId ] = -1;
- }
-
- parentListId = parentListId || ++listCountPerPage[ parentId ];
-
- $( parentList.find( "li>ul, li>ol" ).toArray().reverse() ).each(function( i ) {
- var self = this,
- list = $( this ),
- listId = list.attr( "id" ) || parentListId + "-" + i,
- parent = list.parent(),
- nodeEls = $( list.prevAll().toArray().reverse() ),
- nodeEls = nodeEls.length ? nodeEls : $( "<span>" + $.trim(parent.contents()[ 0 ].nodeValue) + "</span>" ),
- title = nodeEls.first().getEncodedText(),//url limits to first 30 chars of text
- id = ( parentUrl || "" ) + "&" + $.mobile.subPageUrlKey + "=" + listId,
- theme = list.jqmData( "theme" ) || o.theme,
- countTheme = list.jqmData( "counttheme" ) || parentList.jqmData( "counttheme" ) || o.countTheme,
- newPage, anchor;
-
- //define hasSubPages for use in later removal
- hasSubPages = true;
-
- newPage = list.detach()
- .wrap( "<div " + dns + "role='page' " + dns + "url='" + id + "' " + dns + "theme='" + theme + "' " + dns + "count-theme='" + countTheme + "'><div " + dns + "role='content'></div></div>" )
- .parent()
- .before( "<div " + dns + "role='header' " + dns + "theme='" + o.headerTheme + "'><div class='ui-title'>" + title + "</div></div>" )
- .after( persistentFooterID ? $( "<div " + dns + "role='footer' " + dns + "id='"+ persistentFooterID +"'>") : "" )
- .parent()
- .appendTo( $.mobile.pageContainer );
-
- newPage.page();
-
- anchor = parent.find('a:first');
-
- if ( !anchor.length ) {
- anchor = $( "<a/>" ).html( nodeEls || title ).prependTo( parent.empty() );
- }
-
- anchor.attr( "href", "#" + id );
-
- }).listview();
-
- // on pagehide, remove any nested pages along with the parent page, as long as they aren't active
- // and aren't embedded
- if( hasSubPages &&
- parentPage.is( ":jqmData(external-page='true')" ) &&
- parentPage.data("page").options.domCache === false ) {
-
- var newRemove = function( e, ui ){
- var nextPage = ui.nextPage, npURL;
-
- if( ui.nextPage ){
- npURL = nextPage.jqmData( "url" );
- if( npURL.indexOf( parentUrl + "&" + $.mobile.subPageUrlKey ) !== 0 ){
- self.childPages().remove();
- parentPage.remove();
- }
- }
- };
-
- // unbind the original page remove and replace with our specialized version
- parentPage
- .unbind( "pagehide.remove" )
- .bind( "pagehide.remove", newRemove);
- }
- },
-
- // TODO sort out a better way to track sub pages of the listview this is brittle
- childPages: function(){
- var parentUrl = this.parentPage.jqmData( "url" );
-
- return $( ":jqmData(url^='"+ parentUrl + "&" + $.mobile.subPageUrlKey +"')");
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $( $.mobile.listview.prototype.options.initSelector, e.target ).listview();
-});
-
-})( jQuery );
+++ /dev/null
-/*
-* a workaround for window.matchMedia
-*/
-
-(function( $, undefined ) {
-
-var $window = $( window ),
- $html = $( "html" );
-
-/* $.mobile.media method: pass a CSS media type or query and get a bool return
- note: this feature relies on actual media query support for media queries, though types will work most anywhere
- examples:
- $.mobile.media('screen') //>> tests for screen media type
- $.mobile.media('screen and (min-width: 480px)') //>> tests for screen media type with window width > 480px
- $.mobile.media('@media screen and (-webkit-min-device-pixel-ratio: 2)') //>> tests for webkit 2x pixel ratio (iPhone 4)
-*/
-$.mobile.media = (function() {
- // TODO: use window.matchMedia once at least one UA implements it
- var cache = {},
- testDiv = $( "<div id='jquery-mediatest'>" ),
- fakeBody = $( "<body>" ).append( testDiv );
-
- return function( query ) {
- if ( !( query in cache ) ) {
- var styleBlock = document.createElement( "style" ),
- cssrule = "@media " + query + " { #jquery-mediatest { position:absolute; } }";
-
- //must set type for IE!
- styleBlock.type = "text/css";
-
- if ( styleBlock.styleSheet ){
- styleBlock.styleSheet.cssText = cssrule;
- } else {
- styleBlock.appendChild( document.createTextNode(cssrule) );
- }
-
- $html.prepend( fakeBody ).prepend( styleBlock );
- cache[ query ] = testDiv.css( "position" ) === "absolute";
- fakeBody.add( styleBlock ).remove();
- }
- return cache[ query ];
- };
-})();
-
-})(jQuery);
+++ /dev/null
-/*
-* "navbar" plugin
-*/
-
-(function( $, undefined ) {
-
-$.widget( "mobile.navbar", $.mobile.widget, {
- options: {
- iconpos: "top",
- grid: null,
- initSelector: ":jqmData(role='navbar')"
- },
-
- _create: function(){
-
- var $navbar = this.element,
- $navbtns = $navbar.find( "a" ),
- iconpos = $navbtns.filter( ":jqmData(icon)" ).length ?
- this.options.iconpos : undefined;
-
- $navbar.addClass( "ui-navbar" )
- .attr( "role","navigation" )
- .find( "ul" )
- .grid({ grid: this.options.grid });
-
- if ( !iconpos ) {
- $navbar.addClass( "ui-navbar-noicons" );
- }
-
- $navbtns.buttonMarkup({
- corners: false,
- shadow: false,
- iconpos: iconpos
- });
-
- $navbar.delegate( "a", "vclick", function( event ) {
- $navbtns.not( ".ui-state-persist" ).removeClass( $.mobile.activeBtnClass );
- $( this ).addClass( $.mobile.activeBtnClass );
- });
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $( $.mobile.navbar.prototype.options.initSelector, e.target ).navbar();
-});
-
-})( jQuery );
+++ /dev/null
-/*
-* core utilities for auto ajax navigation, base tag mgmt,
-*/
-
-( function( $, undefined ) {
-
- //define vars for interal use
- var $window = $( window ),
- $html = $( 'html' ),
- $head = $( 'head' ),
-
- //url path helpers for use in relative url management
- path = {
-
- // This scary looking regular expression parses an absolute URL or its relative
- // variants (protocol, site, document, query, and hash), into the various
- // components (protocol, host, path, query, fragment, etc that make up the
- // URL as well as some other commonly used sub-parts. When used with RegExp.exec()
- // or String.match, it parses the URL into a results array that looks like this:
- //
- // [0]: http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread#msg-content
- // [1]: http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread
- // [2]: http://jblas:password@mycompany.com:8080/mail/inbox
- // [3]: http://jblas:password@mycompany.com:8080
- // [4]: http:
- // [5]: //
- // [6]: jblas:password@mycompany.com:8080
- // [7]: jblas:password
- // [8]: jblas
- // [9]: password
- // [10]: mycompany.com:8080
- // [11]: mycompany.com
- // [12]: 8080
- // [13]: /mail/inbox
- // [14]: /mail/
- // [15]: inbox
- // [16]: ?msg=1234&type=unread
- // [17]: #msg-content
- //
- urlParseRE: /^(((([^:\/#\?]+:)?(?:(\/\/)((?:(([^:@\/#\?]+)(?:\:([^:@\/#\?]+))?)@)?(([^:\/#\?\]\[]+|\[[^\/\]@#?]+\])(?:\:([0-9]+))?))?)?)?((\/?(?:[^\/\?#]+\/+)*)([^\?#]*)))?(\?[^#]+)?)(#.*)?/,
-
- //Parse a URL into a structure that allows easy access to
- //all of the URL components by name.
- parseUrl: function( url ) {
- // If we're passed an object, we'll assume that it is
- // a parsed url object and just return it back to the caller.
- if ( $.type( url ) === "object" ) {
- return url;
- }
-
- var matches = path.urlParseRE.exec( url || "" ) || [];
-
- // Create an object that allows the caller to access the sub-matches
- // by name. Note that IE returns an empty string instead of undefined,
- // like all other browsers do, so we normalize everything so its consistent
- // no matter what browser we're running on.
- return {
- href: matches[ 0 ] || "",
- hrefNoHash: matches[ 1 ] || "",
- hrefNoSearch: matches[ 2 ] || "",
- domain: matches[ 3 ] || "",
- protocol: matches[ 4 ] || "",
- doubleSlash: matches[ 5 ] || "",
- authority: matches[ 6 ] || "",
- username: matches[ 8 ] || "",
- password: matches[ 9 ] || "",
- host: matches[ 10 ] || "",
- hostname: matches[ 11 ] || "",
- port: matches[ 12 ] || "",
- pathname: matches[ 13 ] || "",
- directory: matches[ 14 ] || "",
- filename: matches[ 15 ] || "",
- search: matches[ 16 ] || "",
- hash: matches[ 17 ] || ""
- };
- },
-
- //Turn relPath into an asbolute path. absPath is
- //an optional absolute path which describes what
- //relPath is relative to.
- makePathAbsolute: function( relPath, absPath ) {
- if ( relPath && relPath.charAt( 0 ) === "/" ) {
- return relPath;
- }
-
- relPath = relPath || "";
- absPath = absPath ? absPath.replace( /^\/|(\/[^\/]*|[^\/]+)$/g, "" ) : "";
-
- var absStack = absPath ? absPath.split( "/" ) : [],
- relStack = relPath.split( "/" );
- for ( var i = 0; i < relStack.length; i++ ) {
- var d = relStack[ i ];
- switch ( d ) {
- case ".":
- break;
- case "..":
- if ( absStack.length ) {
- absStack.pop();
- }
- break;
- default:
- absStack.push( d );
- break;
- }
- }
- return "/" + absStack.join( "/" );
- },
-
- //Returns true if both urls have the same domain.
- isSameDomain: function( absUrl1, absUrl2 ) {
- return path.parseUrl( absUrl1 ).domain === path.parseUrl( absUrl2 ).domain;
- },
-
- //Returns true for any relative variant.
- isRelativeUrl: function( url ) {
- // All relative Url variants have one thing in common, no protocol.
- return path.parseUrl( url ).protocol === "";
- },
-
- //Returns true for an absolute url.
- isAbsoluteUrl: function( url ) {
- return path.parseUrl( url ).protocol !== "";
- },
-
- //Turn the specified realtive URL into an absolute one. This function
- //can handle all relative variants (protocol, site, document, query, fragment).
- makeUrlAbsolute: function( relUrl, absUrl ) {
- if ( !path.isRelativeUrl( relUrl ) ) {
- return relUrl;
- }
-
- var relObj = path.parseUrl( relUrl ),
- absObj = path.parseUrl( absUrl ),
- protocol = relObj.protocol || absObj.protocol,
- doubleSlash = relObj.protocol ? relObj.doubleSlash : ( relObj.doubleSlash || absObj.doubleSlash ),
- authority = relObj.authority || absObj.authority,
- hasPath = relObj.pathname !== "",
- pathname = path.makePathAbsolute( relObj.pathname || absObj.filename, absObj.pathname ),
- search = relObj.search || ( !hasPath && absObj.search ) || "",
- hash = relObj.hash;
-
- return protocol + doubleSlash + authority + pathname + search + hash;
- },
-
- //Add search (aka query) params to the specified url.
- addSearchParams: function( url, params ) {
- var u = path.parseUrl( url ),
- p = ( typeof params === "object" ) ? $.param( params ) : params,
- s = u.search || "?";
- return u.hrefNoSearch + s + ( s.charAt( s.length - 1 ) !== "?" ? "&" : "" ) + p + ( u.hash || "" );
- },
-
- convertUrlToDataUrl: function( absUrl ) {
- var u = path.parseUrl( absUrl );
- if ( path.isEmbeddedPage( u ) ) {
- // For embedded pages, remove the dialog hash key as in getFilePath(),
- // otherwise the Data Url won't match the id of the embedded Page.
- return u.hash.split( dialogHashKey )[0].replace( /^#/, "" );
- } else if ( path.isSameDomain( u, documentBase ) ) {
- return u.hrefNoHash.replace( documentBase.domain, "" );
- }
- return absUrl;
- },
-
- //get path from current hash, or from a file path
- get: function( newPath ) {
- if( newPath === undefined ) {
- newPath = location.hash;
- }
- return path.stripHash( newPath ).replace( /[^\/]*\.[^\/*]+$/, '' );
- },
-
- //return the substring of a filepath before the sub-page key, for making a server request
- getFilePath: function( path ) {
- var splitkey = '&' + $.mobile.subPageUrlKey;
- return path && path.split( splitkey )[0].split( dialogHashKey )[0];
- },
-
- //set location hash to path
- set: function( path ) {
- location.hash = path;
- },
-
- //test if a given url (string) is a path
- //NOTE might be exceptionally naive
- isPath: function( url ) {
- return ( /\// ).test( url );
- },
-
- //return a url path with the window's location protocol/hostname/pathname removed
- clean: function( url ) {
- return url.replace( documentBase.domain, "" );
- },
-
- //just return the url without an initial #
- stripHash: function( url ) {
- return url.replace( /^#/, "" );
- },
-
- //remove the preceding hash, any query params, and dialog notations
- cleanHash: function( hash ) {
- return path.stripHash( hash.replace( /\?.*$/, "" ).replace( dialogHashKey, "" ) );
- },
-
- //check whether a url is referencing the same domain, or an external domain or different protocol
- //could be mailto, etc
- isExternal: function( url ) {
- var u = path.parseUrl( url );
- return u.protocol && u.domain !== documentUrl.domain ? true : false;
- },
-
- hasProtocol: function( url ) {
- return ( /^(:?\w+:)/ ).test( url );
- },
-
- //check if the specified url refers to the first page in the main application document.
- isFirstPageUrl: function( url ) {
- // We only deal with absolute paths.
- var u = path.parseUrl( path.makeUrlAbsolute( url, documentBase ) ),
-
- // Does the url have the same path as the document?
- samePath = u.hrefNoHash === documentUrl.hrefNoHash || ( documentBaseDiffers && u.hrefNoHash === documentBase.hrefNoHash ),
-
- // Get the first page element.
- fp = $.mobile.firstPage,
-
- // Get the id of the first page element if it has one.
- fpId = fp && fp[0] ? fp[0].id : undefined;
-
- // The url refers to the first page if the path matches the document and
- // it either has no hash value, or the hash is exactly equal to the id of the
- // first page element.
- return samePath && ( !u.hash || u.hash === "#" || ( fpId && u.hash.replace( /^#/, "" ) === fpId ) );
- },
-
- isEmbeddedPage: function( url ) {
- var u = path.parseUrl( url );
-
- //if the path is absolute, then we need to compare the url against
- //both the documentUrl and the documentBase. The main reason for this
- //is that links embedded within external documents will refer to the
- //application document, whereas links embedded within the application
- //document will be resolved against the document base.
- if ( u.protocol !== "" ) {
- return ( u.hash && ( u.hrefNoHash === documentUrl.hrefNoHash || ( documentBaseDiffers && u.hrefNoHash === documentBase.hrefNoHash ) ) );
- }
- return (/^#/).test( u.href );
- }
- },
-
- //will be defined when a link is clicked and given an active class
- $activeClickedLink = null,
-
- //urlHistory is purely here to make guesses at whether the back or forward button was clicked
- //and provide an appropriate transition
- urlHistory = {
- // Array of pages that are visited during a single page load.
- // Each has a url and optional transition, title, and pageUrl (which represents the file path, in cases where URL is obscured, such as dialogs)
- stack: [],
-
- //maintain an index number for the active page in the stack
- activeIndex: 0,
-
- //get active
- getActive: function() {
- return urlHistory.stack[ urlHistory.activeIndex ];
- },
-
- getPrev: function() {
- return urlHistory.stack[ urlHistory.activeIndex - 1 ];
- },
-
- getNext: function() {
- return urlHistory.stack[ urlHistory.activeIndex + 1 ];
- },
-
- // addNew is used whenever a new page is added
- addNew: function( url, transition, title, pageUrl, role ) {
- //if there's forward history, wipe it
- if( urlHistory.getNext() ) {
- urlHistory.clearForward();
- }
-
- urlHistory.stack.push( {url : url, transition: transition, title: title, pageUrl: pageUrl, role: role } );
-
- urlHistory.activeIndex = urlHistory.stack.length - 1;
- },
-
- //wipe urls ahead of active index
- clearForward: function() {
- urlHistory.stack = urlHistory.stack.slice( 0, urlHistory.activeIndex + 1 );
- },
-
- directHashChange: function( opts ) {
- var back , forward, newActiveIndex, prev = this.getActive();
-
- // check if url isp in history and if it's ahead or behind current page
- $.each( urlHistory.stack, function( i, historyEntry ) {
-
- //if the url is in the stack, it's a forward or a back
- if( opts.currentUrl === historyEntry.url ) {
- //define back and forward by whether url is older or newer than current page
- back = i < urlHistory.activeIndex;
- forward = !back;
- newActiveIndex = i;
- }
- });
-
- // save new page index, null check to prevent falsey 0 result
- this.activeIndex = newActiveIndex !== undefined ? newActiveIndex : this.activeIndex;
-
- if( back ) {
- ( opts.either || opts.isBack )( true );
- } else if( forward ) {
- ( opts.either || opts.isForward )( false );
- }
- },
-
- //disable hashchange event listener internally to ignore one change
- //toggled internally when location.hash is updated to match the url of a successful page load
- ignoreNextHashChange: false
- },
-
- //define first selector to receive focus when a page is shown
- focusable = "[tabindex],a,button:visible,select:visible,input",
-
- //queue to hold simultanious page transitions
- pageTransitionQueue = [],
-
- //indicates whether or not page is in process of transitioning
- isPageTransitioning = false,
-
- //nonsense hash change key for dialogs, so they create a history entry
- dialogHashKey = "&ui-state=dialog",
-
- //existing base tag?
- $base = $head.children( "base" ),
-
- //tuck away the original document URL minus any fragment.
- documentUrl = path.parseUrl( location.href ),
-
- //if the document has an embedded base tag, documentBase is set to its
- //initial value. If a base tag does not exist, then we default to the documentUrl.
- documentBase = $base.length ? path.parseUrl( path.makeUrlAbsolute( $base.attr( "href" ), documentUrl.href ) ) : documentUrl,
-
- //cache the comparison once.
- documentBaseDiffers = ( documentUrl.hrefNoHash !== documentBase.hrefNoHash );
-
- //base element management, defined depending on dynamic base tag support
- var base = $.support.dynamicBaseTag ? {
-
- //define base element, for use in routing asset urls that are referenced in Ajax-requested markup
- element: ( $base.length ? $base : $( "<base>", { href: documentBase.hrefNoHash } ).prependTo( $head ) ),
-
- //set the generated BASE element's href attribute to a new page's base path
- set: function( href ) {
- base.element.attr( "href", path.makeUrlAbsolute( href, documentBase ) );
- },
-
- //set the generated BASE element's href attribute to a new page's base path
- reset: function() {
- base.element.attr( "href", documentBase.hrefNoHash );
- }
-
- } : undefined;
-
-/*
- internal utility functions
---------------------------------------*/
-
-
- //direct focus to the page title, or otherwise first focusable element
- function reFocus( page ) {
- var pageTitle = page.find( ".ui-title:eq(0)" );
-
- if( pageTitle.length ) {
- pageTitle.focus();
- }
- else{
- page.focus();
- }
- }
-
- //remove active classes after page transition or error
- function removeActiveLinkClass( forceRemoval ) {
- if( !!$activeClickedLink && ( !$activeClickedLink.closest( '.ui-page-active' ).length || forceRemoval ) ) {
- $activeClickedLink.removeClass( $.mobile.activeBtnClass );
- }
- $activeClickedLink = null;
- }
-
- function releasePageTransitionLock() {
- isPageTransitioning = false;
- if( pageTransitionQueue.length > 0 ) {
- $.mobile.changePage.apply( null, pageTransitionQueue.pop() );
- }
- }
-
- // Save the last scroll distance per page, before it is hidden
- var setLastScrollEnabled = true,
- firstScrollElem, getScrollElem, setLastScroll, delayedSetLastScroll;
-
- getScrollElem = function() {
- var scrollElem = $window, activePage,
- touchOverflow = $.support.touchOverflow && $.mobile.touchOverflowEnabled;
-
- if( touchOverflow ){
- activePage = $( ".ui-page-active" );
- scrollElem = activePage.is( ".ui-native-fixed" ) ? activePage.find( ".ui-content" ) : activePage;
- }
-
- return scrollElem;
- };
-
- setLastScroll = function( scrollElem ) {
- // this barrier prevents setting the scroll value based on the browser
- // scrolling the window based on a hashchange
- if( !setLastScrollEnabled ) {
- return;
- }
-
- var active = $.mobile.urlHistory.getActive();
-
- if( active ) {
- var lastScroll = scrollElem && scrollElem.scrollTop();
-
- // Set active page's lastScroll prop.
- // If the location we're scrolling to is less than minScrollBack, let it go.
- active.lastScroll = lastScroll < $.mobile.minScrollBack ? $.mobile.defaultHomeScroll : lastScroll;
- }
- };
-
- // bind to scrollstop to gather scroll position. The delay allows for the hashchange
- // event to fire and disable scroll recording in the case where the browser scrolls
- // to the hash targets location (sometimes the top of the page). once pagechange fires
- // getLastScroll is again permitted to operate
- delayedSetLastScroll = function() {
- setTimeout( setLastScroll, 100, $(this) );
- };
-
- // disable an scroll setting when a hashchange has been fired, this only works
- // because the recording of the scroll position is delayed for 100ms after
- // the browser might have changed the position because of the hashchange
- $window.bind( $.support.pushState ? "popstate" : "hashchange", function() {
- setLastScrollEnabled = false;
- });
-
- // handle initial hashchange from chrome :(
- $window.one( $.support.pushState ? "popstate" : "hashchange", function() {
- setLastScrollEnabled = true;
- });
-
- // wait until the mobile page container has been determined to bind to pagechange
- $window.one( "pagecontainercreate", function(){
- // once the page has changed, re-enable the scroll recording
- $.mobile.pageContainer.bind( "pagechange", function() {
- var scrollElem = getScrollElem();
-
- setLastScrollEnabled = true;
-
- // remove any binding that previously existed on the get scroll
- // which may or may not be different than the scroll element determined for
- // this page previously
- scrollElem.unbind( "scrollstop", delayedSetLastScroll );
-
- // determine and bind to the current scoll element which may be the window
- // or in the case of touch overflow the element with touch overflow
- scrollElem.bind( "scrollstop", delayedSetLastScroll );
- });
- });
-
- // bind to scrollstop for the first page as "pagechange" won't be fired in that case
- getScrollElem().bind( "scrollstop", delayedSetLastScroll );
-
- // Make the iOS clock quick-scroll work again if we're using native overflow scrolling
- /*
- if( $.support.touchOverflow ){
- if( $.mobile.touchOverflowEnabled ){
- $( window ).bind( "scrollstop", function(){
- if( $( this ).scrollTop() === 0 ){
- $.mobile.activePage.scrollTop( 0 );
- }
- });
- }
- }
- */
-
- //function for transitioning between two existing pages
- function transitionPages( toPage, fromPage, transition, reverse ) {
-
- //get current scroll distance
- var active = $.mobile.urlHistory.getActive(),
- touchOverflow = $.support.touchOverflow && $.mobile.touchOverflowEnabled,
- toScroll = active.lastScroll || ( touchOverflow ? 0 : $.mobile.defaultHomeScroll ),
- screenHeight = getScreenHeight();
-
- // Scroll to top, hide addr bar
- window.scrollTo( 0, $.mobile.defaultHomeScroll );
-
- if( fromPage ) {
- //trigger before show/hide events
- fromPage.data( "page" )._trigger( "beforehide", null, { nextPage: toPage } );
- }
-
- if( !touchOverflow){
- toPage.height( screenHeight + toScroll );
- }
-
- toPage.data( "page" )._trigger( "beforeshow", null, { prevPage: fromPage || $( "" ) } );
-
- //clear page loader
- $.mobile.hidePageLoadingMsg();
-
- if( touchOverflow && toScroll ){
-
- toPage.addClass( "ui-mobile-pre-transition" );
- // Send focus to page as it is now display: block
- reFocus( toPage );
-
- //set page's scrollTop to remembered distance
- if( toPage.is( ".ui-native-fixed" ) ){
- toPage.find( ".ui-content" ).scrollTop( toScroll );
- }
- else{
- toPage.scrollTop( toScroll );
- }
- }
-
- //find the transition handler for the specified transition. If there
- //isn't one in our transitionHandlers dictionary, use the default one.
- //call the handler immediately to kick-off the transition.
- var th = $.mobile.transitionHandlers[transition || "none"] || $.mobile.defaultTransitionHandler,
- promise = th( transition, reverse, toPage, fromPage );
-
- promise.done(function() {
- //reset toPage height back
- if( !touchOverflow ){
- toPage.height( "" );
- // Send focus to the newly shown page
- reFocus( toPage );
- }
-
- // Jump to top or prev scroll, sometimes on iOS the page has not rendered yet.
- if( !touchOverflow ){
- $.mobile.silentScroll( toScroll );
- }
-
- //trigger show/hide events
- if( fromPage ) {
- if( !touchOverflow ){
- fromPage.height( "" );
- }
-
- fromPage.data( "page" )._trigger( "hide", null, { nextPage: toPage } );
- }
-
- //trigger pageshow, define prevPage as either fromPage or empty jQuery obj
- toPage.data( "page" )._trigger( "show", null, { prevPage: fromPage || $( "" ) } );
- });
-
- return promise;
- }
-
- //simply set the active page's minimum height to screen height, depending on orientation
- function getScreenHeight(){
- var orientation = $.event.special.orientationchange.orientation(),
- port = orientation === "portrait",
- winMin = port ? 480 : 320,
- screenHeight = port ? screen.availHeight : screen.availWidth,
- winHeight = Math.max( winMin, $( window ).height() ),
- pageMin = Math.min( screenHeight, winHeight );
-
- return pageMin;
- }
-
- $.mobile.getScreenHeight = getScreenHeight;
-
- //simply set the active page's minimum height to screen height, depending on orientation
- function resetActivePageHeight(){
- // Don't apply this height in touch overflow enabled mode
- if( $.support.touchOverflow && $.mobile.touchOverflowEnabled ){
- return;
- }
- $( "." + $.mobile.activePageClass ).css( "min-height", getScreenHeight() );
- }
-
- //shared page enhancements
- function enhancePage( $page, role ) {
- // If a role was specified, make sure the data-role attribute
- // on the page element is in sync.
- if( role ) {
- $page.attr( "data-" + $.mobile.ns + "role", role );
- }
-
- //run page plugin
- $page.page();
- }
-
-/* exposed $.mobile methods */
-
- //animation complete callback
- $.fn.animationComplete = function( callback ) {
- if( $.support.cssTransitions ) {
- return $( this ).one( 'webkitAnimationEnd', callback );
- }
- else{
- // defer execution for consistency between webkit/non webkit
- setTimeout( callback, 0 );
- return $( this );
- }
- };
-
- //expose path object on $.mobile
- $.mobile.path = path;
-
- //expose base object on $.mobile
- $.mobile.base = base;
-
- //history stack
- $.mobile.urlHistory = urlHistory;
-
- $.mobile.dialogHashKey = dialogHashKey;
-
- //default non-animation transition handler
- $.mobile.noneTransitionHandler = function( name, reverse, $toPage, $fromPage ) {
- if ( $fromPage ) {
- $fromPage.removeClass( $.mobile.activePageClass );
- }
- $toPage.addClass( $.mobile.activePageClass );
-
- return $.Deferred().resolve( name, reverse, $toPage, $fromPage ).promise();
- };
-
- //default handler for unknown transitions
- $.mobile.defaultTransitionHandler = $.mobile.noneTransitionHandler;
-
- //transition handler dictionary for 3rd party transitions
- $.mobile.transitionHandlers = {
- none: $.mobile.defaultTransitionHandler
- };
-
- //enable cross-domain page support
- $.mobile.allowCrossDomainPages = false;
-
- //return the original document url
- $.mobile.getDocumentUrl = function(asParsedObject) {
- return asParsedObject ? $.extend( {}, documentUrl ) : documentUrl.href;
- };
-
- //return the original document base url
- $.mobile.getDocumentBase = function(asParsedObject) {
- return asParsedObject ? $.extend( {}, documentBase ) : documentBase.href;
- };
-
- $.mobile._bindPageRemove = function() {
- var page = $(this);
-
- // when dom caching is not enabled or the page is embedded bind to remove the page on hide
- if( !page.data("page").options.domCache
- && page.is(":jqmData(external-page='true')") ) {
-
- page.bind( 'pagehide.remove', function() {
- var $this = $( this ),
- prEvent = new $.Event( "pageremove" );
-
- $this.trigger( prEvent );
-
- if( !prEvent.isDefaultPrevented() ){
- $this.removeWithDependents();
- }
- });
- }
- };
-
- // Load a page into the DOM.
- $.mobile.loadPage = function( url, options ) {
- // This function uses deferred notifications to let callers
- // know when the page is done loading, or if an error has occurred.
- var deferred = $.Deferred(),
-
- // The default loadPage options with overrides specified by
- // the caller.
- settings = $.extend( {}, $.mobile.loadPage.defaults, options ),
-
- // The DOM element for the page after it has been loaded.
- page = null,
-
- // If the reloadPage option is true, and the page is already
- // in the DOM, dupCachedPage will be set to the page element
- // so that it can be removed after the new version of the
- // page is loaded off the network.
- dupCachedPage = null,
-
- // determine the current base url
- findBaseWithDefault = function(){
- var closestBase = ( $.mobile.activePage && getClosestBaseUrl( $.mobile.activePage ) );
- return closestBase || documentBase.hrefNoHash;
- },
-
- // The absolute version of the URL passed into the function. This
- // version of the URL may contain dialog/subpage params in it.
- absUrl = path.makeUrlAbsolute( url, findBaseWithDefault() );
-
-
- // If the caller provided data, and we're using "get" request,
- // append the data to the URL.
- if ( settings.data && settings.type === "get" ) {
- absUrl = path.addSearchParams( absUrl, settings.data );
- settings.data = undefined;
- }
-
- // If the caller is using a "post" request, reloadPage must be true
- if( settings.data && settings.type === "post" ){
- settings.reloadPage = true;
- }
-
- // The absolute version of the URL minus any dialog/subpage params.
- // In otherwords the real URL of the page to be loaded.
- var fileUrl = path.getFilePath( absUrl ),
-
- // The version of the Url actually stored in the data-url attribute of
- // the page. For embedded pages, it is just the id of the page. For pages
- // within the same domain as the document base, it is the site relative
- // path. For cross-domain pages (Phone Gap only) the entire absolute Url
- // used to load the page.
- dataUrl = path.convertUrlToDataUrl( absUrl );
-
- // Make sure we have a pageContainer to work with.
- settings.pageContainer = settings.pageContainer || $.mobile.pageContainer;
-
- // Check to see if the page already exists in the DOM.
- page = settings.pageContainer.children( ":jqmData(url='" + dataUrl + "')" );
-
- // If we failed to find the page, check to see if the url is a
- // reference to an embedded page. If so, it may have been dynamically
- // injected by a developer, in which case it would be lacking a data-url
- // attribute and in need of enhancement.
- if ( page.length === 0 && dataUrl && !path.isPath( dataUrl ) ) {
- page = settings.pageContainer.children( "#" + dataUrl )
- .attr( "data-" + $.mobile.ns + "url", dataUrl );
- }
-
- // If we failed to find a page in the DOM, check the URL to see if it
- // refers to the first page in the application. If it isn't a reference
- // to the first page and refers to non-existent embedded page, error out.
- if ( page.length === 0 ) {
- if ( $.mobile.firstPage && path.isFirstPageUrl( fileUrl ) ) {
- // Check to make sure our cached-first-page is actually
- // in the DOM. Some user deployed apps are pruning the first
- // page from the DOM for various reasons, we check for this
- // case here because we don't want a first-page with an id
- // falling through to the non-existent embedded page error
- // case. If the first-page is not in the DOM, then we let
- // things fall through to the ajax loading code below so
- // that it gets reloaded.
- if ( $.mobile.firstPage.parent().length ) {
- page = $( $.mobile.firstPage );
- }
- } else if ( path.isEmbeddedPage( fileUrl ) ) {
- deferred.reject( absUrl, options );
- return deferred.promise();
- }
- }
-
- // Reset base to the default document base.
- if ( base ) {
- base.reset();
- }
-
- // If the page we are interested in is already in the DOM,
- // and the caller did not indicate that we should force a
- // reload of the file, we are done. Otherwise, track the
- // existing page as a duplicated.
- if ( page.length ) {
- if ( !settings.reloadPage ) {
- enhancePage( page, settings.role );
- deferred.resolve( absUrl, options, page );
- return deferred.promise();
- }
- dupCachedPage = page;
- }
-
- var mpc = settings.pageContainer,
- pblEvent = new $.Event( "pagebeforeload" ),
- triggerData = { url: url, absUrl: absUrl, dataUrl: dataUrl, deferred: deferred, options: settings };
-
- // Let listeners know we're about to load a page.
- mpc.trigger( pblEvent, triggerData );
-
- // If the default behavior is prevented, stop here!
- if( pblEvent.isDefaultPrevented() ){
- return deferred.promise();
- }
-
- if ( settings.showLoadMsg ) {
-
- // This configurable timeout allows cached pages a brief delay to load without showing a message
- var loadMsgDelay = setTimeout(function(){
- $.mobile.showPageLoadingMsg();
- }, settings.loadMsgDelay ),
-
- // Shared logic for clearing timeout and removing message.
- hideMsg = function(){
-
- // Stop message show timer
- clearTimeout( loadMsgDelay );
-
- // Hide loading message
- $.mobile.hidePageLoadingMsg();
- };
- }
-
- if ( !( $.mobile.allowCrossDomainPages || path.isSameDomain( documentUrl, absUrl ) ) ) {
- deferred.reject( absUrl, options );
- } else {
- // Load the new page.
- $.ajax({
- url: fileUrl,
- type: settings.type,
- data: settings.data,
- dataType: "html",
- success: function( html, textStatus, xhr ) {
- //pre-parse html to check for a data-url,
- //use it as the new fileUrl, base path, etc
- var all = $( "<div></div>" ),
-
- //page title regexp
- newPageTitle = html.match( /<title[^>]*>([^<]*)/ ) && RegExp.$1,
-
- // TODO handle dialogs again
- pageElemRegex = new RegExp( "(<[^>]+\\bdata-" + $.mobile.ns + "role=[\"']?page[\"']?[^>]*>)" ),
- dataUrlRegex = new RegExp( "\\bdata-" + $.mobile.ns + "url=[\"']?([^\"'>]*)[\"']?" );
-
-
- // data-url must be provided for the base tag so resource requests can be directed to the
- // correct url. loading into a temprorary element makes these requests immediately
- if( pageElemRegex.test( html )
- && RegExp.$1
- && dataUrlRegex.test( RegExp.$1 )
- && RegExp.$1 ) {
- url = fileUrl = path.getFilePath( RegExp.$1 );
- }
-
- if ( base ) {
- base.set( fileUrl );
- }
-
- //workaround to allow scripts to execute when included in page divs
- all.get( 0 ).innerHTML = html;
- page = all.find( ":jqmData(role='page'), :jqmData(role='dialog')" ).first();
-
- //if page elem couldn't be found, create one and insert the body element's contents
- if( !page.length ){
- page = $( "<div data-" + $.mobile.ns + "role='page'>" + html.split( /<\/?body[^>]*>/gmi )[1] + "</div>" );
- }
-
- if ( newPageTitle && !page.jqmData( "title" ) ) {
- if ( ~newPageTitle.indexOf( "&" ) ) {
- newPageTitle = $( "<div>" + newPageTitle + "</div>" ).text();
- }
- page.jqmData( "title", newPageTitle );
- }
-
- //rewrite src and href attrs to use a base url
- if( !$.support.dynamicBaseTag ) {
- var newPath = path.get( fileUrl );
- page.find( "[src], link[href], a[rel='external'], :jqmData(ajax='false'), a[target]" ).each(function() {
- var thisAttr = $( this ).is( '[href]' ) ? 'href' :
- $(this).is('[src]') ? 'src' : 'action',
- thisUrl = $( this ).attr( thisAttr );
-
- // XXX_jblas: We need to fix this so that it removes the document
- // base URL, and then prepends with the new page URL.
- //if full path exists and is same, chop it - helps IE out
- thisUrl = thisUrl.replace( location.protocol + '//' + location.host + location.pathname, '' );
-
- if( !/^(\w+:|#|\/)/.test( thisUrl ) ) {
- $( this ).attr( thisAttr, newPath + thisUrl );
- }
- });
- }
-
- //append to page and enhance
- // TODO taging a page with external to make sure that embedded pages aren't removed
- // by the various page handling code is bad. Having page handling code in many
- // places is bad. Solutions post 1.0
- page
- .attr( "data-" + $.mobile.ns + "url", path.convertUrlToDataUrl( fileUrl ) )
- .attr( "data-" + $.mobile.ns + "external-page", true )
- .appendTo( settings.pageContainer );
-
- // wait for page creation to leverage options defined on widget
- page.one( 'pagecreate', $.mobile._bindPageRemove );
-
- enhancePage( page, settings.role );
-
- // Enhancing the page may result in new dialogs/sub pages being inserted
- // into the DOM. If the original absUrl refers to a sub-page, that is the
- // real page we are interested in.
- if ( absUrl.indexOf( "&" + $.mobile.subPageUrlKey ) > -1 ) {
- page = settings.pageContainer.children( ":jqmData(url='" + dataUrl + "')" );
- }
-
- //bind pageHide to removePage after it's hidden, if the page options specify to do so
-
- // Remove loading message.
- if ( settings.showLoadMsg ) {
- hideMsg();
- }
-
- // Add the page reference and xhr to our triggerData.
- triggerData.xhr = xhr;
- triggerData.textStatus = textStatus;
- triggerData.page = page;
-
- // Let listeners know the page loaded successfully.
- settings.pageContainer.trigger( "pageload", triggerData );
-
- deferred.resolve( absUrl, options, page, dupCachedPage );
- },
- error: function( xhr, textStatus, errorThrown ) {
- //set base back to current path
- if( base ) {
- base.set( path.get() );
- }
-
- // Add error info to our triggerData.
- triggerData.xhr = xhr;
- triggerData.textStatus = textStatus;
- triggerData.errorThrown = errorThrown;
-
- var plfEvent = new $.Event( "pageloadfailed" );
-
- // Let listeners know the page load failed.
- settings.pageContainer.trigger( plfEvent, triggerData );
-
- // If the default behavior is prevented, stop here!
- // Note that it is the responsibility of the listener/handler
- // that called preventDefault(), to resolve/reject the
- // deferred object within the triggerData.
- if( plfEvent.isDefaultPrevented() ){
- return;
- }
-
- // Remove loading message.
- if ( settings.showLoadMsg ) {
-
- // Remove loading message.
- hideMsg();
-
- //show error message
- $( "<div class='ui-loader ui-overlay-shadow ui-body-e ui-corner-all'><h1>"+ $.mobile.pageLoadErrorMessage +"</h1></div>" )
- .css({ "display": "block", "opacity": 0.96, "top": $window.scrollTop() + 100 })
- .appendTo( settings.pageContainer )
- .delay( 800 )
- .fadeOut( 400, function() {
- $( this ).remove();
- });
- }
-
- deferred.reject( absUrl, options );
- }
- });
- }
-
- return deferred.promise();
- };
-
- $.mobile.loadPage.defaults = {
- type: "get",
- data: undefined,
- reloadPage: false,
- role: undefined, // By default we rely on the role defined by the @data-role attribute.
- showLoadMsg: false,
- pageContainer: undefined,
- loadMsgDelay: 50 // This delay allows loads that pull from browser cache to occur without showing the loading message.
- };
-
- // Show a specific page in the page container.
- $.mobile.changePage = function( toPage, options ) {
- // If we are in the midst of a transition, queue the current request.
- // We'll call changePage() once we're done with the current transition to
- // service the request.
- if( isPageTransitioning ) {
- pageTransitionQueue.unshift( arguments );
- return;
- }
-
- var settings = $.extend( {}, $.mobile.changePage.defaults, options );
-
- // Make sure we have a pageContainer to work with.
- settings.pageContainer = settings.pageContainer || $.mobile.pageContainer;
-
- // Make sure we have a fromPage.
- settings.fromPage = settings.fromPage || $.mobile.activePage;
-
- var mpc = settings.pageContainer,
- pbcEvent = new $.Event( "pagebeforechange" ),
- triggerData = { toPage: toPage, options: settings };
-
- // Let listeners know we're about to change the current page.
- mpc.trigger( pbcEvent, triggerData );
-
- // If the default behavior is prevented, stop here!
- if( pbcEvent.isDefaultPrevented() ){
- return;
- }
-
- // We allow "pagebeforechange" observers to modify the toPage in the trigger
- // data to allow for redirects. Make sure our toPage is updated.
-
- toPage = triggerData.toPage;
-
- // Set the isPageTransitioning flag to prevent any requests from
- // entering this method while we are in the midst of loading a page
- // or transitioning.
-
- isPageTransitioning = true;
-
- // If the caller passed us a url, call loadPage()
- // to make sure it is loaded into the DOM. We'll listen
- // to the promise object it returns so we know when
- // it is done loading or if an error ocurred.
- if ( typeof toPage == "string" ) {
- $.mobile.loadPage( toPage, settings )
- .done(function( url, options, newPage, dupCachedPage ) {
- isPageTransitioning = false;
- options.duplicateCachedPage = dupCachedPage;
- $.mobile.changePage( newPage, options );
- })
- .fail(function( url, options ) {
- isPageTransitioning = false;
-
- //clear out the active button state
- removeActiveLinkClass( true );
-
- //release transition lock so navigation is free again
- releasePageTransitionLock();
- settings.pageContainer.trigger( "pagechangefailed", triggerData );
- });
- return;
- }
-
- // If we are going to the first-page of the application, we need to make
- // sure settings.dataUrl is set to the application document url. This allows
- // us to avoid generating a document url with an id hash in the case where the
- // first-page of the document has an id attribute specified.
- if ( toPage[ 0 ] === $.mobile.firstPage[ 0 ] && !settings.dataUrl ) {
- settings.dataUrl = documentUrl.hrefNoHash;
- }
-
- // The caller passed us a real page DOM element. Update our
- // internal state and then trigger a transition to the page.
- var fromPage = settings.fromPage,
- url = ( settings.dataUrl && path.convertUrlToDataUrl( settings.dataUrl ) ) || toPage.jqmData( "url" ),
- // The pageUrl var is usually the same as url, except when url is obscured as a dialog url. pageUrl always contains the file path
- pageUrl = url,
- fileUrl = path.getFilePath( url ),
- active = urlHistory.getActive(),
- activeIsInitialPage = urlHistory.activeIndex === 0,
- historyDir = 0,
- pageTitle = document.title,
- isDialog = settings.role === "dialog" || toPage.jqmData( "role" ) === "dialog";
-
- // By default, we prevent changePage requests when the fromPage and toPage
- // are the same element, but folks that generate content manually/dynamically
- // and reuse pages want to be able to transition to the same page. To allow
- // this, they will need to change the default value of allowSamePageTransition
- // to true, *OR*, pass it in as an option when they manually call changePage().
- // It should be noted that our default transition animations assume that the
- // formPage and toPage are different elements, so they may behave unexpectedly.
- // It is up to the developer that turns on the allowSamePageTransitiona option
- // to either turn off transition animations, or make sure that an appropriate
- // animation transition is used.
- if( fromPage && fromPage[0] === toPage[0] && !settings.allowSamePageTransition ) {
- isPageTransitioning = false;
- mpc.trigger( "pagechange", triggerData );
- return;
- }
-
- // We need to make sure the page we are given has already been enhanced.
- enhancePage( toPage, settings.role );
-
- // If the changePage request was sent from a hashChange event, check to see if the
- // page is already within the urlHistory stack. If so, we'll assume the user hit
- // the forward/back button and will try to match the transition accordingly.
- if( settings.fromHashChange ) {
- urlHistory.directHashChange({
- currentUrl: url,
- isBack: function() { historyDir = -1; },
- isForward: function() { historyDir = 1; }
- });
- }
-
- // Kill the keyboard.
- // XXX_jblas: We need to stop crawling the entire document to kill focus. Instead,
- // we should be tracking focus with a live() handler so we already have
- // the element in hand at this point.
- // Wrap this in a try/catch block since IE9 throw "Unspecified error" if document.activeElement
- // is undefined when we are in an IFrame.
- try {
- if(document.activeElement && document.activeElement.nodeName.toLowerCase() != 'body') {
- $(document.activeElement).blur();
- } else {
- $( "input:focus, textarea:focus, select:focus" ).blur();
- }
- } catch(e) {}
-
- // If we're displaying the page as a dialog, we don't want the url
- // for the dialog content to be used in the hash. Instead, we want
- // to append the dialogHashKey to the url of the current page.
- if ( isDialog && active ) {
- // on the initial page load active.url is undefined and in that case should
- // be an empty string. Moving the undefined -> empty string back into
- // urlHistory.addNew seemed imprudent given undefined better represents
- // the url state
- url = ( active.url || "" ) + dialogHashKey;
- }
-
- // Set the location hash.
- if( settings.changeHash !== false && url ) {
- //disable hash listening temporarily
- urlHistory.ignoreNextHashChange = true;
- //update hash and history
- path.set( url );
- }
-
- // if title element wasn't found, try the page div data attr too
- // If this is a deep-link or a reload ( active === undefined ) then just use pageTitle
- var newPageTitle = ( !active )? pageTitle : toPage.jqmData( "title" ) || toPage.children(":jqmData(role='header')").find(".ui-title" ).getEncodedText();
- if( !!newPageTitle && pageTitle == document.title ) {
- pageTitle = newPageTitle;
- }
- if ( !toPage.jqmData( "title" ) ) {
- toPage.jqmData( "title", pageTitle );
- }
-
- // Make sure we have a transition defined.
- settings.transition = settings.transition
- || ( ( historyDir && !activeIsInitialPage ) ? active.transition : undefined )
- || ( isDialog ? $.mobile.defaultDialogTransition : $.mobile.defaultPageTransition );
-
- //add page to history stack if it's not back or forward
- if( !historyDir ) {
- urlHistory.addNew( url, settings.transition, pageTitle, pageUrl, settings.role );
- }
-
- //set page title
- document.title = urlHistory.getActive().title;
-
- //set "toPage" as activePage
- $.mobile.activePage = toPage;
-
- // If we're navigating back in the URL history, set reverse accordingly.
- settings.reverse = settings.reverse || historyDir < 0;
-
- transitionPages( toPage, fromPage, settings.transition, settings.reverse )
- .done(function() {
- removeActiveLinkClass();
-
- //if there's a duplicateCachedPage, remove it from the DOM now that it's hidden
- if ( settings.duplicateCachedPage ) {
- settings.duplicateCachedPage.remove();
- }
-
- //remove initial build class (only present on first pageshow)
- $html.removeClass( "ui-mobile-rendering" );
-
- releasePageTransitionLock();
-
- // Let listeners know we're all done changing the current page.
- mpc.trigger( "pagechange", triggerData );
- });
- };
-
- $.mobile.changePage.defaults = {
- transition: undefined,
- reverse: false,
- changeHash: true,
- fromHashChange: false,
- role: undefined, // By default we rely on the role defined by the @data-role attribute.
- duplicateCachedPage: undefined,
- pageContainer: undefined,
- showLoadMsg: true, //loading message shows by default when pages are being fetched during changePage
- dataUrl: undefined,
- fromPage: undefined,
- allowSamePageTransition: false
- };
-
-/* Event Bindings - hashchange, submit, and click */
- function findClosestLink( ele )
- {
- while ( ele ) {
- // Look for the closest element with a nodeName of "a".
- // Note that we are checking if we have a valid nodeName
- // before attempting to access it. This is because the
- // node we get called with could have originated from within
- // an embedded SVG document where some symbol instance elements
- // don't have nodeName defined on them, or strings are of type
- // SVGAnimatedString.
- if ( ( typeof ele.nodeName === "string" ) && ele.nodeName.toLowerCase() == "a" ) {
- break;
- }
- ele = ele.parentNode;
- }
- return ele;
- }
-
- // The base URL for any given element depends on the page it resides in.
- function getClosestBaseUrl( ele )
- {
- // Find the closest page and extract out its url.
- var url = $( ele ).closest( ".ui-page" ).jqmData( "url" ),
- base = documentBase.hrefNoHash;
-
- if ( !url || !path.isPath( url ) ) {
- url = base;
- }
-
- return path.makeUrlAbsolute( url, base);
- }
-
-
- //The following event bindings should be bound after mobileinit has been triggered
- //the following function is called in the init file
- $.mobile._registerInternalEvents = function(){
-
- //bind to form submit events, handle with Ajax
- $( "form" ).live('submit', function( event ) {
- var $this = $( this );
- if( !$.mobile.ajaxEnabled ||
- $this.is( ":jqmData(ajax='false')" ) ) {
- return;
- }
-
- var type = $this.attr( "method" ),
- target = $this.attr( "target" ),
- url = $this.attr( "action" );
-
- // If no action is specified, browsers default to using the
- // URL of the document containing the form. Since we dynamically
- // pull in pages from external documents, the form should submit
- // to the URL for the source document of the page containing
- // the form.
- if ( !url ) {
- // Get the @data-url for the page containing the form.
- url = getClosestBaseUrl( $this );
- if ( url === documentBase.hrefNoHash ) {
- // The url we got back matches the document base,
- // which means the page must be an internal/embedded page,
- // so default to using the actual document url as a browser
- // would.
- url = documentUrl.hrefNoSearch;
- }
- }
-
- url = path.makeUrlAbsolute( url, getClosestBaseUrl($this) );
-
- //external submits use regular HTTP
- if( path.isExternal( url ) || target ) {
- return;
- }
-
- $.mobile.changePage(
- url,
- {
- type: type && type.length && type.toLowerCase() || "get",
- data: $this.serialize(),
- transition: $this.jqmData( "transition" ),
- direction: $this.jqmData( "direction" ),
- reloadPage: true
- }
- );
- event.preventDefault();
- });
-
- //add active state on vclick
- $( document ).bind( "vclick", function( event ) {
- // if this isn't a left click we don't care. Its important to note
- // that when the virtual event is generated it will create
- if ( event.which > 1 || !$.mobile.linkBindingEnabled ){
- return;
- }
-
- var link = findClosestLink( event.target );
- if ( link ) {
- if ( path.parseUrl( link.getAttribute( "href" ) || "#" ).hash !== "#" ) {
- removeActiveLinkClass( true );
- $activeClickedLink = $( link ).closest( ".ui-btn" ).not( ".ui-disabled" );
- $activeClickedLink.addClass( $.mobile.activeBtnClass );
- $( "." + $.mobile.activePageClass + " .ui-btn" ).not( link ).blur();
- }
- }
- });
-
- // click routing - direct to HTTP or Ajax, accordingly
- $( document ).bind( "click", function( event ) {
- if( !$.mobile.linkBindingEnabled ){
- return;
- }
-
- var link = findClosestLink( event.target );
-
- // If there is no link associated with the click or its not a left
- // click we want to ignore the click
- if ( !link || event.which > 1) {
- return;
- }
-
- var $link = $( link ),
- //remove active link class if external (then it won't be there if you come back)
- httpCleanup = function(){
- window.setTimeout( function() { removeActiveLinkClass( true ); }, 200 );
- };
-
- //if there's a data-rel=back attr, go back in history
- if( $link.is( ":jqmData(rel='back')" ) ) {
- window.history.back();
- return false;
- }
-
- var baseUrl = getClosestBaseUrl( $link ),
-
- //get href, if defined, otherwise default to empty hash
- href = path.makeUrlAbsolute( $link.attr( "href" ) || "#", baseUrl );
-
- //if ajax is disabled, exit early
- if( !$.mobile.ajaxEnabled && !path.isEmbeddedPage( href ) ){
- httpCleanup();
- //use default click handling
- return;
- }
-
- // XXX_jblas: Ideally links to application pages should be specified as
- // an url to the application document with a hash that is either
- // the site relative path or id to the page. But some of the
- // internal code that dynamically generates sub-pages for nested
- // lists and select dialogs, just write a hash in the link they
- // create. This means the actual URL path is based on whatever
- // the current value of the base tag is at the time this code
- // is called. For now we are just assuming that any url with a
- // hash in it is an application page reference.
- if ( href.search( "#" ) != -1 ) {
- href = href.replace( /[^#]*#/, "" );
- if ( !href ) {
- //link was an empty hash meant purely
- //for interaction, so we ignore it.
- event.preventDefault();
- return;
- } else if ( path.isPath( href ) ) {
- //we have apath so make it the href we want to load.
- href = path.makeUrlAbsolute( href, baseUrl );
- } else {
- //we have a simple id so use the documentUrl as its base.
- href = path.makeUrlAbsolute( "#" + href, documentUrl.hrefNoHash );
- }
- }
-
- // Should we handle this link, or let the browser deal with it?
- var useDefaultUrlHandling = $link.is( "[rel='external']" ) || $link.is( ":jqmData(ajax='false')" ) || $link.is( "[target]" ),
-
- // Some embedded browsers, like the web view in Phone Gap, allow cross-domain XHR
- // requests if the document doing the request was loaded via the file:// protocol.
- // This is usually to allow the application to "phone home" and fetch app specific
- // data. We normally let the browser handle external/cross-domain urls, but if the
- // allowCrossDomainPages option is true, we will allow cross-domain http/https
- // requests to go through our page loading logic.
- isCrossDomainPageLoad = ( $.mobile.allowCrossDomainPages && documentUrl.protocol === "file:" && href.search( /^https?:/ ) != -1 ),
-
- //check for protocol or rel and its not an embedded page
- //TODO overlap in logic from isExternal, rel=external check should be
- // moved into more comprehensive isExternalLink
- isExternal = useDefaultUrlHandling || ( path.isExternal( href ) && !isCrossDomainPageLoad );
-
- if( isExternal ) {
- httpCleanup();
- //use default click handling
- return;
- }
-
- //use ajax
- var transition = $link.jqmData( "transition" ),
- direction = $link.jqmData( "direction" ),
- reverse = ( direction && direction === "reverse" ) ||
- // deprecated - remove by 1.0
- $link.jqmData( "back" ),
-
- //this may need to be more specific as we use data-rel more
- role = $link.attr( "data-" + $.mobile.ns + "rel" ) || undefined;
-
- $.mobile.changePage( href, { transition: transition, reverse: reverse, role: role } );
- event.preventDefault();
- });
-
- //prefetch pages when anchors with data-prefetch are encountered
- $( ".ui-page" ).live( "pageshow.prefetch", function() {
- var urls = [];
- $( this ).find( "a:jqmData(prefetch)" ).each(function(){
- var $link = $(this),
- url = $link.attr( "href" );
-
- if ( url && $.inArray( url, urls ) === -1 ) {
- urls.push( url );
-
- $.mobile.loadPage( url, {role: $link.attr("data-" + $.mobile.ns + "rel")} );
- }
- });
- });
-
- $.mobile._handleHashChange = function( hash ) {
- //find first page via hash
- var to = path.stripHash( hash ),
- //transition is false if it's the first page, undefined otherwise (and may be overridden by default)
- transition = $.mobile.urlHistory.stack.length === 0 ? "none" : undefined,
-
- // default options for the changPage calls made after examining the current state
- // of the page and the hash
- changePageOptions = {
- transition: transition,
- changeHash: false,
- fromHashChange: true
- };
-
- //if listening is disabled (either globally or temporarily), or it's a dialog hash
- if( !$.mobile.hashListeningEnabled || urlHistory.ignoreNextHashChange ) {
- urlHistory.ignoreNextHashChange = false;
- return;
- }
-
- // special case for dialogs
- if( urlHistory.stack.length > 1 && to.indexOf( dialogHashKey ) > -1 ) {
-
- // If current active page is not a dialog skip the dialog and continue
- // in the same direction
- if(!$.mobile.activePage.is( ".ui-dialog" )) {
- //determine if we're heading forward or backward and continue accordingly past
- //the current dialog
- urlHistory.directHashChange({
- currentUrl: to,
- isBack: function() { window.history.back(); },
- isForward: function() { window.history.forward(); }
- });
-
- // prevent changePage()
- return;
- } else {
- // if the current active page is a dialog and we're navigating
- // to a dialog use the dialog objected saved in the stack
- urlHistory.directHashChange({
- currentUrl: to,
-
- // regardless of the direction of the history change
- // do the following
- either: function( isBack ) {
- var active = $.mobile.urlHistory.getActive();
-
- to = active.pageUrl;
-
- // make sure to set the role, transition and reversal
- // as most of this is lost by the domCache cleaning
- $.extend( changePageOptions, {
- role: active.role,
- transition: active.transition,
- reverse: isBack
- });
- }
- });
- }
- }
-
- //if to is defined, load it
- if ( to ) {
- // At this point, 'to' can be one of 3 things, a cached page element from
- // a history stack entry, an id, or site-relative/absolute URL. If 'to' is
- // an id, we need to resolve it against the documentBase, not the location.href,
- // since the hashchange could've been the result of a forward/backward navigation
- // that crosses from an external page/dialog to an internal page/dialog.
- to = ( typeof to === "string" && !path.isPath( to ) ) ? ( path.makeUrlAbsolute( '#' + to, documentBase ) ) : to;
- $.mobile.changePage( to, changePageOptions );
- } else {
- //there's no hash, go to the first page in the dom
- $.mobile.changePage( $.mobile.firstPage, changePageOptions );
- }
- };
-
- //hashchange event handler
- $window.bind( "hashchange", function( e, triggered ) {
- $.mobile._handleHashChange( location.hash );
- });
-
- //set page min-heights to be device specific
- $( document ).bind( "pageshow", resetActivePageHeight );
- $( window ).bind( "throttledresize", resetActivePageHeight );
-
- };//_registerInternalEvents callback
-
-})( jQuery );
+++ /dev/null
-/*
-* history.pushState support, layered on top of hashchange
-*/
-
-( function( $, window ) {
- // For now, let's Monkeypatch this onto the end of $.mobile._registerInternalEvents
- // Scope self to pushStateHandler so we can reference it sanely within the
- // methods handed off as event handlers
- var pushStateHandler = {},
- self = pushStateHandler,
- $win = $( window ),
- url = $.mobile.path.parseUrl( location.href );
-
- $.extend( pushStateHandler, {
- // TODO move to a path helper, this is rather common functionality
- initialFilePath: (function() {
- return url.pathname + url.search;
- })(),
-
- initialHref: url.hrefNoHash,
-
- // Flag for tracking if a Hashchange naturally occurs after each popstate + replace
- hashchangeFired: false,
-
- state: function() {
- return {
- hash: location.hash || "#" + self.initialFilePath,
- title: document.title,
-
- // persist across refresh
- initialHref: self.initialHref
- };
- },
-
- resetUIKeys: function( url ) {
- var dialog = $.mobile.dialogHashKey,
- subkey = "&" + $.mobile.subPageUrlKey,
- dialogIndex = url.indexOf( dialog );
-
- if( dialogIndex > -1 ) {
- url = url.slice( 0, dialogIndex ) + "#" + url.slice( dialogIndex );
- } else if( url.indexOf( subkey ) > -1 ) {
- url = url.split( subkey ).join( "#" + subkey );
- }
-
- return url;
- },
-
- // TODO sort out a single barrier to hashchange functionality
- nextHashChangePrevented: function( value ) {
- $.mobile.urlHistory.ignoreNextHashChange = value;
- self.onHashChangeDisabled = value;
- },
-
- // on hash change we want to clean up the url
- // NOTE this takes place *after* the vanilla navigation hash change
- // handling has taken place and set the state of the DOM
- onHashChange: function( e ) {
- // disable this hash change
- if( self.onHashChangeDisabled ){
- return;
- }
-
- var href, state,
- hash = location.hash,
- isPath = $.mobile.path.isPath( hash ),
- resolutionUrl = isPath ? location.href : $.mobile.getDocumentUrl();
- hash = isPath ? hash.replace( "#", "" ) : hash;
-
- // propulate the hash when its not available
- state = self.state();
-
- // make the hash abolute with the current href
- href = $.mobile.path.makeUrlAbsolute( hash, resolutionUrl );
-
- if ( isPath ) {
- href = self.resetUIKeys( href );
- }
-
- // replace the current url with the new href and store the state
- // Note that in some cases we might be replacing an url with the
- // same url. We do this anyways because we need to make sure that
- // all of our history entries have a state object associated with
- // them. This allows us to work around the case where window.history.back()
- // is called to transition from an external page to an embedded page.
- // In that particular case, a hashchange event is *NOT* generated by the browser.
- // Ensuring each history entry has a state object means that onPopState()
- // will always trigger our hashchange callback even when a hashchange event
- // is not fired.
- history.replaceState( state, document.title, href );
- },
-
- // on popstate (ie back or forward) we need to replace the hash that was there previously
- // cleaned up by the additional hash handling
- onPopState: function( e ) {
- var poppedState = e.originalEvent.state, holdnexthashchange = false;
-
- // if there's no state its not a popstate we care about, ie chrome's initial popstate
- // or forward popstate
- if( poppedState ) {
- // disable any hashchange triggered by the browser
- self.nextHashChangePrevented( true );
-
- // defer our manual hashchange until after the browser fired
- // version has come and gone
- setTimeout(function() {
- // make sure that the manual hash handling takes place
- self.nextHashChangePrevented( false );
-
- // change the page based on the hash
- $.mobile._handleHashChange( poppedState.hash );
- }, 100);
- }
- },
-
- init: function() {
- $win.bind( "hashchange", self.onHashChange );
-
- // Handle popstate events the occur through history changes
- $win.bind( "popstate", self.onPopState );
-
- // if there's no hash, we need to replacestate for returning to home
- if ( location.hash === "" ) {
- history.replaceState( self.state(), document.title, location.href );
- }
- }
- });
-
- $( function() {
- if( $.mobile.pushStateEnabled && $.support.pushState ){
- pushStateHandler.init();
- }
- });
-})( jQuery, this );
+++ /dev/null
-/*
-* "nojs" plugin - class to make elements hidden to A grade browsers
-*/
-
-(function( $, undefined ) {
-
-$( document ).bind( "pagecreate create", function( e ){
- $( ":jqmData(role='nojs')", e.target ).addClass( "ui-nojs" );
-
-});
-
-})( jQuery );
\ No newline at end of file
+++ /dev/null
-/*
-* "page" plugin
-*/
-
-(function( $, undefined ) {
-
-$.widget( "mobile.page", $.mobile.widget, {
- options: {
- theme: "c",
- domCache: false,
- keepNativeDefault: ":jqmData(role='none'), :jqmData(role='nojs')"
- },
-
- _create: function() {
-
- this._trigger( "beforecreate" );
-
- this.element
- .attr( "tabindex", "0" )
- .addClass( "ui-page ui-body-" + this.options.theme );
- },
-
- keepNativeSelector: function() {
- var options = this.options,
- keepNativeDefined = options.keepNative && $.trim(options.keepNative);
-
- if( keepNativeDefined && options.keepNative !== options.keepNativeDefault ){
- return [options.keepNative, options.keepNativeDefault].join(", ");
- }
-
- return options.keepNativeDefault;
- }
-});
-})( jQuery );
+++ /dev/null
-/*
-* This plugin handles theming and layout of headers, footers, and content areas
-*/
-
-(function( $, undefined ) {
-
-$.mobile.page.prototype.options.backBtnText = "Back";
-$.mobile.page.prototype.options.addBackBtn = false;
-$.mobile.page.prototype.options.backBtnTheme = null;
-$.mobile.page.prototype.options.headerTheme = "a";
-$.mobile.page.prototype.options.footerTheme = "a";
-$.mobile.page.prototype.options.contentTheme = null;
-
-$( ":jqmData(role='page'), :jqmData(role='dialog')" ).live( "pagecreate", function( e ) {
-
- var $page = $( this ),
- o = $page.data( "page" ).options,
- pageRole = $page.jqmData( "role" ),
- pageTheme = o.theme;
-
- $( ":jqmData(role='header'), :jqmData(role='footer'), :jqmData(role='content')", this ).each(function() {
- var $this = $( this ),
- role = $this.jqmData( "role" ),
- theme = $this.jqmData( "theme" ),
- contentTheme = theme || o.contentTheme || ( pageRole === "dialog" && pageTheme ),
- $headeranchors,
- leftbtn,
- rightbtn,
- backBtn;
-
- $this.addClass( "ui-" + role );
-
- //apply theming and markup modifications to page,header,content,footer
- if ( role === "header" || role === "footer" ) {
-
- var thisTheme = theme || ( role === "header" ? o.headerTheme : o.footerTheme ) || pageTheme;
-
- $this
- //add theme class
- .addClass( "ui-bar-" + thisTheme )
- // Add ARIA role
- .attr( "role", role === "header" ? "banner" : "contentinfo" );
-
- // Right,left buttons
- $headeranchors = $this.children( "a" );
- leftbtn = $headeranchors.hasClass( "ui-btn-left" );
- rightbtn = $headeranchors.hasClass( "ui-btn-right" );
-
- leftbtn = leftbtn || $headeranchors.eq( 0 ).not( ".ui-btn-right" ).addClass( "ui-btn-left" ).length;
-
- rightbtn = rightbtn || $headeranchors.eq( 1 ).addClass( "ui-btn-right" ).length;
-
- // Auto-add back btn on pages beyond first view
- if ( o.addBackBtn &&
- role === "header" &&
- $( ".ui-page" ).length > 1 &&
- $this.jqmData( "url" ) !== $.mobile.path.stripHash( location.hash ) &&
- !leftbtn ) {
-
- backBtn = $( "<a href='#' class='ui-btn-left' data-"+ $.mobile.ns +"rel='back' data-"+ $.mobile.ns +"icon='arrow-l'>"+ o.backBtnText +"</a>" )
- // If theme is provided, override default inheritance
- .attr( "data-"+ $.mobile.ns +"theme", o.backBtnTheme || thisTheme )
- .prependTo( $this );
- }
-
- // Page title
- $this.children( "h1, h2, h3, h4, h5, h6" )
- .addClass( "ui-title" )
- // Regardless of h element number in src, it becomes h1 for the enhanced page
- .attr({
- "tabindex": "0",
- "role": "heading",
- "aria-level": "1"
- });
-
- } else if ( role === "content" ) {
- if ( contentTheme ) {
- $this.addClass( "ui-body-" + ( contentTheme ) );
- }
-
- // Add ARIA role
- $this.attr( "role", "main" );
- }
- });
-});
-
-})( jQuery );
\ No newline at end of file
+++ /dev/null
-/*
-* support tests
-*/
-
-(function( $, undefined ) {
-
-var fakeBody = $( "<body>" ).prependTo( "html" ),
- fbCSS = fakeBody[ 0 ].style,
- vendors = [ "Webkit", "Moz", "O" ],
- webos = "palmGetResource" in window, //only used to rule out scrollTop
- operamini = window.operamini && ({}).toString.call( window.operamini ) === "[object OperaMini]",
- bb = window.blackberry; //only used to rule out box shadow, as it's filled opaque on BB
-
-// thx Modernizr
-function propExists( prop ) {
- var uc_prop = prop.charAt( 0 ).toUpperCase() + prop.substr( 1 ),
- props = ( prop + " " + vendors.join( uc_prop + " " ) + uc_prop ).split( " " );
-
- for ( var v in props ){
- if ( fbCSS[ props[ v ] ] !== undefined ) {
- return true;
- }
- }
-}
-
-// Test for dynamic-updating base tag support ( allows us to avoid href,src attr rewriting )
-function baseTagTest() {
- var fauxBase = location.protocol + "//" + location.host + location.pathname + "ui-dir/",
- base = $( "head base" ),
- fauxEle = null,
- href = "",
- link, rebase;
-
- if ( !base.length ) {
- base = fauxEle = $( "<base>", { "href": fauxBase }).appendTo( "head" );
- } else {
- href = base.attr( "href" );
- }
-
- link = $( "<a href='testurl' />" ).prependTo( fakeBody );
- rebase = link[ 0 ].href;
- base[ 0 ].href = href || location.pathname;
-
- if ( fauxEle ) {
- fauxEle.remove();
- }
- return rebase.indexOf( fauxBase ) === 0;
-}
-
-
-// non-UA-based IE version check by James Padolsey, modified by jdalton - from http://gist.github.com/527683
-// allows for inclusion of IE 6+, including Windows Mobile 7
-$.mobile.browser = {};
-$.mobile.browser.ie = (function() {
- var v = 3,
- div = document.createElement( "div" ),
- a = div.all || [];
-
- while ( div.innerHTML = "<!--[if gt IE " + ( ++v ) + "]><br><![endif]-->", a[ 0 ] );
-
- return v > 4 ? v : !v;
-})();
-
-
-$.extend( $.support, {
- orientation: "orientation" in window && "onorientationchange" in window,
- touch: "ontouchend" in document,
- cssTransitions: "WebKitTransitionEvent" in window,
- pushState: "pushState" in history && "replaceState" in history,
- mediaquery: $.mobile.media( "only all" ),
- cssPseudoElement: !!propExists( "content" ),
- touchOverflow: !!propExists( "overflowScrolling" ),
- boxShadow: !!propExists( "boxShadow" ) && !bb,
- scrollTop: ( "pageXOffset" in window || "scrollTop" in document.documentElement || "scrollTop" in fakeBody[ 0 ] ) && !webos && !operamini,
- dynamicBaseTag: baseTagTest()
-});
-
-fakeBody.remove();
-
-
-// $.mobile.ajaxBlacklist is used to override ajaxEnabled on platforms that have known conflicts with hash history updates (BB5, Symbian)
-// or that generally work better browsing in regular http for full page refreshes (Opera Mini)
-// Note: This detection below is used as a last resort.
-// We recommend only using these detection methods when all other more reliable/forward-looking approaches are not possible
-var nokiaLTE7_3 = (function(){
-
- var ua = window.navigator.userAgent;
-
- //The following is an attempt to match Nokia browsers that are running Symbian/s60, with webkit, version 7.3 or older
- return ua.indexOf( "Nokia" ) > -1 &&
- ( ua.indexOf( "Symbian/3" ) > -1 || ua.indexOf( "Series60/5" ) > -1 ) &&
- ua.indexOf( "AppleWebKit" ) > -1 &&
- ua.match( /(BrowserNG|NokiaBrowser)\/7\.[0-3]/ );
-})();
-
-$.mobile.ajaxBlacklist =
- // BlackBerry browsers, pre-webkit
- window.blackberry && !window.WebKitPoint ||
- // Opera Mini
- operamini ||
- // Symbian webkits pre 7.3
- nokiaLTE7_3;
-
-// Lastly, this workaround is the only way we've found so far to get pre 7.3 Symbian webkit devices
-// to render the stylesheets when they're referenced before this script, as we'd recommend doing.
-// This simply reappends the CSS in place, which for some reason makes it apply
-if ( nokiaLTE7_3 ) {
- $(function() {
- $( "head link[rel='stylesheet']" ).attr( "rel", "alternate stylesheet" ).attr( "rel", "stylesheet" );
- });
-}
-
-// For ruling out shadows via css
-if ( !$.support.boxShadow ) {
- $( "html" ).addClass( "ui-mobile-nosupport-boxshadow" );
-}
-
-})( jQuery );
+++ /dev/null
-/*
-* "transitions" plugin - Page change tranistions
-*/
-
-(function( $, window, undefined ) {
-
-function css3TransitionHandler( name, reverse, $to, $from ) {
-
- var deferred = new $.Deferred(),
- reverseClass = reverse ? " reverse" : "",
- viewportClass = "ui-mobile-viewport-transitioning viewport-" + name,
- doneFunc = function() {
-
- $to.add( $from ).removeClass( "out in reverse " + name );
-
- if ( $from && $from[ 0 ] !== $to[ 0 ] ) {
- $from.removeClass( $.mobile.activePageClass );
- }
-
- $to.parent().removeClass( viewportClass );
-
- deferred.resolve( name, reverse, $to, $from );
- };
-
- $to.animationComplete( doneFunc );
-
- $to.parent().addClass( viewportClass );
-
- if ( $from ) {
- $from.addClass( name + " out" + reverseClass );
- }
- $to.addClass( $.mobile.activePageClass + " " + name + " in" + reverseClass );
-
- return deferred.promise();
-}
-
-// Make our transition handler public.
-$.mobile.css3TransitionHandler = css3TransitionHandler;
-
-// If the default transition handler is the 'none' handler, replace it with our handler.
-if ( $.mobile.defaultTransitionHandler === $.mobile.noneTransitionHandler ) {
- $.mobile.defaultTransitionHandler = css3TransitionHandler;
-}
-
-})( jQuery, this );
+++ /dev/null
-/*
-* "mouse" plugin
-*/
-
-// This plugin is an experiment for abstracting away the touch and mouse
-// events so that developers don't have to worry about which method of input
-// the device their document is loaded on supports.
-//
-// The idea here is to allow the developer to register listeners for the
-// basic mouse events, such as mousedown, mousemove, mouseup, and click,
-// and the plugin will take care of registering the correct listeners
-// behind the scenes to invoke the listener at the fastest possible time
-// for that device, while still retaining the order of event firing in
-// the traditional mouse environment, should multiple handlers be registered
-// on the same element for different events.
-//
-// The current version exposes the following virtual events to jQuery bind methods:
-// "vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel"
-
-(function( $, window, document, undefined ) {
-
-var dataPropertyName = "virtualMouseBindings",
- touchTargetPropertyName = "virtualTouchID",
- virtualEventNames = "vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel".split( " " ),
- touchEventProps = "clientX clientY pageX pageY screenX screenY".split( " " ),
- activeDocHandlers = {},
- resetTimerID = 0,
- startX = 0,
- startY = 0,
- didScroll = false,
- clickBlockList = [],
- blockMouseTriggers = false,
- blockTouchTriggers = false,
- eventCaptureSupported = "addEventListener" in document,
- $document = $( document ),
- nextTouchID = 1,
- lastTouchID = 0;
-
-$.vmouse = {
- moveDistanceThreshold: 10,
- clickDistanceThreshold: 10,
- resetTimerDuration: 1500
-};
-
-function getNativeEvent( event ) {
-
- while ( event && typeof event.originalEvent !== "undefined" ) {
- event = event.originalEvent;
- }
- return event;
-}
-
-function createVirtualEvent( event, eventType ) {
-
- var t = event.type,
- oe, props, ne, prop, ct, touch, i, j;
-
- event = $.Event(event);
- event.type = eventType;
-
- oe = event.originalEvent;
- props = $.event.props;
-
- // copy original event properties over to the new event
- // this would happen if we could call $.event.fix instead of $.Event
- // but we don't have a way to force an event to be fixed multiple times
- if ( oe ) {
- for ( i = props.length, prop; i; ) {
- prop = props[ --i ];
- event[ prop ] = oe[ prop ];
- }
- }
-
- // make sure that if the mouse and click virtual events are generated
- // without a .which one is defined
- if ( t.search(/mouse(down|up)|click/) > -1 && !event.which ){
- event.which = 1;
- }
-
- if ( t.search(/^touch/) !== -1 ) {
- ne = getNativeEvent( oe );
- t = ne.touches;
- ct = ne.changedTouches;
- touch = ( t && t.length ) ? t[0] : ( (ct && ct.length) ? ct[ 0 ] : undefined );
-
- if ( touch ) {
- for ( j = 0, len = touchEventProps.length; j < len; j++){
- prop = touchEventProps[ j ];
- event[ prop ] = touch[ prop ];
- }
- }
- }
-
- return event;
-}
-
-function getVirtualBindingFlags( element ) {
-
- var flags = {},
- b, k;
-
- while ( element ) {
-
- b = $.data( element, dataPropertyName );
-
- for ( k in b ) {
- if ( b[ k ] ) {
- flags[ k ] = flags.hasVirtualBinding = true;
- }
- }
- element = element.parentNode;
- }
- return flags;
-}
-
-function getClosestElementWithVirtualBinding( element, eventType ) {
- var b;
- while ( element ) {
-
- b = $.data( element, dataPropertyName );
-
- if ( b && ( !eventType || b[ eventType ] ) ) {
- return element;
- }
- element = element.parentNode;
- }
- return null;
-}
-
-function enableTouchBindings() {
- blockTouchTriggers = false;
-}
-
-function disableTouchBindings() {
- blockTouchTriggers = true;
-}
-
-function enableMouseBindings() {
- lastTouchID = 0;
- clickBlockList.length = 0;
- blockMouseTriggers = false;
-
- // When mouse bindings are enabled, our
- // touch bindings are disabled.
- disableTouchBindings();
-}
-
-function disableMouseBindings() {
- // When mouse bindings are disabled, our
- // touch bindings are enabled.
- enableTouchBindings();
-}
-
-function startResetTimer() {
- clearResetTimer();
- resetTimerID = setTimeout(function(){
- resetTimerID = 0;
- enableMouseBindings();
- }, $.vmouse.resetTimerDuration );
-}
-
-function clearResetTimer() {
- if ( resetTimerID ){
- clearTimeout( resetTimerID );
- resetTimerID = 0;
- }
-}
-
-function triggerVirtualEvent( eventType, event, flags ) {
- var ve;
-
- if ( ( flags && flags[ eventType ] ) ||
- ( !flags && getClosestElementWithVirtualBinding( event.target, eventType ) ) ) {
-
- ve = createVirtualEvent( event, eventType );
-
- $( event.target).trigger( ve );
- }
-
- return ve;
-}
-
-function mouseEventCallback( event ) {
- var touchID = $.data(event.target, touchTargetPropertyName);
-
- if ( !blockMouseTriggers && ( !lastTouchID || lastTouchID !== touchID ) ){
- var ve = triggerVirtualEvent( "v" + event.type, event );
- if ( ve ) {
- if ( ve.isDefaultPrevented() ) {
- event.preventDefault();
- }
- if ( ve.isPropagationStopped() ) {
- event.stopPropagation();
- }
- if ( ve.isImmediatePropagationStopped() ) {
- event.stopImmediatePropagation();
- }
- }
- }
-}
-
-function handleTouchStart( event ) {
-
- var touches = getNativeEvent( event ).touches,
- target, flags;
-
- if ( touches && touches.length === 1 ) {
-
- target = event.target;
- flags = getVirtualBindingFlags( target );
-
- if ( flags.hasVirtualBinding ) {
-
- lastTouchID = nextTouchID++;
- $.data( target, touchTargetPropertyName, lastTouchID );
-
- clearResetTimer();
-
- disableMouseBindings();
- didScroll = false;
-
- var t = getNativeEvent( event ).touches[ 0 ];
- startX = t.pageX;
- startY = t.pageY;
-
- triggerVirtualEvent( "vmouseover", event, flags );
- triggerVirtualEvent( "vmousedown", event, flags );
- }
- }
-}
-
-function handleScroll( event ) {
- if ( blockTouchTriggers ) {
- return;
- }
-
- if ( !didScroll ) {
- triggerVirtualEvent( "vmousecancel", event, getVirtualBindingFlags( event.target ) );
- }
-
- didScroll = true;
- startResetTimer();
-}
-
-function handleTouchMove( event ) {
- if ( blockTouchTriggers ) {
- return;
- }
-
- var t = getNativeEvent( event ).touches[ 0 ],
- didCancel = didScroll,
- moveThreshold = $.vmouse.moveDistanceThreshold;
- didScroll = didScroll ||
- ( Math.abs(t.pageX - startX) > moveThreshold ||
- Math.abs(t.pageY - startY) > moveThreshold ),
- flags = getVirtualBindingFlags( event.target );
-
- if ( didScroll && !didCancel ) {
- triggerVirtualEvent( "vmousecancel", event, flags );
- }
-
- triggerVirtualEvent( "vmousemove", event, flags );
- startResetTimer();
-}
-
-function handleTouchEnd( event ) {
- if ( blockTouchTriggers ) {
- return;
- }
-
- disableTouchBindings();
-
- var flags = getVirtualBindingFlags( event.target ),
- t;
- triggerVirtualEvent( "vmouseup", event, flags );
-
- if ( !didScroll ) {
- var ve = triggerVirtualEvent( "vclick", event, flags );
- if ( ve && ve.isDefaultPrevented() ) {
- // The target of the mouse events that follow the touchend
- // event don't necessarily match the target used during the
- // touch. This means we need to rely on coordinates for blocking
- // any click that is generated.
- t = getNativeEvent( event ).changedTouches[ 0 ];
- clickBlockList.push({
- touchID: lastTouchID,
- x: t.clientX,
- y: t.clientY
- });
-
- // Prevent any mouse events that follow from triggering
- // virtual event notifications.
- blockMouseTriggers = true;
- }
- }
- triggerVirtualEvent( "vmouseout", event, flags);
- didScroll = false;
-
- startResetTimer();
-}
-
-function hasVirtualBindings( ele ) {
- var bindings = $.data( ele, dataPropertyName ),
- k;
-
- if ( bindings ) {
- for ( k in bindings ) {
- if ( bindings[ k ] ) {
- return true;
- }
- }
- }
- return false;
-}
-
-function dummyMouseHandler(){}
-
-function getSpecialEventObject( eventType ) {
- var realType = eventType.substr( 1 );
-
- return {
- setup: function( data, namespace ) {
- // If this is the first virtual mouse binding for this element,
- // add a bindings object to its data.
-
- if ( !hasVirtualBindings( this ) ) {
- $.data( this, dataPropertyName, {});
- }
-
- // If setup is called, we know it is the first binding for this
- // eventType, so initialize the count for the eventType to zero.
- var bindings = $.data( this, dataPropertyName );
- bindings[ eventType ] = true;
-
- // If this is the first virtual mouse event for this type,
- // register a global handler on the document.
-
- activeDocHandlers[ eventType ] = ( activeDocHandlers[ eventType ] || 0 ) + 1;
-
- if ( activeDocHandlers[ eventType ] === 1 ) {
- $document.bind( realType, mouseEventCallback );
- }
-
- // Some browsers, like Opera Mini, won't dispatch mouse/click events
- // for elements unless they actually have handlers registered on them.
- // To get around this, we register dummy handlers on the elements.
-
- $( this ).bind( realType, dummyMouseHandler );
-
- // For now, if event capture is not supported, we rely on mouse handlers.
- if ( eventCaptureSupported ) {
- // If this is the first virtual mouse binding for the document,
- // register our touchstart handler on the document.
-
- activeDocHandlers[ "touchstart" ] = ( activeDocHandlers[ "touchstart" ] || 0) + 1;
-
- if (activeDocHandlers[ "touchstart" ] === 1) {
- $document.bind( "touchstart", handleTouchStart )
- .bind( "touchend", handleTouchEnd )
-
- // On touch platforms, touching the screen and then dragging your finger
- // causes the window content to scroll after some distance threshold is
- // exceeded. On these platforms, a scroll prevents a click event from being
- // dispatched, and on some platforms, even the touchend is suppressed. To
- // mimic the suppression of the click event, we need to watch for a scroll
- // event. Unfortunately, some platforms like iOS don't dispatch scroll
- // events until *AFTER* the user lifts their finger (touchend). This means
- // we need to watch both scroll and touchmove events to figure out whether
- // or not a scroll happenens before the touchend event is fired.
-
- .bind( "touchmove", handleTouchMove )
- .bind( "scroll", handleScroll );
- }
- }
- },
-
- teardown: function( data, namespace ) {
- // If this is the last virtual binding for this eventType,
- // remove its global handler from the document.
-
- --activeDocHandlers[ eventType ];
-
- if ( !activeDocHandlers[ eventType ] ) {
- $document.unbind( realType, mouseEventCallback );
- }
-
- if ( eventCaptureSupported ) {
- // If this is the last virtual mouse binding in existence,
- // remove our document touchstart listener.
-
- --activeDocHandlers[ "touchstart" ];
-
- if ( !activeDocHandlers[ "touchstart" ] ) {
- $document.unbind( "touchstart", handleTouchStart )
- .unbind( "touchmove", handleTouchMove )
- .unbind( "touchend", handleTouchEnd )
- .unbind( "scroll", handleScroll );
- }
- }
-
- var $this = $( this ),
- bindings = $.data( this, dataPropertyName );
-
- // teardown may be called when an element was
- // removed from the DOM. If this is the case,
- // jQuery core may have already stripped the element
- // of any data bindings so we need to check it before
- // using it.
- if ( bindings ) {
- bindings[ eventType ] = false;
- }
-
- // Unregister the dummy event handler.
-
- $this.unbind( realType, dummyMouseHandler );
-
- // If this is the last virtual mouse binding on the
- // element, remove the binding data from the element.
-
- if ( !hasVirtualBindings( this ) ) {
- $this.removeData( dataPropertyName );
- }
- }
- };
-}
-
-// Expose our custom events to the jQuery bind/unbind mechanism.
-
-for ( var i = 0; i < virtualEventNames.length; i++ ){
- $.event.special[ virtualEventNames[ i ] ] = getSpecialEventObject( virtualEventNames[ i ] );
-}
-
-// Add a capture click handler to block clicks.
-// Note that we require event capture support for this so if the device
-// doesn't support it, we punt for now and rely solely on mouse events.
-if ( eventCaptureSupported ) {
- document.addEventListener( "click", function( e ){
- var cnt = clickBlockList.length,
- target = e.target,
- x, y, ele, i, o, touchID;
-
- if ( cnt ) {
- x = e.clientX;
- y = e.clientY;
- threshold = $.vmouse.clickDistanceThreshold;
-
- // The idea here is to run through the clickBlockList to see if
- // the current click event is in the proximity of one of our
- // vclick events that had preventDefault() called on it. If we find
- // one, then we block the click.
- //
- // Why do we have to rely on proximity?
- //
- // Because the target of the touch event that triggered the vclick
- // can be different from the target of the click event synthesized
- // by the browser. The target of a mouse/click event that is syntehsized
- // from a touch event seems to be implementation specific. For example,
- // some browsers will fire mouse/click events for a link that is near
- // a touch event, even though the target of the touchstart/touchend event
- // says the user touched outside the link. Also, it seems that with most
- // browsers, the target of the mouse/click event is not calculated until the
- // time it is dispatched, so if you replace an element that you touched
- // with another element, the target of the mouse/click will be the new
- // element underneath that point.
- //
- // Aside from proximity, we also check to see if the target and any
- // of its ancestors were the ones that blocked a click. This is necessary
- // because of the strange mouse/click target calculation done in the
- // Android 2.1 browser, where if you click on an element, and there is a
- // mouse/click handler on one of its ancestors, the target will be the
- // innermost child of the touched element, even if that child is no where
- // near the point of touch.
-
- ele = target;
-
- while ( ele ) {
- for ( i = 0; i < cnt; i++ ) {
- o = clickBlockList[ i ];
- touchID = 0;
-
- if ( ( ele === target && Math.abs( o.x - x ) < threshold && Math.abs( o.y - y ) < threshold ) ||
- $.data( ele, touchTargetPropertyName ) === o.touchID ) {
- // XXX: We may want to consider removing matches from the block list
- // instead of waiting for the reset timer to fire.
- e.preventDefault();
- e.stopPropagation();
- return;
- }
- }
- ele = ele.parentNode;
- }
- }
- }, true);
-}
-})( jQuery, window, document );
+++ /dev/null
-/*
-* widget factory extentions for mobile
-*/
-
-(function( $, undefined ) {
-
-$.widget( "mobile.widget", {
- // decorate the parent _createWidget to trigger `widgetinit` for users
- // who wish to do post post `widgetcreate` alterations/additions
- //
- // TODO create a pull request for jquery ui to trigger this event
- // in the original _createWidget
- _createWidget: function() {
- $.Widget.prototype._createWidget.apply( this, arguments );
- this._trigger( 'init' );
- },
-
- _getCreateOptions: function() {
-
- var elem = this.element,
- options = {};
-
- $.each( this.options, function( option ) {
-
- var value = elem.jqmData( option.replace( /[A-Z]/g, function( c ) {
- return "-" + c.toLowerCase();
- })
- );
-
- if ( value !== undefined ) {
- options[ option ] = value;
- }
- });
-
- return options;
- },
-
- enhanceWithin: function( target ) {
- // TODO remove dependency on the page widget for the keepNative.
- // Currently the keepNative value is defined on the page prototype so
- // the method is as well
- var page = $(target).closest(":jqmData(role='page')").data( "page" ),
- keepNative = (page && page.keepNativeSelector()) || "";
-
- $( this.options.initSelector, target ).not( keepNative )[ this.widgetName ]();
- }
-});
-
-})( jQuery );
+++ /dev/null
-/*!
- * jQuery UI Widget @VERSION
- *
- * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Widget
- */
-
-(function( $, undefined ) {
-
-// jQuery 1.4+
-if ( $.cleanData ) {
- var _cleanData = $.cleanData;
- $.cleanData = function( elems ) {
- for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
- $( elem ).triggerHandler( "remove" );
- }
- _cleanData( elems );
- };
-} else {
- var _remove = $.fn.remove;
- $.fn.remove = function( selector, keepData ) {
- return this.each(function() {
- if ( !keepData ) {
- if ( !selector || $.filter( selector, [ this ] ).length ) {
- $( "*", this ).add( [ this ] ).each(function() {
- $( this ).triggerHandler( "remove" );
- });
- }
- }
- return _remove.call( $(this), selector, keepData );
- });
- };
-}
-
-$.widget = function( name, base, prototype ) {
- var namespace = name.split( "." )[ 0 ],
- fullName;
- name = name.split( "." )[ 1 ];
- fullName = namespace + "-" + name;
-
- if ( !prototype ) {
- prototype = base;
- base = $.Widget;
- }
-
- // create selector for plugin
- $.expr[ ":" ][ fullName ] = function( elem ) {
- return !!$.data( elem, name );
- };
-
- $[ namespace ] = $[ namespace ] || {};
- $[ namespace ][ name ] = function( options, element ) {
- // allow instantiation without initializing for simple inheritance
- if ( arguments.length ) {
- this._createWidget( options, element );
- }
- };
-
- var basePrototype = new base();
- // we need to make the options hash a property directly on the new instance
- // otherwise we'll modify the options hash on the prototype that we're
- // inheriting from
-// $.each( basePrototype, function( key, val ) {
-// if ( $.isPlainObject(val) ) {
-// basePrototype[ key ] = $.extend( {}, val );
-// }
-// });
- basePrototype.options = $.extend( true, {}, basePrototype.options );
- $[ namespace ][ name ].prototype = $.extend( true, basePrototype, {
- namespace: namespace,
- widgetName: name,
- widgetEventPrefix: $[ namespace ][ name ].prototype.widgetEventPrefix || name,
- widgetBaseClass: fullName
- }, prototype );
-
- $.widget.bridge( name, $[ namespace ][ name ] );
-};
-
-$.widget.bridge = function( name, object ) {
- $.fn[ name ] = function( options ) {
- var isMethodCall = typeof options === "string",
- args = Array.prototype.slice.call( arguments, 1 ),
- returnValue = this;
-
- // allow multiple hashes to be passed on init
- options = !isMethodCall && args.length ?
- $.extend.apply( null, [ true, options ].concat(args) ) :
- options;
-
- // prevent calls to internal methods
- if ( isMethodCall && options.charAt( 0 ) === "_" ) {
- return returnValue;
- }
-
- if ( isMethodCall ) {
- this.each(function() {
- var instance = $.data( this, name );
- if ( !instance ) {
- throw "cannot call methods on " + name + " prior to initialization; " +
- "attempted to call method '" + options + "'";
- }
- if ( !$.isFunction( instance[options] ) ) {
- throw "no such method '" + options + "' for " + name + " widget instance";
- }
- var methodValue = instance[ options ].apply( instance, args );
- if ( methodValue !== instance && methodValue !== undefined ) {
- returnValue = methodValue;
- return false;
- }
- });
- } else {
- this.each(function() {
- var instance = $.data( this, name );
- if ( instance ) {
- instance.option( options || {} )._init();
- } else {
- $.data( this, name, new object( options, this ) );
- }
- });
- }
-
- return returnValue;
- };
-};
-
-$.Widget = function( options, element ) {
- // allow instantiation without initializing for simple inheritance
- if ( arguments.length ) {
- this._createWidget( options, element );
- }
-};
-
-$.Widget.prototype = {
- widgetName: "widget",
- widgetEventPrefix: "",
- options: {
- disabled: false
- },
- _createWidget: function( options, element ) {
- // $.widget.bridge stores the plugin instance, but we do it anyway
- // so that it's stored even before the _create function runs
- $.data( element, this.widgetName, this );
- this.element = $( element );
- this.options = $.extend( true, {},
- this.options,
- this._getCreateOptions(),
- options );
-
- var self = this;
- this.element.bind( "remove." + this.widgetName, function() {
- self.destroy();
- });
-
- this._create();
- this._trigger( "create" );
- this._init();
- },
- _getCreateOptions: function() {
- var options = {};
- if ( $.metadata ) {
- options = $.metadata.get( element )[ this.widgetName ];
- }
- return options;
- },
- _create: function() {},
- _init: function() {},
-
- destroy: function() {
- this.element
- .unbind( "." + this.widgetName )
- .removeData( this.widgetName );
- this.widget()
- .unbind( "." + this.widgetName )
- .removeAttr( "aria-disabled" )
- .removeClass(
- this.widgetBaseClass + "-disabled " +
- "ui-state-disabled" );
- },
-
- widget: function() {
- return this.element;
- },
-
- option: function( key, value ) {
- var options = key;
-
- if ( arguments.length === 0 ) {
- // don't return a reference to the internal hash
- return $.extend( {}, this.options );
- }
-
- if (typeof key === "string" ) {
- if ( value === undefined ) {
- return this.options[ key ];
- }
- options = {};
- options[ key ] = value;
- }
-
- this._setOptions( options );
-
- return this;
- },
- _setOptions: function( options ) {
- var self = this;
- $.each( options, function( key, value ) {
- self._setOption( key, value );
- });
-
- return this;
- },
- _setOption: function( key, value ) {
- this.options[ key ] = value;
-
- if ( key === "disabled" ) {
- this.widget()
- [ value ? "addClass" : "removeClass"](
- this.widgetBaseClass + "-disabled" + " " +
- "ui-state-disabled" )
- .attr( "aria-disabled", value );
- }
-
- return this;
- },
-
- enable: function() {
- return this._setOption( "disabled", false );
- },
- disable: function() {
- return this._setOption( "disabled", true );
- },
-
- _trigger: function( type, event, data ) {
- var callback = this.options[ type ];
-
- event = $.Event( event );
- event.type = ( type === this.widgetEventPrefix ?
- type :
- this.widgetEventPrefix + type ).toLowerCase();
- data = data || {};
-
- // copy original event properties over to the new event
- // this would happen if we could call $.event.fix instead of $.Event
- // but we don't have a way to force an event to be fixed multiple times
- if ( event.originalEvent ) {
- for ( var i = $.event.props.length, prop; i; ) {
- prop = $.event.props[ --i ];
- event[ prop ] = event.originalEvent[ prop ];
- }
- }
-
- this.element.trigger( event, data );
-
- return !( $.isFunction(callback) &&
- callback.call( this.element[0], event, data ) === false ||
- event.isDefaultPrevented() );
- }
-};
-
-})( jQuery );
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile: Event Logger</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css" />
- <script src="../../js/jquery.js"></script>
- <script src="../../js/"></script>
-
- <script>
- $(function(){
- $( "a" ).bind("tap click",function( e ){
- $("#log")
- .prepend("<li>"+ e.type +" event; target: "+ e.target.nodeName +"</li>")
- .listview("refresh");
- return false;
- })
- .bind("tap click", false);
- });
- </script>
-
- <style>
- #jqm-home {
- height: 500px;
- }
- </style>
-</head>
-<body>
-<div data-role="page" data-theme="b" id="jqm-home">
- <div data-role="header">
- <h1>Event Logger</h1>
- </div>
-
- <div data-role="content">
- <p>Touch events on this page will log out below, prepending to the top as they arrive.</p>
-
- <a href="foo.html" data-role="button">Click me</a>
-
- <ul data-role="listview" id="log">
-
- </ul>
-
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile: Event Logger</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css" />
- <script src="../../js/jquery.js"></script>
- <script src="../../js/"></script>
-
- <script>
- $( document )
- .bind("tap taphold swipe swipeleft swiperight scrollstart scrollstop orientationchange",function( e ){
- $("#log")
- .prepend("<li>"+ e.type +" event; target: "+ e.target.nodeName +"</li>")
- .listview("refresh");
-
- });
- </script>
-</head>
-<body>
-<div data-role="page" data-theme="b" id="jqm-home">
- <div data-role="header">
- <h1>Event Logger</h1>
- </div>
-
- <div data-role="content">
- <p>Touch events on this page will log out below, prepending to the top as they arrive.</p>
-
- <ul data-role="listview" id="log">
-
- </ul>
-
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8" />
- <title>jQuery Mobile: Grid Layout</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <link rel="stylesheet" href="../../docs/_assets/css/jqm-docs.css" />
- <script src="../../js/jquery.js"></script>
- <script src="../../js/"></script>
-
- <script>
- $(function(){
- $(".ui-grid-d a").bind("tap click", function(e){
- $(this).hide();
- $("#log")
- .prepend("<li>"+ e.type +" event; target: "+ e.target.nodeName +"; message: grid '"+$(this).text()+"' hidden</li>")
- .listview("refresh");
- return false;
- }).bind("tap click", false);
- $("#showbtn").bind("tap click", function(e){
- $(".ui-grid-d a").show();
- $("#log")
- .prepend("<li>"+ e.type +" event; target: "+ e.target.nodeName +"; message: show all buttons</li>")
- .listview("refresh");
- }).bind("tap click", false);
- });
- </script>
-</head>
-<body>
-<div data-role="page" data-theme="b" id="jqm-home">
- <div data-role="header">
- <h1>Grid Layout</h1>
- </div>
-
- <div data-role="content">
- <p>Touch events on this page will log out below, prepending to the top as they arrive.</p>
-
- <div class="ui-grid-d">
- <div class="ui-block-a">
- <a data-role="button" id="btn1" data-theme="b">Button 1</a>
- </div>
- <div class="ui-block-b">
- <a data-role="button" id="btn2" data-theme="b">Button 2</a>
- </div>
- <div class="ui-block-c">
- <a data-role="button" id="btn3" data-theme="b">Button 3</a>
- </div>
- <div class="ui-block-d">
- <a data-role="button" id="btn4" data-theme="b">Button 4</a>
- </div>
- <div class="ui-block-e">
- <a data-role="button" id="btn5" data-theme="b">Button 5</a>
- </div>
- </div>
-
- <a data-role="button" id="showbtn">Show all button</a>
-
- <ul data-role="listview" id="log">
-
- </ul>
-
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-/*
- * mobile support unit tests
- */
-
-(function( $ ) {
- $.testHelper = {
- excludeFileProtocol: function(callback){
- var message = "Tests require script reload and cannot be run via file: protocol";
-
- if (location.protocol == "file:") {
- test(message, function(){
- ok(false, message);
- });
- } else {
- callback();
- }
- },
-
- // TODO prevent test suite loads when the browser doesn't support push state
- // and push-state false is defined.
- setPushStateFor: function( libs ) {
- if( $.support.pushState && location.search.indexOf( "push-state" ) >= 0 ) {
- $.support.pushState = false;
- }
-
- $.each(libs, function(i, l) {
- $( "<script>", { src: l }).appendTo("head");
- });
- },
-
- reloads: {},
-
- reloadLib: function(libName){
- if(this.reloads[libName] === undefined) {
- this.reloads[libName] = {
- lib: $("script[src$='" + libName + "']"),
- count: 0
- };
- }
-
- var lib = this.reloads[libName].lib.clone(),
- src = lib.attr('src');
-
- //NOTE append "cache breaker" to force reload
- lib.attr('src', src + "?" + this.reloads[libName].count++);
- $("body").append(lib);
- },
-
- rerunQunit: function(){
- var self = this;
- QUnit.init();
- $("script:not([src*='.\/'])").each(function(i, elem){
- var src = elem.src.split("/");
- self.reloadLib(src[src.length - 1]);
- });
- QUnit.start();
- },
-
- alterExtend: function(extraExtension){
- var extendFn = $.extend;
-
- $.extend = function(object, extension){
- // NOTE extend the object as normal
- var result = extendFn.apply(this, arguments);
-
- // NOTE add custom extensions
- result = extendFn(result, extraExtension);
- return result;
- };
- },
-
- hideActivePageWhenComplete: function() {
- if( $('#qunit-testresult').length > 0 ) {
- $('.ui-page-active').css('display', 'none');
- } else {
- setTimeout($.testHelper.hideActivePageWhenComplete, 500);
- }
- },
-
- openPage: function(hash){
- location.href = location.href.split('#')[0] + hash;
- },
-
- sequence: function(fns, interval){
- $.each(fns, function(i, fn){
- setTimeout(fn, i * interval);
- });
- },
-
- pageSequence: function(fns){
- this.eventSequence("pagechange", fns);
- },
-
- eventSequence: function(event, fns, timedOut){
- var fn = fns.shift(),
- self = this;
-
- if( fn === undefined ) return;
-
- // if a pagechange or defined event is never triggered
- // continue in the sequence to alert possible failures
- var warnTimer = setTimeout(function(){
- self.eventSequence(event, fns, true);
- }, 2000);
-
- // bind the recursive call to the event
- $.mobile.pageContainer.one(event, function(){
- clearTimeout(warnTimer);
-
- // Let the current stack unwind before we fire off the next item in the sequence.
- // TODO setTimeout(self.pageSequence, 0, [fns, event]);
- setTimeout(function(){ self.eventSequence(event, fns); }, 0);
- });
-
- // invoke the function which should, in some fashion,
- // trigger the defined event
- fn(timedOut);
- },
-
- decorate: function(opts){
- var thisVal = opts.self || window;
-
- return function(){
- var returnVal;
- opts.before && opts.before.apply(thisVal, arguments);
- returnVal = opts.fn.apply(thisVal, arguments);
- opts.after && opts.after.apply(thisVal, arguments);
-
- return returnVal;
- };
- },
-
- assertUrlLocation: function( args ) {
- var parts = $.mobile.path.parseUrl( location.href ),
- pathnameOnward = location.href.replace( parts.domain, "" );
-
- if( $.support.pushState ) {
- same( pathnameOnward, args.hashOrPush || args.push, args.report );
- } else {
- same( parts.hash, "#" + (args.hashOrPush || args.hash), args.report );
- }
- }
- };
-})(jQuery);
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Basic Page</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <script src="../../js/jquery.js"></script>
- <script src="../../js/"></script>
- <script>
- $(function() {
- $( "p" )
- .tap(function() {
- var elem = this;
- $( elem ).css( "color", "#f00" );
- setTimeout(function() {
- $( elem ).css( "color", "#000" );
- }, 500 );
- })
- .taphold(function() {
- $( this ).css( "color", "#0f0" );
- })
- .click(function() {
- var elem = this;
- $( elem ).css( "background-color", "#00f" );
- setTimeout(function() {
- $( elem ).css( "background-color", "transparent" );
- }, 500 );
- });
- });</script>
-</head>
-<body>
-
-<div data-role="page">
- <div data-role="header">
- <h1>Basic Page</h1>
- </div>
- <div data-role="content">
- <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vestibulum id ligula porta felis euismod semper. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. </p>
-
-<p>Aenean lacinia bibendum nulla sed consectetur. Sed posuere consectetur est at lobortis. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. </p>
-
-<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Sed posuere consectetur est at lobortis. Vestibulum id ligula porta felis euismod semper. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. </p>
-
-<p>Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non mi porta gravida at eget metus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. </p>
-
-<p>Maecenas faucibus mollis interdum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit tempus porttitor. </p>
-
-<p>Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. </p>
-
-<p>Maecenas faucibus mollis interdum. Donec sed odio dui. Maecenas faucibus mollis interdum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. </p>
-
-<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
-
-<p>Curabitur blandit tempus porttitor. Vestibulum id ligula porta felis euismod semper. Nulla vitae elit libero, a pharetra augue. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
-
-<p>Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. </p>
-
-<p>Aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor. Nullam id dolor id nibh ultricies vehicula ut id elit. </p>
-
-<p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nullam id dolor id nibh ultricies vehicula ut id elit. Nulla vitae elit libero, a pharetra augue. </p>
-
-<p>Nullam quis risus eget urna mollis ornare vel eu leo. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nulla vitae elit libero, a pharetra augue. Maecenas sed diam eget risus varius blandit sit amet non magna. </p>
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <script src="../../js/jquery.js"></script>
- <script type="text/javascript" src="stats/perf.js"></script>
- <script type="text/javascript" src="stats/startup.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page" id="list-page">
-
- <div data-role="header">
- <h1>400 item list</h1>
- </div><!-- /header -->
-
- <div data-role="content" data-filter="true">
-
- <ul data-role="listview" data-theme="d">
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- </ul>
- </div><!-- /content -->
-</div><!-- /page -->
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Docs - Lists</title>
- <link rel="stylesheet" href="../../css/themes/default/" />
- <script src="../../js/jquery.js"></script>
- <script src="../../js/"></script>
-</head>
-<body>
-
-<div data-role="page">
-
- <div data-role="header">
- <h1>400 item list</h1>
- </div><!-- /header -->
-
- <div data-role="content" data-filter="true">
-
- <ul data-role="listview" data-theme="d">
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- <li><a href="index.html">Acura</a></li>
- <li><a href="index.html">Audi</a></li>
- <li><a href="index.html">BMW</a></li>
- <li><a href="index.html">Cadillac</a></li>
- <li><a href="index.html">Chrysler</a></li>
- <li><a href="index.html">Dodge</a></li>
- <li><a href="index.html">Ferrari</a></li>
- <li><a href="index.html">Ford</a></li>
- <li><a href="index.html">GMC</a></li>
- <li><a href="index.html">Honda</a></li>
- <li><a href="index.html">Hyundai</a></li>
- <li><a href="index.html">Infiniti</a></li>
- <li><a href="index.html">Jeep</a></li>
- <li><a href="index.html">Kia</a></li>
- <li><a href="index.html">Lexus</a></li>
- <li><a href="index.html">Mini</a></li>
- <li><a href="index.html">Nissan</a></li>
- <li><a href="index.html">Porsche</a></li>
- <li><a href="index.html">Subaru</a></li>
- <li><a href="index.html">Toyota</a></li>
- </ul>
- </div><!-- /content -->
-</div><!-- /page -->
-
-</body>
-</html>
-
+++ /dev/null
-<?php
- $db = new PDO('sqlite:./stats.db');
- $db->query('CREATE TABLE IF NOT EXISTS stats (id INTEGER, agent TEXT, agent_version Text, agent_full TEXT, point TEXT, value REAL, time TIMESTAMP, pathname TEXT, PRIMARY KEY (id))');
-
- // making a sad attempt here to provide a clean REST-respecting url scheme.
- // stats with a GET returns - wait for it - the stats, and a post with the
- // the right params will create a new entry
- if ( $_SERVER['REQUEST_METHOD'] == "GET" ) {
- $agent = (empty($_GET['agent'])) ? '' : urldecode($_GET['agent']);
- $data_point = (empty($_GET['data_point'])) ? '' : urldecode($_GET['data_point']);
-
- $st = $db->prepare( '
- SELECT agent, agent_version, point, avg(value) as avg_value,
- pathname, strftime(\'%Y-%m-%d\', time) as day
- FROM (
- SELECT agent, agent_version, agent_full, pathname, point, value, time FROM stats WHERE agent <> \'Android\'
- UNION
- SELECT agent, substr(agent_version, 1, 3) as agent_version, agent_full, pathname, point, value, time
- FROM stats
- WHERE agent LIKE \'Android\'
- )
- WHERE (agent_full like \'%Mobile%\' or agent_full like \'%mobile%\' or agent_full like \'%Android%\')
- and agent like :agent and point like :data_point
- GROUP BY agent, agent_version, pathname, point, time
- ORDER BY agent, agent_version, time;
- ');
-
- $st->execute(array(
- ':agent' => '%' . $agent . '%',
- ':data_point' => '%' . $data_point . '%'
- ));
-
- $result = $st->fetchAll(PDO::FETCH_ASSOC);
- header("Content-Type: application/json");
- echo json_encode($result);
-
- } elseif ( $_POST['datapoint'] &&
- $_POST['value'] &&
- $_POST['agent'] &&
- $_POST['pathname'] &&
- $_POST['agentVersion'] ) {
-
- $st = $db->prepare('
- INSERT INTO stats (agent, agent_full, agent_version, point, value, pathname, time)
- VALUES (:agent, :agent_full, :agent_version, :data_point, :value, :pathname, DATETIME(\'now\'))
- ');
-
- $st->execute(array(
- ':agent' => $_POST['agent'],
- ':agent_full' => $_POST['agentFull'],
- ':agent_version' => $_POST['agentVersion'],
- ':data_point' => $_POST['datapoint'],
- ':value' => $_POST['value'],
- ':pathname' => $_POST['pathname']
- ));
-
- echo "success";
- }
-?>
\ No newline at end of file
+++ /dev/null
-window.Perf = (function($, Perf) {
- $.extend(Perf, {
- reportUrl: 'stats/',
- revUrl: 'stats/rev.php',
-
- // should be defined before report or poll are run
- currentRev: undefined,
-
- report: function( data, after ) {
- $.extend(data, {
- pathname: location.pathname,
- agent: this.agent(),
- agentFull: window.navigator.userAgent,
- agentVersion: this.agentVersion()
- });
-
- $.post( this.reportUrl, data, after );
- },
-
- poll: function() {
- var self = this;
-
- setInterval(function() {
- $.get( self.revUrl, function( data ) {
-
- // if there's a new revision refresh or currentRev isn't being set
- if( self.currentRev && self.currentRev !== data ){
- location.href = location.href;
- }
- });
- }, 60000);
- },
-
- setCurrentRev: function() {
- var self = this;
-
- $.get( self.revUrl, function( data ) {
- self.currentRev = data;
- });
- },
-
- agent: function() {
- var agent = window.navigator.userAgent;
-
- for( name in this.agents ) {
- if( agent.indexOf( this.agents[name] ) > -1 ) {
- return this.agents[name];
- }
- }
-
- return agent;
- },
-
- agentVersion: function() {
- var agent = window.navigator.userAgent;
-
- agent.search(this.vRegexs[this.agent()] || "");
-
- return RegExp.$1 ? RegExp.$1 : "0.0";
- },
-
- agents: {
- ANDROID: "Android",
- WP: "Windows Phone OS",
- IPHONE: "iPhone OS",
- IPAD: "iPad; U; CPU OS",
- BLACKBERRY: "BlackBerry"
- },
-
- vRegexs: {}
- });
-
- Perf.vRegexs[Perf.agents.ANDROID] = /([0-9].[0-9])(.[0-9])?/;
- Perf.vRegexs[Perf.agents.WP] = /Windows Phone OS ([0-9].[0-9]);/;
- Perf.vRegexs[Perf.agents.IPHONE] = /iPhone OS ([0-9]_[0-9])/;
- Perf.vRegexs[Perf.agents.IPAD] = /iPad; U; CPU OS ([0-9]_[0-9])/;
- Perf.vRegexs[Perf.agents.BLACKBERRY] = /BlackBerry ([0-9]{4})/;
-
- return Perf;
-})(jQuery, window.Perf || {});
+++ /dev/null
-<?php echo exec('git rev-parse HEAD') ?>
\ No newline at end of file
+++ /dev/null
-(function(Perf) {
- var $listPage = $( "#list-page" ), firstCounter = 0;
-
- Perf.setCurrentRev();
- Perf.pageLoadStart = Date.now();
-
- $listPage.live( "pagebeforecreate", function() {
- if( firstCounter == 0 ) {
- Perf.pageCreateStart = Date.now();
- firstCounter++;
- }
- });
-
- $listPage.live( "pageinit", function( event ) {
- // if a child page init is fired ignore it, we only
- // want the top level page init event
- if( event.target !== $("#list-page")[0] ){
- return;
- }
-
- Perf.pageLoadEnd = Date.now();
-
- // report the time taken for a full app boot
- Perf.report({
- datapoint: "fullboot",
- value: Perf.pageLoadEnd - Perf.pageLoadStart
- });
-
- // record the time taken to load and enhance the page
- // start polling for a new revision
- Perf.report({
- datapoint: "pageload",
- value: Perf.pageCreateStart - Perf.pageLoadStart,
- after: function() {
- Perf.poll();
- }
- });
- });
-})(window.Perf);
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <script type="text/javascript" src="../../../../js/jquery.js"></script>
- <script type="text/javascript" src="http://www.filamentgroup.com/examples/charting_v2/visualize.jQuery.js"></script>
- <script type="text/javascript" src="visualize.js"></script>
- <link rel="stylesheet" href="visualize.css" type="text/css" media="screen" />
-</head>
-<body>
- <div id="tables">
- </div>
-
- <div id="graphs">
-
- </div>
-</body>
-</html>
+++ /dev/null
-/*plugin styles*/
-.visualize { border: 1px solid #888; position: relative; background: #fafafa; }
-.visualize canvas { position: absolute; }
-.visualize ul,.visualize li { margin: 0; padding: 0;}
-
-/*table title, key elements*/
-.visualize .visualize-info { padding: 3px 5px; background: #fafafa; border: 1px solid #888; position: absolute; top: -20px; right: 10px; opacity: .8; }
-.visualize .visualize-title { display: block; color: #333; margin-bottom: 3px; font-size: 1.1em; }
-.visualize ul.visualize-key { list-style: none; }
-.visualize ul.visualize-key li { list-style: none; float: left; margin-right: 10px; padding-left: 10px; position: relative;}
-.visualize ul.visualize-key .visualize-key-color { width: 6px; height: 6px; left: 0; position: absolute; top: 50%; margin-top: -3px; }
-.visualize ul.visualize-key .visualize-key-label { color: #000; }
-
-/*pie labels*/
-.visualize-pie .visualize-labels { list-style: none; }
-.visualize-pie .visualize-label-pos, .visualize-pie .visualize-label { position: absolute; margin: 0; padding:0; }
-.visualize-pie .visualize-label { display: block; color: #fff; font-weight: bold; font-size: 1em; }
-.visualize-pie-outside .visualize-label { color: #000; font-weight: normal; }
-
-/*line,bar, area labels*/
-.visualize-labels-x,.visualize-labels-y { position: absolute; left: 0; top: 0; list-style: none; }
-.visualize-labels-x li, .visualize-labels-y li { position: absolute; bottom: 0; }
-.visualize-labels-x li span.label, .visualize-labels-y li span.label { position: absolute; color: #555; }
-.visualize-labels-x li span.line, .visualize-labels-y li span.line { position: absolute; border: 0 solid #ccc; }
-.visualize-labels-x li { height: 100%; }
-.visualize-labels-x li span.label { top: 100%; margin-top: 5px; }
-.visualize-labels-x li span.line { border-left-width: 1px; height: 100%; display: block; }
-.visualize-labels-x li span.line { border: 0;} /*hide vertical lines on area, line, bar*/
-.visualize-labels-y li { width: 100%; }
-.visualize-labels-y li span.label { right: 100%; margin-right: 5px; display: block; width: 100px; text-align: right; }
-.visualize-labels-y li span.line { border-top-width: 1px; width: 100%; }
-.visualize-bar .visualize-labels-x li span.label { width: 100%; text-align: center; }
-
-body {
- margin-top: 50px;
-}
-
-table {
- display: none;
-}
-
-div.visualize {
- float: left;
- margin: 0 50px 70px 100px;
-}
\ No newline at end of file
+++ /dev/null
-(function($) {
- // TODO this is entire thing sucks
- $(function() {
- var searchMap = (function() {
- var searchSplit, searchMap = {};
-
- if ( !location.search ){
- return searchMap;
- }
-
- searchSplit = location.search.replace(/^\?/, "").split( /&|;/ );
-
- for( var i = 0; i < searchSplit.length; i++ ) {
- var kv = searchSplit[i].split(/=/);
- searchMap[ kv[0] ] = kv[1];
- }
-
- return searchMap;
- })();
-
- $.get("../", searchMap, function(data) {
- $.each(data, function( i, avg ) {
- var tablename = avg.point + " " + avg.agent + " " + avg.agent_version + " " + avg.pathname,
- $table = $( "table > caption:contains(" + tablename + ")").parent();
-
- if( !$table.length ) {
- $table = $( "<table></table>", {
- "data-pathname": avg.pathname,
- "data-point": avg.point,
- "data-agent": avg.agent,
- "data-agent-version": avg.agent_version
- });
-
- $table.append( "<caption>" + tablename + "</caption>");
- $table.append( "<thead><tr></tr></thead>" );
- $table.append( "<tbody><tr></tr></tbody>" );
- }
-
- // TODO assume time ordering in the data set
- var $heading = $table.find("thead > tr > th:contains(" + avg.day + ")");
-
- if( !$heading.length ) {
- $heading = $("<th></th>", {
- text: avg.day,
- scope: "column"
- });
-
- $table.find("thead > tr").append($heading);
- }
-
- var $rowHeading = $table.find("tbody > tr > th:contains(" + avg.point + ")" ),
- $row = $table.find( "tbody > tr" );
-
- if( !$rowHeading.length ) {
- $rowHeading = $("<th></th>", {
- text: avg.point,
- scope: "row"
- });
-
- $row.append( $rowHeading );
- }
-
- $row.append( "<td>" + avg.avg_value + "</td>" );
-
- $("#tables").append($table);
- });
-
- $("#tables table").visualize({ type: "bar", width: 400, height: 400 }).appendTo("#graphs");
- });
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-/*
- * mobile button unit tests
- */
-(function($){
- $.mobile.page.prototype.options.keepNative = "button.should-be-native";
-
- test( "button elements in the keepNative set shouldn't be enhanced", function() {
- same( $("button.should-be-native").siblings("div.ui-slider").length, 0 );
- });
-
- test( "button elements should be enhanced", function() {
- ok( $("#enhanced").hasClass( "ui-btn-hidden" ) );
- });
-
- test( "button markup text value should be changed on refresh", function() {
- var textValueButton = $("#text"), valueButton = $("#value");
-
- // the value shouldn't change unless it's been altered
- textValueButton.button( 'refresh' );
- same( textValueButton.siblings().text(), "foo" );
-
- // use the text where it's provided
- same( textValueButton.siblings().text(), "foo" );
- textValueButton.text( "bar" ).button( 'refresh' );
- same( textValueButton.siblings().text(), "bar" );
-
- // use the val if it's provided where the text isn't
- same( valueButton.siblings().text(), "foo" );
- valueButton.val( "bar" ).button( 'refresh' );
- same( valueButton.siblings().text(), "bar" );
-
- // prefer the text to the value
- textValueButton.text( "bar" ).val( "baz" ).button( 'refresh' );
- same( textValueButton.siblings().text(), "bar" );
- });
-
- // Issue 2877
- test( "verify the button placeholder is added many times", function() {
- var $form = $( "#hidden-element-addition-form" ), count = 3;
- expect( count * 2 );
-
- for( var x = 0; x < count; x++ ) {
- $( "#hidden-element-addition" ).trigger( "vclick" );
- same( $form.find( "input[type='hidden']" ).length, 1, "hidden form input should be added" );
-
- $form.trigger( "submit" );
- same( $form.find( "[type='hidden']" ).length, 0, "hidden form input is removed" );
- }
- });
-})( jQuery );
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Button Test Suite</title>
-
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../js/"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
-
-
- <link rel="stylesheet" href="../../../css/themes/default/"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../../../external/qunit.js"></script>
-
- <script src="button_core.js"></script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
- <h1 id="qunit-header">jQuery Mobile Button Test Suite</h1>
- <h2 id="qunit-banner"></h2>
- <h2 id="qunit-userAgent"></h2>
- <ol id="qunit-tests">
- </ol>
-
- <div data-nstest-role="page" data-nstest-theme="a">
- <div data-nstest-role="content" data-nstest-theme="p">
- <button class="should-be-native">foo</button>
- <button id="enhanced">bar</button>
- <button id="text">foo</button>
- <button id="value" value="foo"></button>
- <form id="hidden-element-addition-form" method="get" action="this will fail!">
- <input type="submit" id="hidden-element-addition" name="foo">foo</input>
- </form>
- </div>
- </div>
-</body>
-</html>
+++ /dev/null
-/*
- * mobile buttonMarkup tests
- */
-(function($){
- module("jquery.mobile.buttonMarkup.js");
-
- test( "control group buttons should be enhanced inside a footer", function(){
- var group, linkCount;
-
- group = $("#control-group-footer");
- linkCount = group.find( "a" ).length;
-
- same( group.find("a.ui-btn").length, linkCount, "all 4 links should be buttons");
- same( group.find("a > span.ui-corner-left").length, 1, "only 1 left cornered button");
- same( group.find("a > span.ui-corner-right").length, 1, "only 1 right cornered button");
- same( group.find("a > span:not(.ui-corner-left):not(.ui-corner-right)").length, linkCount - 2, "only 2 buttons are cornered");
- });
-
- test( "control group buttons should respect theme-related data attributes", function(){
- var group = $("#control-group-content");
-
- ok(!group.find('[data-shadow=false]').hasClass("ui-shadow"),
- "buttons with data-shadow=false should not have the ui-shadow class");
- ok(!group.find('[data-corners=false]').hasClass("ui-btn-corner-all"),
- "buttons with data-corners=false should not have the ui-btn-corner-all class");
- ok(!group.find('[data-iconshadow=false] .ui-icon').hasClass("ui-icon-shadow"),
- "buttons with data-iconshadow=false should not have the ui-icon-shadow class on their icons");
- });
-
- // Test for issue #3046 and #3054:
- test( "mousedown on SVG elements should not throw an exception", function(){
- var svg = $("#embedded-svg"),
- success = true,
- rect;
- ok(svg.length > 0, "found embedded svg document" );
- if ( svg.length > 0 ) {
- rect = $( "rect", svg );
- ok(rect.length > 0, "found rect" );
- try {
- rect.trigger("mousedown");
- } catch ( ex ) {
- success = false;
- }
- ok( success, "mousedown executed without exception");
- }
- });
-})(jQuery);
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8" />
- <title>jQuery Mobile Button Markup Test Suite</title>
- <!-- meta viewport left out on purpose for test append -->
- <script src="../../../js/jquery.js"></script>
- <script src="../../../js/"></script>
- <script src="../../../external/qunit.js"></script>
- <script src="../../jquery.testHelper.js"></script>
- <script src="buttonMarkup_core.js"></script>
-
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Button Markup Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page" id="default">
- <div data-role="content" id="control-group-content">
- <a href="index.html" data-role="button" data-shadow="false">No shadow</a>
- <a href="index.html" data-role="button" data-corners="false">No corners</a>
- <a href="index.html" data-role="button" data-shadow="false" data-corners="false">No shadow or corners</a>
- <a href="index.html" data-role="button" data-icon="delete" data-iconshadow="false">No iconshadow</a>
- <button data-shadow="false" data-corners="false" data-icon="delete" data-iconshadow="false">None of the above</button>
- <svg id="embedded-svg" width="120" height="120" viewPort="0 0 120 120" version="1.1" xmlns="http://www.w3.org/2000/svg">
- <rect x="10" y="10" width="100" height="100"/>
- </svg>
- </div>
- <div data-role="footer" id="control-group-footer" class="ui-bar" data-position="inline">
- <div data-role="controlgroup" data-type="horizontal">
- <a href="index.html" data-icon="delete">Remove</a>
- <a href="index.html" data-icon="plus">Add</a>
- <a href="index.html" data-icon="arrow-u">Up</a>
- <a href="index.html" data-icon="arrow-d">Down</a>
- </div>
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-/*
- * mobile checkboxradio unit tests
- */
-(function($){
- module( 'jquery.mobile.forms.checkboxradio.js' );
-
- test( "widget can be disabled and enabled", function(){
- var input = $( "#checkbox-1" ),
- button = input.parent().find( ".ui-btn" );
-
- input.checkboxradio( "disable" );
- input.checkboxradio( "enable" );
- ok( !input.attr( "disabled" ), "start input as enabled" );
- ok( !input.parent().hasClass( "ui-disabled" ), "no disabled styles" );
- ok( !input.attr( "checked" ), "not checked before click" );
- button.trigger( "click" );
- ok( input.attr( "checked" ), "checked after click" );
- ok( button.hasClass( "ui-checkbox-on" ), "active styles after click" );
- button.trigger( "click" );
-
- input.checkboxradio( "disable" );
- ok( input.attr( "disabled" ), "input disabled" );
- ok( input.parent().hasClass( "ui-disabled" ), "disabled styles" );
- ok( !input.attr( "checked" ), "not checked before click" );
- button.trigger( "click" );
- ok( !input.attr( "checked" ), "not checked after click" );
- ok( !button.hasClass( "ui-checkbox-on" ), "no active styles after click" );
- });
-
- test( "clicking a checkbox within a controlgroup does not affect checkboxes with the same name in the same controlgroup", function(){
- var input1 = $("#checkbox-31");
- var button1 = input1.parent().find(".ui-btn");
- var input2 = $("#checkbox-32");
- var button2 = input2.parent().find(".ui-btn");
-
- ok(!input1.attr("checked"), "input1 not checked before click");
- ok(!input2.attr("checked"), "input2 not checked before click");
-
- button1.trigger("click");
- ok(input1.attr("checked"), "input1 checked after click on input1");
- ok(!input2.attr("checked"), "input2 not checked after click on input1");
-
- button2.trigger("click");
- ok(input1.attr("checked"), "input1 not changed after click on input2");
- ok(input2.attr("checked"), "input2 checked after click on input2");
- });
-
- asyncTest( "change events fired on checkbox for both check and uncheck", function(){
- var $checkbox = $( "#checkbox-2" ),
- $checkboxLabel = $checkbox.parent().find( ".ui-btn" );
-
- $checkbox.unbind( "change" );
-
- expect( 1 );
-
- $checkbox.one('change', function(){
- ok( true, "change fired on click to check the box" );
- });
-
- $checkboxLabel.trigger( "click" );
-
- //test above will be triggered twice, and the start here once
- $checkbox.one('change', function(){
- start();
- });
-
- $checkboxLabel.trigger( "click" );
- });
-
- asyncTest( "radio button labels should update the active button class to last clicked and clear checked", function(){
- var $radioBtns = $( '#radio-active-btn-test input' ),
- singleActiveAndChecked = function(){
- same( $( "#radio-active-btn-test .ui-radio-on" ).length, 1, "there should be only one active button" );
- same( $( "#radio-active-btn-test :checked" ).length, 1, "there should be only one checked" );
- };
-
- $.testHelper.sequence([
- function(){
- $radioBtns.last().siblings( 'label' ).click();
- },
-
- function(){
- ok( $radioBtns.last().prop( 'checked' ) );
- ok( $radioBtns.last().siblings( 'label' ).hasClass( 'ui-radio-on' ),
- "last input label is an active button" );
-
- ok( !$radioBtns.first().prop( 'checked' ) );
- ok( !$radioBtns.first().siblings( 'label' ).hasClass( 'ui-radio-on' ),
- "first input label is not active" );
-
- singleActiveAndChecked();
-
- $radioBtns.first().siblings( 'label' ).click();
- },
-
- function(){
- ok( $radioBtns.first().prop( 'checked' ));
- ok( $radioBtns.first().siblings( 'label' ).hasClass( 'ui-radio-on' ),
- "first input label is an active button" );
-
- ok( !$radioBtns.last().prop( 'checked' ));
- ok( !$radioBtns.last().siblings( 'label' ).hasClass( 'ui-radio-on' ),
- "last input label is not active" );
-
- singleActiveAndChecked();
-
- start();
- }
- ], 500);
-
- });
-
- test( "checkboxradio controls will create when inside a container that receives a 'create' event", function(){
- ok( !$("#enhancetest").appendTo(".ui-page-active").find(".ui-checkbox").length, "did not have enhancements applied" );
- ok( $("#enhancetest").trigger("create").find(".ui-checkbox").length, "enhancements applied" );
- });
-
- $.mobile.page.prototype.options.keepNative = "input.should-be-native";
-
- // not testing the positive case here since's it's obviously tested elsewhere
- test( "checkboxradio elements in the keepNative set shouldn't be enhanced", function() {
- ok( !$("input.should-be-native").parent().is("div.ui-checkbox") );
- });
-
- asyncTest( "clicking the label triggers a click on the element", function() {
- var clicked = false;
-
- expect( 1 );
-
- $( "#checkbox-click-triggered" ).one('click', function() {
- clicked = true;
- });
-
- $.testHelper.sequence([
- function() {
- $( "[for='checkbox-click-triggered']" ).click();
- },
-
- function() {
- ok(clicked, "click was fired on input");
- start();
- }
- ], 2000);
- });
-})(jQuery);
+++ /dev/null
-<!DOCTYPE html>
-
-<html lang="en">
-<head>
- <meta charset="UTF-8" />
- <title>jQuery Mobile Checkboxradio Test Suite</title>
-
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../js/"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
-
- <link rel="stylesheet" href="../../../css/themes/default/"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../../../external/qunit.js"></script>
-
- <script src="checkboxradio_core.js"></script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Checkbockradio Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page">
- <div data-nstest-role="content">
- <div data-nstest-role="fieldcontain">
- <fieldset data-nstest-role="controlgroup">
- <legend>Agree to the terms:</legend>
- <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom"/>
- <label for="checkbox-1">I agree</label>
- </fieldset>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <fieldset data-nstest-role="controlgroup">
- <legend>Agree to the terms:</legend>
- <input type="checkbox" name="checkbox-2" id="checkbox-2" class="custom"/>
- <label for="checkbox-2">I agree</label>
- </fieldset>
- </div>
-
- <div data-nstest-role="fieldcontain" data-nstest-role="controlgroup">
- <div>
- <legend>Agree to the terms 3.1:</legend>
- <input type="checkbox" name="checkbox-3" id="checkbox-31" class="custom"/>
- <label for="checkbox-31">I agree 3.1</label>
- </div>
- <div>
- <legend>Agree to the terms 3.2:</legend>
- <input type="checkbox" name="checkbox-3" id="checkbox-32" class="custom"/>
- <label for="checkbox-32">I agree 3.2</label>
- </div>
- </div>
- </div>
-
-<div data-role="fieldcontain" id="radio-active-btn-test">
- <fieldset data-role="controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-pet-active-btn" id="radio-pet-1" value="choice-1" checked="checked" />
- <label for="radio-pet-1">Cat</label>
-
- <input type="radio" name="radio-pet-active-btn" id="radio-pet-2" value="choice-2" />
- <label for="radio-pet-2">Dog</label>
-
- <input type="radio" name="radio-pet-active-btn" id="radio-pet-3" value="choice-3" />
- <label for="radio-pet-3">Hamster</label>
-
- <input type="radio" name="radio-pet-active-btn" id="radio-pet-4" value="choice-4" />
- <label for="radio-pet-4">Lizard</label>
- </fieldset>
-</div>
-
-<div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Agree to the terms:</legend>
- <input type="checkbox" name="checkbox-1" id="checkbox-1" class="should-be-native" />
- <label for="checkbox-1">I agree</label>
- </fieldset>
-</div>
-
-<div data-role="fieldcontain">
- <fieldset data-role="controlgroup">
- <legend>Agree to the terms:</legend>
- <input type="checkbox" name="checkbox-click-triggered" id="checkbox-click-triggered"/>
- <label for="checkbox-click-triggered">click triggered</label>
- </fieldset>
-</div>
-</div>
-
-<div id="enhancetest">
- <input type="checkbox" name="checkbox-332" id="checkbox-332" class="custom"/>
- <label for="checkbox-332">I agree 3.2</label>
-</div>
-
-</body>
-</html>
+++ /dev/null
-/*
- * mobile listview unit tests
- */
-
-// TODO split out into seperate test files
-(function( $ ){
- module( "Collapsible section", {});
-
- asyncTest( "The page should enhanced correctly", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage( "#basic-collapsible-test" );
- },
-
- function() {
- var $page = $( "#basic-collapsible-test" );
- ok($page.find( ".ui-content >:eq(0)" ).hasClass( "ui-collapsible" ), ".ui-collapsible class added to collapsible elements" );
- ok($page.find( ".ui-content >:eq(0) >:header" ).hasClass( "ui-collapsible-heading" ), ".ui-collapsible-heading class added to collapsible heading" );
- ok($page.find( ".ui-content >:eq(0) > div" ).hasClass( "ui-collapsible-content" ), ".ui-collapsible-content class added to collapsible content" );
- ok($page.find( ".ui-content >:eq(0)" ).hasClass( "ui-collapsible-collapsed" ), ".ui-collapsible-collapsed added to collapsed elements" );
- ok(!$page.find( ".ui-content >:eq(1)" ).hasClass( "ui-collapsible-collapsed" ), ".ui-collapsible-collapsed not added to expanded elements" );
- ok($page.find( ".ui-collapsible.ui-collapsible-collapsed" ).find( ".ui-collapsible-heading-toggle > .ui-btn-inner" ).hasClass( "ui-corner-top ui-corner-bottom" ), "Collapsible header button should have class ui-corner-all" );
- start();
- }
- ]);
- });
-
- asyncTest( "Expand/Collapse", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage( "#basic-collapsible-test" );
- },
-
- function() {
- ok($( "#basic-collapsible-test .ui-collapsible" ).eq(0).hasClass( "ui-collapsible-collapsed" ), "First collapsible should be collapsed");
- $( "#basic-collapsible-test .ui-collapsible-heading-toggle" ).eq(0).click();
- ok(!$( "#basic-collapsible-test .ui-collapsible" ).eq(0).hasClass( "ui-collapsible-collapsed" ), "First collapsible should be expanded after click");
- $( "#basic-collapsible-test .ui-collapsible-heading-toggle" ).eq(0).click();
- ok($( "#basic-collapsible-test .ui-collapsible" ).eq(0).hasClass( "ui-collapsible-collapsed" ), "First collapsible should be collapsed");
- start();
- }
- ]);
- });
-
- module( "Collapsible set", {});
-
- asyncTest( "The page should enhanced correctly", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage( "#basic-collapsible-set-test" );
- },
-
- function() {
- var $page = $( "#basic-collapsible-set-test" );
-
- ok($page.find( ".ui-content >:eq(0)" ).hasClass( "ui-collapsible-set" ), ".ui-collapsible-set class added to collapsible set" );
- ok($page.find( ".ui-content >:eq(0) > div" ).hasClass( "ui-collapsible" ), ".ui-collapsible class added to collapsible elements" );
- $page.find( ".ui-collapsible-set" ).each(function() {
- var $this = $( this );
- ok($this.find( ".ui-collapsible" ).first().find( ".ui-collapsible-heading-toggle > .ui-btn-inner" ).hasClass( "ui-corner-top" ), "First collapsible header button should have class ui-corner-top" );
- ok($this.find( ".ui-collapsible" ).last().find( ".ui-collapsible-heading-toggle > .ui-btn-inner" ).hasClass( "ui-corner-bottom" ), "Last collapsible header button should have class ui-corner-bottom" );
- });
-
- start();
- }
- ]);
- });
-
- asyncTest( "Collapsible set with only one collapsible", function() {
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage( "#collapsible-set-with-lonely-collapsible-test" );
- },
-
- function() {
- var $page = $( "#collapsible-set-with-lonely-collapsible-test" );
- $page.find( ".ui-collapsible-set" ).each(function() {
- var $this = $( this );
- ok($this.find( ".ui-collapsible" ).first().find( ".ui-collapsible-heading-toggle > .ui-btn-inner" ).hasClass( "ui-corner-top" ), "First collapsible header button should have class ui-corner-top" );
- ok($this.find( ".ui-collapsible" ).last().find( ".ui-collapsible-heading-toggle > .ui-btn-inner" ).hasClass( "ui-corner-bottom" ), "Last collapsible header button should have class ui-corner-bottom" );
- });
-
- start();
- }
- ]);
- });
-
- asyncTest( "Section expanded by default", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage( "#basic-collapsible-set-test" );
- },
-
- function() {
- equals($( "#basic-collapsible-set-test .ui-content >:eq(0) .ui-collapsible-collapsed" ).length, 2, "There should be 2 section collapsed" );
- ok(!$( "#basic-collapsible-set-test .ui-content >:eq(0) >:eq(1)" ).hasClass( "ui-collapsible-collapsed" ), "Section B should be expanded" );
- start();
- }
- ]);
- });
-
- asyncTest( "Expand/Collapse", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage( "#basic-collapsible-set-test" );
- },
-
- function() {
- ok($( "#basic-collapsible-set-test .ui-collapsible" ).eq(0).hasClass( "ui-collapsible-collapsed" ), "First collapsible should be collapsed");
- $( "#basic-collapsible-set-test .ui-collapsible-heading-toggle" ).eq(0).click();
- ok(!$( "#basic-collapsible-set-test .ui-collapsible" ).eq(0).hasClass( "ui-collapsible-collapsed" ), "First collapsible should be expanded after click");
- $( "#basic-collapsible-set-test .ui-collapsible-heading-toggle" ).eq(0).click();
- ok($( "#basic-collapsible-set-test .ui-collapsible" ).hasClass( "ui-collapsible-collapsed" ), "All collapsible should be collapsed");
- start();
- }
- ]);
- });
-
- module( "Theming", {});
-
- asyncTest( "Collapsible", 6, function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage( "#collapsible-with-theming" );
- },
-
- function() {
- var collapsibles = $.mobile.activePage.find( ".ui-collapsible" );
- ok( collapsibles.eq(0).find( ".ui-collapsible-heading-toggle" ).hasClass( "ui-btn-up-a" ), "Heading of first collapsible should have class ui-btn-up-a");
- ok( !collapsibles.eq(0).find( ".ui-collapsible-content" ).hasClass( "ui-btn-up-a" ), "Content of first collapsible should NOT have class ui-btn-up-a");
- ok( collapsibles.eq(1).find( ".ui-collapsible-heading-toggle" ).hasClass( "ui-btn-up-b" ), "Heading of second collapsible should have class ui-btn-up-b");
- ok( collapsibles.eq(1).find( ".ui-collapsible-content" ).hasClass( "ui-body-b" ), "Content of second collapsible should have class ui-btn-up-b");
- ok( collapsibles.eq(2).find( ".ui-collapsible-heading-toggle" ).hasClass( "ui-btn-up-c" ), "Heading of third collapsible should have class ui-btn-up-c");
- ok( collapsibles.eq(2).find( ".ui-collapsible-content" ).hasClass( "ui-body-c" ), "Content of third collapsible should have class ui-btn-up-c");
- start();
- }
- ]);
- });
-
-
- asyncTest( "Collapsible Set", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage( "#collapsible-set-with-theming" );
- },
-
- function() {
- var collapsibles = $.mobile.activePage.find( ".ui-collapsible" );
- ok( collapsibles.eq(0).find( ".ui-collapsible-heading-toggle" ).hasClass( "ui-btn-up-a" ), "Heading of first collapsible should have class ui-btn-up-a");
- ok( !collapsibles.eq(0).find( ".ui-collapsible-content" ).is( ".ui-body-a,.ui-body-b,.ui-body-c" ), "Content of first collapsible should NOT have class ui-btn-up-[a,b,c]");
- ok( collapsibles.eq(0).find( ".ui-collapsible-content" ).hasClass( "ui-body-d" ), "Content of first collapsible should NOT have class ui-btn-up-d");
- ok( collapsibles.eq(1).find( ".ui-collapsible-heading-toggle" ).hasClass( "ui-btn-up-b" ), "Heading of second collapsible should have class ui-btn-up-b");
- ok( !collapsibles.eq(1).find( ".ui-collapsible-content" ).is( ".ui-body-a,.ui-body-c,.ui-body-d" ), "Content of second collapsible should NOT have class ui-btn-up-[a,c,d]");
- ok( collapsibles.eq(1).find( ".ui-collapsible-content" ).hasClass( "ui-body-b" ), "Content of second collapsible should have class ui-btn-up-b");
- ok( collapsibles.eq(2).find( ".ui-collapsible-heading-toggle" ).hasClass( "ui-btn-up-d" ), "Heading of third collapsible should have class ui-btn-up-d");
- ok( !collapsibles.eq(2).find( ".ui-collapsible-content" ).is( ".ui-body-a,.ui-body-b,.ui-body-c" ), "Content of third collapsible should NOT have class ui-btn-up-[a,b,c]");
- ok( collapsibles.eq(2).find( ".ui-collapsible-content" ).hasClass( "ui-body-d" ), "Content of third collapsible should have class ui-btn-up-d");
- ok( !collapsibles.eq(2).find( ".ui-collapsible-content" ).hasClass( "ui-collapsible-content-collapsed" ), "Content of third collapsible should NOT have class ui-collapsible-content-collapsed");
- ok( collapsibles.eq(3).find( ".ui-collapsible-heading-toggle" ).hasClass( "ui-btn-up-d" ), "Heading of fourth collapsible should have class ui-btn-up-d");
- ok( !collapsibles.eq(3).find( ".ui-collapsible-content" ).is( ".ui-body-a,.ui-body-b,.ui-body-c" ), "Content of fourth collapsible should NOT have class ui-btn-up-[a,b,c]");
- ok( collapsibles.eq(3).find( ".ui-collapsible-content" ).hasClass( "ui-body-d" ), "Content of fourth collapsible should have class ui-btn-up-d");
- start();
- }
- ]);
- });
-
-
-})( jQuery );
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Collapsible Integration Test</title>
-
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../js/"></script>
- <script src="../../jquery.testHelper.js"></script>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../../../external/qunit.js"></script>
-
- <script src="collapsible_core.js"></script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Collapsible Integration Test</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page" id='basic-collapsible-test'>
- <div data-nstest-role="header">
- <h1>Basic collapsible</h1>
- </div>
- <div data-nstest-role="content">
- <div data-nstest-role="collapsible">
- <h3>Section A</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- <div data-nstest-role="collapsible" data-nstest-collapsed="false">
- <h3>Section B</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- </div>
-</div>
-
-<div data-nstest-role="page" id='basic-collapsible-set-test'>
- <div data-nstest-role="header">
- <h1>Basic collapsible</h1>
- </div>
- <div data-nstest-role="content">
- <div data-nstest-role="collapsible-set">
- <div data-nstest-role="collapsible">
- <h3>Section A</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- <div data-nstest-role="collapsible" data-nstest-collapsed="false">
- <h3>Section B</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- <div data-nstest-role="collapsible">
- <h3>Section C</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
-
- </div>
- </div>
- </div>
-</div>
-
-<div data-nstest-role="page" id='collapsible-set-with-lonely-collapsible-test'>
- <div data-nstest-role="header">
- <h1>Basic collapsible</h1>
- </div>
- <div data-nstest-role="content">
- <div data-nstest-role="collapsible-set">
- <div data-nstest-role="collapsible" >
- <h3>Section D</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
- </div>
-
- <div data-nstest-role="collapsible" >
- <h3>Section E</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
- </div>
-</div>
-
-<div data-nstest-role="page" id='collapsible-with-theming'>
- <div data-nstest-role="header">
- <h1>Themed collapsibles</h1>
- </div>
- <div data-nstest-role="content">
- <div data-nstest-role="collapsible" data-nstest-theme="a">
- <h3>Section A</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
- <div data-nstest-role="collapsible" data-nstest-theme="b" data-nstest-content-theme="b">
- <h3>Section B</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
- <div data-nstest-role="collapsible" data-nstest-theme="c" data-nstest-content-theme="c" data-nstest-collapsed="false">
- <h3>Section B</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
-
- </div>
-</div>
-
-<div data-nstest-role="page" id='collapsible-set-with-theming'>
- <div data-nstest-role="header">
- <h1>Themed collapsibles</h1>
- </div>
- <div data-nstest-role="content">
- <div data-nstest-role="collapsible-set" data-nstest-theme="d" data-nstest-content-theme="d">
- <div data-nstest-role="collapsible" data-nstest-theme="a">
- <h3>Section A</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
- <div data-nstest-role="collapsible" data-nstest-theme="b" data-nstest-content-theme="b">
- <h3>Section B</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
- <div data-nstest-role="collapsible" data-nstest-collapsed="false">
- <h3>Section C</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
- <div data-nstest-role="collapsible">
- <h3>Section D</h3>
-
- <p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I
- have the "collapsed" state; you need to expand the header to see me.</p>
- </div>
- </div>
-
- </div>
-</div>
-
-</body>
-</html>
+++ /dev/null
-/*
- * mobile checkboxradio unit tests
- */
-(function($){
- module( 'vertical controlgroup, no refresh' , {
- setup: function() {
- this.vcontrolgroup = $( "#vertical-controlgroup" );
- }
- });
-
- test( "vertical controlgroup classes", function() {
- var buttons = this.vcontrolgroup.find( ".ui-btn" ),
- middlebuttons = buttons.filter(function(index) { return index > 0 && index < (length-1)}),
- length = buttons.length;
-
- ok( !buttons.hasClass( "ui-btn-corner-all" ), "no button should have class 'ui-btn-corner-all'");
- ok( buttons.first().hasClass( "ui-corner-top" ), "first button should have class 'ui-corner-top'" );
- ok( !middlebuttons.hasClass( "ui-corner-top" ), "middle buttons should not have class 'ui-corner-top'" );
- ok( !middlebuttons.hasClass( "ui-corner-bottom" ), "middle buttons should not have class 'ui-corner-bottom'" );
- ok( buttons.last().hasClass( "ui-corner-bottom"), "last button should have class 'ui-corner-bottom'" );
- });
-
- module( 'vertical controlgroup, refresh', {
- setup: function() {
- this.vcontrolgroup = $( "#vertical-controlgroup" );
- this.vcontrolgroup.find( ".ui-btn" ).show();
- this.vcontrolgroup.controlgroup();
- }
- });
-
- test( "vertical controlgroup after first button was hidden", function() {
- //https://github.com/jquery/jquery-mobile/issues/1929
-
- //We hide the first button and refresh
- this.vcontrolgroup.find( ".ui-btn" ).first().hide();
- this.vcontrolgroup.controlgroup();
-
- var buttons = this.vcontrolgroup.find( ".ui-btn" ).filter( ":visible" ),
- middlebuttons = buttons.filter(function(index) { return index > 0 && index < (length-1)}),
- length = buttons.length;
-
- ok( buttons.first().hasClass( "ui-corner-top" ), "first visible button should have class 'ui-corner-top'" );
- ok( !middlebuttons.hasClass( "ui-corner-top" ), "middle buttons should not have class 'ui-corner-top'" );
- ok( !middlebuttons.hasClass( "ui-corner-bottom" ), "middle buttons should not have class 'ui-corner-bottom'" );
- ok( buttons.last().hasClass( "ui-corner-bottom"), "last visible button should have class 'ui-corner-bottom'" );
- });
-
- test( "vertical controlgroup after last button was hidden", function() {
- //https://github.com/jquery/jquery-mobile/issues/1929
-
- //We hide the last button and refresh
- this.vcontrolgroup.find( ".ui-btn" ).last().hide();
- this.vcontrolgroup.controlgroup();
-
- var buttons = this.vcontrolgroup.find( ".ui-btn" ).filter( ":visible" ),
- middlebuttons = buttons.filter(function(index) { return index > 0 && index < (length-1)}),
- length = buttons.length;
-
- ok( buttons.first().hasClass( "ui-corner-top" ), "first visible button should have class 'ui-corner-top'" );
- ok( !middlebuttons.hasClass( "ui-corner-top" ), "middle buttons should not have class 'ui-corner-top'" );
- ok( !middlebuttons.hasClass( "ui-corner-bottom" ), "middle buttons should not have class 'ui-corner-bottom'" );
- ok( buttons.last().hasClass( "ui-corner-bottom"), "last visible button should have class 'ui-corner-bottom'" );
- });
-
- module( 'horizontal controlgroup, no refresh', {
- setup: function() {
- this.hcontrolgroup = $( "#horizontal-controlgroup" );
- }
- });
-
- test( "horizontal controlgroup classes", function() {
- var buttons = this.hcontrolgroup.find( ".ui-btn" ),
- middlebuttons = buttons.filter(function(index) { return index > 0 && index < (length-1)}),
- length = buttons.length;
-
- ok( !buttons.hasClass( "ui-btn-corner-all" ), "no button should have class 'ui-btn-corner-all'");
- ok( buttons.first().hasClass( "ui-corner-left" ), "first button should have class 'ui-corner-left'" );
- ok( !middlebuttons.hasClass( "ui-corner-left" ), "middle buttons should not have class 'ui-corner-left'" );
- ok( !middlebuttons.hasClass( "ui-corner-right" ), "middle buttons should not have class 'ui-corner-right'" );
- ok( buttons.last().hasClass( "ui-corner-right"), "last button should have class 'ui-corner-right'" );
- });
-
- module( 'horizontal controlgroup, refresh', {
- setup: function() {
- this.hcontrolgroup = $( "#horizontal-controlgroup" );
- this.hcontrolgroup.find( ".ui-btn" ).show();
- this.hcontrolgroup.controlgroup();
- }
- });
-
- test( "horizontal controlgroup after first button was hidden", function() {
- //We hide the first button and refresh
- this.hcontrolgroup.find( ".ui-btn" ).first().hide();
- this.hcontrolgroup.controlgroup();
-
- var buttons = this.hcontrolgroup.find( ".ui-btn" ).filter( ":visible" ),
- middlebuttons = buttons.filter(function(index) { return index > 0 && index < (length-1)}),
- length = buttons.length;
-
- ok( buttons.first().hasClass( "ui-corner-left" ), "first visible button should have class 'ui-corner-left'" );
- ok( !middlebuttons.hasClass( "ui-corner-left" ), "middle buttons should not have class 'ui-corner-left'" );
- ok( !middlebuttons.hasClass( "ui-corner-right" ), "middle buttons should not have class 'ui-corner-right'" );
- ok( buttons.last().hasClass( "ui-corner-right"), "last visible button should have class 'ui-corner-right'" );
- });
-
- test( "horizontal controlgroup after last button was hidden", function() {
- //We hide the last button and refresh
- this.hcontrolgroup.find( ".ui-btn" ).last().hide();
- this.hcontrolgroup.controlgroup();
-
- var buttons = this.hcontrolgroup.find( ".ui-btn" ).filter( ":visible" ),
- middlebuttons = buttons.filter(function(index) { return index > 0 && index < (length-1)}),
- length = buttons.length;
-
- ok( buttons.first().hasClass( "ui-corner-left" ), "first visible button should have class 'ui-corner-left'" );
- ok( !middlebuttons.hasClass( "ui-corner-left" ), "middle buttons should not have class 'ui-corner-left'" );
- ok( !middlebuttons.hasClass( "ui-corner-right" ), "middle buttons should not have class 'ui-corner-right'" );
- ok( buttons.last().hasClass( "ui-corner-right"), "last visible button should have class 'ui-corner-right'" );
- });
-
-
- test( "controlgroups will create when inside a container that receives a 'create' event", function(){
- ok( !$("#enhancetest").appendTo(".ui-page-active").find(".ui-controlgroup").length, "did not have enhancements applied" );
- ok( $("#enhancetest").trigger("create").find(".ui-controlgroup").length, "enhancements applied" );
- });
-
-
-
-})(jQuery);
+++ /dev/null
-<!DOCTYPE html>
-
-<html lang="en">
-<head>
- <meta charset="UTF-8" />
- <title>jQuery Mobile Checkboxradio Test Suite</title>
-
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../js/"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
-
- <link rel="stylesheet" href="../../../css/themes/default/"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../../../external/qunit.js"></script>
-
- <script src="controlgroup_core.js"></script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Controlgroup Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page">
- <div data-nstest-role="content">
-
- <div data-nstest-role="fieldcontain" id="radio-active-btn-test">
- <fieldset data-nstest-role="controlgroup" id="vertical-controlgroup">
- <legend>Choose a pet:</legend>
- <input type="radio" name="radio-pet-active-btn" id="radio-pet-1" value="choice-1" checked="checked" />
- <label for="radio-pet-1">Cat</label>
-
- <input type="radio" name="radio-pet-active-btn" id="radio-pet-2" value="choice-2" />
- <label for="radio-pet-2">Dog</label>
-
- <input type="radio" name="radio-pet-active-btn" id="radio-pet-3" value="choice-3" />
- <label for="radio-pet-3">Hamster</label>
-
- <input type="radio" name="radio-pet-active-btn" id="radio-pet-4" value="choice-4" />
- <label for="radio-pet-4">Lizard</label>
- </fieldset>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <fieldset data-nstest-role="controlgroup" data-nstest-type="horizontal" id="horizontal-controlgroup">
- <legend>Font styling:</legend>
- <input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
- <label for="checkbox-6">b</label>
-
- <input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
- <label for="checkbox-7"><em>i</em></label>
-
- <input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
- <label for="checkbox-8"><em>s</em></label>
-
- <input type="checkbox" name="checkbox-9" id="checkbox-9" class="custom" />
- <label for="checkbox-9">u</label>
- </fieldset>
- </div>
- </div>
-
-</div>
-
-
-
-
-
-
-<div data-nstest-role="fieldcontain" id="enhancetest">
- <fieldset data-nstest-role="controlgroup">
-
-
- </fieldset>
-</div>
-
-</body>
-</html>
+++ /dev/null
-/*
- * mobile core unit tests
- */
-
-(function($){
- var libName = "jquery.mobile.core.js",
- setGradeA = function(value, version) {
- $.support.mediaquery = value;
- $.mobile.browser.ie = version;
- },
- extendFn = $.extend;
-
- module(libName, {
- setup: function(){
- // NOTE reset for gradeA tests
- $('html').removeClass('ui-mobile');
-
- // NOTE reset for pageLoading tests
- $('.ui-loader').remove();
- },
- teardown: function(){
- $.extend = extendFn;
- }
- });
-
- $.testHelper.excludeFileProtocol(function(){
- test( "grade A browser either supports media queries or is IE 7+", function(){
- setGradeA(false, 6);
- $.testHelper.reloadLib(libName);
- ok(!$.mobile.gradeA());
-
- setGradeA(true, 8);
- $.testHelper.reloadLib(libName);
- ok($.mobile.gradeA());
- });
- });
-
- function clearNSNormalizeDictionary()
- {
- var dict = $.mobile.nsNormalizeDict;
- for ( var prop in dict ) {
- delete dict[ prop ];
- }
- }
-
- test( "$.mobile.nsNormalize works properly with namespace defined (test default)", function(){
- // Start with a fresh namespace property cache, just in case
- // the previous test mucked with namespaces.
- clearNSNormalizeDictionary();
-
- equal($.mobile.nsNormalize("foo"), "nstestFoo", "appends ns and initcaps");
- equal($.mobile.nsNormalize("fooBar"), "nstestFooBar", "leaves capped strings intact");
- equal($.mobile.nsNormalize("foo-bar"), "nstestFooBar", "changes dashed strings");
- equal($.mobile.nsNormalize("foo-bar-bak"), "nstestFooBarBak", "changes multiple dashed strings");
-
- // Reset the namespace property cache for the next test.
- clearNSNormalizeDictionary();
- });
-
- test( "$.mobile.nsNormalize works properly with an empty namespace", function(){
- var realNs = $.mobile.ns;
-
- $.mobile.ns = "";
-
- // Start with a fresh namespace property cache, just in case
- // the previous test mucked with namespaces.
- clearNSNormalizeDictionary();
-
- equal($.mobile.nsNormalize("foo"), "foo", "leaves uncapped and undashed");
- equal($.mobile.nsNormalize("fooBar"), "fooBar", "leaves capped strings intact");
- equal($.mobile.nsNormalize("foo-bar"), "fooBar", "changes dashed strings");
- equal($.mobile.nsNormalize("foo-bar-bak"), "fooBarBak", "changes multiple dashed strings");
-
- $.mobile.ns = realNs;
-
- // Reset the namespace property cache for the next test.
- clearNSNormalizeDictionary();
- });
-
- //data tests
- test( "$.fn.jqmData and $.fn.jqmRemoveData methods are working properly", function(){
- var data;
-
- same( $("body").jqmData("foo", true), $("body"), "setting data returns the element" );
-
- same( $("body").jqmData("foo"), true, "getting data returns the right value" );
-
- same( $("body").data($.mobile.nsNormalize("foo")), true, "data was set using namespace" );
-
- same( $("body").jqmData("foo", undefined), true, "getting data still returns the value if there's an undefined second arg" );
-
- data = $.extend( {}, $("body").data() );
- delete data[ $.expando ]; //discard the expando for that test
- same( data , { "nstestFoo": true }, "passing .data() no arguments returns a hash with all set properties" );
-
- same( $("body").jqmData(), undefined, "passing no arguments returns undefined" );
-
- same( $("body").jqmData(undefined), undefined, "passing a single undefined argument returns undefined" );
-
- same( $("body").jqmData(undefined, undefined), undefined, "passing 2 undefined arguments returns undefined" );
-
- same( $("body").jqmRemoveData("foo"), $("body"), "jqmRemoveData returns the element" );
-
- same( $("body").jqmData("foo"), undefined, "jqmRemoveData properly removes namespaced data" );
-
- });
-
-
- test( "$.jqmData and $.jqmRemoveData methods are working properly", function(){
- same( $.jqmData(document.body, "foo", true), true, "setting data returns the value" );
-
- same( $.jqmData(document.body, "foo"), true, "getting data returns the right value" );
-
- same( $.data(document.body, $.mobile.nsNormalize("foo")), true, "data was set using namespace" );
-
- same( $.jqmData(document.body, "foo", undefined), true, "getting data still returns the value if there's an undefined second arg" );
-
- same( $.jqmData(document.body), undefined, "passing no arguments returns undefined" );
-
- same( $.jqmData(document.body, undefined), undefined, "passing a single undefined argument returns undefined" );
-
- same( $.jqmData(document.body, undefined, undefined), undefined, "passing 2 undefined arguments returns undefined" );
-
- same( $.jqmRemoveData(document.body, "foo"), undefined, "jqmRemoveData returns the undefined value" );
-
- same( $("body").jqmData("foo"), undefined, "jqmRemoveData properly removes namespaced data" );
-
- });
-
- test( "addDependents works properly", function() {
- same( $("#parent").jqmData('dependents'), undefined );
- $( "#parent" ).addDependents( $("#dependent") );
- same( $("#parent").jqmData('dependents').length, 1 );
- });
-
- test( "removeWithDependents removes the parent element and ", function(){
- $( "#parent" ).addDependents( $("#dependent") );
- same($( "#parent, #dependent" ).length, 2);
- $( "#parent" ).removeWithDependents();
- same($( "#parent, #dependent" ).length, 0);
- });
-
- test( "$.fn.getEncodedText should return the encoded value where $.fn.text doesn't", function() {
- same( $("#encoded").text(), "foo>");
- same( $("#encoded").getEncodedText(), "foo>");
- same( $("#unencoded").getEncodedText(), "foo");
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-/*
- * mobile core unit tests
- */
-
-(function($){
- var libName = "jquery.mobile.core.js",
- scrollTimeout = 20, // TODO expose timing as an attribute
- scrollStartEnabledTimeout = 150;
-
- module(libName, {
- setup: function(){
- $("<div id='scroll-testing' style='height: 1000px'></div>").appendTo("body");
- },
-
- teardown: function(){
- $("#scroll-testing").remove();
- }
- });
-
- var scrollUp = function( pos ){
- $(window).scrollTop(1000);
- ok($(window).scrollTop() > 0, $(window).scrollTop());
- $.mobile.silentScroll(pos);
- };
-
- asyncTest( "silent scroll scrolls the page to the top by default", function(){
- scrollUp();
-
- setTimeout(function(){
- same($(window).scrollTop(), 0);
- start();
- }, scrollTimeout);
- });
-
- asyncTest( "silent scroll scrolls the page to the passed y position", function(){
- var pos = 10;
- scrollUp(pos);
-
- setTimeout(function(){
- same($(window).scrollTop(), pos);
- start();
- }, scrollTimeout);
- });
-
- test( "silent scroll is async", function(){
- scrollUp();
- ok($(window).scrollTop() != 0, "scrolltop position should not be zero");
- start();
- });
-
- asyncTest( "scrolling marks scrollstart as disabled for 150 ms", function(){
- $.event.special.scrollstart.enabled = true;
- scrollUp();
- ok(!$.event.special.scrollstart.enabled);
-
- setTimeout(function(){
- ok($.event.special.scrollstart.enabled);
- start();
- }, scrollStartEnabledTimeout);
- });
-
- //TODO test that silentScroll is called on window load
-})(jQuery);
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Core Test Suite</title>
-
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script src="../../../js/"></script>
- <!-- added explicitly for library reloading (see testHelper ) -->
- <script src="../../jquery.testHelper.js"></script>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="core.js"></script>
- <script src="core_scroll.js"></script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Core Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page">
-</div>
-
-<div id="qunit-fixtures">
- <div id="parent"></div>
- <div id="dependent"></div>
- <div id="encoded">foo></div>
- <div id="unencoded"><script>foo</script></div>
-</div>
-</body>
-</html>
+++ /dev/null
-/*
- * degradeInputs unit tests
- */
-
-(function($){
-
- module('jquery.mobile.slider.js');
-
- test('keepNative elements should not be degraded', function() {
- same($('input#not-to-be-degraded').attr("type"), "range");
- });
-
- test('should degrade input type to a different type, as specified in page options', function(){
- var degradeInputs = $.mobile.page.prototype.options.degradeInputs;
-
- expect( degradeInputs.length );
-
- $.each(degradeInputs, function( oldType, newType ) {
- if (newType === false) {
- newType = oldType;
- }
-
- $('#test-container').html('<input type="' + oldType + '" />').trigger("create");
-
- same($('#test-container input').attr("type"), newType);
- });
- });
-
-})(jQuery);
\ No newline at end of file
+++ /dev/null
- <!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Degrade Inputs Test Suite</title>
-
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../js/"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
-
-
- <link rel="stylesheet" href="../../../css/themes/default/"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../../../external/qunit.js"></script>
-
- <script src="degradeInputs.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Degrade Inputs Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="foo" data-nstest-role="page">
-
- <input id="not-to-be-degraded" type="range" data-nstest-role="nojs" />
-
- <div id="test-container">
- </div>
-
-</div>
-
-</html>
+++ /dev/null
-/*
- * mobile dialog unit tests
- */
-(function($) {
- module( "jquery.mobile.dialog.js", {
- setup: function() {
- $.mobile.page.prototype.options.contentTheme = "d";
- }
- });
-
- asyncTest( "dialog hash is added when the dialog is opened and removed when closed", function() {
- expect( 2 );
-
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage( $( "#mypage" ) );
- },
-
- function() {
- //bring up the dialog
- $( "#foo-dialog-link" ).click();
- },
-
- function() {
- var fooDialog = $( "#foo-dialog" );
-
- // make sure the dialog came up
- ok( /&ui-state=dialog/.test(location.hash), "ui-state=dialog =~ location.hash", "dialog open" );
-
- // close the dialog
- $( ".ui-dialog" ).dialog( "close" );
- },
-
- function() {
- ok( !/&ui-state=dialog/.test(location.hash), "ui-state=dialog !~ location.hash" );
- start();
- }
- ]);
- });
-
- asyncTest( "dialog element with no theming", function() {
- expect(4);
-
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage( $( "#mypage" ) );
- },
-
- function() {
- //bring up the dialog
- $( "#link-a" ).click();
- },
-
- function() {
- var dialog = $( "#dialog-a" );
-
- // Assert dialog theme inheritance (issue 1375):
- ok( dialog.hasClass( "ui-body-c" ), "Expected explicit theme ui-body-c" );
- ok( dialog.find( ":jqmData(role=header)" ).hasClass( "ui-bar-" + $.mobile.page.prototype.options.footerTheme ), "Expected header to inherit from $.mobile.page.prototype.options.headerTheme" );
- ok( dialog.find( ":jqmData(role=content)" ).hasClass( "ui-body-" + $.mobile.page.prototype.options.contentTheme ), "Expect content to inherit from $.mobile.page.prototype.options.contentTheme" );
- ok( dialog.find( ":jqmData(role=footer)" ).hasClass( "ui-bar-" + $.mobile.page.prototype.options.footerTheme ), "Expected footer to inherit from $.mobile.page.prototype.options.footerTheme" );
-
- start();
- }
- ]);
- });
-
- asyncTest( "dialog element with data-theme", function() {
- // Reset fallback theme for content
- $.mobile.page.prototype.options.contentTheme = null;
-
- expect(5);
-
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage( $( "#mypage" ) );
- },
-
- function() {
- //bring up the dialog
- $( "#link-b" ).click();
- },
-
- function() {
- var dialog = $( "#dialog-b" );
-
- // Assert dialog theme inheritance (issue 1375):
- ok( dialog.hasClass( "ui-body-e" ), "Expected explicit theme ui-body-e" );
- ok( !dialog.hasClass( "ui-overlay-b" ), "Expected no theme ui-overlay-b" );
- ok( dialog.find( ":jqmData(role=header)" ).hasClass( "ui-bar-" + $.mobile.page.prototype.options.footerTheme ), "Expected header to inherit from $.mobile.page.prototype.options.headerTheme" );
- ok( dialog.find( ":jqmData(role=content)" ).hasClass( "ui-body-e" ), "Expect content to inherit from data-theme" );
- ok( dialog.find( ":jqmData(role=footer)" ).hasClass( "ui-bar-" + $.mobile.page.prototype.options.footerTheme ), "Expected footer to inherit from $.mobile.page.prototype.options.footerTheme" );
-
- start();
- }
- ]);
- });
-
- asyncTest( "dialog element with data-theme & data-overlay-theme", function() {
- expect(5);
-
- $.testHelper.pageSequence([
- function() {
- $.mobile.changePage( $( "#mypage" ) );
- },
-
- function() {
- //bring up the dialog
- $( "#link-c" ).click();
- },
-
- function() {
- var dialog = $( "#dialog-c" );
-
- // Assert dialog theme inheritance (issue 1375):
- ok( dialog.hasClass( "ui-body-e" ), "Expected explicit theme ui-body-e" );
- ok( dialog.hasClass( "ui-overlay-b" ), "Expected explicit theme ui-overlay-b" );
- ok( dialog.find( ":jqmData(role=header)" ).hasClass( "ui-bar-" + $.mobile.page.prototype.options.footerTheme ), "Expected header to inherit from $.mobile.page.prototype.options.headerTheme" );
- ok( dialog.find( ":jqmData(role=content)" ).hasClass( "ui-body-" + $.mobile.page.prototype.options.contentTheme ), "Expect content to inherit from $.mobile.page.prototype.options.contentTheme" );
- ok( dialog.find( ":jqmData(role=footer)" ).hasClass( "ui-bar-" + $.mobile.page.prototype.options.footerTheme ), "Expected footer to inherit from $.mobile.page.prototype.options.footerTheme" );
-
- start();
- }
- ]);
- });
-})( jQuery );
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Dialog Test Suite</title>
-
- <script src="../../../js/jquery.js"></script>
- <script>
- $(document).bind('mobileinit',function(){
- // Expect content to inherit this theme when not explicitly set
- $.mobile.page.prototype.options.contentTheme = "d";
- });
- </script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../js/"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
-
-
- <link rel="stylesheet" href="../../../css/themes/default/"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../../../external/qunit.js"></script>
-
- <script src="dialog_events.js"></script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Dialog Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="mypage" data-nstest-role="page" data-nstest-theme="a">
- <a href="#foo-dialog" id="foo-dialog-link" data-nstest-role="button" data-nstest-inline="true" data-nstest-rel="dialog"></a>
- <a href="#dialog-a" id="link-a" data-nstest-role="button" data-nstest-inline="true" data-nstest-rel="dialog">no theme set</a>
- <a href="#dialog-b" id="link-b" data-nstest-role="button" data-nstest-inline="true" data-nstest-rel="dialog">data-theme set</a>
- <a href="#dialog-c" id="link-c" data-nstest-role="button" data-nstest-inline="true" data-nstest-rel="dialog">data-theme & data-nstest-overlay-theme set</a>
-</div>
-
-<div id="foo-dialog" data-nstest-role="dialog" data-nstest-theme="b">
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Dialog</h1>
- </div>
- <div data-nstest-role="content" >
- <a href="#" id="internal-link">foo</a>
- </div>
- <div data-nstest-role="footer">
- footer
- </div>
-</div>
-
-<div data-nstest-role="page" id="dialog-a">
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1> No theme set </h1>
- </div>
- <div data-nstest-role="content">
- Some text here....
- </div>
- <div data-nstest-role="footer">
- footer
- </div>
-</div>
-
-<div data-nstest-role="page" data-nstest-theme="e" id="dialog-b">
- <div data-nstest-role="header">
- <h1> data-nstest-theme set </h1>
- </div>
- <div data-nstest-role="content">
- Some text here....
- </div>
- <div data-nstest-role="footer">
- footer
- </div>
-</div>
-
-<div data-nstest-role="page" id="dialog-c" data-nstest-overlay-theme="b" data-nstest-theme="e">
- <div data-nstest-role="header">
- <h1> data-nstest-theme & data-nstest-overlay-theme set </h1>
- </div>
- <div data-nstest-role="content">
- Some text here....
- </div>
- <div data-nstest-role="footer">
- footer
- </div>
-</div>
-
-</body>
-</html>
+++ /dev/null
-/*
- * mobile event unit tests
- */
-
-(function($){
- var libName = "jquery.mobile.event.js",
- absFn = Math.abs,
- originalEventFn = $.Event.prototype.originalEvent,
- preventDefaultFn = $.Event.prototype.preventDefault,
- events = ("touchstart touchmove touchend orientationchange tap taphold " +
- "swipe swipeleft swiperight scrollstart scrollstop").split( " " );
-
- module(libName, {
- setup: function(){
-
- // ensure bindings are removed
- $.each(events + "vmouseup vmousedown".split(" "), function(i, name){
- $("#qunit-fixture").unbind();
- });
-
- //NOTE unmock
- Math.abs = absFn;
- $.Event.prototype.originalEvent = originalEventFn;
- $.Event.prototype.preventDefault = preventDefaultFn;
-
- // make sure the event objects respond to touches to simulate
- // the collections existence in non touch enabled test browsers
- $.Event.prototype.touches = [{pageX: 1, pageY: 1 }];
-
- $($.mobile.pageContainer).unbind( "throttledresize" );
- }
- });
-
- $.testHelper.excludeFileProtocol(function(){
- test( "new events defined on the jquery object", function(){
- $.each(events, function( i, name ) {
- delete $.fn[name];
- same($.fn[name], undefined);
- });
-
- $.testHelper.reloadLib(libName);
-
- $.each(events, function( i, name ) {
- ok($.fn[name] !== undefined, name + " is not undefined");
- });
- });
- });
-
- asyncTest( "defined event functions bind a closure when passed", function(){
- expect( 1 );
-
- $('#qunit-fixture').bind(events[0], function(){
- ok(true, "event fired");
- start();
- });
-
- $('#qunit-fixture').trigger(events[0]);
- });
-
- asyncTest( "defined event functions trigger the event with no arguments", function(){
- expect( 1 );
-
- $('#qunit-fixture').bind('touchstart', function(){
- ok(true, "event fired");
- start();
- });
-
- $('#qunit-fixture').touchstart();
- });
-
- test( "defining event functions sets the attrFn to true", function(){
- $.each(events, function(i, name){
- ok($.attrFn[name], "attribute function is true");
- });
- });
-
- test( "scrollstart enabled defaults to true", function(){
- $.event.special.scrollstart.enabled = false;
- $.testHelper.reloadLib(libName);
- ok($.event.special.scrollstart.enabled, "scrollstart enabled");
- });
-
- asyncTest( "scrollstart setup binds a function that returns when its disabled", function(){
- expect( 1 );
- $.event.special.scrollstart.enabled = false;
-
- $( "#qunit-fixture" ).bind("scrollstart", function(){
- ok(false, "scrollstart fired");
- });
-
- $( "#qunit-fixture" ).bind("touchmove", function(){
- ok(true, "touchmove fired");
- start();
- });
-
- $( "#qunit-fixture" ).trigger("touchmove");
- });
-
- asyncTest( "scrollstart setup binds a function that triggers scroll start when enabled", function(){
- $.event.special.scrollstart.enabled = true;
-
- $( "#qunit-fixture" ).bind("scrollstart", function(){
- ok(true, "scrollstart fired");
- start();
- });
-
- $( "#qunit-fixture" ).trigger("touchmove");
- });
-
- asyncTest( "scrollstart setup binds a function that triggers scroll stop after 50 ms", function(){
- var triggered = false;
- $.event.special.scrollstart.enabled = true;
-
- $( "#qunit-fixture" ).bind("scrollstop", function(){
- triggered = true;
- });
-
- ok(!triggered, "not triggered");
-
- $( "#qunit-fixture" ).trigger("touchmove");
-
- setTimeout(function(){
- ok(triggered, "triggered");
- start();
- }, 50);
- });
-
- var forceTouchSupport = function(){
- $.support.touch = true;
- $.testHelper.reloadLib(libName);
-
- //mock originalEvent information
- $.Event.prototype.originalEvent = {
- touches: [{ 'pageX' : 0 }, { 'pageY' : 0 }]
- };
- };
-
- asyncTest( "long press fires tap hold after 750 ms", function(){
- var taphold = false;
-
- forceTouchSupport();
-
- $( "#qunit-fixture" ).bind("taphold", function(){
- taphold = true;
- });
-
- $( "#qunit-fixture" ).trigger("vmousedown");
-
- setTimeout(function(){
- ok(taphold);
- start();
- }, 751);
- });
-
- //NOTE used to simulate movement when checked
- //TODO find a better way ...
- var mockAbs = function(value){
- Math.abs = function(){
- return value;
- };
- };
-
- asyncTest( "move prevents taphold", function(){
- expect( 1 );
- var taphold = false;
-
- forceTouchSupport();
- mockAbs(100);
-
- //NOTE record taphold event
- $( "#qunit-fixture" ).bind("taphold", function(){
- ok(false, "taphold fired");
- taphold = true;
- });
-
- //NOTE start the touch events
- $( "#qunit-fixture" ).trigger("vmousedown");
-
- //NOTE fire touchmove to push back taphold
- setTimeout(function(){
- $( "#qunit-fixture" ).trigger("vmousecancel");
- }, 100);
-
- //NOTE verify that the taphold hasn't been fired
- // with the normal timing
- setTimeout(function(){
- ok(!taphold, "taphold not fired");
- start();
- }, 751);
- });
-
- asyncTest( "tap event fired without movement", function(){
- expect( 1 );
- var tap = false,
- checkTap = function(){
- ok(true, "tap fired");
- };
-
- forceTouchSupport();
-
- //NOTE record the tap event
- $( "#qunit-fixture" ).bind("tap", checkTap);
-
- $( "#qunit-fixture" ).trigger("vmousedown");
- $( "#qunit-fixture" ).trigger("vmouseup");
- $( "#qunit-fixture" ).trigger("vclick");
-
- setTimeout(function(){
- start();
- }, 400);
- });
-
- asyncTest( "tap event not fired when there is movement", function(){
- expect( 1 );
- var tap = false;
- forceTouchSupport();
-
- //NOTE record tap event
- $( "#qunit-fixture" ).bind("tap", function(){
- ok(false, "tap fired");
- tap = true;
- });
-
- //NOTE make sure movement is recorded
- mockAbs(100);
-
- //NOTE start and move right away
- $( "#qunit-fixture" ).trigger("touchstart");
- $( "#qunit-fixture" ).trigger("touchmove");
-
- //NOTE end touch sequence after 20 ms
- setTimeout(function(){
- $( "#qunit-fixture" ).trigger("touchend");
- }, 20);
-
- setTimeout(function(){
- ok(!tap, "not tapped");
- start();
- }, 40);
- });
-
- asyncTest( "tap event propagates up DOM tree", function(){
- var tap = 0,
- $qf = $( "#qunit-fixture" ),
- $doc = $( document ),
- docTapCB = function(){
- same(++tap, 2, "document tap callback called once after #qunit-fixture callback");
- };
-
- $qf.bind( "tap", function() {
- same(++tap, 1, "#qunit-fixture tap callback called once");
- });
-
- $doc.bind( "tap", docTapCB );
-
- $qf.trigger( "vmousedown" )
- .trigger( "vmouseup" )
- .trigger( "vclick" );
-
- // tap binding should be triggered twice, once for
- // #qunit-fixture, and a second time for document.
- same( tap, 2, "final tap callback count is 2" );
-
- $doc.unbind( "tap", docTapCB );
-
- start();
- });
-
- asyncTest( "stopPropagation() prevents tap from propagating up DOM tree", function(){
- var tap = 0,
- $qf = $( "#qunit-fixture" ),
- $doc = $( document ),
- docTapCB = function(){
- ok(false, "tap should NOT be triggered on document");
- };
-
- $qf.bind( "tap", function(e) {
- same(++tap, 1, "tap callback 1 triggered once on #qunit-fixture");
- e.stopPropagation();
- })
- .bind( "tap", function(e) {
- same(++tap, 2, "tap callback 2 triggered once on #qunit-fixture");
- });
-
- $doc.bind( "tap", docTapCB);
-
- $qf.trigger( "vmousedown" )
- .trigger( "vmouseup" )
- .trigger( "vclick" );
-
- // tap binding should be triggered twice.
- same( tap, 2, "final tap count is 2" );
-
- $doc.unbind( "tap", docTapCB );
-
- start();
- });
-
- asyncTest( "stopImmediatePropagation() prevents tap propagation and execution of 2nd handler", function(){
- var tap = 0,
- $cf = $( "#qunit-fixture" );
- $doc = $( document ),
- docTapCB = function(){
- ok(false, "tap should NOT be triggered on document");
- };
-
- // Bind 2 tap callbacks on qunit-fixture. Only the first
- // one should ever be called.
- $cf.bind( "tap", function(e) {
- same(++tap, 1, "tap callback 1 triggered once on #qunit-fixture");
- e.stopImmediatePropagation();
- })
- .bind( "tap", function(e) {
- ok(false, "tap callback 2 should NOT be triggered on #qunit-fixture");
- });
-
- $doc.bind( "tap", docTapCB);
-
- $cf.trigger( "vmousedown" )
- .trigger( "vmouseup" )
- .trigger( "vclick" );
-
- // tap binding should be triggered once.
- same( tap, 1, "final tap count is 1" );
-
- $doc.unbind( "tap", docTapCB );
-
- start();
- });
-
- var swipeTimedTest = function(opts){
- var swipe = false;
-
- forceTouchSupport();
-
- $( "#qunit-fixture" ).bind('swipe', function(){
- swipe = true;
- });
-
- //NOTE bypass the trigger source check
- $.Event.prototype.originalEvent = {
- touches: false
- };
-
- $( "#qunit-fixture" ).trigger("touchstart");
-
- //NOTE make sure the coordinates are calculated within range
- // to be registered as a swipe
- mockAbs(opts.coordChange);
-
- setTimeout(function(){
- $( "#qunit-fixture" ).trigger("touchmove");
- $( "#qunit-fixture" ).trigger("touchend");
- }, opts.timeout + 100);
-
- setTimeout(function(){
- same(swipe, opts.expected, "swipe expected");
- start();
- }, opts.timeout + 200);
-
- stop();
- };
-
- test( "swipe fired when coordinate change in less than a second", function(){
- swipeTimedTest({ timeout: 10, coordChange: 35, expected: true });
- });
-
- test( "swipe not fired when coordinate change takes more than a second", function(){
- swipeTimedTest({ timeout: 1000, coordChange: 35, expected: false });
- });
-
- test( "swipe not fired when coordinate change <= 30", function(){
- swipeTimedTest({ timeout: 1000, coordChange: 30, expected: false });
- });
-
- test( "swipe not fired when coordinate change >= 75", function(){
- swipeTimedTest({ timeout: 1000, coordChange: 75, expected: false });
- });
-
- asyncTest( "scrolling prevented when coordinate change > 10", function(){
- expect( 1 );
-
- forceTouchSupport();
-
- // ensure the swipe custome event is setup
- $( "#qunit-fixture" ).bind('swipe', function(){});
-
- //NOTE bypass the trigger source check
- $.Event.prototype.originalEvent = {
- touches: false
- };
-
- $.Event.prototype.preventDefault = function(){
- ok(true, "prevent default called");
- start();
- };
-
- mockAbs(11);
-
- $( "#qunit-fixture" ).trigger("touchstart");
- $( "#qunit-fixture" ).trigger("touchmove");
- });
-
- asyncTest( "move handler returns when touchstart has been fired since touchstop", function(){
- expect( 1 );
-
- // bypass triggered event check
- $.Event.prototype.originalEvent = {
- touches: false
- };
-
- forceTouchSupport();
-
- // ensure the swipe custome event is setup
- $( "#qunit-fixture" ).bind('swipe', function(){});
-
- $( "#qunit-fixture" ).trigger("touchstart");
- $( "#qunit-fixture" ).trigger("touchend");
-
- $( "#qunit-fixture" ).bind("touchmove", function(){
- ok(true, "touchmove bound functions are fired");
- start();
- });
-
- Math.abs = function(){
- ok(false, "shouldn't compare coordinates");
- };
-
- $( "#qunit-fixture" ).trigger("touchmove");
- });
-
- var nativeSupportTest = function(opts){
- $.support.orientation = opts.orientationSupport;
- same($.event.special.orientationchange[opts.method](), opts.returnValue);
- };
-
- test( "orientation change setup should do nothing when natively supported", function(){
- nativeSupportTest({
- method: 'setup',
- orientationSupport: true,
- returnValue: false
- });
- });
-
- test( "orientation change setup should bind resize when not supported natively", function(){
- nativeSupportTest({
- method: 'setup',
- orientationSupport: false,
- returnValue: undefined //NOTE result of bind function call
- });
- });
-
- test( "orientation change teardown should do nothing when natively supported", function(){
- nativeSupportTest({
- method: 'teardown',
- orientationSupport: true,
- returnValue: false
- });
- });
-
- test( "orientation change teardown should unbind resize when not supported natively", function(){
- nativeSupportTest({
- method: 'teardown',
- orientationSupport: false,
- returnValue: undefined //NOTE result of unbind function call
- });
- });
-
- /* The following 4 tests are async so that the throttled event triggers don't interfere with subsequent tests */
-
- asyncTest( "throttledresize event proxies resize events", function(){
- $( window ).one( "throttledresize", function(){
- ok( true, "throttledresize called");
- start();
- });
-
- $( window ).trigger( "resize" );
- });
-
- asyncTest( "throttledresize event prevents resize events from firing more frequently than 250ms", function(){
- var called = 0;
-
- $(window).bind( "throttledresize", function(){
- called++;
- });
-
- // NOTE 250 ms * 3 = 750ms which is plenty of time
- // for the events to trigger before the next test, but
- // not so much time that the second resize will be triggered
- // before the call to same() is made
- $.testHelper.sequence([
- function(){
- $(window).trigger( "resize" ).trigger( "resize" );
- },
-
- // verify that only one throttled resize was called after 250ms
- function(){ same( called, 1 ); },
-
- function(){
- start();
- }
- ], 250);
- });
-
- asyncTest( "throttledresize event promises that a held call will execute only once after throttled timeout", function(){
- var called = 0;
-
- expect( 2 );
-
- $.testHelper.eventSequence( "throttledresize", [
- // ignore the first call
- $.noop,
-
- function(){
- ok( true, "second throttled resize should run" );
- },
-
- function(timedOut){
- ok( timedOut, "third throttled resize should not run");
- start();
- }
- ]);
-
- $.mobile.pageContainer
- .trigger( "resize" )
- .trigger( "resize" )
- .trigger( "resize" );
- });
-
- asyncTest( "mousedown mouseup and click events should add a which when its not defined", function() {
- var whichDefined = function( event ){
- same(event.which, 1);
- };
-
- $( document ).bind( "vclick", whichDefined);
- $( document ).trigger( "click" );
-
- $( document ).bind( "vmousedown", whichDefined);
- $( document ).trigger( "mousedown" );
-
- $( document ).bind( "vmouseup", function( event ){
- same(event.which, 1);
- start();
- });
-
- $( document ).trigger( "mouseup" );
- });
-})(jQuery);
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Event Test Suite</title>
-
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script src="../../../js/jquery.mobile.event.js"></script>
- <script src="../../../js/"></script>
-
-
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../../../external/qunit.js"></script>
-
- <script src="event_core.js"></script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Event Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="qunit-fixture"></div>
-
-<div id="foo" data-nstest-role="page">
- <a href="#bar" data-nstest-transition="flip"></a>
-</div>
-
-</body>
-</html>
+++ /dev/null
-/*
- * mobile dialog unit tests
- */
-(function($){
- module('jquery.mobile.fieldContain.js');
-
- test( "Field container contains appropriate css styles", function(){
- ok($('#test-fieldcontain').hasClass('ui-field-contain ui-body ui-br'), 'A fieldcontain element must contain styles "ui-field-contain ui-body ui-br"');
- });
-
- test( "Field container will create when inside a container that receives a 'create' event", function(){
- ok( !$("#enhancetest").appendTo(".ui-page-active").find(".ui-field-contain").length, "did not have enhancements applied" );
- ok( $("#enhancetest").trigger("create").find(".ui-field-contain").length, "enhancements applied" );
- });
-
-})(jQuery);
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8" />
- <title>jQuery Mobile FieldContain Integration Test</title>
-
-
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../js/"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
-
-
- <link rel="stylesheet" href="../../../css/themes/default/"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../../../external/qunit.js"></script>
-
- <script src="fieldContain_events.js"></script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile FieldContainer Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page">
-
- <!-- Basic fieldcontain test -->
- <div id="test-fieldcontain" data-nstest-role="fieldcontain">
- <label for="name">Text Input:</label>
- <input type="text" name="name" id="name" value="" />
- </div>
-
-</div>
-
-<div id="enhancetest">
-<div data-nstest-role="fieldcontain">
-</div>
-</div>
-
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <link rel="stylesheet" href="../../external/qunit.css" />
- <script src="../../js/jquery.js"></script>
- <script src="../../external/qunit.js"></script>
- <script src="runner.js"></script>
- <style type="text/css">
- html, body {
- width:100%;
- height:100%;
- margin:0px;
- padding:0px;
- }
-
- #testFrame {
- float: left;
- border: 0px;
- height: 100%;
- width: 60%;
- }
-
- #results {
- float: left;
- width: 30%;
- }
- </style>
-</head>
-<body>
- <div id="results">
- <h1 id="qunit-header"><a href="#">jQuery Mobile Test Suite</a></h1>
- <h2 id="qunit-banner"></h2>
- <ol id="qunit-tests">
- </ol>
- </div>
- <iframe data-src="../../tests/unit/{{testdir}}" name="testFrame" id="testFrame" scrolling="no">
- </iframe>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8" />
- <title>jQuery Mobile Init Test Suite</title>
- <!-- meta viewport left out on purpose for test append -->
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../js/"></script>
- <script src="../../../external/qunit.js"></script>
- <script src="../../jquery.testHelper.js"></script>
- <script src="init_core.js"></script>
- <!-- added explicitly for library reloading (see testHelper ) -->
- <script src="../../../js/jquery.mobile.core.js"></script>
- <script src="../../../js/jquery.mobile.init.js"></script>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Init Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page" id="foo">
-</div>
-
-<div data-nstest-role="page" id="bar" data-nstest-url="bak">
-</div>
-
-</body>
-</html>
+++ /dev/null
-/*
- * mobile init tests
- */
-(function($){
- var mobilePage = undefined,
- libName = 'jquery.mobile.init.js',
- coreLib = 'jquery.mobile.core.js',
- extendFn = $.extend,
- setGradeA = function(value) { $.mobile.gradeA = function(){ return value; }; },
- reloadCoreNSandInit = function(){
- $.testHelper.reloadLib(coreLib);
- $.testHelper.reloadLib("jquery.setNamespace.js");
- $.testHelper.reloadLib(libName);
- };
-
-
- module(libName, {
- setup: function(){
- // NOTE reset for gradeA tests
- $('html').removeClass('ui-mobile');
-
- // TODO add post reload callback
- $('.ui-loader').remove();
- },
- teardown: function(){
- $.extend = extendFn;
-
- // NOTE reset for showPageLoadingMsg/hidePageLoadingMsg tests
- $('.ui-loader').remove();
-
- // clear the classes added by reloading the init
- $("html").attr('class', '');
- }
- });
-
- // NOTE important to use $.fn.one here to make sure library reloads don't fire
- // the event before the test check below
- $(document).one("mobileinit", function(){
- mobilePage = $.mobile.page;
- });
-
- // NOTE for the following two tests see index html for the binding
- test( "mobile.page is available when mobile init is fired", function(){
- ok( mobilePage !== undefined, "$.mobile.page is defined" );
- });
-
- $.testHelper.excludeFileProtocol(function(){
- asyncTest( "loading the init library triggers mobilinit on the document", function(){
- var initFired = false;
- expect( 1 );
-
- $(window.document).one('mobileinit', function(event){
- initFired = true;
- });
-
- $.testHelper.reloadLib(libName);
-
- setTimeout(function(){
- ok(initFired, "init fired");
- start();
- }, 1000);
- });
-
- test( "enhancments are skipped when the browser is not grade A", function(){
- setGradeA(false);
- $.testHelper.reloadLib(libName);
-
- //NOTE easiest way to check for enhancements, not the most obvious
- ok(!$("html").hasClass("ui-mobile"), "html elem doesn't have class ui-mobile");
- });
-
- test( "enhancments are added when the browser is grade A", function(){
- setGradeA(true);
- $.testHelper.reloadLib(libName);
-
- ok($("html").hasClass("ui-mobile"), "html elem has class mobile");
- });
-
- asyncTest( "useFastClick is configurable via mobileinit", function(){
- $(document).one( "mobileinit", function(){
- $.mobile.useFastClick = false;
- start();
- });
-
- $.testHelper.reloadLib(libName);
-
- same( $.mobile.useFastClick, false , "fast click is set to false after init" );
- $.mobile.useFastClick = true;
- });
-
-
-
- var findFirstPage = function() {
- return $(":jqmData(role='page')").first();
- };
-
- test( "active page and start page should be set to the fist page in the selected set", function(){
- expect( 2 );
- $.testHelper.reloadLib(libName);
- var firstPage = findFirstPage();
-
- same($.mobile.firstPage[0], firstPage[0]);
- same($.mobile.activePage[0], firstPage[0]);
- });
-
- test( "mobile viewport class is defined on the first page's parent", function(){
- expect( 1 );
- $.testHelper.reloadLib(libName);
- var firstPage = findFirstPage();
-
- ok(firstPage.parent().hasClass("ui-mobile-viewport"), "first page has viewport");
- });
-
- test( "mobile page container is the first page's parent", function(){
- expect( 1 );
- $.testHelper.reloadLib(libName);
- var firstPage = findFirstPage();
-
- same($.mobile.pageContainer[0], firstPage.parent()[0]);
- });
-
- asyncTest( "hashchange triggered on document ready with single argument: true", function(){
- $.testHelper.sequence([
- function(){
- location.hash = "#foo";
- },
-
- // delay the bind until the first hashchange
- function(){
- $(window).one("hashchange", function(ev, arg){
- same(arg, true);
- start();
- });
- },
-
- function(){
- $.testHelper.reloadLib(libName);
- }
- ], 1000);
- });
-
- test( "pages without a data-url attribute have it set to their id", function(){
- same($("#foo").jqmData('url'), "foo");
- });
-
- test( "pages with a data-url attribute are left with the original value", function(){
- same($("#bar").jqmData('url'), "bak");
- });
-
- asyncTest( "showPageLoadingMsg doesn't add the dialog to the page when loading message is false", function(){
- expect( 1 );
- $.mobile.loadingMessage = false;
- $.mobile.showPageLoadingMsg();
-
- setTimeout(function(){
- ok(!$(".ui-loader").length, "no ui-loader element");
- start();
- }, 500);
- });
-
- asyncTest( "hidePageLoadingMsg doesn't add the dialog to the page when loading message is false", function(){
- expect( 1 );
- $.mobile.loadingMessage = true;
- $.mobile.hidePageLoadingMsg();
-
- setTimeout(function(){
- same($(".ui-loading").length, 0, "page should not be in the loading state");
- start();
- }, 500);
- });
-
- asyncTest( "showPageLoadingMsg adds the dialog to the page when loadingMessage is true", function(){
- expect( 1 );
- $.mobile.loadingMessage = true;
- $.mobile.showPageLoadingMsg();
-
- setTimeout(function(){
- same($(".ui-loading").length, 1, "page should be in the loading state");
- start();
- }, 500);
- });
-
- asyncTest( "page loading should contain default loading message", function(){
- expect( 1 );
- reloadCoreNSandInit();
- $.mobile.showPageLoadingMsg();
-
- setTimeout(function(){
- same($(".ui-loader h1").text(), "loading");
- start();
- }, 500);
- });
-
- asyncTest( "page loading should contain custom loading message", function(){
- $.mobile.loadingMessage = "foo";
- $.testHelper.reloadLib(libName);
- $.mobile.showPageLoadingMsg();
-
- setTimeout(function(){
- same($(".ui-loader h1").text(), "foo");
- start();
- }, 500);
- });
-
- asyncTest( "page loading should contain custom loading message when set during runtime", function(){
- $.mobile.loadingMessage = "bar";
- $.mobile.showPageLoadingMsg();
-
- setTimeout(function(){
- same($(".ui-loader h1").text(), "bar");
- start();
- }, 500);
- });
-
-
-
- // NOTE: the next two tests work on timeouts that assume a page will be created within 2 seconds
- // it'd be great to get these using a more reliable callback or event
-
- asyncTest( "page does auto-initialize at domready when autoinitialize option is true (default) ", function(){
-
- $( "<div />", { "data-nstest-role": "page", "id": "autoinit-on" } ).prependTo( "body" )
-
- $(document).one("mobileinit", function(){
- $.mobile.autoInitializePage = true;
- });
-
- location.hash = "";
-
- reloadCoreNSandInit();
-
- setTimeout(function(){
- same( $( "#autoinit-on.ui-page" ).length, 1 );
-
- start();
- }, 2000);
- });
-
-
- asyncTest( "page does not initialize at domready when autoinitialize option is false ", function(){
- $(document).one("mobileinit", function(){
- $.mobile.autoInitializePage = false;
- });
-
- $( "<div />", { "data-nstest-role": "page", "id": "autoinit-off" } ).prependTo( "body" )
-
- location.hash = "";
-
-
- reloadCoreNSandInit();
-
- setTimeout(function(){
- same( $( "#autoinit-off.ui-page" ).length, 0 );
-
- $(document).bind("mobileinit", function(){
- $.mobile.autoInitializePage = true;
- });
-
- reloadCoreNSandInit();
-
- start();
- }, 2000);
- });
-
-
-
- });
-})(jQuery);
+++ /dev/null
-/*
- * mobile init tests
- */
-(function($){
-
-
- test( "page element is generated when not present in initial markup", function(){
- ok( $( ".ui-page" ).length, 1 );
- });
-
-
-})(jQuery);
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8" />
- <title>jQuery Mobile Init Test Suite</title>
- <!-- meta viewport left out on purpose for test append -->
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../js/"></script>
- <script src="../../../external/qunit.js"></script>
- <script src="../../jquery.testHelper.js"></script>
- <script src="init_core_nopage.js"></script>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../swarminject.js"></script>
-
- <style>
- [data-nstest-role="page"], [data-nstest-role="dialog"] {
- position: static !important;
- }
- </style>
-</head>
-
-<h1 id="qunit-header">jQuery Mobile Init Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-</body>
-</html>
+++ /dev/null
-//set namespace for unit test markp
-$( document ).bind( "mobileinit", function(){
- $.mobile.ns = "nstest-";
-});
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
- <head>
- <meta charset="utf-8">
- </head>
- <body>
- <div data-nstest-role="page" id='cached-nested-list' data-nstest-dom-cache="true">
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic multiple lists view</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-inset="true" id="topmost">
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3
- <ul data-nstest-role="listview">
- <li>Item A-3-0</li>
- <li>Item A-3-1</li>
- <li>Item A-3-2</li>
- </ul>
- </li>
- </ul>
- <ul data-nstest-role="listview" data-nstest-inset="true">
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3
- <ul data-nstest-role="listview">
- <li>Item B-3-0
- <ul data-nstest-role="listview">
- <li>Item B-3-0-0</li>
- <li>Item B-3-0-1
- <ul data-nstest-role="listview">
- <li>Item B-3-0-1-0</li>
- <li>Item B-3-0-1-1</li>
- <li>Item B-3-0-1-2</li>
- </ul>
- </li>
- <li>Item B-3-0-2</li>
- </ul>
- </li>
- <li>Item B-3-1
- <ul data-nstest-role="listview">
- <li>Item B-3-1-0</li>
- <li>Item B-3-1-1</li>
- <li>Item B-3-1-2</li>
- </ul>
- </li>
- <li>Item B-3-2</li>
- </ul>
- </li>
- </ul>
- </div>
- </div>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-</head>
-<body>
- <div data-nstest-role="page" id="clear">
- <div data-nstest-role="content">
- cleared
- </div>
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
- <head>
- <meta charset="utf-8">
- </head>
- <body>
- <div data-nstest-role="page" id='uncached-nested-list'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic multiple lists view</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-inset="true" id="topmost">
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3
- <ul data-nstest-role="listview">
- <li>Item A-3-0</li>
- <li>Item A-3-1</li>
- <li>Item A-3-2</li>
- </ul>
- </li>
- </ul>
- <ul data-nstest-role="listview" data-nstest-inset="true">
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3
- <ul data-nstest-role="listview">
- <li>Item B-3-0
- <ul data-nstest-role="listview">
- <li>Item B-3-0-0</li>
- <li>Item B-3-0-1
- <ul data-nstest-role="listview">
- <li>Item B-3-0-1-0</li>
- <li>Item B-3-0-1-1</li>
- <li>Item B-3-0-1-2</li>
- </ul>
- </li>
- <li>Item B-3-0-2</li>
- </ul>
- </li>
- <li>Item B-3-1
- <ul data-nstest-role="listview">
- <li>Item B-3-1-0</li>
- <li>Item B-3-1-1</li>
- <li>Item B-3-1-2</li>
- </ul>
- </li>
- <li>Item B-3-2</li>
- </ul>
- </li>
- </ul>
- </div>
- </div>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Listview Integration Test</title>
-
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../js/"></script>
- <script src="../../jquery.testHelper.js"></script>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../../../external/qunit.js"></script>
-
- <script src="listview_core.js"></script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Listview Integration Test</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<!-- Basic Linked view test -->
-<div data-nstest-role="page" id='basic-linked-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview">
- <li><a href="#basic-link-results">Home</a></li>
- <li><a href="#basic-link-results">Back</a></li>
- <li><a href="#basic-link-results">Return</a></li>
- <li><a href="#nested-list-test" id="nested-list-test-anchor">Nested List Test</a></li>
- </ul>
- </div>
- <a href="cache-tests/nested.html" id="cached-tests"></a>
-</div>
-
-<div data-nstest-role='page' id='basic-link-results'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Results</h1>
- </div>
-</div>
-
-<!-- Nested List -->
-<div data-nstest-role="page" id='nested-list-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview">
- <li>Groups of animals
- <ul>
- <li>pod of whales</li>
- <li>quiver of cobras</li>
- <li>troop of baboons</li>
- </ul>
- </li>
- <li class="linebreaknode">
-
- More animals
-
-
- <ul>
- <li>Shoal of Bass</li>
- <li>Rhumba of rattlesnakes</li>
- </ul>
- </li>
- </ul>
- </div>
-</div>
-
-
-<div data-nstest-role="page" id='nested-lists-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic multiple lists view</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-inset="true">
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3
- <ul data-nstest-role="listview">
- <li>Item A-3-0</li>
- <li>Item A-3-1</li>
- <li>Item A-3-2</li>
- </ul>
- </li>
- </ul>
- <ul data-nstest-role="listview" data-nstest-inset="true">
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3
- <ul data-nstest-role="listview">
- <li>Item B-3-0
- <ul data-nstest-role="listview">
- <li>Item B-3-0-0</li>
- <li>Item B-3-0-1
- <ul data-nstest-role="listview">
- <li>Item B-3-0-1-0</li>
- <li>Item B-3-0-1-1</li>
- <li>Item B-3-0-1-2</li>
- </ul>
- </li>
- <li>Item B-3-0-2</li>
- </ul>
- </li>
- <li>Item B-3-1
- <ul data-nstest-role="listview">
- <li>Item B-3-1-0</li>
- <li>Item B-3-1-1</li>
- <li>Item B-3-1-2</li>
- </ul>
- </li>
- <li>Item B-3-2</li>
- </ul>
- </li>
- </ul>
- </div>
-</div>
-
-<!-- Numbered List -->
-<div data-nstest-role="page" id='numbered-list-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic List View</h1>
- </div>
- <div data-nstest-role="content">
- <ol data-nstest-role="listview">
- <li><a href="#numbered-list-results">Number 1</a></li>
- <li><a href="#numbered-list-results">Number 2</a></li>
- <li><a href="#numbered-list-results">Number 3</a></li>
- </ol>
- </div>
-</div>
-
-<div data-nstest-role='page' id='numbered-list-results'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Numbered List</h1>
- </div>
-</div>
-
-<!-- Read only List -->
-<div data-nstest-role="page" id='read-only-list-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview">
- <li>Read</li>
- <li>Only</li>
- <li>List</li>
- <li>View</li>
- </ul>
- </div>
-</div>
-
-<!-- Split listview -->
-<div data-nstest-role="page" id='split-list-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Split List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview">
- <li>
- <a href="#split-list-link1">link one</a>
- <a href="#split-list-link2">link second</a>
- </li>
- <li>
- <a href="#split-list-link1">link one</a>
- <a href="#split-list-link2">link second</a>
- </li>
- <li>
- <a href="#split-list-link1">link one</a>
- <a href="#split-list-link2">link second</a>
- </li>
- </ul>
- </div>
-</div>
-
-<div data-nstest-role="page" id='split-list-link1'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Split List view 1</h1>
- </div>
-</div>
-
-<div data-nstest-role="page" id='split-list-link2'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Split List view 2</h1>
- </div>
-</div>
-
-<!-- List divider -->
-<div data-nstest-role="page" id='list-divider-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>List Divider Test</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview">
- <li>a is for aquaman</li>
- <li>b is for batman</li>
- <li data-nstest-role="list-divider">This is a list divider</li>
- <li>c is for catwoman</li>
- <li data-nstest-role="list-divider">This is another list divider</li>
- <li>d is for darkwing</li>
- </ul>
- </div>
-</div>
-
-<!-- Search bar filter -->
-<div data-nstest-role="page" id='search-filter-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Split List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-filter="true">
- <li>a is for aquaman</li>
- <li>b is for batman</li>
- <li>c is for catwoman</li>
- <li>d is for darkwing</li>
- </ul>
- </div>
-</div>
-
-<!-- Search bar filter with list-dividers -->
-<div data-nstest-role="page" id='search-filter-with-dividers-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Split List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-filter="true">
- <li data-nstest-role="list-divider">a</li>
- <li>a is for aquaman</li>
- <li data-nstest-role="list-divider">b</li>
- <li>b is for batman</li>
- <li data-nstest-role="list-divider">c</li>
- <li>c is for catwoman</li>
- <li data-nstest-role="list-divider">d</li>
- <li>d is for darkwing</li>
- </ul>
- </div>
-</div>
-
-<!-- Search bar filter inset -->
-<div data-nstest-role="page" id='search-filter-inset-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Inset Filter List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-filter="true" data-nstest-inset="true">
- <li>a is for aquaman</li>
- <li>b is for batman</li>
- <li>c is for catwoman</li>
- <li>d is for darkwing</li>
- </ul>
- </div>
-</div>
-
-<!-- Programmatically generated list items !-->
-<div data-nstest-role="page" id="programmatically-generated-list">
- <ul data-nstest-role="listview" data-nstest-inset="true" id="programmatically-generated-list-items"></ul>
-</div>
-
-<!-- Removing items from list -->
-<div data-nstest-role="page" id='removing-items-from-list-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-inset="true">
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- </ul>
- </div>
-</div>
-
-<!-- Rounded corners inset list with variable items -->
-<div data-nstest-role="page" id='corner-rounded-test'>
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic List View</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-inset="true">
- </ul>
- </div>
-</div>
-
-<div data-nstest-role="page" id="enhancetest">
- <ul data-nstest-role="listview">
- <li><a href="#basic-link-results">Home</a></li>
- <li><a href="#basic-link-results">Back</a></li>
- <li><a href="#basic-link-results">Return</a></li>
- </ul>
-</div>
-
-<div id="list-theme-inherit" data-nstest-theme="b">
- <ul data-nstest-role="listview">
- <li>foo</li>
- </ul>
-</div>
-
-<div data-nstest-role="page" id="ui-li-has-test">
- <div data-nstest-role="content">
- <p>Right padding on item 1 is OK (75px).</p>
- <p>Right padding on items 2 & 3 should probably be around 30 or 35 (not 25).</p>
- <p>Right padding on item 4 should be 15px to match the left side.</p>
- <ol data-nstest-role="listview" data-nstest-inset="true">
- <li><a href="#">Link LI with counter --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<span class="ui-li-count">123</span></a></li>
- <li><a href="#">Link LI without counter -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</a></li>
- <li><a href="#page1">Page1 Link LI without counter -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</a><a href="#page2"></a></li>
- <li>Static LI with counter ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<span class="ui-li-count">123</span></li>
- <li>Static LI without counter ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</li>
- </ol>
- </div>
-</div>
-
-</body>
-</html>
+++ /dev/null
-/*
- * mobile listview unit tests
- */
-
-// TODO split out into seperate test files
-(function($){
- var home = $.mobile.path.parseUrl( location.href ).pathname;
-
- $.mobile.defaultTransition = "none";
-
- module( "Basic Linked list", {
- setup: function(){
- $.testHelper.openPage( "#basic-linked-test" );
- }
- });
-
- asyncTest( "The page should enhanced correctly", function(){
- setTimeout(function() {
- ok($('#basic-linked-test .ui-li').length, ".ui-li classes added to li elements");
- start();
- }, 800);
- });
-
- asyncTest( "Slides to the listview page when the li a is clicked", function() {
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#basic-linked-test");
- },
-
- function(){
- $('#basic-linked-test li a').first().click();
- },
-
- function(){
- ok($('#basic-link-results').hasClass('ui-page-active'));
- start();
- }
- ]);
- });
-
- asyncTest( "Slides back to main page when back button is clicked", function() {
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#basic-link-results");
- },
-
- function(){
- window.history.back();
- },
-
- function(){
- ok($('#basic-linked-test').hasClass('ui-page-active'));
- start();
- }
- ]);
- });
-
- asyncTest( "Presence of ui-li-has- classes", function(){
- $.testHelper.pageSequence( [
- function() {
- $.testHelper.openPage( "#ui-li-has-test" );
- },
-
- function() {
- var page = $( ".ui-page-active" ),
- items = page.find( "li" );
-
- ok( items.eq( 0 ).hasClass( "ui-li-has-count"), "First LI should have ui-li-has-count class" );
- ok( items.eq( 0 ).hasClass( "ui-li-has-arrow"), "First LI should have ui-li-has-arrow class" );
- ok( !items.eq( 1 ).hasClass( "ui-li-has-count"), "Second LI should NOT have ui-li-has-count class" );
- ok( items.eq( 1 ).hasClass( "ui-li-has-arrow"), "Second LI should have ui-li-has-arrow class" );
- ok( !items.eq( 2 ).hasClass( "ui-li-has-count"), "Third LI should NOT have ui-li-has-count class" );
- ok( !items.eq( 2 ).hasClass( "ui-li-has-arrow"), "Third LI should NOT have ui-li-has-arrow class" );
- ok( items.eq( 3 ).hasClass( "ui-li-has-count"), "Fourth LI should have ui-li-has-count class" );
- ok( !items.eq( 3 ).hasClass( "ui-li-has-arrow"), "Fourth LI should NOT have ui-li-has-arrow class" );
- ok( !items.eq( 4 ).hasClass( "ui-li-has-count"), "Fifth LI should NOT have ui-li-has-count class" );
- ok( !items.eq( 4 ).hasClass( "ui-li-has-arrow"), "Fifth LI should NOT have ui-li-has-arrow class" );
- start();
- }
- ]);
- });
-
- module('Nested List Test');
-
- asyncTest( "Changes page to nested list test and enhances", function() {
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#nested-list-test");
- },
-
- function(){
- ok($('#nested-list-test').hasClass('ui-page-active'), "makes nested list test page active");
- ok($(':jqmData(url="nested-list-test&ui-page=0-0")').length == 1, "Adds first UL to the page");
- ok($(':jqmData(url="nested-list-test&ui-page=0-1")').length == 1, "Adds second nested UL to the page");
- start();
- }
- ]);
- });
-
- asyncTest( "change to nested page when the li a is clicked", function() {
-
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#nested-list-test");
- },
-
- function(){
- $('.ui-page-active li:eq(1) a:eq(0)').click();
- },
-
- function(){
- var $new_page = $(':jqmData(url="nested-list-test&ui-page=0-0")');
-
- ok($new_page.hasClass('ui-page-active'), 'Makes the nested page the active page.');
- ok($('.ui-listview', $new_page).find(":contains('Rhumba of rattlesnakes')").length == 1, "The current page should have the proper text in the list.");
- ok($('.ui-listview', $new_page).find(":contains('Shoal of Bass')").length == 1, "The current page should have the proper text in the list.");
- start();
- }
- ]);
- });
-
- asyncTest( "should go back to top level when the back button is clicked", function() {
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#nested-list-test&ui-page=0-0");
- },
-
- function(){
- window.history.back();
- },
-
- function(){
- ok($('#nested-list-test').hasClass('ui-page-active'), 'Transitions back to the parent nested page');
- start();
- }
- ]);
- });
-
- test( "nested list title should use first text node, regardless of line breaks", function(){
- ok($('#nested-list-test .linebreaknode').text() === "More animals", 'Text should be "More animals"');
- });
-
- asyncTest( "Multiple nested lists on a page with same labels", function() {
- $.testHelper.pageSequence([
- function(){
- // https://github.com/jquery/jquery-mobile/issues/1617
- $.testHelper.openPage("#nested-lists-test");
- },
-
- function(){
- // Click on the link of the third li element
- $('.ui-page-active li:eq(2) a:eq(0)').click();
- },
-
- function(){
- equal($('.ui-page-active .ui-content .ui-listview li').text(), "Item A-3-0Item A-3-1Item A-3-2", 'Text should be "Item A-3-0Item A-3-1Item A-3-2"');
- start();
- }
- ]);
- });
-
- module('Ordered Lists');
-
- asyncTest( "changes to the numbered list page and enhances it", function() {
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#numbered-list-test");
- },
-
- function(){
- var $new_page = $('#numbered-list-test');
- ok($new_page.hasClass('ui-page-active'), "Makes the new page active when the hash is changed.");
- ok($('.ui-link-inherit', $new_page).first().text() == "Number 1", "The text of the first LI should be Number 1");
- start();
- }
- ]);
- });
-
- asyncTest( "changes to number 1 page when the li a is clicked", function() {
- $.testHelper.pageSequence([
- function(){
- $('#numbered-list-test li a').first().click();
- },
-
- function(){
- ok($('#numbered-list-results').hasClass('ui-page-active'), "The new numbered page was transitioned correctly.");
- start();
- }
- ]);
- });
-
- asyncTest( "takes us back to the numbered list when the back button is clicked", function() {
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage('#numbered-list-test');
- },
-
- function(){
- $.testHelper.openPage('#numbered-list-results');
- },
-
- function(){
- window.history.back();
- },
-
- function(){
- ok($('#numbered-list-test').hasClass('ui-page-active'));
- start();
- }
- ]);
- });
-
- module('Read only list');
-
- asyncTest( "changes to the read only page when hash is changed", function() {
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#read-only-list-test");
- },
-
- function(){
- var $new_page = $('#read-only-list-test');
- ok($new_page.hasClass('ui-page-active'), "makes the read only page the active page");
- ok($('li', $new_page).first().text() === "Read", "The first LI has the proper text.");
- start();
- }
- ]);
- });
-
- module('Split view list');
-
- asyncTest( "changes the page to the split view list and enhances it correctly.", function() {
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#split-list-test");
- },
-
- function(){
- var $new_page = $('#split-list-test');
- ok($('.ui-li-link-alt', $new_page).length == 3);
- ok($('.ui-link-inherit', $new_page).length == 3);
- start();
- }
- ]);
- });
-
- asyncTest( "change the page to the split view page 1 when the first link is clicked", function() {
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#split-list-test");
- },
-
- function(){
- $('.ui-page-active .ui-li a:eq(0)').click();
- },
-
- function(){
- ok($('#split-list-link1').hasClass('ui-page-active'));
- start();
- }
- ]);
- });
-
- asyncTest( "Slide back to the parent list view when the back button is clicked", function() {
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#split-list-test");
- },
-
- function(){
- $('.ui-page-active .ui-listview a:eq(0)').click();
- },
-
- function(){
- history.back();
- },
-
- function(){
- ok($('#split-list-test').hasClass('ui-page-active'));
- start();
- }
- ]);
- });
-
- asyncTest( "Clicking on the icon (the second link) should take the user to other a href of this LI", function() {
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#split-list-test");
- },
-
- function(){
- $('.ui-page-active .ui-li-link-alt:eq(0)').click();
- },
-
- function(){
- ok($('#split-list-link2').hasClass('ui-page-active'));
- start();
- }
- ]);
- });
-
- module( "List Dividers" );
-
- asyncTest( "Makes the list divider page the active page and enhances it correctly.", function() {
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#list-divider-test");
- },
-
- function(){
- var $new_page = $('#list-divider-test');
- ok($new_page.find('.ui-li-divider').length == 2);
- ok($new_page.hasClass('ui-page-active'));
- start();
- }
- ]);
- });
-
- module( "Search Filter");
-
- var searchFilterId = "#search-filter-test";
-
-
- asyncTest( "Filter downs results when the user enters information", function() {
- var $searchPage = $(searchFilterId);
- $.testHelper.pageSequence([
- function() {
- $.testHelper.openPage(searchFilterId);
- },
-
- function() {
- $searchPage.find('input').val('at');
- $searchPage.find('input').trigger('change');
-
- same($searchPage.find('li.ui-screen-hidden').length, 2);
- start();
- }
- ]);
- });
-
- asyncTest( "Redisplay results when user removes values", function() {
- var $searchPage = $(searchFilterId);
- $.testHelper.pageSequence([
- function() {
- $.testHelper.openPage(searchFilterId);
- },
-
- function() {
- $searchPage.find('input').val('a');
- $searchPage.find('input').trigger('change');
-
- same($searchPage.find("li[style^='display: none;']").length, 0);
- start();
- }
- ]);
- });
-
- asyncTest( "Filter works fine with \\W- or regexp-special-characters", function() {
- var $searchPage = $(searchFilterId);
- $.testHelper.pageSequence([
- function() {
- $.testHelper.openPage(searchFilterId);
- },
-
- function() {
- $searchPage.find('input').val('*');
- $searchPage.find('input').trigger('change');
-
- same($searchPage.find('li.ui-screen-hidden').length, 4);
- start();
- }
- ]);
- });
-
- test( "Refresh applies thumb styling", function(){
- var ul = $('.ui-page-active ul');
-
- ul.append("<li id='fiz'><img/></li>");
- ok(!ul.find("#fiz img").hasClass("ui-li-thumb"));
- ul.listview('refresh');
- ok(ul.find("#fiz img").hasClass("ui-li-thumb"));
- });
-
- asyncTest( "Filter downs results and dividers when the user enters information", function() {
- var $searchPage = $("#search-filter-with-dividers-test");
- $.testHelper.pageSequence([
- function() {
- $.testHelper.openPage("#search-filter-with-dividers-test");
- },
-
- // wait for the page to become active/enhanced
- function(){
- $searchPage.find('input').val('at');
- $searchPage.find('input').trigger('change');
- setTimeout(function() {
- //there should be four hidden list entries
- same($searchPage.find('li.ui-screen-hidden').length, 4);
-
- //there should be two list entries that are list dividers and hidden
- same($searchPage.find('li.ui-screen-hidden:jqmData(role=list-divider)').length, 2);
-
- //there should be two list entries that are not list dividers and hidden
- same($searchPage.find('li.ui-screen-hidden:not(:jqmData(role=list-divider))').length, 2);
- start();
- }, 1000);
- }
- ]);
- });
-
- asyncTest( "Redisplay results when user removes values", function() {
- $.testHelper.pageSequence([
- function() {
- $.testHelper.openPage("#search-filter-with-dividers-test");
- },
-
- function() {
- $('.ui-page-active input').val('a');
- $('.ui-page-active input').trigger('change');
-
- setTimeout(function() {
- same($('.ui-page-active input').val(), 'a');
- same($('.ui-page-active li[style^="display: none;"]').length, 0);
- start();
- }, 1000);
- }
- ]);
- });
-
- asyncTest( "Dividers are hidden when preceding hidden rows and shown when preceding shown rows", function () {
- $.testHelper.pageSequence([
- function() {
- $.testHelper.openPage("#search-filter-with-dividers-test");
- },
-
- function() {
- var $page = $('.ui-page-active');
-
- $page.find('input').val('at');
- $page.find('input').trigger('change');
-
- setTimeout(function() {
- same($page.find('li:jqmData(role=list-divider):hidden').length, 2);
- same($page.find('li:jqmData(role=list-divider):hidden + li:not(:jqmData(role=list-divider)):hidden').length, 2);
- same($page.find('li:jqmData(role=list-divider):not(:hidden) + li:not(:jqmData(role=list-divider)):not([:hidden)').length, 2);
- start();
- }, 1000);
- }
- ]);
- });
-
- asyncTest( "Inset List View should refresh corner classes after filtering", 4 * 2, function () {
- var checkClasses = function() {
- var $page = $( ".ui-page-active" ),
- $li = $page.find( "li:visible" );
- ok($li.first().hasClass( "ui-corner-top" ), $li.length+" li elements: First visible element should have class ui-corner-top");
- ok($li.last().hasClass( "ui-corner-bottom" ), $li.length+" li elements: Last visible element should have class ui-corner-bottom");
- };
-
- $.testHelper.pageSequence([
- function() {
- $.testHelper.openPage("#search-filter-inset-test");
- },
-
- function() {
- var $page = $('.ui-page-active');
- $.testHelper.sequence([
- function() {
- checkClasses();
-
- $page.find('input').val('man');
- $page.find('input').trigger('change');
- },
-
- function() {
- checkClasses();
-
- $page.find('input').val('at');
- $page.find('input').trigger('change');
- },
-
- function() {
- checkClasses();
-
- $page.find('input').val('catwoman');
- $page.find('input').trigger('change');
- },
-
- function() {
- checkClasses();
- start();
- }
- ], 50);
- }
- ]);
- });
-
- module( "Programmatically generated list items", {
- setup: function(){
- var item,
- data = [
- {
- id: 1,
- label: "Item 1"
- },
- {
- id: 2,
- label: "Item 2"
- },
- {
- id: 3,
- label: "Item 3"
- },
- {
- id: 4,
- label: "Item 4"
- }
- ];
-
- $( "#programmatically-generated-list-items" ).html("");
-
- for ( var i = 0, len = data.length; i < len; i++ ) {
- item = $( '<li id="myItem' + data[i].id + '">' );
- label = $( "<strong>" + data[i].label + "</strong>").appendTo( item );
- $( "#programmatically-generated-list-items" ).append( item );
- }
- }
- });
-
- asyncTest( "Corner styling on programmatically created list items", function() {
- // https://github.com/jquery/jquery-mobile/issues/1470
- $.testHelper.pageSequence([
- function() {
- $.testHelper.openPage( "#programmatically-generated-list" );
- },
- function() {
- ok(!$( "#programmatically-generated-list-items li:first-child" ).hasClass( "ui-corner-bottom" ), "First list item should not have class ui-corner-bottom" );
- start();
- }
- ]);
- });
-
- module("Programmatic list items manipulation");
-
- asyncTest("Removing list items", 4, function() {
- $.testHelper.pageSequence([
- function() {
- $.testHelper.openPage("#removing-items-from-list-test");
- },
-
- function() {
- var ul = $('#removing-items-from-list-test ul');
- ul.find("li").first().remove();
- equal(ul.find("li").length, 3, "There should be only 3 list items left");
-
- ul.listview('refresh');
- ok(ul.find("li").first().hasClass("ui-corner-top"), "First list item should have class ui-corner-top");
-
- ul.find("li").last().remove();
- equal(ul.find("li").length, 2, "There should be only 2 list items left");
-
- ul.listview('refresh');
- ok(ul.find("li").last().hasClass("ui-corner-bottom"), "Last list item should have class ui-corner-bottom");
- start();
- }
- ]);
- });
-
- module("Rounded corners");
-
- asyncTest("Top and bottom corners rounded in inset list", 14, function() {
- $.testHelper.pageSequence([
- function() {
- $.testHelper.openPage("#corner-rounded-test");
- },
-
- function() {
- var ul = $('#corner-rounded-test ul');
-
- for( var t = 0; t<3; t++){
- ul.append("<li>Item " + t + "</li>");
- ul.listview('refresh');
- equals(ul.find(".ui-corner-top").length, 1, "There should be only one element with class ui-corner-top");
- equals(ul.find("li:visible").first()[0], ul.find(".ui-corner-top")[0], "First list item should have class ui-corner-top in list with " + ul.find("li").length + " item(s)");
- equals(ul.find(".ui-corner-bottom").length, 1, "There should be only one element with class ui-corner-bottom");
- equals(ul.find("li:visible").last()[0], ul.find(".ui-corner-bottom")[0], "Last list item should have class ui-corner-bottom in list with " + ul.find("li").length + " item(s)");
- }
-
- ul.find( "li" ).first().hide();
- ul.listview( "refresh" );
- equals(ul.find("li:visible").first()[0], ul.find(".ui-corner-top")[0], "First visible list item should have class ui-corner-top");
-
- ul.find( "li" ).last().hide();
- ul.listview( "refresh" );
- equals(ul.find("li:visible").last()[0], ul.find(".ui-corner-bottom")[0], "Last visible list item should have class ui-corner-bottom");
-
- start();
- }
- ]);
- });
-
- test( "Listview will create when inside a container that receives a 'create' event", function(){
- ok( !$("#enhancetest").appendTo(".ui-page-active").find(".ui-listview").length, "did not have enhancements applied" );
- ok( $("#enhancetest").trigger("create").find(".ui-listview").length, "enhancements applied" );
- });
-
- module( "Cached Linked List" );
-
- var findNestedPages = function(selector){
- return $( selector + " #topmost" ).listview( 'childPages' );
- };
-
- asyncTest( "nested pages are removed from the dom by default", function(){
- $.testHelper.pageSequence([
- function(){
- //reset for relative url refs
- $.testHelper.openPage( "#" + home );
- },
-
- function(){
- $.testHelper.openPage( "#cache-tests/uncached-nested.html" );
- },
-
- function(){
- ok( findNestedPages( "#uncached-nested-list" ).length > 0, "verify that there are nested pages" );
- $.testHelper.openPage( "#" + home );
- },
-
- function() {
- $.testHelper.openPage( "#cache-tests/clear.html" );
- },
-
- function(){
- same( findNestedPages( "#uncached-nested-list" ).length, 0 );
- start();
- }
- ]);
- });
-
- asyncTest( "nested pages preserved when parent page is cached", function(){
-
- $.testHelper.pageSequence([
- function(){
- //reset for relative url refs
- $.testHelper.openPage( "#" + home );
- },
-
- function(){
- $.testHelper.openPage( "#cache-tests/cached-nested.html" );
- },
-
- function(){
- ok( findNestedPages( "#cached-nested-list" ).length > 0, "verify that there are nested pages" );
- $.testHelper.openPage( "#" + home );
- },
-
- function() {
- $.testHelper.openPage( "#cache-tests/clear.html" );
- },
-
- function(){
- ok( findNestedPages( "#cached-nested-list" ).length > 0, "nested pages remain" );
- start();
- }
- ]);
- });
-
- asyncTest( "parent page is not removed when visiting a sub page", function(){
- $.testHelper.pageSequence([
- function(){
- //reset for relative url refs
- $.testHelper.openPage( "#" + home );
- },
-
- function(){
- $.testHelper.openPage( "#cache-tests/cached-nested.html" );
- },
-
- function(){
- same( $("#cached-nested-list").length, 1 );
- $.testHelper.openPage( "#" + home );
- },
-
- function() {
- $.testHelper.openPage( "#cache-tests/clear.html" );
- },
-
- function(){
- same( $("#cached-nested-list").length, 1 );
- start();
- }
- ]);
- });
-
- asyncTest( "filterCallback can be altered after widget creation", function(){
- var listPage = $( "#search-filter-test" );
- expect( listPage.find("li").length );
-
- $.testHelper.pageSequence( [
- function(){
- //reset for relative url refs
- $.testHelper.openPage( "#" + home );
- },
-
- function() {
- $.testHelper.openPage( "#search-filter-test" );
- },
-
- function() {
- // set the listview instance callback
- listPage.find( "ul" ).listview( "option", "filterCallback", function() {
- ok(true, "custom callback invoked");
- });
-
- // trigger a change in the search filter
- listPage.find( "input" ).val( "foo" ).trigger( "change" );
-
- //NOTE beware a poossible issue with timing here
- start();
- }
- ]);
- });
-
- asyncTest( "nested pages hash key is always in the hash (replaceState)", function(){
- $.testHelper.pageSequence([
- function(){
- //reset for relative url refs
- $.testHelper.openPage( "#" + home );
- },
-
- function(){
- // https://github.com/jquery/jquery-mobile/issues/1617
- $.testHelper.openPage("#nested-lists-test");
- },
-
- function(){
- // Click on the link of the third li element
- $('.ui-page-active li:eq(2) a:eq(0)').click();
- },
-
- function(){
- ok( location.hash.search($.mobile.subPageUrlKey) >= 0 );
- start();
- }
- ]);
- });
-
- asyncTest( "embedded listview page with nested pages is not removed from the dom", function() {
- $.testHelper.pageSequence([
- function() {
- // open the nested list page
- same( $("div#nested-list-test").length, 1 );
- $( "a#nested-list-test-anchor" ).click();
- },
-
- function() {
- // go back to the origin page
- window.history.back();
- },
-
- function() {
- // make sure the page is still in place
- same( $("div#nested-list-test").length, 1 );
- start();
- }
- ]);
- });
-
-
- asyncTest( "list inherits theme from parent", function() {
- $.testHelper.pageSequence([
- function() {
- $.testHelper.openPage("#list-theme-inherit");
- },
-
- function() {
- var theme = $.mobile.activePage.jqmData('theme');
- ok( $.mobile.activePage.find("ul > li").hasClass("ui-body-b"), "theme matches the parent");
- window.history.back();
- },
-
- start
- ]);
- });
-})(jQuery);
+++ /dev/null
-(function($) {
- asyncTest( "nested pages hash key is always in the hash on default page with no id (replaceState) ", function(){
- $.testHelper.pageSequence([
- function(){
- // Click on the link of the third li element
- $('.ui-page-active li:eq(2) a:eq(0)').click();
- },
-
- function(){
- ok( location.hash.search($.mobile.subPageUrlKey) >= 0 );
- start();
- }
- ]);
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Listview Integration Test</title>
-
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../js/"></script>
- <script src="../../jquery.testHelper.js"></script>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../../../external/qunit.js"></script>
-
- <script src="listview_pushstate.js"></script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Listview Integration Test</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page">
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Basic multiple lists view</h1>
- </div>
- <div data-nstest-role="content">
- <ul data-nstest-role="listview" data-nstest-inset="true">
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3
- <ul data-nstest-role="listview">
- <li>Item A-3-0</li>
- <li>Item A-3-1</li>
- <li>Item A-3-2</li>
- </ul>
- </li>
- </ul>
- <ul data-nstest-role="listview" data-nstest-inset="true">
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3
- <ul data-nstest-role="listview">
- <li>Item B-3-0
- <ul data-nstest-role="listview">
- <li>Item B-3-0-0</li>
- <li>Item B-3-0-1
- <ul data-nstest-role="listview">
- <li>Item B-3-0-1-0</li>
- <li>Item B-3-0-1-1</li>
- <li>Item B-3-0-1-2</li>
- </ul>
- </li>
- <li>Item B-3-0-2</li>
- </ul>
- </li>
- <li>Item B-3-1
- <ul data-nstest-role="listview">
- <li>Item B-3-1-0</li>
- <li>Item B-3-1-1</li>
- <li>Item B-3-1-2</li>
- </ul>
- </li>
- <li>Item B-3-2</li>
- </ul>
- </li>
- </ul>
- </div>
-</div>
-
-</body>
-</html>
+++ /dev/null
-<?php
- header("Content-Type: application/json");
-
- $directories = array();
-
- if ($handle = opendir(getcwd())) {
- while (false !== ($file = readdir($handle))) {
- if (is_dir($file) && $file[0] !== "." ) {
- array_push($directories, $file);
- }
- }
-
- closedir($handle);
- }
-
- $test_pages = array_merge($directories, glob("**/*-tests.html"));
- sort($test_pages);
-
- echo '{ "testPages":["' . implode( '","', $test_pages ) . '"]}';
-?>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Media Test Suite</title>
-
- <script src="../../../js/jquery.js"></script>
- <script src="../../../js/jquery.ui.widget.js"></script>
- <script src="../../../js/jquery.mobile.widget.js"></script>
- <script src="../../../js/jquery.mobile.media.js"></script>
- <script src="../../../js/jquery.mobile.media.classes.js"></script>
-
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../../../external/qunit.js"></script>
-
- <script src="media_core.js"></script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Media Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="qunit-fixture"></div>
-
-</body>
-</html>
+++ /dev/null
-/*
- * mobile media unit tests
- */
-
-(function($){
- var cssFn = $.fn.css,
- widthFn = $.fn.width;
-
- // make sure original definitions are reset
- module('jquery.mobile.media.js', {
- setup: function(){
- $(document).trigger('mobileinit.htmlclass');
- },
- teardown: function(){
- $.fn.css = cssFn;
- $.fn.width = widthFn;
- }
- });
-
- test( "media query check returns true when the position is absolute", function(){
- $.fn.css = function(){ return "absolute"; };
- same($.mobile.media("screen 1"), true);
- });
-
- test( "media query check returns false when the position is not absolute", function(){
- $.fn.css = function(){ return "not absolute"; };
- same($.mobile.media("screen 2"), false);
- });
-
- test( "media query check is cached", function(){
- $.fn.css = function(){ return "absolute"; };
- same($.mobile.media("screen 3"), true);
-
- $.fn.css = function(){ return "not absolute"; };
- same($.mobile.media("screen 3"), true);
- });
-
-
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Navigation Test Suite</title>
-
- <script>
-
- // This unit test requires a base tag to be set within the file.
- // Most browsers require a base tag with an @href URL that is absolute.
- // We need to dynamically inject the base tag so we can prefix it with
- // the location of this test on the server without any server-side language
- // requirements.
-
- var baseUrl = location.href.replace(/[^\?\#\/]*(\?[^#]*)?(#.*)?$/, "");
- document.write("<base href=\"" + baseUrl + "base-tests/app-base/\"/>\n");
-
- </script>
- <script src="../../../../../js/jquery.js"></script>
- <script src="../../../jquery.setNameSpace.js"></script>
- <script src="../../../../../js/"></script>
- <script src="../../../../../tests/jquery.testHelper.js"></script>
-
-
- <link rel="stylesheet" href="../../../../../css/themes/default/"/>
- <link rel="stylesheet" href="../../../../../external/qunit.css"/>
- <script src="../../../../../external/qunit.js"></script>
- <script type="text/javascript">
- $.testHelper.setPushStateFor([
- "../../navigation_base.js"
- ]);
- </script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Navigation Base Tag Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="internal-page-1" data-nstest-role="page">
- <a href="base-page-1.html" class="bp1"></a>
- <a href="base-page-2.html" class="bp2"></a>
- <a href="../content/content-page-1.html" class="cp1"></a>
- <a href="../content/content-page-2.html" class="cp2"></a>
- <a href="#internal-page-2" class="ip2"></a>
- <img src="images/internal-page-1.png">
-</div>
-
-<div id="internal-page-2" data-nstest-role="page">
- <a href="base-page-1.html" class="bp1"></a>
- <a href="base-page-2.html" class="bp2"></a>
- <a href="../content/content-page-1.html" class="cp1"></a>
- <a href="../content/content-page-2.html" class="cp2"></a>
- <a href="#internal-page-1" class="ip1"></a>
- <img src="images/internal-page-2.png">
-</div>
-
-<div data-nstest-role="page" id="internal-no-action-form-page">
- <div data-nstest-role="content">
- <form>
- <input type="hidden" name="foo" value="1">
- <input type="hidden" name="bar" value="2">
- </form>
- </div>
-</div>
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
-<body>
- <div id="base-page-1" data-nstest-role="page">
- <a href="base-page-2.html" class="bp2">Base Page 2</a>
- <a href="../content/content-page-1.html" class="cp1">Content Page 1</a>
- <a href="../../#internal-page-1" class="ip1">Internal Page 1</a>
- <a href="../../#internal-page-2" class="ip2">Internal Page 2</a>
- <img src="images/base-page-1.png">
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
-<body>
- <div id="base-page-2" data-nstest-role="page">
- <a href="base-page-1.html" class="bp1">Base Page 1</a>
- <a href="../content/content-page-1.html" class="cp1">Content Page 1</a>
- <a href="../../#internal-page-1" class="ip1">Internal Page 1</a>
- <a href="../../#internal-page-2" class="ip2">Internal Page 2</a>
- <img src="images/base-page-2.png">
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
-<body>
- <div id="content-page-1" data-nstest-role="page">
- <a href="content-page-2.html" class="cp2">Content Page 2</a>
- <a href="../app-base/base-page-1.html" class="bp1">Base Page 1</a>
- <a href="../../#internal-page-1" class="ip1">Internal Page 1</a>
- <a href="../../#internal-page-2" class="ip2">Internal Page 2</a>
- <img src="images/content-page-1.png">
-
- <form>
- <input type="hidden" name="foo" value="1">
- <input type="hidden" name="bar" value="2">
- </form>
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
-<body>
- <div id="content-page-2" data-nstest-role="page">
- <a href="content-page-1.html" class="cp1">Content Page 1</a>
- <a href="../app-base/base-page-1.html" class="bp1">Base Page 1</a>
- <a href="../../#internal-page-1" class="ip1">Internal Page 1</a>
- <a href="../../#internal-page-2" class="ip2">Internal Page 2</a>
- <img src="images/content-page-2.png">
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-</head>
-<body>
- <div data-nstest-role="page" id="external-test-cached" data-nstest-dom-cache="true">
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
-<body>
- <div data-nstest-role="page" data-nstest-url="foo/" data-other="for testing">
- This text intentionally left blank
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
-<body>
- <div data-nstest-role="page" data-nstest-url="foo/bar.html"></div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
-<body>
- <div data-nstest-role="page">
- <a href="?foo=bar" id="query-param-anchor">query param</a>
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
-<body>
- <div data-nstest-url="foo/bar/reverse.html" data-nstest-role="page"></div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
-<body>
- <div data-nstest-role='page' data-nstest-url='foo/bar/single.html'></div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Navigation Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="dialog-param-link-page" data-nstest-role="page">
- <a href="?foo=bar" data-nstest-rel="dialog">foo</a>
-</div>
-
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-</head>
-<body>
- <div data-nstest-role="page" id="external-test"></div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-</head>
-<body>
- <div data-nstest-role="page">
- <div class="test-value">doc rel test one</div>
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
-<body>
- <div id="changepage-data" data-nstest-role="page"> </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html>
- <head>
- </head>
-<body>
-<div id="external-form-no-action-page" data-nstest-role="page">
- <div data-nstest-role="content">
- <form>
- <input type="hidden" name="foo" value="1">
- <input type="hidden" name="bar" value="2">
- </form>
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Navigation Test Suite</title>
-
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../js/"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
-
-
- <link rel="stylesheet" href="../../../css/themes/default/"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../../../external/qunit.js"></script>
-
- <script type="text/javascript">
- $.testHelper.setPushStateFor([
- "navigation_transitions.js",
- "navigation_helpers.js",
- "navigation_core.js",
- "navigation_paths.js"
- ]);
- </script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Navigation Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="harmless-default-page" data-nstest-role="page" class="first-page">
-</div>
-
-<div id="foo" data-nstest-role="page" class="foo-class">
- <a href="#bar" data-nstest-transition="flip"></a>
- <a id="bad-internal-page-link" href="#non-existent-page"></a>
-</div>
-
-<div id="prefetch" data-nstest-role="page">
- <a href="prefetched.html" data-nstest-prefetch>Prefetch test</a>
-</div>
-
-<div id="foozball" data-nstest-role="page">
-</div>
-
-<div id="bar" data-nstest-role="page">
- <a href="#baz"></a>
-</div>
-
-<div id="baz" data-nstest-role="page">
- <a href="#foo"></a>
-</div>
-
-<div id="fade-trans" data-nstest-role="page">
- <a href="#flip-trans" data-nstest-transition="fade"></a>
-</div>
-
-<div id="flip-trans" data-nstest-role="page">
- <a href="#fade-trans" data-nstest-transition="flip"></a>
-</div>
-
-<div id="no-trans" data-nstest-role="page">
- <a href="#pop-trans"></a>
-</div>
-
-<div id="pop-trans" data-nstest-role="page">
- <a href="#no-trans" data-nstest-transition="pop"></a>
-</div>
-
-<div id="default-trans" data-nstest-role="page">
- <a href="#no-trans"></a>
-</div>
-
-<div id="data-url" data-nstest-role="page">
- <a href="data-url-tests/data-url.html"></a>
-</div>
-
-<div id="non-data-url" data-nstest-role="page">
- <a href="data-url-tests/non-data-url.html"></a>
-</div>
-
-<div id="nested-data-url" data-nstest-role="page">
- <a href="data-url-tests/nested.html"></a>
-</div>
-
-<div id="single-quotes-data-url" data-nstest-role="page">
- <a href="data-url-tests/single-quotes.html"></a>
-</div>
-
-<div id="reverse-attr-data-url" data-nstest-role="page">
- <a href="data-url-tests/reverse-attr.html"></a>
-</div>
-
-<div id="ajax-disabled-form" data-nstest-role="page">
- <form method="POST" id="non-ajax-form" action="/ajax-disabled-form" data-nstest-ajax="false">
- </form>
-
- <form method="POST" id="ajax-form" action="/ajax-disabled-form">
- </form>
-
- <form method="POST" id="rand-ajax-form" action="/ajax-disabled-form" data-nstest-ajax="foo">
- </form>
-</div>
-
-<div id="default-trans-dialog" data-nstest-role="page">
- <a href="#no-trans-dialog" data-nstest-rel="dialog"></a>
-</div>
-
-<div id="no-trans-dialog" data-nstest-role="page">
-</div>
-
-<div id="dup-history-first" data-nstest-role="page">
- <a href="#dup-history-second" data-nstest-transition="slideup" data-nstest-role="button" >
- Page 2
- </a>
-</div>
-
-<div id="dup-history-second" data-nstest-role="page">
- <a href="#dup-history-first" data-nstest-transition="slideup" data-nstest-role="button">
- Page 1
- </a>
- <a href="#dup-history-dialog" data-nstest-role="button" data-nstest-transition="pop" data-nstest-rel="dialog">Dialog</a>
-</div>
-
-<div id="dup-history-dialog" data-nstest-role="dialog">
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Dialog</h1>
- </div>
-</div>
-
-<div id="skip-dialog-first" data-nstest-role="page">
- <div data-nstest-role="content">
- <a href="#skip-dialog" data-nstest-role="button" data-nstest-transition="pop" data-nstest-rel="dialog">Dialog</a>
- </div>
-</div>
-
-<div id="skip-dialog" data-nstest-role="dialog">
- <div data-nstest-role="content">
- <a href="#skip-dialog-second">Page 2</a>
- </div>
-</div>
-
-<div id="skip-dialog-second" data-nstest-role="page">
- <a href="#" data-nstest-rel="back">Go Back</a>
-</div>
-
-
-<div id="nested-dialog-page" data-nstest-role="page">
- <div data-nstest-role="content">
- <a href="#nested-dialog-first">Dialog</a>
- </div>
-</div>
-
-<div id="nested-dialog-first" data-nstest-role="dialog">
- <div data-nstest-role="content">
- <a href="#nested-dialog-second">Dialog 2</a>
- </div>
-</div>
-
-<div id="nested-dialog-second" data-nstest-role="dialog">
-</div>
-
-<div id="relative-after-embeded-page-first" data-nstest-role="page">
- <div data-nstest-role="content">
- <a href="#relative-after-embeded-page-second">second page</a>
- </div>
-</div>
-
-<div id="relative-after-embeded-page-second" data-nstest-role="page">
- <div data-nstest-role="content">
- <a href="data-url-tests/data-url.html">file path page</a>
- </div>
-</div>
-
-<div id="ajax-title-page" data-nstest-title="Title Attr 1" data-nstest-role="page">
- <a href="title1.html" id="titletest1" data-nstest-transition="none">test</a>
- <a href="title2.html" id="titletest2" data-nstest-transition="none">test</a>
- <a href="title3.html" id="titletest3" data-nstest-transition="none">test</a>
-</div>
-
-<div data-nstest-role="page" id="titletest4" data-nstest-title="Title Attr 2">
- <div data-nstest-role="header"><h1>Title Heading</h1></div>
-</div>
-
-<div data-nstest-role="page" id="titletest5" data-nstest-title="Title Attr">
- <div data-nstest-role="header"><h1>Title Heading</h1></div>
-</div>
-
-<div data-nstest-role="page" id="self-link">
- <a href="#self-link">self!</a>
-</div>
-
-<div data-nstest-role="page" id="dialog-param-link">
- <a href="dialog-param-test/dialog-param.html">go</a>
-</div>
-
-<div data-nstest-role="page" id="pathing-tests">
- <!-- doc rel links -->
- <a href="file.html" id="doc-rel-test-one">go</a>
- <a href="path-tests/file.html" id="doc-rel-test-two">go</a>
- <a href="path-tests/sub-dir/file.html" id="doc-rel-test-three">go</a>
- <a href="path-tests/sub-dir/" id="doc-rel-test-four">go</a>
- <a href="../../unit/navigation/path-tests/parent-ref.html" id="doc-rel-test-five">go</a>
- <a href="../../unit/navigation/path-tests/parent/" id="doc-rel-test-six">go</a>
-
- <!-- site rel links -->
- <!-- these will be altered before the test suite runs to use the current path -->
- <a href="file.html" id="site-rel-test-one" class="site-rel">go</a>
- <a href="path-tests/file.html" id="site-rel-test-two" class="site-rel">go</a>
- <a href="path-tests/sub-dir/file.html" id="site-rel-test-three" class="site-rel">go</a>
- <a href="path-tests/sub-dir/" id="site-rel-test-four" class="site-rel">go</a>
- <a href="../../unit/navigation/path-tests/parent-ref.html" id="site-rel-test-five" class="site-rel">go</a>
- <a href="../../unit/navigation/path-tests/parent/" id="site-rel-test-six" class="site-rel">go</a>
-
- <!-- protocol rel links -->
- <!-- these will be altered before the test suite runs to use the
- current domain and path -->
- <a href="file.html" id="protocol-rel-test-one" class="protocol-rel">go</a>
- <a href="path-tests/file.html" id="protocol-rel-test-two" class="protocol-rel">go</a>
- <a href="path-tests/sub-dir/file.html" id="protocol-rel-test-three" class="protocol-rel">go</a>
- <a href="path-tests/sub-dir/" id="protocol-rel-test-four" class="protocol-rel">go</a>
- <a href="../../unit/navigation/path-tests/parent-ref.html" id="protocol-rel-test-five" class="protocol-rel">go</a>
- <a href="../../unit/navigation/path-tests/parent/" id="protocol-rel-test-six" class="protocol-rel">go</a>
-
- <!-- absolute links -->
- <!-- these will be altered before the test suite runs to use the
- current protocol, domain and path -->
- <a href="file.html" id="absolute-test-one" class="absolute">go</a>
- <a href="path-tests/file.html" id="absolute-test-two" class="absolute">go</a>
- <a href="path-tests/sub-dir/file.html" id="absolute-test-three" class="absolute">go</a>
- <a href="path-tests/sub-dir/" id="absolute-test-four" class="absolute">go</a>
- <a href="../../unit/navigation/path-tests/parent-ref.html" id="absolute-test-five" class="absolute">go</a>
- <a href="../../unit/navigation/path-tests/parent/" id="absolute-test-six" class="absolute">go</a>
-
-</div>
-
-<div data-nstest-role="page" id="pathing-tests-reset">
- <div class="reset-value">page didn't change!</div>
-</div>
-
-<div data-nstest-role="page" id="internal-no-action-form-page">
- <div data-nstest-role="content">
- <form>
- <input type="hidden" name="foo" value="1">
- <input type="hidden" name="bar" value="2">
- </form>
- <a href="form-tests/form-no-action.html">External page containing form with no action.</a>
- </div>
-</div>
-
-<div id="active-state-page1" data-nstest-role="page">
- <div data-nstest-role="content">
- <a href="#active-state-page2" data-nstest-role="button">page2</a>
- </div>
-</div>
-
-<div id="active-state-page2" data-nstest-role="page">
- <div data-nstest-role="content">
- <a href="#active-state-page1" data-nstest-role="button">href button</a>
- <a href="#active-state-page1" data-nstest-rel="back" data-nstest-role="button">back button</a>
- </div>
-</div>
-
-
-
-<div id="odd-clicks-page" data-nstest-role="page">
- <a href="#odd-clicks-page-dest" id="right-or-middle-click">foo</a>
-</div>
-
-<div id="odd-clicks-page-dest" data-nstest-role="page"></div>
-
-<div id="inject-links-page" data-nstest-role="page">
- <a href="#injected-test-page" id="static-injected-test-page-link">static link</a>
-</div>
-
-<div id="prefetched-dialog-page" data-nstest-role="page">
- <a href="prefetched-dialog.html"
- id="prefetched-dialog-link"
- data-nstest-role="prefetch"
- data-nstest-rel="dialog">
- static link
- </a>
-</div>
-</body>
-</html>
+++ /dev/null
-/*
- * mobile navigation base tag unit tests
- */
-(function($){
- var baseDir = $.mobile.path.parseUrl($("base").attr("href")).directory,
- contentDir = $.mobile.path.makePathAbsolute("../content/", baseDir);
-
- module('jquery.mobile.navigation.js - base tag', {
- setup: function(){
- if ( location.hash ) {
- stop();
- $(document).one("pagechange", function() {
- start();
- } );
- location.hash = "";
- }
- }
- });
-
- asyncTest( "can navigate between internal and external pages", function(){
- $.testHelper.pageSequence([
- function(){
- // Navigate from default internal page to another internal page.
- $.testHelper.openPage( "#internal-page-2" );
- },
-
- function(){
- // Verify that we are on the 2nd internal page.
- $.testHelper.assertUrlLocation({
- push: location.pathname + "#internal-page-2",
- hash: "internal-page-2",
- report: "navigate to internal page"
- });
-
- // Navigate to a page that is in the base directory. Note that the application
- // document and this new page are *NOT* in the same directory.
- $("#internal-page-2 .bp1").click();
- },
-
- function(){
- // Verify that we are on the expected page.
- $.testHelper.assertUrlLocation({
- hashOrPush: baseDir + "base-page-1.html",
- report: "navigate from internal page to page in base directory"
- });
-
- // Navigate to another page in the same directory as the current page.
- $("#base-page-1 .bp2").click();
- },
-
- function(){
- // Verify that we are on the expected page.
- $.testHelper.assertUrlLocation({
- hashOrPush: baseDir + "base-page-2.html",
- report: "navigate from base directory page to another base directory page"
- });
-
- // Navigate to another page in a directory that is the sibling of the base.
- $("#base-page-2 .cp1").click();
- },
-
- function(){
- // Verify that we are on the expected page.
- $.testHelper.assertUrlLocation({
- hashOrPush: contentDir + "content-page-1.html",
- report: "navigate from base directory page to a page in a different directory hierarchy"
- });
-
- // Navigate to another page in a directory that is the sibling of the base.
- $("#content-page-1 .cp2").click();
- },
-
- function(){
- // Verify that we are on the expected page.
- $.testHelper.assertUrlLocation({
- hashOrPush: contentDir + "content-page-2.html",
- report: "navigate to another page within the same non-base directory hierarchy"
- });
-
- // Navigate to an internal page.
- $("#content-page-2 .ip1").click();
- },
-
- function(){
- // Verify that we are on the expected page.
- // the hash based nav result (hash:) is dictate by the fact that #internal-page-1
- // is the original root page element
- $.testHelper.assertUrlLocation({
- hashOrPush: location.pathname + location.search,
- report: "navigate from a page in a non-base directory to an internal page"
- });
-
- // Try calling changePage() directly with a relative path.
- $.mobile.changePage("base-page-1.html");
- },
-
- function(){
- // Verify that we are on the expected page.
- $.testHelper.assertUrlLocation({
- hashOrPush: baseDir + "base-page-1.html",
- report: "call changePage() with a filename (no path)"
- });
-
- // Try calling changePage() directly with a relative path.
- $.mobile.changePage("../content/content-page-1.html");
- },
-
- function(){
- // Verify that we are on the expected page.
- $.testHelper.assertUrlLocation({
- hashOrPush: contentDir + "content-page-1.html",
- report: "call changePage() with a relative path containing up-level references"
- });
-
- // Try calling changePage() with an id
- $.mobile.changePage("content-page-2.html");
- },
-
- function(){
- // Verify that we are on the expected page.
- $.testHelper.assertUrlLocation({
- hashOrPush: contentDir + "content-page-2.html",
- report: "call changePage() with a relative path should resolve relative to current page"
- });
-
- // test that an internal page works
- $("a.ip2").click();
- },
-
- function(){
- // Verify that we are on the expected page.
- $.testHelper.assertUrlLocation({
- hash: "internal-page-2",
- push: location.pathname + "#internal-page-2",
- report: "call changePage() with a page id"
- });
-
- // Try calling changePage() with an id
- $.mobile.changePage("internal-page-1");
- },
-
- function(){
- // Verify that we are on the expected page.
- $.testHelper.assertUrlLocation({
- hash: "internal-page-2",
- push: location.pathname + "#internal-page-2",
- report: "calling changePage() with a page id that is not prefixed with '#' should not change page"
- });
-
- // Previous load should have failed and left us on internal-page-2.
- start();
- }
- ]);
- });
-
- asyncTest( "internal form with no action submits to document URL", function(){
- $.testHelper.pageSequence([
- // open our test page
- function(){
- $.testHelper.openPage( "#internal-no-action-form-page" );
- },
-
- function(){
- $( "#internal-no-action-form-page form" ).eq( 0 ).submit();
- },
-
- function(){
- $.testHelper.assertUrlLocation({
- hashOrPush: location.pathname + "?foo=1&bar=2",
- report: "hash should match document url and not base url"
- });
-
- start();
- }
- ]);
- });
-
- asyncTest( "external page form with no action submits to external page URL", function(){
- $.testHelper.pageSequence([
- function(){
- // Go to an external page that has a form.
- $("#internal-page-1 .cp1").click();
- },
-
- function(){
- // Make sure we actually navigated to the external page.
- $.testHelper.assertUrlLocation({
- hashOrPush: contentDir + "content-page-1.html",
- report: "should be on content-page-1.html"
- });
-
- // Now submit the form in the external page.
- $("#content-page-1 form").eq(0).submit();
- },
-
- function(){
- $.testHelper.assertUrlLocation({
- hashOrPush: contentDir + "content-page-1.html?foo=1&bar=2",
- report: "hash should match page url and not document url"
- });
-
- start();
- }]);
- });
-})(jQuery);
+++ /dev/null
-/*
- * mobile navigation unit tests
- */
-(function($){
- // TODO move siteDirectory over to the nav path helper
- var changePageFn = $.mobile.changePage,
- originalTitle = document.title,
- originalLinkBinding = $.mobile.linkBindingEnabled,
- siteDirectory = location.pathname.replace( /[^/]+$/, "" ),
- home = $.mobile.path.parseUrl(location.pathname).directory,
- navigateTestRoot = function(){
- $.testHelper.openPage( "#" + location.pathname + location.search );
- };
-
- module('jquery.mobile.navigation.js', {
- setup: function(){
- $.mobile.changePage = changePageFn;
- document.title = originalTitle;
-
- var pageReset = function( hash ) {
- hash = hash || "";
-
- stop();
-
- $(document).one( "pagechange", function() {
- start();
- });
-
- location.hash = "#" + hash;
- };
-
- // force the page reset for hash based tests
- if ( location.hash && !$.support.pushState ) {
- pageReset();
- }
-
- // force the page reset for all pushstate tests
- if ( $.support.pushState ) {
- pageReset( home );
- }
-
- $.mobile.urlHistory.stack = [];
- $.mobile.urlHistory.activeIndex = 0;
- $.Event.prototype.which = undefined;
- $.mobile.linkBindingEnabled = originalLinkBinding;
- }
- });
-
- asyncTest( "window.history.back() from external to internal page", function(){
-
- $.testHelper.pageSequence([
-
- // open our test page
- function(){
- $.testHelper.openPage("#active-state-page1");
- },
-
- function(){
- ok( $.mobile.activePage[0] === $( "#active-state-page1" )[ 0 ], "successful navigation to internal page." );
-
- //location.hash = siteDirectory + "external.html";
- $.mobile.changePage("external.html");
- },
-
- function(){
- ok( $.mobile.activePage[0] !== $( "#active-state-page1" )[ 0 ], "successful navigation to external page." );
-
- window.history.back();
- },
-
- function(){
- ok( $.mobile.activePage[0] === $( "#active-state-page1" )[ 0 ], "successful navigation back to internal page." );
-
- start();
- }
- ]);
- });
-
- asyncTest( "external page is removed from the DOM after pagehide", function(){
- $.testHelper.pageSequence([
- navigateTestRoot,
-
- function(){
- $.mobile.changePage( "external.html" );
- },
-
- // page is pulled and displayed in the dom
- function(){
- same( $( "#external-test" ).length, 1 );
- window.history.back();
- },
-
- // external-test is *NOT* cached in the dom after transitioning away
- function(){
- same( $( "#external-test" ).length, 0 );
- start();
- }
- ]);
- });
-
- asyncTest( "preventDefault on pageremove event can prevent external page from being removed from the DOM", function(){
- var preventRemoval = true,
- removeCallback = function( e ) {
- if ( preventRemoval ) {
- e.preventDefault();
- }
- };
-
- $( document ).bind( "pageremove", removeCallback );
-
- $.testHelper.pageSequence([
- navigateTestRoot,
-
- function(){
- $.mobile.changePage( "external.html" );
- },
-
- // page is pulled and displayed in the dom
- function(){
- same( $( "#external-test" ).length, 1 );
- window.history.back();
- },
-
- // external-test *IS* cached in the dom after transitioning away
- function(){
- same( $( "#external-test" ).length, 1 );
-
- // Switch back to the page again!
- $.mobile.changePage( "external.html" );
- },
-
- // page is still present and displayed in the dom
- function(){
- same( $( "#external-test" ).length, 1 );
-
- // Now turn off our removal prevention.
- preventRemoval = false;
-
- window.history.back();
- },
-
- // external-test is *NOT* cached in the dom after transitioning away
- function(){
- same( $( "#external-test" ).length, 0 );
- $( document ).unbind( "pageremove", removeCallback );
- start();
- }
- ]);
- });
-
- asyncTest( "external page is cached in the DOM after pagehide", function(){
- $.testHelper.pageSequence([
- navigateTestRoot,
-
- function(){
- $.mobile.changePage( "cached-external.html" );
- },
-
- // page is pulled and displayed in the dom
- function(){
- same( $( "#external-test-cached" ).length, 1 );
- window.history.back();
- },
-
- // external test page is cached in the dom after transitioning away
- function(){
- same( $( "#external-test-cached" ).length, 1 );
- start();
- }
- ]);
- });
-
- asyncTest( "external page is cached in the DOM after pagehide when option is set globally", function(){
- $.testHelper.pageSequence([
- navigateTestRoot,
-
- function(){
- $.mobile.page.prototype.options.domCache = true;
- $.mobile.changePage( "external.html" );
- },
-
- // page is pulled and displayed in the dom
- function(){
- same( $( "#external-test" ).length, 1 );
- window.history.back();
- },
-
- // external test page is cached in the dom after transitioning away
- function(){
- same( $( "#external-test" ).length, 1 );
- $.mobile.page.prototype.options.domCache = false;
- $( "#external-test" ).remove();
- start();
- }]);
- });
-
- asyncTest( "page last scroll distance is remembered while navigating to and from pages", function(){
- $.testHelper.pageSequence([
- function(){
- $( "body" ).height( $( window ).height() + 500 );
- $.mobile.changePage( "external.html" );
- },
-
- function(){
- // wait for the initial scroll to 0
- setTimeout( function() {
- window.scrollTo( 0, 300 );
- same( $(window).scrollTop(), 300, "scrollTop is 300 after setting it" );
- }, 300);
-
- // wait for the scrollstop to fire and for the scroll to be
- // recorded 100 ms afterward (see changes made to handle hash
- // scrolling in some browsers)
- setTimeout( navigateTestRoot, 500 );
- },
-
- function(){
- history.back();
- },
-
- function(){
- // Give the silentScroll function some time to kick in.
- setTimeout(function() {
- same( $(window).scrollTop(), 300, "scrollTop is 300 after returning to the page" );
- $( "body" ).height( "" );
- start();
- }, 300 );
- }
- ]);
- });
-
- asyncTest( "forms with data attribute ajax set to false will not call changePage", function(){
- var called = false;
- var newChangePage = function(){
- called = true;
- };
-
- $.testHelper.sequence([
- // avoid initial page load triggering changePage early
- function(){
- $.mobile.changePage = newChangePage;
-
- $('#non-ajax-form').one('submit', function(event){
- ok(true, 'submit callbacks are fired');
- event.preventDefault();
- }).submit();
- },
-
- function(){
- ok(!called, "change page should not be called");
- start();
- }], 1000);
- });
-
- asyncTest( "forms with data attribute ajax not set or set to anything but false will call changePage", function(){
- var called = 0,
- newChangePage = function(){
- called++;
- };
-
- $.testHelper.sequence([
- // avoid initial page load triggering changePage early
- function(){
- $.mobile.changePage = newChangePage;
- $('#ajax-form, #rand-ajax-form').submit();
- },
-
- function(){
- ok(called >= 2, "change page should be called at least twice");
- start();
- }], 300);
- });
-
-
- asyncTest( "anchors with no href attribute will do nothing when clicked", function(){
- var fired = false;
-
- $(window).bind("hashchange.temp", function(){
- fired = true;
- });
-
- $( "<a>test</a>" ).appendTo( $.mobile.firstPage ).click();
-
- setTimeout(function(){
- same(fired, false, "hash shouldn't change after click");
- $(window).unbind("hashchange.temp");
- start();
- }, 500);
- });
-
- test( "urlHistory is working properly", function(){
-
- //urlHistory
- same( $.type( $.mobile.urlHistory.stack ), "array", "urlHistory.stack is an array" );
-
- //preload the stack
- $.mobile.urlHistory.stack[0] = { url: "foo", transition: "bar" };
- $.mobile.urlHistory.stack[1] = { url: "baz", transition: "shizam" };
- $.mobile.urlHistory.stack[2] = { url: "shizoo", transition: "shizaah" };
-
- //active index
- same( $.mobile.urlHistory.activeIndex , 0, "urlHistory.activeIndex is 0" );
-
- //getActive
- same( $.type( $.mobile.urlHistory.getActive() ) , "object", "active item is an object" );
- same( $.mobile.urlHistory.getActive().url , "foo", "active item has url foo" );
- same( $.mobile.urlHistory.getActive().transition , "bar", "active item has transition bar" );
-
- //get prev / next
- same( $.mobile.urlHistory.getPrev(), undefined, "urlHistory.getPrev() is undefined when active index is 0" );
- $.mobile.urlHistory.activeIndex = 1;
- same( $.mobile.urlHistory.getPrev().url, "foo", "urlHistory.getPrev() has url foo when active index is 1" );
- $.mobile.urlHistory.activeIndex = 0;
- same( $.mobile.urlHistory.getNext().url, "baz", "urlHistory.getNext() has url baz when active index is 0" );
-
- //add new
- $.mobile.urlHistory.activeIndex = 2;
- $.mobile.urlHistory.addNew("test");
- same( $.mobile.urlHistory.stack.length, 4, "urlHistory.addNew() adds an item after the active index" );
- same( $.mobile.urlHistory.activeIndex, 3, "urlHistory.addNew() moves the activeIndex to the newly added item" );
-
- //clearForward
- $.mobile.urlHistory.activeIndex = 0;
- $.mobile.urlHistory.clearForward();
- same( $.mobile.urlHistory.stack.length, 1, "urlHistory.clearForward() clears the url stack after the active index" );
- });
-
- //url listening
- function testListening( prop ){
- var stillListening = false;
- $(document).bind("pagebeforehide", function(){
- stillListening = true;
- });
- location.hash = "foozball";
- setTimeout(function(){
- ok( prop == stillListening, prop + " = false disables default hashchange event handler");
- location.hash = "";
- prop = true;
- start();
- }, 1000);
- }
-
- asyncTest( "ability to disable our hash change event listening internally", function(){
- testListening( ! $.mobile.urlHistory.ignoreNextHashChange );
- });
-
- asyncTest( "ability to disable our hash change event listening globally", function(){
- testListening( $.mobile.hashListeningEnabled );
- });
-
- var testDataUrlHash = function( linkSelector, matches ) {
- $.testHelper.pageSequence([
- function(){ window.location.hash = ""; },
- function(){ $(linkSelector).click(); },
- function(){
- $.testHelper.assertUrlLocation(
- $.extend(matches, {
- report: "url or hash should match"
- })
- );
-
- start();
- }
- ]);
-
- stop();
- };
-
- test( "when loading a page where data-url is not defined on a sub element hash defaults to the url", function(){
- testDataUrlHash( "#non-data-url a", {hashOrPush: siteDirectory + "data-url-tests/non-data-url.html"} );
- });
-
- test( "data url works for nested paths", function(){
- var url = "foo/bar.html";
- testDataUrlHash( "#nested-data-url a", {hash: url, push: home + url} );
- });
-
- test( "data url works for single quoted paths and roles", function(){
- var url = "foo/bar/single.html";
- testDataUrlHash( "#single-quotes-data-url a", {hash: url, push: home + url} );
- });
-
- test( "data url works when role and url are reversed on the page element", function(){
- var url = "foo/bar/reverse.html";
- testDataUrlHash( "#reverse-attr-data-url a", {hash: url, push: home + url} );
- });
-
- asyncTest( "last entry choosen amongst multiple identical url history stack entries on hash change", function(){
- // make sure the stack is clear after initial page load an any other delayed page loads
- // TODO better browser state management
- $.mobile.urlHistory.stack = [];
- $.mobile.urlHistory.activeIndex = 0;
-
- $.testHelper.pageSequence([
- function(){ $.testHelper.openPage("#dup-history-first"); },
- function(){ $("#dup-history-first a").click(); },
- function(){ $("#dup-history-second a:first").click(); },
- function(){ $("#dup-history-first a").click(); },
- function(){ $("#dup-history-second a:last").click(); },
- function(){ $("#dup-history-dialog a:contains('Close')").click(); },
- function(){
-
- // fourth page (third index) in the stack to account for first page being hash manipulation,
- // the third page is dup-history-second which has two entries in history
- // the test is to make sure the index isn't 1 in this case, or the first entry for dup-history-second
- same($.mobile.urlHistory.activeIndex, 3, "should be the fourth page in the stack");
- start();
- }]);
- });
-
- asyncTest( "going back from a page entered from a dialog skips the dialog and goes to the previous page", function(){
- $.testHelper.pageSequence([
- // setup
- function(){ $.testHelper.openPage("#skip-dialog-first"); },
-
- // transition to the dialog
- function(){ $("#skip-dialog-first a").click(); },
-
- // transition to the second page
- function(){ $("#skip-dialog a").click(); },
-
- // transition past the dialog via data-rel=back link on the second page
- function(){ $("#skip-dialog-second a").click(); },
-
- // make sure we're at the first page and not the dialog
- function(){
- $.testHelper.assertUrlLocation({
- hash: "skip-dialog-first",
- push: home + "#skip-dialog-first",
- report: "should be the first page in the sequence"
- });
-
- start();
- }]);
- });
-
- asyncTest( "going forward from a page entered from a dialog skips the dialog and goes to the next page", function(){
- $.testHelper.pageSequence([
- // setup
- function(){ $.testHelper.openPage("#skip-dialog-first"); },
-
- // transition to the dialog
- function(){ $("#skip-dialog-first a").click(); },
-
- // transition to the second page
- function(){ $("#skip-dialog a").click(); },
-
- // transition to back past the dialog
- function(){ window.history.back(); },
-
- // transition to the second page past the dialog through history
- function(){ window.history.forward(); },
-
- // make sure we're on the second page and not the dialog
- function(){
- $.testHelper.assertUrlLocation({
- hash: "skip-dialog-second",
- push: home + "#skip-dialog-second",
- report: "should be the second page after the dialog"
- });
-
- start();
- }]);
- });
-
- asyncTest( "going back from a dialog triggered from a dialog should result in the first dialog ", function(){
- $.testHelper.pageSequence([
- // setup
- function(){ $.testHelper.openPage("#nested-dialog-page"); },
-
- // transition to the dialog
- function(){ $("#nested-dialog-page a").click(); },
-
- // transition to the second dialog
- function(){ $("#nested-dialog-first a").click(); },
-
- // transition to back to the first dialog
- function(){ window.history.back(); },
-
- // make sure we're on first dialog
- function(){
- same($(".ui-page-active")[0], $("#nested-dialog-first")[0], "should be the first dialog");
- start();
- }]);
- });
-
- asyncTest( "loading a relative file path after an embeded page works", function(){
- $.testHelper.pageSequence([
- // transition second page
- function(){ $.testHelper.openPage("#relative-after-embeded-page-first"); },
-
- // transition second page
- function(){ $("#relative-after-embeded-page-first a").click(); },
-
- // transition to the relative ajax loaded page
- function(){ $("#relative-after-embeded-page-second a").click(); },
-
- // make sure the page was loaded properly via ajax
- function(){
- // data attribute intentionally left without namespace
- same($(".ui-page-active").data("other"), "for testing", "should be relative ajax loaded page");
- start();
- }]);
- });
-
- asyncTest( "Page title updates properly when clicking back to previous page", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#relative-after-embeded-page-first");
- },
-
- function(){
- window.history.back();
- },
-
- function(){
- same(document.title, "jQuery Mobile Navigation Test Suite");
- start();
- }
- ]);
- });
-
- asyncTest( "Page title updates properly when clicking a link back to first page", function(){
- var title = document.title;
-
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#ajax-title-page");
- },
-
- function(){
- $("#titletest1").click();
- },
-
- function(){
- same(document.title, "Title Tag");
- $.mobile.activePage.find("#title-check-link").click();
- },
-
- function(){
- same(document.title, title);
- start();
- }
- ]);
- });
-
- asyncTest( "Page title updates properly from title tag when loading an external page", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#ajax-title-page");
- },
-
- function(){
- $("#titletest1").click();
- },
-
- function(){
- same(document.title, "Title Tag");
- start();
- }
- ]);
- });
-
- asyncTest( "Page title updates properly from data-title attr when loading an external page", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#ajax-title-page");
- },
-
- function(){
- $("#titletest2").click();
- },
-
- function(){
- same(document.title, "Title Attr");
- start();
- }
- ]);
- });
-
- asyncTest( "Page title updates properly from heading text in header when loading an external page", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#ajax-title-page");
- },
-
- function(){
- $("#titletest3").click();
- },
-
- function(){
- same(document.title, "Title Heading");
- start();
- }
- ]);
- });
-
- asyncTest( "Page links to the current active page result in the same active page", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#self-link");
- },
-
- function(){
- $("a[href='#self-link']").click();
- },
-
- function(){
- same($.mobile.activePage[0], $("#self-link")[0], "self-link page is still the active page" );
- start();
- }
- ]);
- });
-
- asyncTest( "links on subdirectory pages with query params append the params and load the page", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#data-url-tests/non-data-url.html");
- },
-
- function(){
- $("#query-param-anchor").click();
- },
-
- function(){
- $.testHelper.assertUrlLocation({
- hashOrPush: home + "data-url-tests/non-data-url.html?foo=bar",
- report: "the hash or url has query params"
- });
-
- ok($(".ui-page-active").jqmData("url").indexOf("?foo=bar") > -1, "the query params are in the data url");
- start();
- }
- ]);
- });
-
- asyncTest( "identical query param link doesn't add additional set of query params", function(){
- $.testHelper.pageSequence([
- function(){
- $.testHelper.openPage("#data-url-tests/non-data-url.html");
- },
-
- function(){
- $("#query-param-anchor").click();
- },
-
- function(){
- $.testHelper.assertUrlLocation({
- hashOrPush: home + "data-url-tests/non-data-url.html?foo=bar",
- report: "the hash or url has query params"
- });
-
- $("#query-param-anchor").click();
- },
-
- function(){
- $.testHelper.assertUrlLocation({
- hashOrPush: home + "data-url-tests/non-data-url.html?foo=bar",
- report: "the hash or url still has query params"
- });
-
- start();
- }
- ]);
- });
-
- // Special handling inside navigation because query params must be applied to the hash
- // or absolute reference and dialogs apply extra information int the hash that must be removed
- asyncTest( "query param link from a dialog to itself should be a not add another dialog", function(){
- var firstDialogLoc;
-
- $.testHelper.pageSequence([
- // open our test page
- function(){
- $.testHelper.openPage("#dialog-param-link");
- },
-
- // navigate to the subdirectory page with the query link
- function(){
- $("#dialog-param-link a").click();
- },
-
- // navigate to the query param self reference link
- function(){
- $("#dialog-param-link-page a").click();
- },
-
- // attempt to navigate to the same link
- function(){
- // store the current hash for comparison (with one dialog hash key)
- firstDialogLoc = location.hash || location.href;
- $("#dialog-param-link-page a").click();
- },
-
- function(){
- same(location.hash || location.href, firstDialogLoc, "additional dialog hash key not added");
- start();
- }
- ]);
- });
-
- asyncTest( "query data passed as string to changePage is appended to URL", function(){
- $.testHelper.pageSequence([
- // open our test page
- function(){
- $.mobile.changePage( "form-tests/changepage-data.html", {
- data: "foo=1&bar=2"
- } );
- },
-
- function(){
- $.testHelper.assertUrlLocation({
- hashOrPush: home + "form-tests/changepage-data.html?foo=1&bar=2",
- report: "the hash or url still has query params"
- });
-
- start();
- }
- ]);
- });
-
- asyncTest( "query data passed as object to changePage is appended to URL", function(){
- $.testHelper.pageSequence([
- // open our test page
- function(){
- $.mobile.changePage( "form-tests/changepage-data.html", {
- data: {
- foo: 3,
- bar: 4
- }
- } );
- },
-
- function(){
- $.testHelper.assertUrlLocation({
- hashOrPush: home + "form-tests/changepage-data.html?foo=3&bar=4",
- report: "the hash or url still has query params"
- });
-
- start();
- }
- ]);
- });
-
- asyncTest( "refresh of a dialog url should not duplicate page", function(){
- $.testHelper.pageSequence([
- // open our test page
- function(){
- same($(".foo-class").length, 1, "should only have one instance of foo-class in the document");
- location.hash = "#foo&ui-state=dialog";
- },
-
- function(){
- $.testHelper.assertUrlLocation({
- hash: "foo&ui-state=dialog",
- push: home + "#foo&ui-state=dialog",
- report: "hash should match what was loaded"
- });
-
- same( $(".foo-class").length, 1, "should only have one instance of foo-class in the document" );
- start();
- }
- ]);
- });
-
- asyncTest( "internal form with no action submits to document URL", function(){
- $.testHelper.pageSequence([
- // open our test page
- function(){
- $.testHelper.openPage("#internal-no-action-form-page");
- },
-
- function(){
- $("#internal-no-action-form-page form").eq(0).submit();
- },
-
- function(){
- $.testHelper.assertUrlLocation({
- hashOrPush: home + "?foo=1&bar=2",
- report: "hash should match what was loaded"
- });
-
- start();
- }
- ]);
- });
-
- asyncTest( "external page containing form with no action submits to page URL", function(){
- $.testHelper.pageSequence([
- // open our test page
- function(){
- $.testHelper.openPage("#internal-no-action-form-page");
- },
-
- function(){
- $("#internal-no-action-form-page a").eq(0).click();
- },
-
- function(){
- $("#external-form-no-action-page form").eq(0).submit();
- },
-
- function(){
- $.testHelper.assertUrlLocation({
- hashOrPush: home + "form-tests/form-no-action.html?foo=1&bar=2",
- report: "hash should match page url and not document url"
- });
-
- start();
- }
- ]);
- });
-
- asyncTest( "handling of active button state when navigating", 1, function(){
-
- $.testHelper.pageSequence([
- // open our test page
- function(){
- $.testHelper.openPage("#active-state-page1");
- },
-
- function(){
- $("#active-state-page1 a").eq(0).click();
- },
-
- function(){
- $("#active-state-page2 a").eq(0).click();
- },
-
- function(){
- ok(!$("#active-state-page1 a").hasClass( $.mobile.activeBtnClass ), "No button should not have class " + $.mobile.activeBtnClass );
- start();
- }
- ]);
- });
-
- // issue 2444 https://github.com/jquery/jquery-mobile/issues/2444
- // results from preventing spurious hash changes
- asyncTest( "dialog should return to its parent page when open and closed multiple times", function() {
- $.testHelper.pageSequence([
- // open our test page
- function(){
- $.testHelper.openPage("#default-trans-dialog");
- },
-
- function(){
- $.mobile.activePage.find( "a" ).click();
- },
-
- function(){
- window.history.back();
- },
-
- function(){
- same( $.mobile.activePage[0], $( "#default-trans-dialog" )[0] );
- $.mobile.activePage.find( "a" ).click();
- },
-
- function(){
- window.history.back();
- },
-
- function(){
- same( $.mobile.activePage[0], $( "#default-trans-dialog" )[0] );
- start();
- }
- ]);
- });
-
- asyncTest( "clicks with middle mouse button are ignored", function() {
- $.testHelper.pageSequence([
- function() {
- $.testHelper.openPage( "#odd-clicks-page" );
- },
-
- function() {
- $( "#right-or-middle-click" ).click();
- },
-
- // make sure the page is opening first without the mocked button click value
- // only necessary to prevent issues with test specific fixtures
- function() {
- same($.mobile.activePage[0], $("#odd-clicks-page-dest")[0]);
- $.testHelper.openPage( "#odd-clicks-page" );
-
- // mock the which value to simulate a middle click
- $.Event.prototype.which = 2;
- },
-
- function() {
- $( "#right-or-middle-click" ).click();
- },
-
- function( timeout ) {
- ok( timeout, "page event handler timed out due to ignored click" );
- ok($.mobile.activePage[0] !== $("#odd-clicks-page-dest")[0], "pages are not the same");
- start();
- }
- ]);
- });
-
- asyncTest( "disabling link binding disables navigation via links and highlighting", function() {
- $.mobile.linkBindingEnabled = false;
-
- $.testHelper.pageSequence([
- function() {
- $.testHelper.openPage("#bar");
- },
-
- function() {
- $.mobile.activePage.find( "a" ).click();
- },
-
- function( timeout ) {
- ok( !$.mobile.activePage.find( "a" ).hasClass( $.mobile.activeBtnClass ), "vlick handler doesn't add the activebtn class" );
- ok( timeout, "no page change was fired" );
- start();
- }
- ]);
- });
-
- asyncTest( "handling of button active state when navigating by clicking back button", 1, function(){
- $.testHelper.pageSequence([
- // open our test page
- function(){
- $.testHelper.openPage("#active-state-page1");
- },
-
- function(){
- $("#active-state-page1 a").eq(0).click();
- },
-
- function(){
- $("#active-state-page2 a").eq(1).click();
- },
-
- function(){
- $("#active-state-page1 a").eq(0).click();
- },
-
- function(){
- ok(!$("#active-state-page2 a").hasClass( $.mobile.activeBtnClass ), "No button should not have class " + $.mobile.activeBtnClass );
- start();
- }
- ]);
- });
-
- asyncTest( "can navigate to dynamically injected page with dynamically injected link", function(){
- $.testHelper.pageSequence([
- // open our test page
- function(){
- $.testHelper.openPage("#inject-links-page");
- },
-
- function(){
- var $ilpage = $( "#inject-links-page" ),
- $link = $( "<a href='#injected-test-page'>injected-test-page link</a>" );
-
- // Make sure we actually navigated to the expected page.
- ok( $.mobile.activePage[ 0 ] == $ilpage[ 0 ], "navigated successfully to #inject-links-page" );
-
- // Now dynamically insert a page.
- $ilpage.parent().append( "<div data-role='page' id='injected-test-page'>testing...</div>" );
-
- // Now inject a link to this page dynamically and attempt to navigate
- // to the page we just inserted.
- $link.appendTo( $ilpage ).click();
- },
-
- function(){
- // Make sure we actually navigated to the expected page.
- ok( $.mobile.activePage[ 0 ] == $( "#injected-test-page" )[ 0 ], "navigated successfully to #injected-test-page" );
-
- start();
- }
- ]);
- });
-
- asyncTest( "application url with dialogHashKey loads application's first page", function(){
- $.testHelper.pageSequence([
- // open our test page
- function(){
- // Navigate to any page except the first page of the application.
- $.testHelper.openPage("#foo");
- },
-
- function(){
- ok( $.mobile.activePage[ 0 ] === $( "#foo" )[ 0 ], "navigated successfully to #foo" );
-
- // Now navigate to an hash that contains just a dialogHashKey.
- $.mobile.changePage("#" + $.mobile.dialogHashKey);
- },
-
- function(){
- // Make sure we actually navigated to the first page.
- ok( $.mobile.activePage[ 0 ] === $.mobile.firstPage[ 0 ], "navigated successfully to first-page" );
-
- // Now make sure opening the page didn't result in page duplication.
- ok( $.mobile.firstPage.hasClass( "first-page" ), "first page has expected class" );
- same( $( ".first-page" ).length, 1, "first page was not duplicated" );
-
- start();
- }
- ]);
- });
-
- asyncTest( "navigate to non-existent internal page throws pagechangefailed", function(){
- var pagechangefailed = false,
- pageChangeFailedCB = function( e ) {
- pagechangefailed = true;
- }
-
- $( document ).bind( "pagechangefailed", pageChangeFailedCB );
-
- $.testHelper.pageSequence([
- // open our test page
- function(){
- // Make sure there's only one copy of the first-page in the DOM to begin with.
- ok( $.mobile.firstPage.hasClass( "first-page" ), "first page has expected class" );
- same( $( ".first-page" ).length, 1, "first page was not duplicated" );
-
- // Navigate to any page except the first page of the application.
- $.testHelper.openPage("#foo");
- },
-
- function(){
- var $foo = $( "#foo" );
- ok( $.mobile.activePage[ 0 ] === $foo[ 0 ], "navigated successfully to #foo" );
- same( pagechangefailed, false, "no page change failures" );
-
- // Now navigate to a non-existent page.
- $foo.find( "#bad-internal-page-link" ).click();
- },
-
- function(){
- // Make sure a pagechangefailed event was triggered.
- same( pagechangefailed, true, "pagechangefailed dispatched" );
-
- // Make sure we didn't navigate away from #foo.
- ok( $.mobile.activePage[ 0 ] === $( "#foo" )[ 0 ], "did not navigate away from #foo" );
-
- // Now make sure opening the page didn't result in page duplication.
- same( $( ".first-page" ).length, 1, "first page was not duplicated" );
-
- $( document ).unbind( "pagechangefailed", pageChangeFailedCB );
-
- start();
- }
- ]);
- });
-
- asyncTest( "prefetched links with data rel dialog result in a dialog", function() {
- $.testHelper.pageSequence([
- // open our test page
- function(){
- // Navigate to any page except the first page of the application.
- $.testHelper.openPage("#prefetched-dialog-page");
- },
-
- function() {
- $("#prefetched-dialog-link").click();
- },
-
- function() {
- ok( $.mobile.activePage.is(".ui-dialog"), "prefetched page is rendered as a dialog" );
- start();
- }
- ]);
- });
-
- asyncTest( "first page gets reloaded if pruned from the DOM", function(){
- var hideCallbackTriggered = false;
-
- function hideCallback( e, data )
- {
- var page = e.target;
- ok( ( page === $.mobile.firstPage[ 0 ] ), "hide called with prevPage set to firstPage");
- if ( page === $.mobile.firstPage[ 0 ] ) {
- $( page ).remove();
- }
- hideCallbackTriggered = true;
- }
-
- $(document).bind('pagehide', hideCallback);
-
- $.testHelper.pageSequence([
- function(){
- // Make sure the first page is actually in the DOM.
- ok( $.mobile.firstPage.parent().length !== 0, "first page is currently in the DOM" );
-
- // Make sure the first page is the active page.
- ok( $.mobile.activePage[ 0 ] === $.mobile.firstPage[ 0 ], "first page is the active page" );
-
- // Now make sure the first page has an id that we can use to reload it.
- ok( $.mobile.firstPage[ 0 ].id, "first page has an id" );
-
- // Make sure there is only one first page in the DOM.
- same( $( ".first-page" ).length, 1, "only one instance of the first page in the DOM" );
-
- // Navigate to any page except the first page of the application.
- $.testHelper.openPage("#foo");
- },
-
- function(){
- // Make sure the active page is #foo.
- ok( $.mobile.activePage[ 0 ] === $( "#foo" )[ 0 ], "navigated successfully to #foo" );
-
- // Make sure our hide callback was triggered.
- ok( hideCallbackTriggered, "hide callback was triggered" );
-
- // Make sure the first page was actually pruned from the document.
- ok( $.mobile.firstPage.parent().length === 0, "first page was pruned from the DOM" );
- same( $( ".first-page" ).length, 0, "no instance of the first page in the DOM" );
-
- // Remove our hideCallback.
- $(document).unbind('pagehide', hideCallback);
-
- // Navigate back to the first page!
- $.testHelper.openPage( "#" + $.mobile.firstPage[0].id );
- },
-
- function(){
- var firstPage = $( ".first-page" );
-
- // We should only have one first page in the document at any time!
- same( firstPage.length, 1, "single instance of first page recreated in the DOM" );
-
- // Make sure the first page in the DOM is actually a different DOM element than the original
- // one we started with.
- ok( $.mobile.firstPage[ 0 ] !== firstPage[ 0 ], "first page is a new DOM element");
-
- // Make sure we actually navigated to the new first page.
- ok( $.mobile.activePage[ 0 ] === firstPage[ 0 ], "navigated successfully to new first-page");
-
- // Reset the $.mobile.firstPage for subsequent tests.
- // XXX: Should we just get rid of the new one and restore the old?
- $.mobile.firstPage = $.mobile.activePage;
-
- start();
- }
- ]);
- });
-})(jQuery);
+++ /dev/null
-(function($) {
- asyncTest( "dialog ui-state should be part of the hash", function(){
- $.testHelper.sequence([
- function() {
- // open the test page
- $.mobile.activePage.find( "a" ).click();
- },
-
- function() {
- // verify that the hash contains the dialogHashKey
- ok( location.hash.search($.mobile.dialogHashKey) >= 0 );
- start();
- }
- ]);
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-/*
- * mobile navigation unit tests
- */
-(function($){
- var siteDirectory = location.pathname.replace(/[^/]+$/, "");
-
- module('jquery.mobile.navigation.js', {
- setup: function(){
- if ( location.hash ) {
- stop();
- $(document).one("pagechange", function() {
- start();
- } );
- location.hash = "";
- }
- }
- });
-
- test( "path.get method is working properly", function(){
- window.location.hash = "foo";
- same($.mobile.path.get(), "foo", "get method returns location.hash minus hash character");
- same($.mobile.path.get( "#foo/bar/baz.html" ), "foo/bar/", "get method with hash arg returns path with no filename or hash prefix");
- same($.mobile.path.get( "#foo/bar/baz.html/" ), "foo/bar/baz.html/", "last segment of hash is retained if followed by a trailing slash");
- });
-
- test( "path.isPath method is working properly", function(){
- ok(!$.mobile.path.isPath('bar'), "anything without a slash is not a path");
- ok($.mobile.path.isPath('bar/'), "anything with a slash is a path");
- ok($.mobile.path.isPath('/bar'), "anything with a slash is a path");
- ok($.mobile.path.isPath('a/r'), "anything with a slash is a path");
- ok($.mobile.path.isPath('/'), "anything with a slash is a path");
- });
-
- test( "path.getFilePath method is working properly", function(){
- same($.mobile.path.getFilePath("foo.html" + "&" + $.mobile.subPageUrlKey ), "foo.html", "returns path without sub page key");
- });
-
- test( "path.set method is working properly", function(){
- $.mobile.urlHistory.ignoreNextHashChange = false;
- $.mobile.path.set("foo");
- same("foo", window.location.hash.replace(/^#/,""), "sets location.hash properly");
- });
-
- test( "path.makeUrlAbsolute is working properly", function(){
- var mua = $.mobile.path.makeUrlAbsolute,
- p1 = "http://jqm.com/",
- p2 = "http://jqm.com/?foo=1&bar=2",
- p3 = "http://jqm.com/#spaz",
- p4 = "http://jqm.com/?foo=1&bar=2#spaz",
-
- p5 = "http://jqm.com/test.php",
- p6 = "http://jqm.com/test.php?foo=1&bar=2",
- p7 = "http://jqm.com/test.php#spaz",
- p8 = "http://jqm.com/test.php?foo=1&bar=2#spaz",
-
- p9 = "http://jqm.com/dir1/dir2/",
- p10 = "http://jqm.com/dir1/dir2/?foo=1&bar=2",
- p11 = "http://jqm.com/dir1/dir2/#spaz",
- p12 = "http://jqm.com/dir1/dir2/?foo=1&bar=2#spaz",
-
- p13 = "http://jqm.com/dir1/dir2/test.php",
- p14 = "http://jqm.com/dir1/dir2/test.php?foo=1&bar=2",
- p15 = "http://jqm.com/dir1/dir2/test.php#spaz",
- p16 = "http://jqm.com/dir1/dir2/test.php?foo=1&bar=2#spaz";
-
- // Test URL conversion against an absolute URL to the site root.
- // directory tests
- same( mua( "http://jqm.com/", p1 ), "http://jqm.com/", "absolute root - absolute root" );
- same( mua( "//jqm.com/", p1 ), "http://jqm.com/", "protocol relative root - absolute root" );
- same( mua( "/", p1 ), "http://jqm.com/", "site relative root - absolute root" );
-
- same( mua( "http://jqm.com/?foo=1&bar=2", p1 ), "http://jqm.com/?foo=1&bar=2", "absolute root with query - absolute root" );
- same( mua( "//jqm.com/?foo=1&bar=2", p1 ), "http://jqm.com/?foo=1&bar=2", "protocol relative root with query - absolute root" );
- same( mua( "/?foo=1&bar=2", p1 ), "http://jqm.com/?foo=1&bar=2", "site relative root with query - absolute root" );
- same( mua( "?foo=1&bar=2", p1 ), "http://jqm.com/?foo=1&bar=2", "query relative - absolute root" );
-
- same( mua( "http://jqm.com/#spaz", p1 ), "http://jqm.com/#spaz", "absolute root with fragment - absolute root" );
- same( mua( "//jqm.com/#spaz", p1 ), "http://jqm.com/#spaz", "protocol relative root with fragment - absolute root" );
- same( mua( "/#spaz", p1 ), "http://jqm.com/#spaz", "site relative root with fragment - absolute root" );
- same( mua( "#spaz", p1 ), "http://jqm.com/#spaz", "fragment relative - absolute root" );
-
- same( mua( "http://jqm.com/?foo=1&bar=2#spaz", p1 ), "http://jqm.com/?foo=1&bar=2#spaz", "absolute root with query and fragment - absolute root" );
- same( mua( "//jqm.com/?foo=1&bar=2#spaz", p1 ), "http://jqm.com/?foo=1&bar=2#spaz", "protocol relative root with query and fragment - absolute root" );
- same( mua( "/?foo=1&bar=2#spaz", p1 ), "http://jqm.com/?foo=1&bar=2#spaz", "site relative root with query and fragment - absolute root" );
- same( mua( "?foo=1&bar=2#spaz", p1 ), "http://jqm.com/?foo=1&bar=2#spaz", "query relative and fragment - absolute root" );
-
- // file tests
- same( mua( "http://jqm.com/test.php", p1 ), "http://jqm.com/test.php", "absolute file at root - absolute root" );
- same( mua( "//jqm.com/test.php", p1 ), "http://jqm.com/test.php", "protocol relative file at root - absolute root" );
- same( mua( "/test.php", p1 ), "http://jqm.com/test.php", "site relative file at root - absolute root" );
- same( mua( "test.php", p1 ), "http://jqm.com/test.php", "document relative file at root - absolute root" );
-
- same( mua( "http://jqm.com/test.php?foo=1&bar=2", p1 ), "http://jqm.com/test.php?foo=1&bar=2", "absolute file at root with query - absolute root" );
- same( mua( "//jqm.com/test.php?foo=1&bar=2", p1 ), "http://jqm.com/test.php?foo=1&bar=2", "protocol relative file at root with query - absolute root" );
- same( mua( "/test.php?foo=1&bar=2", p1 ), "http://jqm.com/test.php?foo=1&bar=2", "site relative file at root with query - absolute root" );
- same( mua( "test.php?foo=1&bar=2", p1 ), "http://jqm.com/test.php?foo=1&bar=2", "document relative file at root with query - absolute root" );
-
- same( mua( "http://jqm.com/test.php#spaz", p1 ), "http://jqm.com/test.php#spaz", "absolute file at root with fragment - absolute root" );
- same( mua( "//jqm.com/test.php#spaz", p1 ), "http://jqm.com/test.php#spaz", "protocol relative file at root with fragment - absolute root" );
- same( mua( "/test.php#spaz", p1 ), "http://jqm.com/test.php#spaz", "site relative file at root with fragment - absolute root" );
- same( mua( "test.php#spaz", p1 ), "http://jqm.com/test.php#spaz", "file at root with fragment - absolute root" );
-
- same( mua( "http://jqm.com/test.php?foo=1&bar=2#spaz", p1 ), "http://jqm.com/test.php?foo=1&bar=2#spaz", "absolute file at root with query and fragment - absolute root" );
- same( mua( "//jqm.com/test.php?foo=1&bar=2#spaz", p1 ), "http://jqm.com/test.php?foo=1&bar=2#spaz", "protocol relative file at root with query and fragment - absolute root" );
- same( mua( "/test.php?foo=1&bar=2#spaz", p1 ), "http://jqm.com/test.php?foo=1&bar=2#spaz", "site relative file at root with query and fragment - absolute root" );
- same( mua( "test.php?foo=1&bar=2#spaz", p1 ), "http://jqm.com/test.php?foo=1&bar=2#spaz", "query relative file at root fragment - absolute root" );
-
- // Test URL conversion against an absolute URL to a file at the site root.
-
- same( mua( "http://jqm.com/", p5 ), "http://jqm.com/", "absolute root - absolute root" );
- same( mua( "//jqm.com/", p5 ), "http://jqm.com/", "protocol relative root - absolute root" );
- same( mua( "/", p5 ), "http://jqm.com/", "site relative root - absolute root" );
-
- same( mua( "http://jqm.com/?foo=1&bar=2", p5 ), "http://jqm.com/?foo=1&bar=2", "absolute root with query - absolute root" );
- same( mua( "//jqm.com/?foo=1&bar=2", p5 ), "http://jqm.com/?foo=1&bar=2", "protocol relative root with query - absolute root" );
- same( mua( "/?foo=1&bar=2", p5 ), "http://jqm.com/?foo=1&bar=2", "site relative root with query - absolute root" );
- same( mua( "?foo=1&bar=2", p5 ), "http://jqm.com/test.php?foo=1&bar=2", "query relative - absolute root" );
-
- same( mua( "http://jqm.com/#spaz", p5 ), "http://jqm.com/#spaz", "absolute root with fragment - absolute root" );
- same( mua( "//jqm.com/#spaz", p5 ), "http://jqm.com/#spaz", "protocol relative root with fragment - absolute root" );
- same( mua( "/#spaz", p5 ), "http://jqm.com/#spaz", "site relative root with fragment - absolute root" );
- same( mua( "#spaz", p5 ), "http://jqm.com/test.php#spaz", "fragment relative - absolute root" );
-
- same( mua( "http://jqm.com/?foo=1&bar=2#spaz", p5 ), "http://jqm.com/?foo=1&bar=2#spaz", "absolute root with query and fragment - absolute root" );
- same( mua( "//jqm.com/?foo=1&bar=2#spaz", p5 ), "http://jqm.com/?foo=1&bar=2#spaz", "protocol relative root with query and fragment - absolute root" );
- same( mua( "/?foo=1&bar=2#spaz", p5 ), "http://jqm.com/?foo=1&bar=2#spaz", "site relative root with query and fragment - absolute root" );
- same( mua( "?foo=1&bar=2#spaz", p5 ), "http://jqm.com/test.php?foo=1&bar=2#spaz", "query relative and fragment - absolute root" );
- });
-
- // https://github.com/jquery/jquery-mobile/issues/2362
- test( "ipv6 host support", function(){
- // http://www.ietf.org/rfc/rfc2732.txt ipv6 examples for tests
- // most definitely not comprehensive
- var ipv6_1 = "http://[FEDC:BA98:7654:3210:FEDC:BA98:7654:3210]:80/index.html",
- ipv6_2 = "http://[1080:0:0:0:8:800:200C:417A]/index.html",
- ipv6_3 = "http://[3ffe:2a00:100:7031::1]",
- ipv6_4 = "http://[1080::8:800:200C:417A]/foo",
- ipv6_5 = "http://[::192.9.5.5]/ipng",
- ipv6_6 = "http://[::FFFF:129.144.52.38]:80/index.html",
- ipv6_7 = "http://[2010:836B:4179::836B:4179]",
- fromIssue = "http://[3fff:cafe:babe::]:443/foo";
-
- same( $.mobile.path.parseUrl(ipv6_1).host, "[FEDC:BA98:7654:3210:FEDC:BA98:7654:3210]:80");
- same( $.mobile.path.parseUrl(ipv6_1).hostname, "[FEDC:BA98:7654:3210:FEDC:BA98:7654:3210]");
- same( $.mobile.path.parseUrl(ipv6_2).host, "[1080:0:0:0:8:800:200C:417A]");
- same( $.mobile.path.parseUrl(ipv6_3).host, "[3ffe:2a00:100:7031::1]");
- same( $.mobile.path.parseUrl(ipv6_4).host, "[1080::8:800:200C:417A]");
- same( $.mobile.path.parseUrl(ipv6_5).host, "[::192.9.5.5]");
- same( $.mobile.path.parseUrl(ipv6_6).host, "[::FFFF:129.144.52.38]:80");
- same( $.mobile.path.parseUrl(ipv6_6).hostname, "[::FFFF:129.144.52.38]");
- same( $.mobile.path.parseUrl(ipv6_7).host, "[2010:836B:4179::836B:4179]");
- same( $.mobile.path.parseUrl(fromIssue).host, "[3fff:cafe:babe::]:443");
- same( $.mobile.path.parseUrl(fromIssue).hostname, "[3fff:cafe:babe::]");
- });
-
- test( "path.clean is working properly", function(){
- var localroot = location.protocol + "//" + location.host + location.pathname,
- remoteroot = "http://google.com/",
- fakepath = "#foo/bar/baz.html",
- pathWithParam = localroot + "bar?baz=" + localroot,
- localpath = localroot + fakepath,
- remotepath = remoteroot + fakepath;
-
- same( $.mobile.path.clean( localpath ), location.pathname + fakepath, "removes location protocol, host, and portfrom same-domain path");
- same( $.mobile.path.clean( remotepath ), remotepath, "does nothing to an external domain path");
- same( $.mobile.path.clean( pathWithParam ), location.pathname + "bar?baz=" + localroot, "doesn't remove params with localroot value");
- });
-
- test( "path.stripHash is working properly", function(){
- same( $.mobile.path.stripHash( "#bar" ), "bar", "returns a hash without the # prefix");
- });
-
- test( "path.hasProtocol is working properly", function(){
- same( $.mobile.path.hasProtocol( "tel:5559999" ), true, "value in tel protocol format has protocol" );
- same( $.mobile.path.hasProtocol( location.href ), true, "location href has protocol" );
- same( $.mobile.path.hasProtocol( "foo/bar/baz.html" ), false, "simple directory path has no protocol" );
- same( $.mobile.path.hasProtocol( "file://foo/bar/baz.html" ), true, "simple directory path with file:// has protocol" );
- });
-
- test( "path.isRelativeUrl is working properly", function(){
- same( $.mobile.path.isRelativeUrl("http://company.com/"), false, "absolute url is not relative" );
- same( $.mobile.path.isRelativeUrl("//company.com/"), true, "protocol relative url is relative" );
- same( $.mobile.path.isRelativeUrl("/"), true, "site relative url is relative" );
-
- same( $.mobile.path.isRelativeUrl("http://company.com/test.php"), false, "absolute url is not relative" );
- same( $.mobile.path.isRelativeUrl("//company.com/test.php"), true, "protocol relative url is relative" );
- same( $.mobile.path.isRelativeUrl("/test.php"), true, "site relative url is relative" );
- same( $.mobile.path.isRelativeUrl("test.php"), true, "document relative url is relative" );
-
- same( $.mobile.path.isRelativeUrl("http://company.com/dir1/dir2/test.php?foo=1&bar=2#frag"), false, "absolute url is not relative" );
- same( $.mobile.path.isRelativeUrl("//company.com/dir1/dir2/test.php?foo=1&bar=2#frag"), true, "protocol relative url is relative" );
- same( $.mobile.path.isRelativeUrl("/dir1/dir2/test.php?foo=1&bar=2#frag"), true, "site relative url is relative" );
- same( $.mobile.path.isRelativeUrl("dir1/dir2/test.php?foo=1&bar=2#frag"), true, "document relative path url is relative" );
- same( $.mobile.path.isRelativeUrl("test.php?foo=1&bar=2#frag"), true, "document relative file url is relative" );
- same( $.mobile.path.isRelativeUrl("?foo=1&bar=2#frag"), true, "query relative url is relative" );
- same( $.mobile.path.isRelativeUrl("#frag"), true, "fragments are relative" );
- });
-
- test( "path.isExternal is working properly", function(){
- same( $.mobile.path.isExternal( location.href ), false, "same domain is not external" );
- same( $.mobile.path.isExternal( "http://example.com" ), true, "example.com is external" );
- same($.mobile.path.isExternal("mailto:"), true, "mailto protocol");
- same($.mobile.path.isExternal("http://foo.com"), true, "http protocol");
- same($.mobile.path.isExternal("http://www.foo.com"), true, "http protocol with www");
- same($.mobile.path.isExternal("tel:16178675309"), true, "tel protocol");
- same($.mobile.path.isExternal("foo.html"), false, "filename");
- same($.mobile.path.isExternal("foo/foo/foo.html"), false, "file path");
- same($.mobile.path.isExternal("../../index.html"), false, "relative parent path");
- same($.mobile.path.isExternal("/foo"), false, "root-relative path");
- same($.mobile.path.isExternal("foo"), false, "simple string");
- same($.mobile.path.isExternal("#foo"), false, "local id reference");
- });
-
- test( "path.cleanHash", function(){
- same( $.mobile.path.cleanHash( "#anything/atall?akjfdjjf" ), "anything/atall", "removes query param");
- same( $.mobile.path.cleanHash( "#nothing/atall" ), "nothing/atall", "removes query param");
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-/*
- * mobile navigation path unit tests
- */
-(function($){
- var url = $.mobile.path.parseUrl( location.href ),
- home = location.href.replace( url.domain, "" );
-
- var testPageLoad = function(testPageAnchorSelector, expectedTextValue){
- expect( 2 );
-
- $.testHelper.pageSequence([
- function(){
- // reset before each test, all tests expect original page
- // for relative urls
- $.testHelper.openPage( "#" + home);
- },
-
- // open our test page
- function(){
- $.testHelper.openPage("#pathing-tests");
- },
-
- // navigate to the linked page
- function(){
- var page = $.mobile.activePage;
-
- // check that the reset page isn't still open
- equal("", page.find(".reset-value").text());
-
- //click he test page link to execute the path
- page.find("a" + testPageAnchorSelector).click();
- },
-
- // verify that the page has changed and the expected text value is present
- function(){
- same($.mobile.activePage.find(".test-value").text(), expectedTextValue);
- start();
- }
- ]);
- };
-
- // all of these alterations assume location.pathname will be a directory
- // this is required to prevent the tests breaking in a subdirectory
- // TODO could potentially be fragile since the tests could be running while
- // the urls are being updated
- $(function(){
- $("a.site-rel").each(function(i, elem){
- var $elem = $(elem);
- $elem.attr("href", location.pathname + $(elem).attr("href"));
- });
-
- $('a.protocol-rel').each(function(i, elem){
- var $elem = $(elem);
- $elem.attr("href", "//" + location.host + location.pathname + $(elem).attr("href"));
- });
-
- $('a.absolute').each(function(i, elem){
- var $elem = $(elem);
- $elem.attr("href",
- location.protocol + "//" + location.host +
- location.pathname + $(elem).attr("href"));
- });
- });
-
-
- //Doc relative tests
- module("document relative paths");
-
- asyncTest( "file reference no nesting", function(){
- testPageLoad("#doc-rel-test-one", "doc rel test one");
- });
-
- asyncTest( "file reference with nesting", function(){
- testPageLoad("#doc-rel-test-two", "doc rel test two");
- });
-
- asyncTest( "file reference with double nesting", function(){
- testPageLoad("#doc-rel-test-three", "doc rel test three");
- });
-
- asyncTest( "dir refrence with nesting", function(){
- testPageLoad("#doc-rel-test-four", "doc rel test four");
- });
-
- asyncTest( "file refrence with parent dir", function(){
- testPageLoad("#doc-rel-test-five", "doc rel test five");
- });
-
- asyncTest( "dir refrence with parent dir", function(){
- testPageLoad("#doc-rel-test-six", "doc rel test six");
- });
-
-
- // Site relative tests
- // NOTE does not test root path or non nested references
- module("site relative paths");
-
- asyncTest( "file reference no nesting", function(){
- testPageLoad("#site-rel-test-one", "doc rel test one");
- });
-
- asyncTest( "file reference with nesting", function(){
- testPageLoad("#site-rel-test-two", "doc rel test two");
- });
-
- asyncTest( "file reference with double nesting", function(){
- testPageLoad("#site-rel-test-three", "doc rel test three");
- });
-
- asyncTest( "dir refrence with nesting", function(){
- testPageLoad("#site-rel-test-four", "doc rel test four");
- });
-
- asyncTest( "file refrence with parent dir", function(){
- testPageLoad("#site-rel-test-five", "doc rel test five");
- });
-
- asyncTest( "dir refrence with parent dir", function(){
- testPageLoad("#site-rel-test-six", "doc rel test six");
- });
-
-
- // Protocol relative tests
- // NOTE does not test root path or non nested references
- module("protocol relative paths");
-
- asyncTest( "file reference no nesting", function(){
- testPageLoad("#protocol-rel-test-one", "doc rel test one");
- });
-
- asyncTest( "file reference with nesting", function(){
- testPageLoad("#protocol-rel-test-two", "doc rel test two");
- });
-
- asyncTest( "file reference with double nesting", function(){
- testPageLoad("#protocol-rel-test-three", "doc rel test three");
- });
-
- asyncTest( "dir refrence with nesting", function(){
- testPageLoad("#protocol-rel-test-four", "doc rel test four");
- });
-
- asyncTest( "file refrence with parent dir", function(){
- testPageLoad("#protocol-rel-test-five", "doc rel test five");
- });
-
- asyncTest( "dir refrence with parent dir", function(){
- testPageLoad("#protocol-rel-test-six", "doc rel test six");
- });
-
- // absolute tests
- // NOTE does not test root path or non nested references
- module("abolute paths");
-
- asyncTest( "file reference no nesting", function(){
- testPageLoad("#absolute-test-one", "doc rel test one");
- });
-
- asyncTest( "file reference with nesting", function(){
- testPageLoad("#absolute-test-two", "doc rel test two");
- });
-
- asyncTest( "file reference with double nesting", function(){
- testPageLoad("#absolute-test-three", "doc rel test three");
- });
-
- asyncTest( "dir refrence with nesting", function(){
- testPageLoad("#absolute-test-four", "doc rel test four");
- });
-
- asyncTest( "file refrence with parent dir", function(){
- testPageLoad("#absolute-test-five", "doc rel test five");
- });
-
- asyncTest( "dir refrence with parent dir", function(){
- testPageLoad("#absolute-test-six", "doc rel test six");
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-/*
- * mobile navigation unit tests
- */
-(function($){
- var perspective = "viewport-flip",
- transitioning = "ui-mobile-viewport-transitioning",
- animationCompleteFn = $.fn.animationComplete,
-
- //TODO centralize class names?
- transitionTypes = "in out fade slide flip reverse pop",
-
- isTransitioning = function(page){
- return $.grep(transitionTypes.split(" "), function(className, i){
- return page.hasClass(className);
- }).length > 0;
- },
-
- isTransitioningIn = function(page){
- return page.hasClass("in") && isTransitioning(page);
- },
-
- //animationComplete callback queue
- callbackQueue = [],
-
- finishPageTransition = function(){
- callbackQueue.pop()();
- },
-
- clearPageTransitionStack = function(){
- stop();
- var checkTransitionStack = function(){
- if(callbackQueue.length>0) {
- setTimeout(function(){
- finishPageTransition();
- checkTransitionStack();
- },0);
- }
- else {
- start();
- }
- };
- checkTransitionStack();
- },
-
- //wipe all urls
- clearUrlHistory = function(){
- $.mobile.urlHistory.stack = [];
- $.mobile.urlHistory.activeIndex = 0;
- };
-
-
- module('jquery.mobile.navigation.js', {
- setup: function(){
- //stub to prevent class removal
- $.fn.animationComplete = function(callback){
- callbackQueue.unshift(callback);
- };
-
- clearPageTransitionStack();
- clearUrlHistory();
- },
-
- teardown: function(){
- // unmock animation complete
- $.fn.animationComplete = animationCompleteFn;
- }
- });
-
- test( "changePage applys perspective class to mobile viewport for flip", function(){
- $("#foo > a").click();
-
- ok($("body").hasClass(perspective), "has perspective class");
- });
-
- test( "changePage does not apply perspective class to mobile viewport for transitions other than flip", function(){
- $("#bar > a").click();
-
- ok(!$("body").hasClass(perspective), "doesn't have perspective class");
- });
-
- test( "changePage applys transition class to mobile viewport for default transition", function(){
- $("#baz > a").click();
-
- ok($("body").hasClass(transitioning), "has transitioning class");
- });
-
- test( "explicit transition preferred for page navigation reversal (ie back)", function(){
- $("#fade-trans > a").click();
- stop();
- setTimeout(function(){
- finishPageTransition();
- $("#flip-trans > a").click();
- setTimeout(function(){
- finishPageTransition();
- $("#fade-trans > a").click();
- setTimeout(function(){
- ok($("#flip-trans").hasClass("fade"), "has fade class");
- start();
- },0);
- },0);
- },0);
- });
-
- test( "default transition is slide", function(){
- $("#default-trans > a").click();
- stop();
- setTimeout(function(){
- ok($("#no-trans").hasClass("slide"), "has slide class");
- start();
- },0);
- });
-
- test( "changePage queues requests", function(){
- var firstPage = $("#foo"),
- secondPage = $("#bar");
-
- $.mobile.changePage(firstPage);
- $.mobile.changePage(secondPage);
-
- stop();
- setTimeout(function(){
- ok(isTransitioningIn(firstPage), "first page begins transition");
- ok(!isTransitioningIn(secondPage), "second page doesn't transition yet");
-
- finishPageTransition();
-
- setTimeout(function(){
- ok(!isTransitioningIn(firstPage), "first page transition should be complete");
- ok(isTransitioningIn(secondPage), "second page should begin transitioning");
- start();
- },0);
- },0);
- });
-
- test( "default transition is pop for a dialog", function(){
- expect( 1 );
- stop();
- setTimeout(function(){
- $("#default-trans-dialog > a").click();
-
- ok($("#no-trans-dialog").hasClass("pop"), "expected the pop class to be present but instead was " + $("#no-trans-dialog").attr('class'));
-
- start();
- }, 900);
- });
-
- test( "animationComplete return value", function(){
- $.fn.animationComplete = animationCompleteFn;
- equals($("#foo").animationComplete(function(){})[0], $("#foo")[0]);
- });
-})(jQuery);
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-</head>
-<body>
- <div data-nstest-role="page">
- <div class="test-value">doc rel test two</div>
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-</head>
-<body>
- <div data-nstest-role="page">
- <div class="test-value">doc rel test five</div>
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-</head>
-<body>
- <div data-nstest-role="page">
- <div class="test-value">doc rel test six</div>
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-</head>
-<body>
- <div data-nstest-role="page">
- <div class="test-value">doc rel test three</div>
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-</head>
-<body>
- <div data-nstest-role="page">
- <div class="test-value">doc rel test four</div>
- </div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <title>Title Tag</title>
-</head>
-<body>
- <div data-nstest-role="page" id="prefetched-dialog"></div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <title>Title Tag</title>
-</head>
-<body>
-
-<div data-nstest-role="page" id="prefetched"></div>
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Navigation Test Suite</title>
-
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../js/"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
-
-
- <link rel="stylesheet" href="../../../css/themes/default/"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../../../external/qunit.js"></script>
-
- <script type="text/javascript" src="navigation_dialog_pushstate.js"></script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Navigation Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page">
- <a href="#dialog">open the dialog</a>
-</div>
-
-<div id="dialog" data-nstest-role="dialog">
- <div data-nstest-role="header" data-nstest-position="inline">
- <h1>Dialog</h1>
- </div>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <!-- forces the base-tests into a push state disabled run and allows for
- the test suite runner to pick it up as a seperate test set. See test/unit/ls.php,
- test/unit/runner.js, base-tests.html, and tests/jquery.testHelper.js for more. -->
- <meta http-equiv="refresh" content="0; url='base-tests.html?push-state=false'"></meta>
-</head>
-<body>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <!-- forces the base-tests into a push state disabled run and allows for
- the test suite runner to pick it up as a seperate test set. See test/unit/ls.php,
- test/unit/runner.js, base-tests.html, and tests/jquery.testHelper.js for more. -->
- <meta http-equiv="refresh" content="0; url='./?push-state=false'"></meta>
-</head>
-<body>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <title>Title Tag</title>
-</head>
-<body>
-
-<div data-nstest-role="page">
- <a href="./" id="title-check-link">back to the parent page</a>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-
-</head>
-<body>
-
-<div data-nstest-role="page" data-nstest-title="Title Attr"></div>
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-</head>
-<body>
-
-<div data-nstest-role="page" >
- <div data-nstest-role="header"><h1>Title Heading</h1></div>
-</div>
-
-</body>
-</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Page Test Suite</title>
-
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../js/"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
-
-
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../../../external/qunit.js"></script>
-
- <script src="page_core.js"></script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Page Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="qunit-fixture">
- <div data-nstest-role="page">
- <div data-nstest-role="header">
- <div>
- <a href="foo">foo</a>
- </div>
- <a href="foo">foo</a>
- </div><!-- /header -->
-
- <div data-nstest-role="footer">
- <div>
- <a href="foo">foo</a>
- </div>
-
- <a href="foo">foo</a>
- </div><!-- /header -->
-
- <div class="ui-bar">
- <div>
- <a href="foo">foo</a>
- </div>
-
- <a href="foo">foo</a>
- </div>
- </div>
-</body>
-</html>
+++ /dev/null
-/*
- * mobile page unit tests
- */
-(function($){
- var libName = 'jquery.mobile.page.js';
-
- module(libName);
-
- test( "nested header anchors aren't altered", function(){
- ok(!$('.ui-header > div > a').hasClass('ui-btn'));
- });
-
- test( "nested footer anchors aren't altered", function(){
- ok(!$('.ui-footer > div > a').hasClass('ui-btn'));
- });
-
- test( "nested bar anchors aren't styled", function(){
- ok(!$('.ui-bar > div > a').hasClass('ui-btn'));
- });
-
- test( "unnested footer anchors are styled", function(){
- ok($('.ui-footer > a').hasClass('ui-btn'));
- });
-
- test( "unnested footer anchors are styled", function(){
- ok($('.ui-footer > a').hasClass('ui-btn'));
- });
-
- test( "unnested bar anchors are styled", function(){
- ok($('.ui-bar > a').hasClass('ui-btn'));
- });
-
- test( "no auto-generated back button exists on first page", function(){
- ok( !$(".ui-header > :jqmData(rel='back')").length );
- });
-})(jQuery);
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Page Test Suite</title>
-
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../js/"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
-
-
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../../../external/qunit.js"></script>
-
- <script src="page_core.js"></script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Page Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="qunit-fixture">
- <div id="a" data-nstest-role="page"></div>
-
-
- <div id="b" data-nstest-role="page" data-nstest-theme="e"></div>
-
- <div id="c" data-nstest-role="page"></div>
-</div>
-</body>
-</html>
+++ /dev/null
-/*
- * mobile page unit tests
- */
-(function($){
- var libName = 'jquery.mobile.page.sections.js',
- themedefault = $.mobile.page.prototype.options.theme,
- keepNative = $.mobile.page.prototype.options.keepNative;
-
- module(libName, {
- setup: function() {
- $.mobile.page.prototype.options.keepNative = keepNative;
- }
- });
-
-
- var eventStack = [],
- etargets = [],
- cEvents=[],
- cTargets=[];
-
-
- $( document ).bind( "pagebeforecreate pagecreate", function( e ){
- eventStack.push( e.type );
- etargets.push( e.target );
- });
-
- $("#c").live( "pagebeforecreate", function( e ){
-
- cEvents.push( e.type );
- cTargets.push( e.target );
- return false;
- });
-
- test( "pagecreate event fires when page is created", function(){
- ok( eventStack[0] === "pagecreate" || eventStack[1] === "pagecreate" );
- });
-
- test( "pagebeforecreate event fires when page is created", function(){
- ok( eventStack[0] === "pagebeforecreate" || eventStack[1] === "pagebeforecreate" );
- });
-
- test( "pagebeforecreate fires before pagecreate", function(){
- ok( eventStack[0] === "pagebeforecreate" );
- });
-
- test( "target of pagebeforecreate event was div #a", function(){
- ok( $( etargets[0] ).is("#a") );
- });
-
- test( "target of pagecreate event was div #a" , function(){
- ok( $( etargets[0] ).is("#a") );
- });
-
- test( "page element has ui-page class" , function(){
- ok( $( "#a" ).hasClass( "ui-page" ) );
- });
-
- test( "page element has default body theme when not overidden" , function(){
- ok( $( "#a" ).hasClass( "ui-body-" + themedefault ) );
- });
-
- test( "B page has non-default theme matching its data-theme attr" , function(){
- $( "#b" ).page();
- var btheme = $( "#b" ).jqmData( "theme" );
- ok( $( "#b" ).hasClass( "ui-body-" + btheme ) );
- });
-
- test( "Binding to pagebeforecreate and returning false prevents pagecreate event from firing" , function(){
- $("#c").page();
-
- ok( cEvents[0] === "pagebeforecreate" );
- ok( !cTargets[1] );
- });
-
- test( "Binding to pagebeforecreate and returning false prevents classes from being applied to page" , function(){
- ok( !$( "#b" ).hasClass( "ui-body-" + themedefault ) );
- ok( !$( "#b" ).hasClass( "ui-page" ) );
- });
-
- test( "keepNativeSelector returns the default where keepNative is not different", function() {
- var pageProto = $.mobile.page.prototype;
- pageProto.options.keepNative = pageProto.options.keepNativeDefault;
-
- same(pageProto.keepNativeSelector(), pageProto.options.keepNativeDefault);
- });
-
- test( "keepNativeSelector returns the default where keepNative is empty, undefined, whitespace", function() {
- var pageProto = $.mobile.page.prototype;
-
- pageProto.options.keepNative = "";
- same(pageProto.keepNativeSelector(), pageProto.options.keepNativeDefault);
-
- pageProto.options.keepNative = undefined;
- same(pageProto.keepNativeSelector(), pageProto.options.keepNativeDefault);
-
- pageProto.options.keepNative = " ";
- same(pageProto.keepNativeSelector(), pageProto.options.keepNativeDefault);
- });
-
- test( "keepNativeSelector returns a selector joined with the default", function() {
- var pageProto = $.mobile.page.prototype;
-
- pageProto.options.keepNative = "foo, bar";
- same(pageProto.keepNativeSelector(), "foo, bar, " + pageProto.options.keepNativeDefault);
- });
-})(jQuery);
+++ /dev/null
-$(function() {
- var Runner = function( ) {
- var self = this;
-
- $.extend( self, {
- frame: window.frames[ "testFrame" ],
-
- testTimeout: 3 * 60 * 1000,
-
- $frameElem: $( "#testFrame" ),
-
- assertionResultPrefix: "assertion result for test:",
-
- onTimeout: QUnit.start,
-
- onFrameLoad: function() {
- // establish a timeout for a given suite in case of async tests hanging
- self.testTimer = setTimeout( self.onTimeout, self.testTimeout );
-
- // it might be a redirect with query params for push state
- // tests skip this call and expect another
- if( !self.frame.QUnit ) {
- self.$frameElem.one( "load", self.onFrameLoad );
- return;
- }
-
- // when the QUnit object reports done in the iframe
- // run the onFrameDone method
- self.frame.QUnit.done = self.onFrameDone;
- self.frame.QUnit.testDone = self.onTestDone;
- },
-
- onTestDone: function( result ) {
- QUnit.ok( !(result.failed > 0), result.name );
- self.recordAssertions( result.total - result.failed, result.name );
- },
-
- onFrameDone: function( failed, passed, total, runtime ){
- // make sure we don't time out the tests
- clearTimeout( self.testTimer );
-
- // TODO decipher actual cause of multiple test results firing twice
- // clear the done call to prevent early completion of other test cases
- self.frame.QUnit.done = $.noop;
- self.frame.QUnit.testDone = $.noop;
-
- // hide the extra assertions made to propogate the count
- // to the suite level test
- self.hideAssertionResults();
-
- // continue on to the next suite
- QUnit.start();
- },
-
- recordAssertions: function( count, parentTest ) {
- for( var i = 0; i < count; i++ ) {
- ok( true, self.assertionResultPrefix + parentTest );
- }
- },
-
- hideAssertionResults: function() {
- $( "li:not([id]):contains('" + self.assertionResultPrefix + "')" ).hide();
- },
-
- exec: function( data ) {
- var template = self.$frameElem.attr( "data-src" );
-
- $.each( data.testPages, function(i, dir) {
- QUnit.asyncTest( dir, function() {
- self.dir = dir;
- self.$frameElem.one( "load", self.onFrameLoad );
- self.$frameElem.attr( "src", template.replace("{{testdir}}", dir) );
- });
- });
-
- // having defined all suite level tests let QUnit run
- QUnit.start();
- }
- });
- };
-
- // prevent qunit from starting the test suite until all tests are defined
- QUnit.begin = function( ) {
- this.config.autostart = false;
- };
-
- // get the test directories
- $.get( "ls.php", (new Runner()).exec );
-});
+++ /dev/null
-<!DOCTYPE HTML>
-<html lang="en">
- <head>
- <meta charset="utf-8">
- </head>
- <body>
- <div id="dialog-select-parent-domcache-test" data-nstest-role="page" data-nstest-dom-cache="true">
- <div data-nstest-role="fieldcontain" id="domcache-page-select-container">
- <label for="domcache-page-select" class="select">Your state:</label>
- <select name="domcache-page-select" id="domcache-page-select" data-nstest-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
- </div>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Select Events Test Suite</title>
-
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script src="../../../js/"></script>
- <script src="select_cached.js"></script>
-
- <link rel="stylesheet" href="../../../css/themes/default/"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Select Event Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-<div id="default" data-nstest-role="page"></div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE HTML>
-<html lang="en">
- <head>
- <meta charset="utf-8">
- </head>
- <body>
- <div id="dialog-select-parent-cache-test" data-nstest-role="page">
- <div data-nstest-role="fieldcontain" id="cached-page-select-container">
- <label for="cached-page-select" class="select">Your state:</label>
- <select name="cached-page-select" id="cached-page-select" data-nstest-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
- </div>
- </body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Select Events Test Suite</title>
-
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script src="../../../js/"></script>
- <script src="select_events.js"></script>
- <script src="select_native.js"></script>
- <script src="select_cached.js"></script>
- <script src="select_core.js"></script>
-
- <link rel="stylesheet" href="../../../css/themes/default/"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Select Event Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="default" data-nstest-role="page" data-nstest-theme="c">
- <div data-nstest-role="fieldcontain" id="select-choice-few-container">
- <select name="select-choice-few" id="select-choice-few" data-nstest-native-menu="false">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="native-select-choice-few-container">
- <label for="native-select-choice-few" class="select">Choose shipping method:</label>
- <select name="native-select-choice-few" id="native-select-choice-few" data-nstest-native-menu="true">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-native-container">
- <select name="select-choice-native" id="select-choice-native" data-nstest-native-menu="true">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-global-native-container">
- <select name="select-choice-global-native" id="select-choice-global-native" data-nstest-native-menu="false">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-focus-test">
- <select name="select-choice-focus-test" id="select-choice-focus-test" data-nstest-native-menu="false">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-many-container-1">
- <label for="select-choice-many-1" class="select">Your state:</label>
- <select name="select-choice-many-1" id="select-choice-many-1" data-nstest-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-many-container">
- <label for="select-choice-many" class="select">Your state:</label>
- <select name="select-choice-many" id="select-choice-many" data-nstest-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-many-container-hash-check">
- <label for="select-choice-many-hash-check" class="select">Your state:</label>
- <select name="select-choice-many-hash-check" id="select-choice-many-hash-check" data-nstest-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-many-container-many-clicks">
- <label for="select-choice-many-many-clicks" class="select">Your state:</label>
- <select name="select-choice-many-many-clicks" id="select-choice-many-many-clicks" data-nstest-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-offscreen-container">
- <style>
- /* keep the select small and close to the screen border to test rendering */
- #select-offscreen-container {
- width: 100px;
- position: absolute;
- left: 0px;
- top: 0px;
- }
- </style>
-
- <select name="select-choice-few" id="select-offscreen" data-nstest-native-menu="false">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-long-option-label-container">
- <select name="select-long-option-label" id="select-long-option-label" data-nstest-native-menu="false">
- <option value="short">Choice 1</option>
- <option value="long">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</option>
- </select>
- </div>
-
- <select name="native-refresh" id="native-refresh">
- <option value="-1">default</option>
- <option value="-1">other</option>
- </select>
-
- <select name="custom-refresh" id="custom-refresh" data-nstest-native-menu="false">
- <option value="-1">default</option>
- </select>
-
- <select name="custom-refresh-opts-list" id="custom-refresh-opts-list" data-nstest-native-menu="false">
- <option value="-1">default</option>
- </select>
-
- <select name="non-parent-themed" id="non-parent-themed" data-nstest-native-menu="false" data-nstest-theme="a">
- <option value="-1">default</option>
- </select>
-
- <select name="parent-themed" id="parent-themed" data-nstest-native-menu="false">
- <option value="-1">default</option>
- </select>
-
- <select name="encoded-option" id="encoded-option" data-nstest-native-menu="false">
- <option><script>window.encodedValueIsDefined = true;</script></option>
- </select>
-
- <select name="keep-native" id="keep-native" class="should-be-native">
- <option></option>
- </select>
-</div>
-
-
-<div id="enhancetest">
- <select name="select-enhancetest" id="select-enhancetest">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
-</div>
-
-</body>
-</html>
+++ /dev/null
-/*
- * mobile select unit tests
- */
-
-(function($){
- var resetHash;
-
- resetHash = function(timeout){
- $.testHelper.openPage( location.hash.indexOf("#default") >= 0 ? "#" : "#default" );
- };
-
- // https://github.com/jquery/jquery-mobile/issues/2181
- asyncTest( "dialog sized select should alter the value of its parent select", function(){
- var selectButton, value;
-
- $.testHelper.pageSequence([
- resetHash,
-
- function(){
- $.mobile.changePage( "cached.html" );
- },
-
- function(){
- selectButton = $( "#cached-page-select" ).siblings( 'a' );
- selectButton.click();
- },
-
- function(){
- ok( $.mobile.activePage.hasClass('ui-dialog'), "the dialog came up" );
- var option = $.mobile.activePage.find( "li a" ).not(":contains('" + selectButton.text() + "')").last();
- value = option.text();
- option.click();
- },
-
- function(){
- same( value, selectButton.text(), "the selected value is propogated back to the button text" );
- start();
- }
- ]);
- });
-
- // https://github.com/jquery/jquery-mobile/issues/2181
- asyncTest( "dialog sized select should prevent the removal of its parent page from the dom", function(){
- var selectButton, parentPageId;
-
- expect( 2 );
-
- $.testHelper.pageSequence([
- resetHash,
-
- function(){
- $.mobile.changePage( "cached.html" );
- },
-
- function(){
- selectButton = $.mobile.activePage.find( "#cached-page-select" ).siblings( 'a' );
- parentPageId = $.mobile.activePage.attr( 'id' );
- same( $("#" + parentPageId).length, 1, "establish the parent page exists" );
- selectButton.click();
- },
-
- function(){
- same( $( "#" + parentPageId).length, 1, "make sure parent page is still there after opening the dialog" );
- $.mobile.activePage.find( "li a" ).last().click();
- },
-
- start
- ]);
- });
-
- asyncTest( "dialog sized select shouldn't rebind its parent page remove handler when closing, if the parent page domCache option is true", function(){
- expect( 3 );
-
- $.testHelper.pageSequence([
- resetHash,
-
- function(){
- $.mobile.changePage( "cached-dom-cache-true.html" );
- },
-
- function(){
- $.mobile.activePage.find( "#domcache-page-select" ).siblings( 'a' ).click();
- },
-
- function(){
- ok( $.mobile.activePage.hasClass('ui-dialog'), "the dialog came up" );
- $.mobile.activePage.find( "li a" ).last().click();
- },
-
- function(){
- ok( $.mobile.activePage.is( "#dialog-select-parent-domcache-test" ), "the dialog closed" );
- $.mobile.changePage( $( "#default" ) );
- },
-
- function(){
- same( $("#dialog-select-parent-domcache-test").length, 1, "make sure the select parent page is still cached in the dom after changing page" );
- start();
- }
- ]);
- });
-
- asyncTest( "menupage is removed when the parent page is removed", function(){
- var dialogCount = $(":jqmData(role='dialog')").length;
-
- $.testHelper.pageSequence([
- resetHash,
-
- function(){
-
- $.mobile.changePage( "uncached-dom-cached-false.html" );
- },
-
- function(){
- same( $(":jqmData(role='dialog')").length, dialogCount + 1 );
- window.history.back();
- },
-
- function() {
- same( $(":jqmData(role='dialog')").length, dialogCount );
- start();
- }
- ]);
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-/*
- * mobile select unit tests
- */
-
-(function($){
- var libName = "jquery.mobile.forms.select.js",
- originalDefaultDialogTrans = $.mobile.defaultDialogTransition,
- originalDefTransitionHandler = $.mobile.defaultTransitionHandler,
- originalGetEncodedText = $.fn.getEncodedText,
- resetHash, closeDialog;
-
- resetHash = function(timeout){
- $.testHelper.openPage( location.hash.indexOf("#default") >= 0 ? "#" : "#default" );
- };
-
- closeDialog = function(timeout){
- $.mobile.activePage.find("li a").first().click();
- };
-
- module(libName, {
- teardown: function(){
- $.mobile.defaultDialogTransition = originalDefaultDialogTrans;
- $.mobile.defaultTransitionHandler = originalDefTransitionHandler;
-
- $.fn.getEncodedText = originalGetEncodedText;
- window.encodedValueIsDefined = undefined;
- }
- });
-
- asyncTest( "firing a click at least 400 ms later on the select screen overlay does close it", function(){
- $.testHelper.sequence([
- function(){
- // bring up the smaller choice menu
- ok($("#select-choice-few-container a").length > 0, "there is in fact a button in the page");
- $("#select-choice-few-container a").trigger("click");
- },
-
- function(){
- //select the first menu item
- $("#select-choice-few-menu a:first").click();
- },
-
- function(){
- same($("#select-choice-few-menu").parent(".ui-selectmenu-hidden").length, 1);
- start();
- }
- ], 1000);
- });
-
- asyncTest( "a large select menu should use the default dialog transition", function(){
- var select;
-
- $.testHelper.pageSequence([
- resetHash,
-
- function(timeout){
- select = $("#select-choice-many-container-1 a");
-
- //set to something else
- $.mobile.defaultTransitionHandler = $.testHelper.decorate({
- fn: $.mobile.defaultTransitionHandler,
-
- before: function(name){
- same(name, $.mobile.defaultDialogTransition);
- }
- });
-
- // bring up the dialog
- select.trigger("click");
- },
-
- closeDialog,
-
- start
- ]);
- });
-
- asyncTest( "custom select menu always renders screen from the left", function(){
- var select;
-
- expect( 1 );
-
- $.testHelper.sequence([
- resetHash,
-
- function(){
- select = $("ul#select-offscreen-menu");
- $("#select-offscreen-container a").trigger("click");
- },
-
- function(){
- ok(select.offset().left >= 30, "offset from the left is greater than or equal to 30px" );
- start();
- }
- ], 1000);
- });
-
- asyncTest( "selecting an item from a dialog sized custom select menu leaves no dialog hash key", function(){
- var dialogHashKey = "ui-state=dialog";
-
- $.testHelper.pageSequence([
- resetHash,
-
- function(timeout){
- $("#select-choice-many-container-hash-check a").click();
- },
-
- function(){
- ok(location.hash.indexOf(dialogHashKey) > -1);
- closeDialog();
- },
-
- function(){
- same(location.hash.indexOf(dialogHashKey), -1);
- start();
- }
- ]);
- });
-
- asyncTest( "dialog sized select menu opened many times remains a dialog", function(){
- var dialogHashKey = "ui-state=dialog",
-
- openDialogSequence = [
- resetHash,
-
- function(){
- $("#select-choice-many-container-many-clicks a").click();
- },
-
- function(){
- ok(location.hash.indexOf(dialogHashKey) > -1, "hash should have the dialog hash key");
- closeDialog();
- }
- ],
-
- sequence = openDialogSequence.concat(openDialogSequence).concat([start]);
-
- $.testHelper.sequence(sequence, 1000);
- });
-
- test( "make sure the label for the select gets the ui-select class", function(){
- ok( $( "#native-select-choice-few-container label" ).hasClass( "ui-select" ), "created label has ui-select class" );
- });
-
- module("Non native menus", {
- setup: function() {
- $.mobile.selectmenu.prototype.options.nativeMenu = false;
- },
- teardown: function() {
- $.mobile.selectmenu.prototype.options.nativeMenu = true;
- }
- });
-
- asyncTest( "a large select option should not overflow", function(){
- // https://github.com/jquery/jquery-mobile/issues/1338
- var menu, select;
-
- $.testHelper.sequence([
- resetHash,
-
- function(){
- select = $("#select-long-option-label");
- // bring up the dialog
- select.trigger("click");
- },
-
- function() {
- menu = $(".ui-selectmenu-list");
-
- equal(menu.width(), menu.find("li:nth-child(2) .ui-btn-text").width(), "ui-btn-text element should not overflow");
- start();
- }
- ], 500);
- });
-
- asyncTest( "using custom refocuses the button after close", function() {
- var select, button, triggered = false;
-
- expect( 1 );
-
- $.testHelper.sequence([
- resetHash,
-
- function() {
- select = $("#select-choice-focus-test");
- button = select.find( "a" );
- button.trigger( "click" );
- },
-
- function() {
- // NOTE this is called twice per triggered click
- button.focus(function() {
- triggered = true;
- });
-
- $(".ui-selectmenu-screen:not(.ui-screen-hidden)").trigger("click");
- },
-
- function(){
- ok(triggered, "focus is triggered");
- start();
- }
- ], 5000);
- });
-
- asyncTest( "selected items are highlighted", function(){
- $.testHelper.sequence([
- resetHash,
-
- function(){
- // bring up the smaller choice menu
- ok($("#select-choice-few-container a").length > 0, "there is in fact a button in the page");
- $("#select-choice-few-container a").trigger("click");
- },
-
- function(){
- var firstMenuChoice = $("#select-choice-few-menu li:first");
- ok( firstMenuChoice.hasClass( $.mobile.activeBtnClass ),
- "default menu choice has the active button class" );
-
- $("#select-choice-few-menu a:last").click();
- },
-
- function(){
- // bring up the menu again
- $("#select-choice-few-container a").trigger("click");
- },
-
- function(){
- var lastMenuChoice = $("#select-choice-few-menu li:last");
- ok( lastMenuChoice.hasClass( $.mobile.activeBtnClass ),
- "previously slected item has the active button class" );
-
- // close the dialog
- lastMenuChoice.find( "a" ).click();
- },
-
- start
- ], 1000);
- });
-
- test( "enabling and disabling", function(){
- var select = $( "select" ).first(), button;
-
- button = select.siblings( "a" ).first();
-
- select.selectmenu( 'disable' );
- same( select.attr('disabled'), "disabled", "select is disabled" );
- ok( button.hasClass("ui-disabled"), "disabled class added" );
- same( button.attr('aria-disabled'), "true", "select is disabled" );
- same( select.selectmenu( 'option', 'disabled' ), true, "disbaled option set" );
-
- select.selectmenu( 'enable' );
- same( select.attr('disabled'), undefined, "select is disabled" );
- ok( !button.hasClass("ui-disabled"), "disabled class added" );
- same( button.attr('aria-disabled'), "false", "select is disabled" );
- same( select.selectmenu( 'option', 'disabled' ), false, "disbaled option set" );
- });
-
- test( "adding options and refreshing a custom select defaults the text", function() {
- var select = $( "#custom-refresh" ),
- button = select.siblings( "a" ).find( ".ui-btn-inner" ),
- text = "foo";
-
- same(button.text(), "default");
- select.find( "option" ).remove(); //remove the loading message
- select.append('<option value="1">' + text + '</option>');
- select.selectmenu( 'refresh' );
- same(button.text(), text);
- });
-
- asyncTest( "adding options and refreshing a custom select changes the options list", function(){
- var select = $( "#custom-refresh-opts-list" ),
- button = select.siblings( "a" ).find( ".ui-btn-inner" ),
- text = "foo";
-
- $.testHelper.sequence([
- // bring up the dialog
- function() {
- button.click();
- },
-
- function() {
- same( $( ".ui-selectmenu.in ul" ).text(), "default" );
- $( ".ui-selectmenu-screen" ).click();
- },
-
- function() {
- select.find( "option" ).remove(); //remove the loading message
- select.append('<option value="1">' + text + '</option>');
- select.selectmenu( 'refresh' );
- },
-
- function() {
- button.click();
- },
-
- function() {
- same( $( ".ui-selectmenu.in ul" ).text(), text );
- $( ".ui-selectmenu-screen" ).click();
- },
-
- start
- ], 500);
- });
-
- test( "theme defined on select is used", function(){
- var select = $("select#non-parent-themed");
-
- ok( select.siblings( "a" ).hasClass("ui-btn-up-" + select.jqmData('theme')));
- });
-
- test( "select without theme defined inherits theme from parent", function() {
- var select = $("select#parent-themed");
-
- ok( select
- .siblings( "a" )
- .hasClass("ui-btn-up-" + select.parents(":jqmData(role='page')").jqmData('theme')));
- });
-
- // issue #2547
- test( "custom select list item links have encoded option text values", function() {
- $( "#encoded-option" ).data( 'selectmenu' )._buildList();
- same(window.encodedValueIsDefined, undefined);
- });
-
- // issue #2547
- test( "custom select list item links have unencoded option text values when using vanilla $.fn.text", function() {
- // undo our changes, undone in teardown
- $.fn.getEncodedText = $.fn.text;
-
- $( "#encoded-option" ).data( 'selectmenu' )._buildList();
-
- same(window.encodedValueIsDefined, true);
- });
-
- $.mobile.page.prototype.options.keepNative = "select.should-be-native";
-
- // not testing the positive case here since's it's obviously tested elsewhere
- test( "select elements in the keepNative set shouldn't be enhanced", function() {
- ok( !$("#keep-native").parent().is("div.ui-btn") );
- });
-
- asyncTest( "dialog size select title should match the label", function() {
- var $select = $( "#select-choice-many-1" ),
- $label = $select.parent().siblings( "label" ),
- $button = $select.siblings( "a" );
-
- $.testHelper.pageSequence([
- function() {
- $button.click();
- },
-
- function() {
- same($.mobile.activePage.find( ".ui-title" ).text(), $label.text());
- window.history.back();
- },
-
- start
- ]);
- });
-
- asyncTest( "dialog size select title should match the label when changed after the dialog markup is added to the DOM", function() {
- var $select = $( "#select-choice-many-1" ),
- $label = $select.parent().siblings( "label" ),
- $button = $select.siblings( "a" );
-
- $label.text( "foo" );
-
- $.testHelper.pageSequence([
- function() {
- $label.text( "foo" );
- $button.click();
- },
-
- function() {
- same($.mobile.activePage.find( ".ui-title" ).text(), $label.text());
- window.history.back();
- },
-
- start
- ]);
- });
-})(jQuery);
+++ /dev/null
-/*
- * mobile select unit tests
- */
-
-(function($){
- var libName = "jquery.mobile.forms.select.js";
-
- $(document).bind('mobileinit', function(){
- $.mobile.selectmenu.prototype.options.nativeMenu = false;
- });
-
- module(libName,{
- setup: function(){
- $.testHelper.openPage( location.hash.indexOf("#default") >= 0 ? "#" : "#default" );
- }
- });
-
- test( "selects marked with data-native-menu=true should use a div as their button", function(){
- same($("#select-choice-native-container div.ui-btn").length, 1);
- });
-
- test( "selects marked with data-native-menu=true should not have a custom menu", function(){
- same($("#select-choice-native-container ul").length, 0);
- });
-
- test( "selects marked with data-native-menu=true should sit inside the button", function(){
- same($("#select-choice-native-container div.ui-btn select").length, 1);
- });
-
- test( "select controls will create when inside a container that receives a 'create' event", function(){
- ok( !$("#enhancetest").appendTo(".ui-page-active").find(".ui-select").length, "did not have enhancements applied" );
- ok( $("#enhancetest").trigger("create").find(".ui-select").length, "enhancements applied" );
- });
-})(jQuery);
+++ /dev/null
-/*
- * mobile select unit tests
- */
-
-(function($){
- module("jquery.mobile.forms.select native");
-
- test( "native menu selections alter the button text", function(){
- var select = $( "#native-select-choice-few" ), setAndCheck;
-
- setAndCheck = function(key){
- var text;
-
- select.val( key ).selectmenu( 'refresh' );
- text = select.find( "option[value='" + key + "']" ).text();
- same( select.parent().find(".ui-btn-text").text(), text );
- };
-
- setAndCheck( 'rush' );
- setAndCheck( 'standard' );
- });
-
- asyncTest( "selecting a value removes the related buttons down state", function(){
- var select = $( "#native-select-choice-few" );
-
- $.testHelper.sequence([
- function() {
- // click the native menu parent button
- select.parent().trigger( 'vmousedown' );
- },
-
- function() {
- ok( select.parent().hasClass("ui-btn-down-c"), "button down class added" );
- },
-
- function() {
- // trigger a change on the select
- select.trigger( "change" );
- },
-
- function() {
- ok( !select.parent().hasClass("ui-btn-down-c"), "button down class removed" );
- start();
- }
- ], 300);
- });
-
- // issue https://github.com/jquery/jquery-mobile/issues/2410
- test( "adding options and refreshing a native select defaults the text", function() {
- var select = $( "#native-refresh" ),
- button = select.siblings( '.ui-btn-inner' ),
- text = "foo";
-
- same(button.text(), "default");
- select.find( "option" ).remove(); //remove the loading message
- select.append('<option value="1">' + text + '</option>');
- select.selectmenu('refresh');
- same(button.text(), text);
- });
-
- // issue 2424
- test( "native selects should provide open and close as a no-op", function() {
- // exception will prevent test success if undef
- $( "#native-refresh" ).selectmenu( 'open' );
- $( "#native-refresh" ).selectmenu( 'close' );
- ok( true );
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
-</head>
-<body>
-<div id="first" data-nstest-role="page">
- <div data-nstest-role="fieldcontain" id="select-choice-few-container">
- <select name="select-choice-few" id="select-choice-few" data-nstest-native-menu="false">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-native-container">
- <select name="select-choice-native" id="select-choice-native" data-nstest-native-menu="true">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-global-native-container">
- <select name="select-choice-global-native" id="select-choice-global-native" data-nstest-native-menu="false">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-many-container-1">
- <label for="select-choice-many-1" class="select">Your state:</label>
- <select name="select-choice-many-1" id="select-choice-many-1" data-nstest-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-many-container">
- <label for="select-choice-many" class="select">Your state:</label>
- <select name="select-choice-many" id="select-choice-many" data-nstest-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-many-container-hash-check">
- <label for="select-choice-many-hash-check" class="select">Your state:</label>
- <select name="select-choice-many-hash-check" id="select-choice-many-hash-check" data-nstest-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-choice-many-container-many-clicks">
- <label for="select-choice-many-many-clicks" class="select">Your state:</label>
- <select name="select-choice-many-many-clicks" id="select-choice-many-many-clicks" data-nstest-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-offscreen-container">
- <style>
- /* keep the select small and close to the screen border to test rendering */
- #select-offscreen-container {
- width: 100px;
- position: absolute;
- left: 0px;
- top: 0px;
- }
- </style>
-
- <select name="select-choice-few" id="select-offscreen" data-nstest-native-menu="false">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain" id="select-long-option-label-container">
- <select name="select-long-option-label" id="select-long-option-label" data-nstest-native-menu="false">
- <option value="short">Choice 1</option>
- <option value="long">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</option>
- </select>
- </div>
-</div>
-
-
-
-<div id="enhancetest">
- <select name="select-enhancetest" id="select-enhancetest">
- <option value="standard">Standard: 7 day</option>
- <option value="rush">Rush: 3 days</option>
- <option value="express">Express: next day</option>
- <option value="overnight">Overnight</option>
- </select>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE HTML>
-<html lang="en">
- <head>
- <meta charset="utf-8">
- </head>
- <body>
- <div id="dialog-select-parent-domcache-test" data-nstest-role="page">
- <div data-nstest-role="fieldcontain" id="domcache-page-select-container">
- <label for="domcache-page-select" class="select">Your state:</label>
- <select name="domcache-uncached-page-select" id="domcache-uncached-page-select" data-nstest-native-menu="false">
- <option value="AL">Alabama</option>
- <option value="AK">Alaska</option>
- <option value="AZ">Arizona</option>
- <option value="AR">Arkansas</option>
- <option value="CA">California</option>
- <option value="CO">Colorado</option>
- <option value="CT">Connecticut</option>
- <option value="DE">Delaware</option>
- <option value="FL">Florida</option>
- <option value="GA">Georgia</option>
- <option value="HI">Hawaii</option>
- <option value="ID">Idaho</option>
- <option value="IL">Illinois</option>
- <option value="IN">Indiana</option>
- <option value="IA">Iowa</option>
- <option value="KS">Kansas</option>
- <option value="KY">Kentucky</option>
- <option value="LA">Louisiana</option>
- <option value="ME">Maine</option>
- <option value="MD">Maryland</option>
- <option value="MA">Massachusetts</option>
- <option value="MI">Michigan</option>
- <option value="MN">Minnesota</option>
- <option value="MS">Mississippi</option>
- <option value="MO">Missouri</option>
- <option value="MT">Montana</option>
- <option value="NE">Nebraska</option>
- <option value="NV">Nevada</option>
- <option value="NH">New Hampshire</option>
- <option value="NJ">New Jersey</option>
- <option value="NM">New Mexico</option>
- <option value="NY">New York</option>
- <option value="NC">North Carolina</option>
- <option value="ND">North Dakota</option>
- <option value="OH">Ohio</option>
- <option value="OK">Oklahoma</option>
- <option value="OR">Oregon</option>
- <option value="PA">Pennsylvania</option>
- <option value="RI">Rhode Island</option>
- <option value="SC">South Carolina</option>
- <option value="SD">South Dakota</option>
- <option value="TN">Tennessee</option>
- <option value="TX">Texas</option>
- <option value="UT">Utah</option>
- <option value="VT">Vermont</option>
- <option value="VA">Virginia</option>
- <option value="WA">Washington</option>
- <option value="WV">West Virginia</option>
- <option value="WI">Wisconsin</option>
- <option value="WY">Wyoming</option>
- </select>
- </div>
- </div>
- </body>
-</html>
+++ /dev/null
- <!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Slider Test Suite</title>
-
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../../js/"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
-
-
- <link rel="stylesheet" href="../../../css/themes/default/"/>
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../../../external/qunit.js"></script>
-
- <script src="slider_events.js"></script>
- <script src="slider_core.js"></script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Slider Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="foo" data-nstest-role="page">
- <div data-nstest-role="fieldcontain">
- <input type="range" name="slider-1" id="range-slider-up" value="0" min="0" max="100" data-nstest-theme="b" data-nstest-track-theme="a" />
- </div>
-
- <div data-nstest-role="fieldcontain">
- <input type="range" name="slider-1" id="range-slider-down" value="10" min="0" max="100" data-nstest-theme="b" data-nstest-track-theme="a" />
- </div>
-
- <div data-nstest-role="fieldcontain">
- <input type="range" name="slider-1" id="range-slider-home" value="75" min="0" max="100" data-nstest-theme="b" data-nstest-track-theme="a" />
- </div>
-
- <div data-nstest-role="fieldcontain">
- <label for="slider-1">Input slider:</label>
- <input type="range" name="slider-1" id="range-slider-end" value="15" min="0" max="100" data-nstest-theme="b" data-nstest-track-theme="a" />
- </div>
-
- <div data-nstest-role="fieldcontain">
- <input type="range" name="stepped" id="stepped" value="15" min="0" max="100" step="10" data-nstest-theme="b" data-nstest-track-theme="a" />
- </div>
-
- <div data-nstest-role="fieldcontain">
- <select name="slider" id="slider-switch" data-nstest-role="slider">
- <option value="off">Off</option>
- <option value="on">On</option>
- </select>
- </div>
-
- <div data-nstest-role="fieldcontain">
- <input type="range" name="onchange" id="onchange" value="25" min="0" max="100" step="10" onchange="onChangeCounter()" data-nstest-theme="b" data-nstest-track-theme="a" />
- </div>
-
- <div data-role="fieldcontain">
- <label for="slider">Input slider:</label>
- <input type="range" name="slider" id="slider" value="25" min="0" max="100" class="should-be-native"/>
- </div>
-</div>
-
-<div id="enhancetest">
- <input type="range" name="slider-enhancetest" id="range-slider-enhancetest" value="75" min="0" max="100" data-nstest-theme="b" data-nstest-track-theme="a" />
-</div>
-</html>
+++ /dev/null
-/*
- * mobile slider unit tests
- */
-(function($){
- $.mobile.page.prototype.options.keepNative = "input.should-be-native";
-
- // not testing the positive case here since's it's obviously tested elsewhere
- test( "slider elements in the keepNative set shouldn't be enhanced", function() {
- same( $("input.should-be-native").siblings("div.ui-slider").length, 0 );
- });
-})( jQuery );
\ No newline at end of file
+++ /dev/null
-/*
- * mobile slider unit tests
- */
-
-(function($){
- var onChangeCnt = 0;
- window.onChangeCounter = function() {
- onChangeCnt++;
- }
- module('jquery.mobile.slider.js');
-
- var keypressTest = function(opts){
- var slider = $(opts.selector),
- val = window.parseFloat(slider.val()),
- handle = slider.siblings('.ui-slider').find('.ui-slider-handle');
-
- expect( opts.keyCodes.length );
-
- $.each(opts.keyCodes, function(i, elem){
-
- // stub the keycode value and trigger the keypress
- $.Event.prototype.keyCode = $.mobile.keyCode[elem];
- handle.trigger('keydown');
-
- val += opts.increment;
- same(val, window.parseFloat(slider.val(), 10), "new value is " + opts.increment + " different");
- });
- };
-
- test( "slider should move right with up, right, and page up keypress", function(){
- keypressTest({
- selector: '#range-slider-up',
- keyCodes: ['UP', 'RIGHT', 'PAGE_UP'],
- increment: 1
- });
- });
-
- test( "slider should move left with down, left, and page down keypress", function(){
- keypressTest({
- selector: '#range-slider-down',
- keyCodes: ['DOWN', 'LEFT', 'PAGE_DOWN'],
- increment: -1
- });
- });
-
- test( "slider should move to range minimum on end keypress", function(){
- var selector = "#range-slider-end",
- initialVal = window.parseFloat($(selector).val(), 10),
- max = window.parseFloat($(selector).attr('max'), 10);
-
- keypressTest({
- selector: selector,
- keyCodes: ['END'],
- increment: max - initialVal
- });
- });
-
- test( "slider should move to range minimum on end keypress", function(){
- var selector = "#range-slider-home",
- initialVal = window.parseFloat($(selector).val(), 10);
-
- keypressTest({
- selector: selector,
- keyCodes: ['HOME'],
- increment: 0 - initialVal
- });
- });
-
- test( "slider should move positive by steps on keypress", function(){
- keypressTest({
- selector: "#stepped",
- keyCodes: ['RIGHT'],
- increment: 10
- });
- });
-
- test( "slider should move negative by steps on keypress", function(){
- keypressTest({
- selector: "#stepped",
- keyCodes: ['LEFT'],
- increment: -10
- });
- });
-
- test( "slider should validate input value on blur", function(){
- var slider = $("#range-slider-up");
- slider.focus();
- slider.val(200);
- same(slider.val(), "200");
- slider.blur();
- same(slider.val(), slider.attr('max'));
- });
-
- test( "slider should not validate input on keyup", function(){
- var slider = $("#range-slider-up");
- slider.focus();
- slider.val(200);
- same(slider.val(), "200");
- slider.keyup();
- same(slider.val(), "200");
- });
-
- test( "input type should degrade to number when slider is created", function(){
- same($("#range-slider-up").attr( "type" ), "number");
- });
-
- // generic switch test function
- var sliderSwitchTest = function(opts){
- var slider = $("#slider-switch"),
- handle = slider.siblings('.ui-slider').find('a'),
- switchValues = {
- 'off' : 0,
- 'on' : 1
- };
-
- // One for the select and one for the aria-valuenow
- expect( opts.keyCodes.length * 2 );
-
- $.each(opts.keyCodes, function(i, elem){
- // reset the values
- slider[0].selectedIndex = switchValues[opts.start];
- handle.attr({'aria-valuenow' : opts.start });
-
- // stub the keycode and trigger the event
- $.Event.prototype.keyCode = $.mobile.keyCode[elem];
- handle.trigger('keydown');
-
- same(handle.attr('aria-valuenow'), opts.finish, "handle value is " + opts.finish);
- same(slider[0].selectedIndex, switchValues[opts.finish], "select input has correct index");
- });
- };
-
- test( "switch should select on with up, right, page up and end", function(){
- sliderSwitchTest({
- start: 'off',
- finish: 'on',
- keyCodes: ['UP', 'RIGHT', 'PAGE_UP', 'END']
- });
- });
-
- test( "switch should select off with down, left, page down and home", function(){
- sliderSwitchTest({
- start: 'on',
- finish: 'off',
- keyCodes: ['DOWN', 'LEFT', 'PAGE_DOWN', 'HOME']
- });
- });
-
- test( "onchange should not be called on create", function(){
- equals(onChangeCnt, 0, "onChange should not have been called");
- });
-
- test( "onchange should be called onchange", function(){
- onChangeCnt = 0;
- $( "#onchange" ).slider( "refresh", 50 );
- equals(onChangeCnt, 1, "onChange should have been called once");
- });
-
- test( "slider controls will create when inside a container that receives a 'create' event", function(){
- ok( !$("#enhancetest").appendTo(".ui-page-active").find(".ui-slider").length, "did not have enhancements applied" );
- ok( $("#enhancetest").trigger("create").find(".ui-slider").length, "enhancements applied" );
- });
-
- var createEvent = function( name, target, x, y ) {
- var event = $.Event( name );
- event.target = target;
- event.pageX = x;
- event.pageY = y;
- return event;
- };
-
- test( "toggle switch should fire one change event when clicked", function(){
- var control = $( "#slider-switch" ),
- widget = control.data( "slider" ),
- slider = widget.slider,
- handle = widget.handle,
- changeCount = 0,
- changeFunc = function( e ) {
- ok( control[0].selectedIndex !== currentValue, "change event should only be triggered if the value changes");
- ++changeCount;
- },
- event = null,
- offset = handle.offset(),
- currentValue = control[0].selectedIndex;
-
- control.bind( "change", changeFunc );
-
- // The toggle switch actually updates on mousedown and mouseup events, so we go through
- // the motions of generating all the events that happen during a click to make sure that
- // during all of those events, the value only changes once.
-
- slider.trigger( createEvent( "mousedown", handle[ 0 ], offset.left + 10, offset.top + 10 ) );
- slider.trigger( createEvent( "mouseup", handle[ 0 ], offset.left + 10, offset.top + 10 ) );
- slider.trigger( createEvent( "click", handle[ 0 ], offset.left + 10, offset.top + 10 ) );
-
- control.unbind( "change", changeFunc );
-
- ok( control[0].selectedIndex !== currentValue, "value did change");
- same( changeCount, 1, "change event should be fired once during a click" );
- });
-
- var assertLeftCSS = function( obj, opts ) {
- var integerLeft, compare, css, threshold;
-
- css = obj.css('left');
- threshold = opts.pxThreshold || 0;
-
- if( css.indexOf( "px" ) > -1 ) {
- // parse the actual pixel value returned by the left css value
- // and the pixels passed in for comparison
- integerLeft = Math.round( parseFloat( css.replace("px", "") ) ),
- compare = parseInt( opts.pixels.replace( "px", "" ), 10 );
-
- // check that the pixel value provided is within a given threshold; default is 0px
- ok( compare >= integerLeft - threshold && compare <= integerLeft + threshold, opts.message );
- } else {
- equal( css, opts.percent, opts.message );
- }
- };
-
- asyncTest( "toggle switch handle should snap in the old position if dragged less than half of the slider width, in the new position if dragged more than half of the slider width", function() {
- var control = $( "#slider-switch" ),
- widget = control.data( "slider" ),
- slider = widget.slider,
- handle = widget.handle,
- width = handle.width(),
- offset = null;
-
- $.testHelper.sequence([
- function() {
- // initialize the switch
- control.val('on').slider('refresh');
- },
-
- function() {
- assertLeftCSS(handle, {
- percent: '100%',
- pixels: handle.parent().css('width'),
- message: 'handle starts on the right side'
- });
-
- // simulate dragging less than a half
- offset = handle.offset();
- slider.trigger( createEvent( "mousedown", handle[ 0 ], offset.left + width - 10, offset.top + 10 ) );
- slider.trigger( createEvent( "mousemove", handle[ 0 ], offset.left + width - 20, offset.top + 10 ) );
- slider.trigger( createEvent( "mouseup", handle[ 0 ], offset.left + width - 20, offset.top + 10 ) );
- },
-
- function() {
- assertLeftCSS(handle, {
- percent: '100%',
- pixels: handle.parent().css('width'),
- message: 'handle ends on the right side'
- });
-
- // initialize the switch
- control.val('on').slider('refresh');
- },
-
- function() {
- assertLeftCSS(handle, {
- percent: '100%',
- pixels: handle.parent().css('width'),
- message: 'handle starts on the right side'
- });
-
- // simulate dragging more than a half
- offset = handle.offset();
- slider.trigger( createEvent( "mousedown", handle[ 0 ], offset.left + 10, offset.top + 10 ) );
- slider.trigger( createEvent( "mousemove", handle[ 0 ], offset.left - ( width / 2 ), offset.top + 10 ) );
- slider.trigger( createEvent( "mouseup", handle[ 0 ], offset.left - ( width / 2 ), offset.top + 10 ) );
- },
-
- function() {
- assertLeftCSS(handle, {
- percent: '0%',
- pixels: '0px',
- message: 'handle ends on the left side'
- });
-
- start();
- }
- ], 500);
- });
-
- asyncTest( "toggle switch handle should not move if user is dragging and value is changed", function() {
- var control = $( "#slider-switch" ),
- widget = control.data( "slider" ),
- slider = widget.slider,
- handle = widget.handle,
- width = handle.width(),
- offset = null;
-
- $.testHelper.sequence([
- function() {
- // initialize the switch
- control.val('on').slider('refresh');
- },
-
- function() {
- assertLeftCSS(handle, {
- percent: '100%',
- pixels: handle.parent().css('width'),
- message: 'handle starts on the right side'
- });
-
- // simulate dragging more than a half
- offset = handle.offset();
- slider.trigger( createEvent( "mousedown", handle[ 0 ], offset.left + 10, offset.top + 10 ) );
- slider.trigger( createEvent( "mousemove", handle[ 0 ], offset.left - ( width / 2 ), offset.top + 10 ) );
- },
-
- function() {
- var min, max;
- if( handle.css('left').indexOf("%") > -1 ){
- min = "0%";
- max = "100%";
- } else {
- min = "0px";
- max = handle.parent().css( 'width' );
- }
-
- notEqual(handle.css('left'), min, 'handle is not on the left side');
- notEqual(handle.css('left'), max, 'handle is not on the right side');
-
- // reset slider state so it is ready for other tests
- slider.trigger( createEvent( "mouseup", handle[ 0 ], offset.left - ( width / 2 ), offset.top + 10 ) );
-
- start();
- }
- ], 500);
- });
-
- asyncTest( "toggle switch should refresh when disabled", function() {
- var control = $( "#slider-switch" ),
- handle = control.data( "slider" ).handle;
-
- $.testHelper.sequence([
- function() {
- // set the initial value
- control.val('off').slider('refresh');
- },
-
- function() {
- assertLeftCSS(handle, {
- percent: '0%',
- pixels: '0px',
- message: 'handle starts on the left side'
- });
-
- // disable and change value
- control.slider('disable');
- control.val('on').slider('refresh');
- },
-
- function() {
- assertLeftCSS(handle, {
- percent: '100%',
- pixels: handle.parent().css( 'width' ),
- message: 'handle ends on the right side'
- });
-
- // reset slider state so it is ready for other tests
- control.slider('enable');
-
- start();
- }
- ], 500);
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Support Test Suite</title>
-
- <script src="../../../js/jquery.js"></script>
- <script src="../../../tests/jquery.testHelper.js"></script>
- <script src="../../../js/jquery.ui.widget.js"></script>
- <script src="../../../js/jquery.mobile.widget.js"></script>
- <script src="../../../js/jquery.mobile.media.js"></script>
- <script src="../../../js/jquery.mobile.support.js"></script>
-
- <link rel="stylesheet" href="../../../external/qunit.css"/>
- <script src="../../../external/qunit.js"></script>
-
- <script src="support_core.js"></script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Support Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="qunit-fixture"></div>
-
-</body>
-</html>
+++ /dev/null
-/*
- * mobile support unit tests
- */
-
-$.testHelper.excludeFileProtocol(function(){
- var prependToFn = $.fn.prependTo,
- libName = "jquery.mobile.support.js";
-
- module(libName, {
- teardown: function(){
- //NOTE undo any mocking
- $.fn.prependTo = prependToFn;
- }
- });
-
- // NOTE following two tests have debatable value as they only
- // prevent property name changes and improper attribute checks
- test( "detects functionality from basic affirmative properties and attributes", function(){
- // TODO expose properties for less brittle tests
- $.extend(window, {
- WebKitTransitionEvent: true,
- orientation: true,
- onorientationchange: true
- });
-
- document.ontouchend = true;
-
- window.history.pushState = function(){};
- window.history.replaceState = function(){};
-
- $.mobile.media = function(){ return true; };
-
- $.testHelper.reloadLib(libName);
-
- ok($.support.orientation);
- ok($.support.touch);
- ok($.support.cssTransitions);
- ok($.support.pushState);
- ok($.support.mediaquery);
- });
-
- test( "detects functionality from basic negative properties and attributes (where possible)", function(){
- delete window["orientation"];
- delete document["ontouchend"];
-
- $.testHelper.reloadLib(libName);
-
- ok(!$.support.orientation);
- ok(!$.support.touch);
- });
-
- // NOTE mocks prependTo to simulate base href updates or lack thereof
- var mockBaseCheck = function( url ){
- var prependToFn = $.fn.prependTo;
-
- $.fn.prependTo = function( selector ){
- var result = prependToFn.call(this, selector);
- if(this[0].href && this[0].href.indexOf("testurl") != -1)
- result = [{href: url}];
- return result;
- };
- };
-
- test( "detects dynamic base tag when new base element added and base href updates", function(){
- mockBaseCheck(location.protocol + '//' + location.host + location.pathname + "ui-dir/");
- $.testHelper.reloadLib(libName);
- ok($.support.dynamicBaseTag);
- });
-
- test( "detects no dynamic base tag when new base element added and base href unchanged", function(){
- mockBaseCheck('testurl');
- $.testHelper.reloadLib(libName);
- ok(!$.support.dynamicBaseTag);
- });
-
- test( "jQM's IE browser check properly detects IE versions", function(){
- $.testHelper.reloadLib(libName);
-
- //here we're just comparing our version to what the conditional compilation finds
- var ie = !!$.browser.msie, //get a boolean
- version = parseInt( $.browser.version, 10),
- jqmdetectedver = $.mobile.browser.ie;
-
- if( ie ){
- same(version, jqmdetectedver, "It's IE and the version is correct");
- }
- else{
- same(ie, jqmdetectedver, "It's not IE");
- }
- });
-
-
- //TODO propExists testing, refactor propExists into mockable method
- //TODO scrollTop testing, refactor scrollTop logic into mockable method
-});
+++ /dev/null
-// load testswarm agent
-(function() {
- var url = window.location.search;
- url = decodeURIComponent( url.slice( url.indexOf("swarmURL=") + 9 ) );
- if ( !url || url.indexOf("http") !== 0 ) {
- return;
- }
- document.write("<scr" + "ipt src='http://swarm.jquery.org/js/inject.js?" + (new Date).getTime() + "'></scr" + "ipt>");
-})();
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
-</head>
-<body>
-<div data-nstest-role="page" id="foo">
- <textarea id="page-load-autogrow">
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- </textarea>
-</div>
-</body>
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Textinput Test Suite</title>
-
- <script src="../../../js/jquery.js"></script>
- <script src="../jquery.setNameSpace.js"></script>
- <script src="../../jquery.testHelper.js"></script>
- <script src="../../../external/qunit.js"></script>
- <script src="../../../js/"></script>
- <link rel="stylesheet" href="../../../css/themes/default/" />
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="textinput_core.js"></script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Textinput Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div data-nstest-role="page">
- <input name="" id="typeless-input" />
- <textarea class="should-be-native"></textarea>
-
- <textarea id="reference-autogrow">
- </textarea>
-
- <textarea id="init-autogrow">
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- Place holder text
- </textarea>
-
- <textarea id="keyup-autogrow">
- </textarea>
- <a href="external.html" id="external">external</a>
-</div>
-</body>
-</html>
+++ /dev/null
-/*
- * mobile textinput unit tests
- */
-(function($){
- module( "jquery.mobile.forms.textinput.js" );
-
- test( "inputs without type specified are enhanced", function(){
- ok( $( "#typeless-input" ).hasClass( "ui-input-text" ) );
- });
-
- $.mobile.page.prototype.options.keepNative = "textarea.should-be-native";
-
- // not testing the positive case here since's it's obviously tested elsewhere
- test( "textarea in the keepNative set shouldn't be enhanced", function() {
- ok( !$("textarea.should-be-native").is("ui-input-text") );
- });
-
- asyncTest( "textarea should autogrow on document ready", function() {
- var test = $( "#init-autogrow" );
-
- setTimeout(function() {
- ok( $( "#reference-autogrow" )[0].clientHeight < test[0].clientHeight, "the height is greater than the reference text area with no content" );
- ok( test[0].clientHeight > 100, "autogrow text area's height is greater than any style padding");
- start();
- }, 400);
- });
-
- asyncTest( "textarea should autogrow when text is added via the keyboard", function() {
- var test = $( "#keyup-autogrow" ),
- originalHeight = test[0].clientHeight;
-
- test.keyup(function() {
- setTimeout(function() {
- ok( test[0].clientHeight > originalHeight, "the height is greater than original with no content" );
- ok( test[0].clientHeight > 100, "autogrow text area's height is greater any style/padding");
- start();
- }, 400);
- });
-
- test.val("foo\n\n\n\n\n\n\n\n\n\n\n\n\n\n").trigger("keyup");
- });
-
- asyncTest( "text area should auto grow when the parent page is loaded via ajax", function() {
- $.testHelper.pageSequence([
- function() {
- $("#external").click();
- },
-
- function() {
- setTimeout(function() {
- ok($.mobile.activePage.find( "textarea" )[0].clientHeight > 100, "text area's height has grown");
- window.history.back();
- }, 1000);
- },
-
- function() {
- start();
- }
- ]);
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>jQuery Mobile Widget Test Suite</title>
-
- <script src="../../../external/qunit.js"></script>
- <script src="../../../js/jquery.js"></script>
- <script src="widget_init.js"></script>
- <script src="../../../js/"></script>
-
- <link rel="stylesheet" href="../../../external/qunit.css"/>
-
- <script src="widget_core.js"></script>
-
- <script src="../swarminject.js"></script>
-</head>
-<body>
-
-<h1 id="qunit-header">jQuery Mobile Widget Test Suite</h1>
-<h2 id="qunit-banner"></h2>
-<h2 id="qunit-userAgent"></h2>
-<ol id="qunit-tests">
-</ol>
-
-<div id="qunit-fixture">
-
-<div id="widget-wrapper">
- <div id="widget">
- <div>...</div>
- </div>
-</div>
-
-</div>
-
-<div id="foo" data-role="page">
- <input type="range" id="foo-slider" name="foo-slider" value="" />
- <div id="enhance-prevented">
- </div>
- <div id="enhance-allowed">
- </div>
-</div>
-
-
-
-</body>
-</html>
+++ /dev/null
-/*
- * mobile widget unit tests
- */
-(function($){
- module('jquery.mobile.widget.js');
-
- test( "getting data from creation options", function(){
- var expected = "bizzle";
-
- $.mobile.widget.prototype.options = { "fooBar" : true };
- $.mobile.widget.prototype.element = $("<div data-foo-bar=" + expected + ">");
- same($.mobile.widget.prototype._getCreateOptions()["fooBar"],
- expected);
- });
-
- test( "getting no data when the options are empty", function(){
- var expected = {};
-
- $.mobile.widget.prototype.options = {};
- $.mobile.widget.prototype.element = $("<div data-foo-bar=" + expected + ">");
- same($.mobile.widget.prototype._getCreateOptions(),
- expected);
- });
-
- test( "getting no data when the element has none", function(){
- var expected = {};
-
- $.mobile.widget.prototype.options = { "fooBar" : true };
- $.mobile.widget.prototype.element = $("<div>");
- same($.mobile.widget.prototype._getCreateOptions(),
- expected);
- });
-
- test( "elements embedded in sub page elements are excluded on create when they match the keep native selector", function() {
- // uses default keep native of data-role=none
- $("#enhance-prevented")
- .append('<label for="unenhanced">Text Input:</label><input type="text" name="name" id="unenhanced" value="" data-role="none" />')
- .trigger("create");
-
- ok( !$("#unenhanced").hasClass( "ui-input-text" ), "doesn't have the ui input text class (unenhanced)");
- });
-
- test( "elements embedded in sub page elements are included on create when they don't match the keep native selector", function() {
-
- // uses default keep native of data-role=none
- $("#enhance-allowed")
- .append('<label for="enhanced">Text Input:</label><input type="text" name="name" id="enhanced" value=""/>')
- .trigger("create");
-
- ok( $("#enhanced").hasClass( "ui-input-text" ), "has the ui input text class (unenhanced)");
- });
-})(jQuery);
\ No newline at end of file
+++ /dev/null
-/*
- * mobile widget unit tests
- */
-(function($){
- var widgetInitialized = false;
-
- module( 'jquery.mobile.widget.js' );
-
- $( "#foo" ).live( 'pageinit', function(){
- // ordering sensitive here, the value has to be set after the call
- // so that if the widget factory says that its not yet initialized,
- // which is an exception, the value won't be set
- $( "#foo-slider" ).slider( 'refresh' );
- widgetInitialized = true;
- });
-
- test( "page is enhanced before init is fired", function() {
- ok( widgetInitialized );
- });
-})( jQuery );
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE HTML>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width">
-<title>Page Event Logger Bookmarklet</title>
-</head>
-
-<body>
-<h1>Page Event Logger Bookmarklet</h1>
-<p>A simple bookmarklet for logging jQuery Mobile page events. To use, bookmark the following link:</p>
-<script>
-document.write('<p><a id="bookmarklet-link" href="javascript:function loadScript(u){var s=document.createElement(\'script\');s.setAttribute(\'language\',\'javascript\');s.setAttribute(\'src\',u);document.body.appendChild(s);} loadScript(\'' + ( location.href.replace( /\.html/, ".js" ) ) + '\');">Page EventLogger Bookmark</a></p>');
-</script>
-<p>For platforms that don't allow bookmarking of <code>javascript:</code> urls, you can copy/paste the following source for the bookmarklet directly into the browser's location bar then hit enter or hit the "go" button on your keypad:</p>
-<p>
- <textarea id="ta" rows="10" cols="50"></textarea>
-</p>
-<p>NOTE: Some browsers like Chrome will strip off the javascript: prefix from the string above when you paste it into the location bar. Make sure what you pasted is prefixed by javascript: before attempting to load the bookmarklet.</p>
-<script>
-document.getElementById("ta").value = document.getElementById("bookmarklet-link").href;
- </script>
-</body>
-</html>
+++ /dev/null
-/*!
- * jQuery Mobile v@VERSION
- * http://jquerymobile.com/
- *
- * Copyright 2011, jQuery Project
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- */
-
-// This is code that can be used as a simple bookmarklet for debugging
-// page loading and navigation in pages that use the jQuery Mobile framework.
-// All messages are sent to the browser's console.log so to see the messages,
-// you need to make sure you enable the console/log in your browser.
-
-(function($, window, document) {
- if ( typeof $ === "undefined" ) {
- alert( "log-page-events.js requires jQuery core!" );
- return;
- }
-
- var pageEvents = "mobileinit pagebeforechange pagechange pagechangefailed pagebeforeload pageload pageloadfailed pagebeforecreate pagecreate pageinit pagebeforeshow pageshow pagebeforehide pagehide pageremove";
-
- function getElementDesc( ele )
- {
- var result = [];
- if ( ele ) {
- result.push( ele.nodeName.toLowerCase() );
- var c = ele.className;
- if ( c ) {
- c = c.replace( /^\s+|\s+$/, "" ).replace( /\s+/, " " );
- if (c) {
- result.push( "." + c.split( " " ).join( "." ) );
- }
- }
- if ( ele.id ){
- result.push( "#" + ele.id )
- }
- }
- return result.join( "" );
- }
-
- function debugLog( msg )
- {
- console.log( msg );
- }
-
- function getNativeEvent( event ) {
-
- while ( event && typeof event.originalEvent !== "undefined" ) {
- event = event.originalEvent;
- }
- return event;
- }
-
- function logEvent( event, data )
- {
- var result = event.type + " (" + (new Date).getTime() + ")\n";
-
- switch( event.type )
- {
- case "pagebeforechange":
- case "pagechange":
- case "pagechangefailed":
- result += "\tpage: ";
- if ( typeof data.toPage === "string" ) {
- result += data.toPage;
- } else {
- result += getElementDesc( data.toPage[ 0 ] ) + "\n\tdata-url: " + data.toPage.jqmData( "url" );
- }
- result += "\n\n"
- break;
- case "pagebeforeload":
- case "pageloadfailed":
- result += "\turl: " + data.url + "\n\tabsUrl: " + data.absUrl + "\n\n";
- break;
- case "pageload":
- result += "\turl: " + data.url + "\n\tabsUrl: " + data.absUrl + "\n\tpage: " + getElementDesc( data.page[ 0 ] ) + "\n\n";
- break;
- case "pagebeforeshow":
- case "pageshow":
- case "pagebeforehide":
- case "pagehide":
- result += "\tpage: " + getElementDesc( event.target ) + "\n";
- result += "\tdata-url: " + $( event.target ).jqmData( "url" ) + "\n\n";
- break;
- case "pagebeforecreate":
- case "pagecreate":
- case "pageinit":
- result += "\telement: " + getElementDesc( event.target ) + "\n\n";
- break;
- case "hashchange":
- result += "\tlocation: " + location.href + "\n\n";
- break;
- case "popstate":
- var e = getNativeEvent( event );
- result += "\tlocation: " + location.href + "\n";
- result += "\tstate.hash: " + ( e.state && e.state.hash ? e.state.hash + "\n\n" : "" );
- break;
- }
-
- debugLog( result );
- }
-
- // Now add our logger.
- $( document ).bind( pageEvents, logEvent );
- $( window ).bind( "hashchange popstate", logEvent );
-
-})( jQuery, window, document );
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE HTML>
-<html>
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width">
-<title>Page Change Timer Bookmarklet</title>
-</head>
-
-<body>
-<h1>Page Event Logger Bookmarklet</h1>
-<p>A simple bookmarklet for timing the load, enhanement, and transition of a jQuery Mobile changePage() request. To use, bookmark the following link:</p>
-<script>
-document.write('<p><a id="bookmarklet-link" href="javascript:function loadScript(u){var s=document.createElement(\'script\');s.setAttribute(\'language\',\'javascript\');s.setAttribute(\'src\',u);document.body.appendChild(s);} loadScript(\'' + ( location.href.replace( /\.html/, ".js" ) ) + '\');">Page Change Timing Bookmark</a></p>');
-</script>
-<p>For platforms that don't allow bookmarking of <code>javascript:</code> urls, you can copy/paste the following source for the bookmarklet directly into the browser's location bar then hit enter or hit the "go" button on your keypad:</p>
-<p>
- <textarea id="ta" rows="10" cols="50"></textarea>
-</p>
-<p>NOTE: Some browsers like Chrome will strip off the javascript: prefix from the string above when you paste it into the location bar. Make sure what you pasted is prefixed by javascript: before attempting to load the bookmarklet.</p>
-<script>
-document.getElementById("ta").value = document.getElementById("bookmarklet-link").href;
- </script>
-</body>
-</html>
+++ /dev/null
-/*!
- * jQuery Mobile v@VERSION
- * http://jquerymobile.com/
- *
- * Copyright 2011, jQuery Project
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- */
-
-// This is code that can be used as a simple bookmarklet for timing
-// the load, enhancment, and transition of a changePage() request.
-
-(function( $, window, undefined ) {
-
-
- function getTime() {
- return ( new Date() ).getTime();
- }
-
- var startChange, stopChange, startLoad, stopLoad, startEnhance, stopEnhance, startTransition, stopTransition, lock = 0;
-
- $( document )
- .bind( "pagebeforechange", function( e, data) {
- if ( typeof data.toPage === "string" ) {
- startChange = stopChange = startLoad = stopLoad = startEnhance = stopEnhance = startTransition = stopTransition = getTime();
- }
- })
- .bind( "pagebeforeload", function() {
- startLoad = stopLoad = getTime();
- })
- .bind( "pagebeforecreate", function() {
- if ( ++lock === 1 ) {
- stopLoad = startEnhance = stopEnhance = getTime();
- }
- })
- .bind( "pageinit", function() {
- if ( --lock === 0 ) {
- stopEnhance = getTime();
- }
- })
- .bind( "pagebeforeshow", function() {
- startTransition = stopTransition = getTime();
- })
- .bind( "pageshow", function() {
- stopTransition = getTime();
- })
- .bind( "pagechange", function( e, data ) {
- if ( typeof data.toPage === "object" ) {
- stopChange = getTime();
-
- alert("load + processing: " + ( stopLoad - startLoad )
- + "\nenhance: " + ( stopEnhance - startEnhance )
- + "\ntransition: " + ( stopTransition - startTransition )
- + "\ntotalTime: " + ( stopChange - startChange ) );
-
- startChange = stopChange = startLoad = stopLoad = startEnhance = stopEnhance = startTransition = stopTransition = 0;
- }
- });
-
-
-})( jQuery, window );
\ No newline at end of file
+++ /dev/null
-/*
- * jQuery UI Position @ dfe75e1
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Position
- */
-(function( $, undefined ) {
-
-$.ui = $.ui || {};
-
-var rhorizontal = /left|center|right/,
- rvertical = /top|center|bottom/,
- roffset = /[+-]\d+%?/,
- rposition = /^\w+/,
- rpercent = /%$/,
- center = "center",
- _position = $.fn.position;
-
-$.position = {
- scrollbarWidth: function() {
- var w1, w2,
- div = $( "<div style='display:block;width:50px;height:50px;overflow:hidden;'><div style='height:100px;width:auto;'></div></div>" ),
- innerDiv = div.children()[0];
-
- $( "body" ).append( div );
- w1 = innerDiv.offsetWidth;
- div.css( "overflow", "scroll" );
-
- w2 = innerDiv.offsetWidth;
-
- if ( w1 === w2 ) {
- w2 = div[0].clientWidth;
- }
-
- div.remove();
-
- return w1 - w2;
- },
- getScrollInfo: function(within) {
- var notWindow = within[0] !== window,
- overflowX = notWindow ? within.css( "overflow-x" ) : "",
- overflowY = notWindow ? within.css( "overflow-y" ) : "",
- scrollbarWidth = overflowX === "auto" || overflowX === "scroll" ? $.position.scrollbarWidth() : 0,
- scrollbarHeight = overflowY === "auto" || overflowY === "scroll" ? $.position.scrollbarWidth() : 0;
-
- return {
- height: within.height() < within[0].scrollHeight ? scrollbarHeight : 0,
- width: within.width() < within[0].scrollWidth ? scrollbarWidth : 0
- };
- }
-};
-
-$.fn.position = function( options ) {
- if ( !options || !options.of ) {
- return _position.apply( this, arguments );
- }
-
- // make a copy, we don't want to modify arguments
- options = $.extend( {}, options );
-
- var target = $( options.of ),
- within = $( options.within || window ),
- targetElem = target[0],
- collision = ( options.collision || "flip" ).split( " " ),
- offsets = {},
- atOffset,
- targetWidth,
- targetHeight,
- basePosition;
-
- if ( targetElem.nodeType === 9 ) {
- targetWidth = target.width();
- targetHeight = target.height();
- basePosition = { top: 0, left: 0 };
- } else if ( $.isWindow( targetElem ) ) {
- targetWidth = target.width();
- targetHeight = target.height();
- basePosition = { top: target.scrollTop(), left: target.scrollLeft() };
- } else if ( targetElem.preventDefault ) {
- // force left top to allow flipping
- options.at = "left top";
- targetWidth = targetHeight = 0;
- basePosition = { top: options.of.pageY, left: options.of.pageX };
- } else {
- targetWidth = target.outerWidth();
- targetHeight = target.outerHeight();
- basePosition = target.offset();
- }
-
- // force my and at to have valid horizontal and vertical positions
- // if a value is missing or invalid, it will be converted to center
- $.each( [ "my", "at" ], function() {
- var pos = ( options[ this ] || "" ).split( " " ),
- horizontalOffset,
- verticalOffset;
-
- if ( pos.length === 1) {
- pos = rhorizontal.test( pos[ 0 ] ) ?
- pos.concat( [ center ] ) :
- rvertical.test( pos[ 0 ] ) ?
- [ center ].concat( pos ) :
- [ center, center ];
- }
- pos[ 0 ] = rhorizontal.test( pos[ 0 ] ) ? pos[ 0 ] : center;
- pos[ 1 ] = rvertical.test( pos[ 1 ] ) ? pos[ 1 ] : center;
-
- // calculate offsets
- horizontalOffset = roffset.exec( pos[ 0 ] );
- verticalOffset = roffset.exec( pos[ 1 ] );
- offsets[ this ] = [
- horizontalOffset ? horizontalOffset[ 0 ] : 0,
- verticalOffset ? verticalOffset[ 0 ] : 0
- ];
-
- // reduce to just the positions without the offsets
- options[ this ] = [
- rposition.exec( pos[ 0 ] )[ 0 ],
- rposition.exec( pos[ 1 ] )[ 0 ]
- ];
- });
-
- // normalize collision option
- if ( collision.length === 1 ) {
- collision[ 1 ] = collision[ 0 ];
- }
-
- if ( options.at[ 0 ] === "right" ) {
- basePosition.left += targetWidth;
- } else if ( options.at[ 0 ] === center ) {
- basePosition.left += targetWidth / 2;
- }
-
- if ( options.at[ 1 ] === "bottom" ) {
- basePosition.top += targetHeight;
- } else if ( options.at[ 1 ] === center ) {
- basePosition.top += targetHeight / 2;
- }
-
- atOffset = [
- parseInt( offsets.at[ 0 ], 10 ) *
- ( rpercent.test( offsets.at[ 0 ] ) ? targetWidth / 100 : 1 ),
- parseInt( offsets.at[ 1 ], 10 ) *
- ( rpercent.test( offsets.at[ 1 ] ) ? targetHeight / 100 : 1 )
- ];
- basePosition.left += atOffset[ 0 ];
- basePosition.top += atOffset[ 1 ];
-
- return this.each(function() {
- var elem = $( this ),
- elemWidth = elem.outerWidth(),
- elemHeight = elem.outerHeight(),
- marginLeft = parseInt( $.curCSS( this, "marginLeft", true ) ) || 0,
- marginTop = parseInt( $.curCSS( this, "marginTop", true ) ) || 0,
- scrollInfo = $.position.getScrollInfo( within ),
- collisionWidth = elemWidth + marginLeft +
- ( parseInt( $.curCSS( this, "marginRight", true ) ) || 0 ) + scrollInfo.width,
- collisionHeight = elemHeight + marginTop +
- ( parseInt( $.curCSS( this, "marginBottom", true ) ) || 0 ) + scrollInfo.height,
- position = $.extend( {}, basePosition ),
- myOffset = [
- parseInt( offsets.my[ 0 ], 10 ) *
- ( rpercent.test( offsets.my[ 0 ] ) ? elem.outerWidth() / 100 : 1 ),
- parseInt( offsets.my[ 1 ], 10 ) *
- ( rpercent.test( offsets.my[ 1 ] ) ? elem.outerHeight() / 100 : 1 )
- ],
- collisionPosition;
-
- if ( options.my[ 0 ] === "right" ) {
- position.left -= elemWidth;
- } else if ( options.my[ 0 ] === center ) {
- position.left -= elemWidth / 2;
- }
-
- if ( options.my[ 1 ] === "bottom" ) {
- position.top -= elemHeight;
- } else if ( options.my[ 1 ] === center ) {
- position.top -= elemHeight / 2;
- }
-
- position.left += myOffset[ 0 ];
- position.top += myOffset[ 1 ];
-
- collisionPosition = {
- marginLeft: marginLeft,
- marginTop: marginTop
- };
-
- $.each( [ "left", "top" ], function( i, dir ) {
- if ( $.ui.position[ collision[ i ] ] ) {
- $.ui.position[ collision[ i ] ][ dir ]( position, {
- targetWidth: targetWidth,
- targetHeight: targetHeight,
- elemWidth: elemWidth,
- elemHeight: elemHeight,
- collisionPosition: collisionPosition,
- collisionWidth: collisionWidth,
- collisionHeight: collisionHeight,
- offset: [ atOffset[ 0 ] + myOffset[ 0 ], atOffset [ 1 ] + myOffset[ 1 ] ],
- my: options.my,
- at: options.at,
- within: within,
- elem : elem
- });
- }
- });
-
- if ( $.fn.bgiframe ) {
- elem.bgiframe();
- }
- elem.offset( $.extend( position, { using: options.using } ) );
- });
-};
-
-$.ui.position = {
- fit: {
- left: function( position, data ) {
- var within = data.within,
- win = $( window ),
- isWindow = $.isWindow( data.within[0] ),
- withinOffset = isWindow ? win.scrollLeft() : within.offset().left,
- outerWidth = isWindow ? win.width() : within.outerWidth(),
- collisionPosLeft = position.left - data.collisionPosition.marginLeft,
- overLeft = withinOffset - collisionPosLeft,
- overRight = collisionPosLeft + data.collisionWidth - outerWidth - withinOffset,
- newOverRight,
- newOverLeft;
-
- // element is wider than within
- if ( data.collisionWidth > outerWidth ) {
- // element is initially over the left side of within
- if ( overLeft > 0 && overRight <= 0 ) {
- newOverRight = position.left + overLeft + data.collisionWidth - outerWidth - withinOffset;
- position.left += overLeft - newOverRight;
- // element is initially over right side of within
- } else if ( overRight > 0 && overLeft <= 0 ) {
- position.left = withinOffset;
- // element is initially over both left and right sides of within
- } else {
- if ( overLeft > overRight ) {
- position.left = withinOffset + outerWidth - data.collisionWidth;
- } else {
- position.left = withinOffset;
- }
- }
- // too far left -> align with left edge
- } else if ( overLeft > 0 ) {
- position.left += overLeft;
- // too far right -> align with right edge
- } else if ( overRight > 0 ) {
- position.left -= overRight;
- // adjust based on position and margin
- } else {
- position.left = Math.max( position.left - collisionPosLeft, position.left );
- }
- },
- top: function( position, data ) {
- var within = data.within,
- win = $( window ),
- isWindow = $.isWindow( data.within[0] ),
- withinOffset = isWindow ? win.scrollTop() : within.offset().top,
- outerHeight = isWindow ? win.height() : within.outerHeight(),
- collisionPosTop = position.top - data.collisionPosition.marginTop,
- overTop = withinOffset - collisionPosTop,
- overBottom = collisionPosTop + data.collisionHeight - outerHeight - withinOffset,
- newOverTop,
- newOverBottom;
-
- // element is taller than within
- if ( data.collisionHeight > outerHeight ) {
- // element is initially over the top of within
- if ( overTop > 0 && overBottom <= 0 ) {
- newOverBottom = position.top + overTop + data.collisionHeight - outerHeight - withinOffset;
- position.top += overTop - newOverBottom;
- // element is initially over bottom of within
- } else if ( overBottom > 0 && overTop <= 0 ) {
- position.top = withinOffset;
- // element is initially over both top and bottom of within
- } else {
- if ( overTop > overBottom ) {
- position.top = withinOffset + outerHeight - data.collisionHeight;
- } else {
- position.top = withinOffset;
- }
- }
- // too far up -> align with top
- } else if ( overTop > 0 ) {
- position.top += overTop;
- // too far down -> align with bottom edge
- } else if ( overBottom > 0 ) {
- position.top -= overBottom;
- // adjust based on position and margin
- } else {
- position.top = Math.max( position.top - collisionPosTop, position.top );
- }
- }
- },
- flip: {
- left: function( position, data ) {
- if ( data.at[ 0 ] === center ) {
- return;
- }
-
- data.elem
- .removeClass( "ui-flipped-left ui-flipped-right" );
-
- var within = data.within,
- win = $( window ),
- isWindow = $.isWindow( data.within[0] ),
- withinOffset = ( isWindow ? 0 : within.offset().left ) + within.scrollLeft(),
- outerWidth = isWindow ? within.width() : within.outerWidth(),
- collisionPosLeft = position.left - data.collisionPosition.marginLeft,
- overLeft = collisionPosLeft - withinOffset,
- overRight = collisionPosLeft + data.collisionWidth - outerWidth - withinOffset,
- left = data.my[ 0 ] === "left",
- myOffset = data.my[ 0 ] === "left" ?
- -data.elemWidth :
- data.my[ 0 ] === "right" ?
- data.elemWidth :
- 0,
- atOffset = data.at[ 0 ] === "left" ?
- data.targetWidth :
- -data.targetWidth,
- offset = -2 * data.offset[ 0 ],
- newOverRight,
- newOverLeft;
-
- if ( overLeft < 0 ) {
- newOverRight = position.left + myOffset + atOffset + offset + data.collisionWidth - outerWidth - withinOffset;
- if ( newOverRight < 0 || newOverRight < Math.abs( overLeft ) ) {
- data.elem
- .addClass( "ui-flipped-right" );
-
- position.left += myOffset + atOffset + offset;
- }
- }
- else if ( overRight > 0 ) {
- newOverLeft = position.left - data.collisionPosition.marginLeft + myOffset + atOffset + offset - withinOffset;
- if ( newOverLeft > 0 || Math.abs( newOverLeft ) < overRight ) {
- data.elem
- .addClass( "ui-flipped-left" );
-
- position.left += myOffset + atOffset + offset;
- }
- }
- },
- top: function( position, data ) {
- if ( data.at[ 1 ] === center ) {
- return;
- }
-
- data.elem
- .removeClass( "ui-flipped-top ui-flipped-bottom" );
-
- var within = data.within,
- win = $( window ),
- isWindow = $.isWindow( data.within[0] ),
- withinOffset = ( isWindow ? 0 : within.offset().top ) + within.scrollTop(),
- outerHeight = isWindow ? within.height() : within.outerHeight(),
- collisionPosTop = position.top - data.collisionPosition.marginTop,
- overTop = collisionPosTop - withinOffset,
- overBottom = collisionPosTop + data.collisionHeight - outerHeight - withinOffset,
- top = data.my[ 1 ] === "top",
- myOffset = top ?
- -data.elemHeight :
- data.my[ 1 ] === "bottom" ?
- data.elemHeight :
- 0,
- atOffset = data.at[ 1 ] === "top" ?
- data.targetHeight :
- -data.targetHeight,
- offset = -2 * data.offset[ 1 ],
- newOverTop,
- newOverBottom;
- if ( overTop < 0 ) {
- newOverBottom = position.top + myOffset + atOffset + offset + data.collisionHeight - outerHeight - withinOffset;
- if ( newOverBottom < 0 || newOverBottom < Math.abs( overTop ) ) {
- data.elem
- .addClass( "ui-flipped-bottom" );
-
- position.top += myOffset + atOffset + offset;
- }
- }
- else if ( overBottom > 0 ) {
- newOverTop = position.top - data.collisionPosition.marginTop + myOffset + atOffset + offset - withinOffset;
- if ( newOverTop > 0 || Math.abs( newOverTop ) < overBottom ) {
- data.elem
- .addClass( "ui-flipped-top" );
-
- position.top += myOffset + atOffset + offset;
- }
- }
- }
- },
- flipfit: {
- left: function() {
- $.ui.position.flip.left.apply( this, arguments );
- $.ui.position.fit.left.apply( this, arguments );
- },
- top: function() {
- $.ui.position.flip.top.apply( this, arguments );
- $.ui.position.fit.top.apply( this, arguments );
- }
- }
-};
-
-// DEPRECATED
-if ( $.uiBackCompat !== false ) {
- // offset option
- (function( $ ) {
- var _position = $.fn.position;
- $.fn.position = function( options ) {
- if ( !options || !options.offset ) {
- return _position.call( this, options );
- }
- var offset = options.offset.split( " " ),
- at = options.at.split( " " );
- if ( offset.length === 1 ) {
- offset[ 1 ] = offset[ 0 ];
- }
- if ( /^\d/.test( offset[ 0 ] ) ) {
- offset[ 0 ] = "+" + offset[ 0 ];
- }
- if ( /^\d/.test( offset[ 1 ] ) ) {
- offset[ 1 ] = "+" + offset[ 1 ];
- }
- if ( at.length === 1 ) {
- if ( /left|center|right/.test( at[ 0 ] ) ) {
- at[ 1 ] = "center";
- } else {
- at[ 1 ] = at[ 0 ];
- at[ 0 ] = "center";
- }
- }
- return _position.call( this, $.extend( options, {
- at: at[ 0 ] + offset[ 0 ] + " " + at[ 1 ] + offset[ 1 ],
- offset: undefined
- } ) );
- }
- }( jQuery ) );
-}
-
-}( jQuery ) );
+++ /dev/null
-(function(a,b){a.ui=a.ui||{};var c=/left|center|right/,d=/top|center|bottom/,e=/[+-]\d+%?/,f=/^\w+/,g=/%$/,h="center",i=a.fn.position;a.position={scrollbarWidth:function(){var b,c,d=a("<div style='display:block;width:50px;height:50px;overflow:hidden;'><div style='height:100px;width:auto;'></div></div>"),e=d.children()[0];a("body").append(d);b=e.offsetWidth;d.css("overflow","scroll");c=e.offsetWidth;if(b===c){c=d[0].clientWidth}d.remove();return b-c},getScrollInfo:function(b){var c=b[0]!==window,d=c?b.css("overflow-x"):"",e=c?b.css("overflow-y"):"",f=d==="auto"||d==="scroll"?a.position.scrollbarWidth():0,g=e==="auto"||e==="scroll"?a.position.scrollbarWidth():0;return{height:b.height()<b[0].scrollHeight?g:0,width:b.width()<b[0].scrollWidth?f:0}}};a.fn.position=function(b){if(!b||!b.of){return i.apply(this,arguments)}b=a.extend({},b);var j=a(b.of),k=a(b.within||window),l=j[0],m=(b.collision||"flip").split(" "),n={},o,p,q,r;if(l.nodeType===9){p=j.width();q=j.height();r={top:0,left:0}}else if(a.isWindow(l)){p=j.width();q=j.height();r={top:j.scrollTop(),left:j.scrollLeft()}}else if(l.preventDefault){b.at="left top";p=q=0;r={top:b.of.pageY,left:b.of.pageX}}else{p=j.outerWidth();q=j.outerHeight();r=j.offset()}a.each(["my","at"],function(){var a=(b[this]||"").split(" "),g,i;if(a.length===1){a=c.test(a[0])?a.concat([h]):d.test(a[0])?[h].concat(a):[h,h]}a[0]=c.test(a[0])?a[0]:h;a[1]=d.test(a[1])?a[1]:h;g=e.exec(a[0]);i=e.exec(a[1]);n[this]=[g?g[0]:0,i?i[0]:0];b[this]=[f.exec(a[0])[0],f.exec(a[1])[0]]});if(m.length===1){m[1]=m[0]}if(b.at[0]==="right"){r.left+=p}else if(b.at[0]===h){r.left+=p/2}if(b.at[1]==="bottom"){r.top+=q}else if(b.at[1]===h){r.top+=q/2}o=[parseInt(n.at[0],10)*(g.test(n.at[0])?p/100:1),parseInt(n.at[1],10)*(g.test(n.at[1])?q/100:1)];r.left+=o[0];r.top+=o[1];return this.each(function(){var c=a(this),d=c.outerWidth(),e=c.outerHeight(),f=parseInt(a.curCSS(this,"marginLeft",true))||0,i=parseInt(a.curCSS(this,"marginTop",true))||0,j=a.position.getScrollInfo(k),l=d+f+(parseInt(a.curCSS(this,"marginRight",true))||0)+j.width,s=e+i+(parseInt(a.curCSS(this,"marginBottom",true))||0)+j.height,t=a.extend({},r),u=[parseInt(n.my[0],10)*(g.test(n.my[0])?c.outerWidth()/100:1),parseInt(n.my[1],10)*(g.test(n.my[1])?c.outerHeight()/100:1)],v;if(b.my[0]==="right"){t.left-=d}else if(b.my[0]===h){t.left-=d/2}if(b.my[1]==="bottom"){t.top-=e}else if(b.my[1]===h){t.top-=e/2}t.left+=u[0];t.top+=u[1];v={marginLeft:f,marginTop:i};a.each(["left","top"],function(f,g){if(a.ui.position[m[f]]){a.ui.position[m[f]][g](t,{targetWidth:p,targetHeight:q,elemWidth:d,elemHeight:e,collisionPosition:v,collisionWidth:l,collisionHeight:s,offset:[o[0]+u[0],o[1]+u[1]],my:b.my,at:b.at,within:k,elem:c})}});if(a.fn.bgiframe){c.bgiframe()}c.offset(a.extend(t,{using:b.using}))})};a.ui.position={fit:{left:function(b,c){var d=c.within,e=a(window),f=a.isWindow(c.within[0]),g=f?e.scrollLeft():d.offset().left,h=f?e.width():d.outerWidth(),i=b.left-c.collisionPosition.marginLeft,j=g-i,k=i+c.collisionWidth-h-g,l,m;if(c.collisionWidth>h){if(j>0&&k<=0){l=b.left+j+c.collisionWidth-h-g;b.left+=j-l}else if(k>0&&j<=0){b.left=g}else{if(j>k){b.left=g+h-c.collisionWidth}else{b.left=g}}}else if(j>0){b.left+=j}else if(k>0){b.left-=k}else{b.left=Math.max(b.left-i,b.left)}},top:function(b,c){var d=c.within,e=a(window),f=a.isWindow(c.within[0]),g=f?e.scrollTop():d.offset().top,h=f?e.height():d.outerHeight(),i=b.top-c.collisionPosition.marginTop,j=g-i,k=i+c.collisionHeight-h-g,l,m;if(c.collisionHeight>h){if(j>0&&k<=0){m=b.top+j+c.collisionHeight-h-g;b.top+=j-m}else if(k>0&&j<=0){b.top=g}else{if(j>k){b.top=g+h-c.collisionHeight}else{b.top=g}}}else if(j>0){b.top+=j}else if(k>0){b.top-=k}else{b.top=Math.max(b.top-i,b.top)}}},flip:{left:function(b,c){if(c.at[0]===h){return}c.elem.removeClass("ui-flipped-left ui-flipped-right");var d=c.within,e=a(window),f=a.isWindow(c.within[0]),g=(f?0:d.offset().left)+d.scrollLeft(),i=f?d.width():d.outerWidth(),j=b.left-c.collisionPosition.marginLeft,k=j-g,l=j+c.collisionWidth-i-g,m=c.my[0]==="left",n=c.my[0]==="left"?-c.elemWidth:c.my[0]==="right"?c.elemWidth:0,o=c.at[0]==="left"?c.targetWidth:-c.targetWidth,p=-2*c.offset[0],q,r;if(k<0){q=b.left+n+o+p+c.collisionWidth-i-g;if(q<0||q<Math.abs(k)){c.elem.addClass("ui-flipped-right");b.left+=n+o+p}}else if(l>0){r=b.left-c.collisionPosition.marginLeft+n+o+p-g;if(r>0||Math.abs(r)<l){c.elem.addClass("ui-flipped-left");b.left+=n+o+p}}},top:function(b,c){if(c.at[1]===h){return}c.elem.removeClass("ui-flipped-top ui-flipped-bottom");var d=c.within,e=a(window),f=a.isWindow(c.within[0]),g=(f?0:d.offset().top)+d.scrollTop(),i=f?d.height():d.outerHeight(),j=b.top-c.collisionPosition.marginTop,k=j-g,l=j+c.collisionHeight-i-g,m=c.my[1]==="top",n=m?-c.elemHeight:c.my[1]==="bottom"?c.elemHeight:0,o=c.at[1]==="top"?c.targetHeight:-c.targetHeight,p=-2*c.offset[1],q,r;if(k<0){r=b.top+n+o+p+c.collisionHeight-i-g;if(r<0||r<Math.abs(k)){c.elem.addClass("ui-flipped-bottom");b.top+=n+o+p}}else if(l>0){q=b.top-c.collisionPosition.marginTop+n+o+p-g;if(q>0||Math.abs(q)<l){c.elem.addClass("ui-flipped-top");b.top+=n+o+p}}}},flipfit:{left:function(){a.ui.position.flip.left.apply(this,arguments);a.ui.position.fit.left.apply(this,arguments)},top:function(){a.ui.position.flip.top.apply(this,arguments);a.ui.position.fit.top.apply(this,arguments)}}};if(a.uiBackCompat!==false){(function(a){var c=a.fn.position;a.fn.position=function(d){if(!d||!d.offset){return c.call(this,d)}var e=d.offset.split(" "),f=d.at.split(" ");if(e.length===1){e[1]=e[0]}if(/^\d/.test(e[0])){e[0]="+"+e[0]}if(/^\d/.test(e[1])){e[1]="+"+e[1]}if(f.length===1){if(/left|center|right/.test(f[0])){f[1]="center"}else{f[1]=f[0];f[0]="center"}}return c.call(this,a.extend(d,{at:f[0]+e[0]+" "+f[1]+e[1],offset:b}))}})(jQuery)}})(jQuery)
+++ /dev/null
-// Underscore.js 1.1.7
-// (c) 2011 Jeremy Ashkenas, DocumentCloud Inc.
-// Underscore is freely distributable under the MIT license.
-// Portions of Underscore are inspired or borrowed from Prototype,
-// Oliver Steele's Functional, and John Resig's Micro-Templating.
-// For all details and documentation:
-// http://documentcloud.github.com/underscore
-
-(function() {
-
- // Baseline setup
- // --------------
-
- // Establish the root object, `window` in the browser, or `global` on the server.
- var root = this;
-
- // Save the previous value of the `_` variable.
- var previousUnderscore = root._;
-
- // Establish the object that gets returned to break out of a loop iteration.
- var breaker = {};
-
- // Save bytes in the minified (but not gzipped) version:
- var ArrayProto = Array.prototype, ObjProto = Object.prototype, FuncProto = Function.prototype;
-
- // Create quick reference variables for speed access to core prototypes.
- var slice = ArrayProto.slice,
- unshift = ArrayProto.unshift,
- toString = ObjProto.toString,
- hasOwnProperty = ObjProto.hasOwnProperty;
-
- // All **ECMAScript 5** native function implementations that we hope to use
- // are declared here.
- var
- nativeForEach = ArrayProto.forEach,
- nativeMap = ArrayProto.map,
- nativeReduce = ArrayProto.reduce,
- nativeReduceRight = ArrayProto.reduceRight,
- nativeFilter = ArrayProto.filter,
- nativeEvery = ArrayProto.every,
- nativeSome = ArrayProto.some,
- nativeIndexOf = ArrayProto.indexOf,
- nativeLastIndexOf = ArrayProto.lastIndexOf,
- nativeIsArray = Array.isArray,
- nativeKeys = Object.keys,
- nativeBind = FuncProto.bind;
-
- // Create a safe reference to the Underscore object for use below.
- var _ = function(obj) { return new wrapper(obj); };
-
- // Export the Underscore object for **CommonJS**, with backwards-compatibility
- // for the old `require()` API. If we're not in CommonJS, add `_` to the
- // global object.
- if (typeof module !== 'undefined' && module.exports) {
- module.exports = _;
- _._ = _;
- } else {
- // Exported as a string, for Closure Compiler "advanced" mode.
- root['_'] = _;
- }
-
- // Current version.
- _.VERSION = '1.1.7';
-
- // Collection Functions
- // --------------------
-
- // The cornerstone, an `each` implementation, aka `forEach`.
- // Handles objects with the built-in `forEach`, arrays, and raw objects.
- // Delegates to **ECMAScript 5**'s native `forEach` if available.
- var each = _.each = _.forEach = function(obj, iterator, context) {
- if (obj == null) return;
- if (nativeForEach && obj.forEach === nativeForEach) {
- obj.forEach(iterator, context);
- } else if (obj.length === +obj.length) {
- for (var i = 0, l = obj.length; i < l; i++) {
- if (i in obj && iterator.call(context, obj[i], i, obj) === breaker) return;
- }
- } else {
- for (var key in obj) {
- if (hasOwnProperty.call(obj, key)) {
- if (iterator.call(context, obj[key], key, obj) === breaker) return;
- }
- }
- }
- };
-
- // Return the results of applying the iterator to each element.
- // Delegates to **ECMAScript 5**'s native `map` if available.
- _.map = function(obj, iterator, context) {
- var results = [];
- if (obj == null) return results;
- if (nativeMap && obj.map === nativeMap) return obj.map(iterator, context);
- each(obj, function(value, index, list) {
- results[results.length] = iterator.call(context, value, index, list);
- });
- return results;
- };
-
- // **Reduce** builds up a single result from a list of values, aka `inject`,
- // or `foldl`. Delegates to **ECMAScript 5**'s native `reduce` if available.
- _.reduce = _.foldl = _.inject = function(obj, iterator, memo, context) {
- var initial = memo !== void 0;
- if (obj == null) obj = [];
- if (nativeReduce && obj.reduce === nativeReduce) {
- if (context) iterator = _.bind(iterator, context);
- return initial ? obj.reduce(iterator, memo) : obj.reduce(iterator);
- }
- each(obj, function(value, index, list) {
- if (!initial) {
- memo = value;
- initial = true;
- } else {
- memo = iterator.call(context, memo, value, index, list);
- }
- });
- if (!initial) throw new TypeError("Reduce of empty array with no initial value");
- return memo;
- };
-
- // The right-associative version of reduce, also known as `foldr`.
- // Delegates to **ECMAScript 5**'s native `reduceRight` if available.
- _.reduceRight = _.foldr = function(obj, iterator, memo, context) {
- if (obj == null) obj = [];
- if (nativeReduceRight && obj.reduceRight === nativeReduceRight) {
- if (context) iterator = _.bind(iterator, context);
- return memo !== void 0 ? obj.reduceRight(iterator, memo) : obj.reduceRight(iterator);
- }
- var reversed = (_.isArray(obj) ? obj.slice() : _.toArray(obj)).reverse();
- return _.reduce(reversed, iterator, memo, context);
- };
-
- // Return the first value which passes a truth test. Aliased as `detect`.
- _.find = _.detect = function(obj, iterator, context) {
- var result;
- any(obj, function(value, index, list) {
- if (iterator.call(context, value, index, list)) {
- result = value;
- return true;
- }
- });
- return result;
- };
-
- // Return all the elements that pass a truth test.
- // Delegates to **ECMAScript 5**'s native `filter` if available.
- // Aliased as `select`.
- _.filter = _.select = function(obj, iterator, context) {
- var results = [];
- if (obj == null) return results;
- if (nativeFilter && obj.filter === nativeFilter) return obj.filter(iterator, context);
- each(obj, function(value, index, list) {
- if (iterator.call(context, value, index, list)) results[results.length] = value;
- });
- return results;
- };
-
- // Return all the elements for which a truth test fails.
- _.reject = function(obj, iterator, context) {
- var results = [];
- if (obj == null) return results;
- each(obj, function(value, index, list) {
- if (!iterator.call(context, value, index, list)) results[results.length] = value;
- });
- return results;
- };
-
- // Determine whether all of the elements match a truth test.
- // Delegates to **ECMAScript 5**'s native `every` if available.
- // Aliased as `all`.
- _.every = _.all = function(obj, iterator, context) {
- var result = true;
- if (obj == null) return result;
- if (nativeEvery && obj.every === nativeEvery) return obj.every(iterator, context);
- each(obj, function(value, index, list) {
- if (!(result = result && iterator.call(context, value, index, list))) return breaker;
- });
- return result;
- };
-
- // Determine if at least one element in the object matches a truth test.
- // Delegates to **ECMAScript 5**'s native `some` if available.
- // Aliased as `any`.
- var any = _.some = _.any = function(obj, iterator, context) {
- iterator = iterator || _.identity;
- var result = false;
- if (obj == null) return result;
- if (nativeSome && obj.some === nativeSome) return obj.some(iterator, context);
- each(obj, function(value, index, list) {
- if (result |= iterator.call(context, value, index, list)) return breaker;
- });
- return !!result;
- };
-
- // Determine if a given value is included in the array or object using `===`.
- // Aliased as `contains`.
- _.include = _.contains = function(obj, target) {
- var found = false;
- if (obj == null) return found;
- if (nativeIndexOf && obj.indexOf === nativeIndexOf) return obj.indexOf(target) != -1;
- any(obj, function(value) {
- if (found = value === target) return true;
- });
- return found;
- };
-
- // Invoke a method (with arguments) on every item in a collection.
- _.invoke = function(obj, method) {
- var args = slice.call(arguments, 2);
- return _.map(obj, function(value) {
- return (method.call ? method || value : value[method]).apply(value, args);
- });
- };
-
- // Convenience version of a common use case of `map`: fetching a property.
- _.pluck = function(obj, key) {
- return _.map(obj, function(value){ return value[key]; });
- };
-
- // Return the maximum element or (element-based computation).
- _.max = function(obj, iterator, context) {
- if (!iterator && _.isArray(obj)) return Math.max.apply(Math, obj);
- var result = {computed : -Infinity};
- each(obj, function(value, index, list) {
- var computed = iterator ? iterator.call(context, value, index, list) : value;
- computed >= result.computed && (result = {value : value, computed : computed});
- });
- return result.value;
- };
-
- // Return the minimum element (or element-based computation).
- _.min = function(obj, iterator, context) {
- if (!iterator && _.isArray(obj)) return Math.min.apply(Math, obj);
- var result = {computed : Infinity};
- each(obj, function(value, index, list) {
- var computed = iterator ? iterator.call(context, value, index, list) : value;
- computed < result.computed && (result = {value : value, computed : computed});
- });
- return result.value;
- };
-
- // Sort the object's values by a criterion produced by an iterator.
- _.sortBy = function(obj, iterator, context) {
- return _.pluck(_.map(obj, function(value, index, list) {
- return {
- value : value,
- criteria : iterator.call(context, value, index, list)
- };
- }).sort(function(left, right) {
- var a = left.criteria, b = right.criteria;
- return a < b ? -1 : a > b ? 1 : 0;
- }), 'value');
- };
-
- // Groups the object's values by a criterion produced by an iterator
- _.groupBy = function(obj, iterator) {
- var result = {};
- each(obj, function(value, index) {
- var key = iterator(value, index);
- (result[key] || (result[key] = [])).push(value);
- });
- return result;
- };
-
- // Use a comparator function to figure out at what index an object should
- // be inserted so as to maintain order. Uses binary search.
- _.sortedIndex = function(array, obj, iterator) {
- iterator || (iterator = _.identity);
- var low = 0, high = array.length;
- while (low < high) {
- var mid = (low + high) >> 1;
- iterator(array[mid]) < iterator(obj) ? low = mid + 1 : high = mid;
- }
- return low;
- };
-
- // Safely convert anything iterable into a real, live array.
- _.toArray = function(iterable) {
- if (!iterable) return [];
- if (iterable.toArray) return iterable.toArray();
- if (_.isArray(iterable)) return slice.call(iterable);
- if (_.isArguments(iterable)) return slice.call(iterable);
- return _.values(iterable);
- };
-
- // Return the number of elements in an object.
- _.size = function(obj) {
- return _.toArray(obj).length;
- };
-
- // Array Functions
- // ---------------
-
- // Get the first element of an array. Passing **n** will return the first N
- // values in the array. Aliased as `head`. The **guard** check allows it to work
- // with `_.map`.
- _.first = _.head = function(array, n, guard) {
- return (n != null) && !guard ? slice.call(array, 0, n) : array[0];
- };
-
- // Returns everything but the first entry of the array. Aliased as `tail`.
- // Especially useful on the arguments object. Passing an **index** will return
- // the rest of the values in the array from that index onward. The **guard**
- // check allows it to work with `_.map`.
- _.rest = _.tail = function(array, index, guard) {
- return slice.call(array, (index == null) || guard ? 1 : index);
- };
-
- // Get the last element of an array.
- _.last = function(array) {
- return array[array.length - 1];
- };
-
- // Trim out all falsy values from an array.
- _.compact = function(array) {
- return _.filter(array, function(value){ return !!value; });
- };
-
- // Return a completely flattened version of an array.
- _.flatten = function(array) {
- return _.reduce(array, function(memo, value) {
- if (_.isArray(value)) return memo.concat(_.flatten(value));
- memo[memo.length] = value;
- return memo;
- }, []);
- };
-
- // Return a version of the array that does not contain the specified value(s).
- _.without = function(array) {
- return _.difference(array, slice.call(arguments, 1));
- };
-
- // Produce a duplicate-free version of the array. If the array has already
- // been sorted, you have the option of using a faster algorithm.
- // Aliased as `unique`.
- _.uniq = _.unique = function(array, isSorted) {
- return _.reduce(array, function(memo, el, i) {
- if (0 == i || (isSorted === true ? _.last(memo) != el : !_.include(memo, el))) memo[memo.length] = el;
- return memo;
- }, []);
- };
-
- // Produce an array that contains the union: each distinct element from all of
- // the passed-in arrays.
- _.union = function() {
- return _.uniq(_.flatten(arguments));
- };
-
- // Produce an array that contains every item shared between all the
- // passed-in arrays. (Aliased as "intersect" for back-compat.)
- _.intersection = _.intersect = function(array) {
- var rest = slice.call(arguments, 1);
- return _.filter(_.uniq(array), function(item) {
- return _.every(rest, function(other) {
- return _.indexOf(other, item) >= 0;
- });
- });
- };
-
- // Take the difference between one array and another.
- // Only the elements present in just the first array will remain.
- _.difference = function(array, other) {
- return _.filter(array, function(value){ return !_.include(other, value); });
- };
-
- // Zip together multiple lists into a single array -- elements that share
- // an index go together.
- _.zip = function() {
- var args = slice.call(arguments);
- var length = _.max(_.pluck(args, 'length'));
- var results = new Array(length);
- for (var i = 0; i < length; i++) results[i] = _.pluck(args, "" + i);
- return results;
- };
-
- // If the browser doesn't supply us with indexOf (I'm looking at you, **MSIE**),
- // we need this function. Return the position of the first occurrence of an
- // item in an array, or -1 if the item is not included in the array.
- // Delegates to **ECMAScript 5**'s native `indexOf` if available.
- // If the array is large and already in sort order, pass `true`
- // for **isSorted** to use binary search.
- _.indexOf = function(array, item, isSorted) {
- if (array == null) return -1;
- var i, l;
- if (isSorted) {
- i = _.sortedIndex(array, item);
- return array[i] === item ? i : -1;
- }
- if (nativeIndexOf && array.indexOf === nativeIndexOf) return array.indexOf(item);
- for (i = 0, l = array.length; i < l; i++) if (array[i] === item) return i;
- return -1;
- };
-
-
- // Delegates to **ECMAScript 5**'s native `lastIndexOf` if available.
- _.lastIndexOf = function(array, item) {
- if (array == null) return -1;
- if (nativeLastIndexOf && array.lastIndexOf === nativeLastIndexOf) return array.lastIndexOf(item);
- var i = array.length;
- while (i--) if (array[i] === item) return i;
- return -1;
- };
-
- // Generate an integer Array containing an arithmetic progression. A port of
- // the native Python `range()` function. See
- // [the Python documentation](http://docs.python.org/library/functions.html#range).
- _.range = function(start, stop, step) {
- if (arguments.length <= 1) {
- stop = start || 0;
- start = 0;
- }
- step = arguments[2] || 1;
-
- var len = Math.max(Math.ceil((stop - start) / step), 0);
- var idx = 0;
- var range = new Array(len);
-
- while(idx < len) {
- range[idx++] = start;
- start += step;
- }
-
- return range;
- };
-
- // Function (ahem) Functions
- // ------------------
-
- // Create a function bound to a given object (assigning `this`, and arguments,
- // optionally). Binding with arguments is also known as `curry`.
- // Delegates to **ECMAScript 5**'s native `Function.bind` if available.
- // We check for `func.bind` first, to fail fast when `func` is undefined.
- _.bind = function(func, obj) {
- if (func.bind === nativeBind && nativeBind) return nativeBind.apply(func, slice.call(arguments, 1));
- var args = slice.call(arguments, 2);
- return function() {
- return func.apply(obj, args.concat(slice.call(arguments)));
- };
- };
-
- // Bind all of an object's methods to that object. Useful for ensuring that
- // all callbacks defined on an object belong to it.
- _.bindAll = function(obj) {
- var funcs = slice.call(arguments, 1);
- if (funcs.length == 0) funcs = _.functions(obj);
- each(funcs, function(f) { obj[f] = _.bind(obj[f], obj); });
- return obj;
- };
-
- // Memoize an expensive function by storing its results.
- _.memoize = function(func, hasher) {
- var memo = {};
- hasher || (hasher = _.identity);
- return function() {
- var key = hasher.apply(this, arguments);
- return hasOwnProperty.call(memo, key) ? memo[key] : (memo[key] = func.apply(this, arguments));
- };
- };
-
- // Delays a function for the given number of milliseconds, and then calls
- // it with the arguments supplied.
- _.delay = function(func, wait) {
- var args = slice.call(arguments, 2);
- return setTimeout(function(){ return func.apply(func, args); }, wait);
- };
-
- // Defers a function, scheduling it to run after the current call stack has
- // cleared.
- _.defer = function(func) {
- return _.delay.apply(_, [func, 1].concat(slice.call(arguments, 1)));
- };
-
- // Internal function used to implement `_.throttle` and `_.debounce`.
- var limit = function(func, wait, debounce) {
- var timeout;
- return function() {
- var context = this, args = arguments;
- var throttler = function() {
- timeout = null;
- func.apply(context, args);
- };
- if (debounce) clearTimeout(timeout);
- if (debounce || !timeout) timeout = setTimeout(throttler, wait);
- };
- };
-
- // Returns a function, that, when invoked, will only be triggered at most once
- // during a given window of time.
- _.throttle = function(func, wait) {
- return limit(func, wait, false);
- };
-
- // Returns a function, that, as long as it continues to be invoked, will not
- // be triggered. The function will be called after it stops being called for
- // N milliseconds.
- _.debounce = function(func, wait) {
- return limit(func, wait, true);
- };
-
- // Returns a function that will be executed at most one time, no matter how
- // often you call it. Useful for lazy initialization.
- _.once = function(func) {
- var ran = false, memo;
- return function() {
- if (ran) return memo;
- ran = true;
- memo = func.apply(this, arguments);
- return memo;
- };
- };
-
- // Returns the first function passed as an argument to the second,
- // allowing you to adjust arguments, run code before and after, and
- // conditionally execute the original function.
- _.wrap = function(func, wrapper) {
- return function() {
- var args = [func].concat(slice.call(arguments));
- return wrapper.apply(this, args);
- };
- };
-
- // Returns a function that is the composition of a list of functions, each
- // consuming the return value of the function that follows.
- _.compose = function() {
- var funcs = slice.call(arguments);
- return function() {
- var args = slice.call(arguments);
- for (var i = funcs.length - 1; i >= 0; i--) {
- args = [funcs[i].apply(this, args)];
- }
- return args[0];
- };
- };
-
- // Returns a function that will only be executed after being called N times.
- _.after = function(times, func) {
- return function() {
- if (--times < 1) { return func.apply(this, arguments); }
- };
- };
-
-
- // Object Functions
- // ----------------
-
- // Retrieve the names of an object's properties.
- // Delegates to **ECMAScript 5**'s native `Object.keys`
- _.keys = nativeKeys || function(obj) {
- if (obj !== Object(obj)) throw new TypeError('Invalid object');
- var keys = [];
- for (var key in obj) if (hasOwnProperty.call(obj, key)) keys[keys.length] = key;
- return keys;
- };
-
- // Retrieve the values of an object's properties.
- _.values = function(obj) {
- return _.map(obj, _.identity);
- };
-
- // Return a sorted list of the function names available on the object.
- // Aliased as `methods`
- _.functions = _.methods = function(obj) {
- var names = [];
- for (var key in obj) {
- if (_.isFunction(obj[key])) names.push(key);
- }
- return names.sort();
- };
-
- // Extend a given object with all the properties in passed-in object(s).
- _.extend = function(obj) {
- each(slice.call(arguments, 1), function(source) {
- for (var prop in source) {
- if (source[prop] !== void 0) obj[prop] = source[prop];
- }
- });
- return obj;
- };
-
- // Fill in a given object with default properties.
- _.defaults = function(obj) {
- each(slice.call(arguments, 1), function(source) {
- for (var prop in source) {
- if (obj[prop] == null) obj[prop] = source[prop];
- }
- });
- return obj;
- };
-
- // Create a (shallow-cloned) duplicate of an object.
- _.clone = function(obj) {
- return _.isArray(obj) ? obj.slice() : _.extend({}, obj);
- };
-
- // Invokes interceptor with the obj, and then returns obj.
- // The primary purpose of this method is to "tap into" a method chain, in
- // order to perform operations on intermediate results within the chain.
- _.tap = function(obj, interceptor) {
- interceptor(obj);
- return obj;
- };
-
- // Perform a deep comparison to check if two objects are equal.
- _.isEqual = function(a, b) {
- // Check object identity.
- if (a === b) return true;
- // Different types?
- var atype = typeof(a), btype = typeof(b);
- if (atype != btype) return false;
- // Basic equality test (watch out for coercions).
- if (a == b) return true;
- // One is falsy and the other truthy.
- if ((!a && b) || (a && !b)) return false;
- // Unwrap any wrapped objects.
- if (a._chain) a = a._wrapped;
- if (b._chain) b = b._wrapped;
- // One of them implements an isEqual()?
- if (a.isEqual) return a.isEqual(b);
- if (b.isEqual) return b.isEqual(a);
- // Check dates' integer values.
- if (_.isDate(a) && _.isDate(b)) return a.getTime() === b.getTime();
- // Both are NaN?
- if (_.isNaN(a) && _.isNaN(b)) return false;
- // Compare regular expressions.
- if (_.isRegExp(a) && _.isRegExp(b))
- return a.source === b.source &&
- a.global === b.global &&
- a.ignoreCase === b.ignoreCase &&
- a.multiline === b.multiline;
- // If a is not an object by this point, we can't handle it.
- if (atype !== 'object') return false;
- // Check for different array lengths before comparing contents.
- if (a.length && (a.length !== b.length)) return false;
- // Nothing else worked, deep compare the contents.
- var aKeys = _.keys(a), bKeys = _.keys(b);
- // Different object sizes?
- if (aKeys.length != bKeys.length) return false;
- // Recursive comparison of contents.
- for (var key in a) if (!(key in b) || !_.isEqual(a[key], b[key])) return false;
- return true;
- };
-
- // Is a given array or object empty?
- _.isEmpty = function(obj) {
- if (_.isArray(obj) || _.isString(obj)) return obj.length === 0;
- for (var key in obj) if (hasOwnProperty.call(obj, key)) return false;
- return true;
- };
-
- // Is a given value a DOM element?
- _.isElement = function(obj) {
- return !!(obj && obj.nodeType == 1);
- };
-
- // Is a given value an array?
- // Delegates to ECMA5's native Array.isArray
- _.isArray = nativeIsArray || function(obj) {
- return toString.call(obj) === '[object Array]';
- };
-
- // Is a given variable an object?
- _.isObject = function(obj) {
- return obj === Object(obj);
- };
-
- // Is a given variable an arguments object?
- _.isArguments = function(obj) {
- return !!(obj && hasOwnProperty.call(obj, 'callee'));
- };
-
- // Is a given value a function?
- _.isFunction = function(obj) {
- return !!(obj && obj.constructor && obj.call && obj.apply);
- };
-
- // Is a given value a string?
- _.isString = function(obj) {
- return !!(obj === '' || (obj && obj.charCodeAt && obj.substr));
- };
-
- // Is a given value a number?
- _.isNumber = function(obj) {
- return !!(obj === 0 || (obj && obj.toExponential && obj.toFixed));
- };
-
- // Is the given value `NaN`? `NaN` happens to be the only value in JavaScript
- // that does not equal itself.
- _.isNaN = function(obj) {
- return obj !== obj;
- };
-
- // Is a given value a boolean?
- _.isBoolean = function(obj) {
- return obj === true || obj === false;
- };
-
- // Is a given value a date?
- _.isDate = function(obj) {
- return !!(obj && obj.getTimezoneOffset && obj.setUTCFullYear);
- };
-
- // Is the given value a regular expression?
- _.isRegExp = function(obj) {
- return !!(obj && obj.test && obj.exec && (obj.ignoreCase || obj.ignoreCase === false));
- };
-
- // Is a given value equal to null?
- _.isNull = function(obj) {
- return obj === null;
- };
-
- // Is a given variable undefined?
- _.isUndefined = function(obj) {
- return obj === void 0;
- };
-
- // Utility Functions
- // -----------------
-
- // Run Underscore.js in *noConflict* mode, returning the `_` variable to its
- // previous owner. Returns a reference to the Underscore object.
- _.noConflict = function() {
- root._ = previousUnderscore;
- return this;
- };
-
- // Keep the identity function around for default iterators.
- _.identity = function(value) {
- return value;
- };
-
- // Run a function **n** times.
- _.times = function (n, iterator, context) {
- for (var i = 0; i < n; i++) iterator.call(context, i);
- };
-
- // Add your own custom functions to the Underscore object, ensuring that
- // they're correctly added to the OOP wrapper as well.
- _.mixin = function(obj) {
- each(_.functions(obj), function(name){
- addToWrapper(name, _[name] = obj[name]);
- });
- };
-
- // Generate a unique integer id (unique within the entire client session).
- // Useful for temporary DOM ids.
- var idCounter = 0;
- _.uniqueId = function(prefix) {
- var id = idCounter++;
- return prefix ? prefix + id : id;
- };
-
- // By default, Underscore uses ERB-style template delimiters, change the
- // following template settings to use alternative delimiters.
- _.templateSettings = {
- evaluate : /<%([\s\S]+?)%>/g,
- interpolate : /<%=([\s\S]+?)%>/g
- };
-
- // JavaScript micro-templating, similar to John Resig's implementation.
- // Underscore templating handles arbitrary delimiters, preserves whitespace,
- // and correctly escapes quotes within interpolated code.
- _.template = function(str, data) {
- var c = _.templateSettings;
- var tmpl = 'var __p=[],print=function(){__p.push.apply(__p,arguments);};' +
- 'with(obj||{}){__p.push(\'' +
- str.replace(/\\/g, '\\\\')
- .replace(/'/g, "\\'")
- .replace(c.interpolate, function(match, code) {
- return "'," + code.replace(/\\'/g, "'") + ",'";
- })
- .replace(c.evaluate || null, function(match, code) {
- return "');" + code.replace(/\\'/g, "'")
- .replace(/[\r\n\t]/g, ' ') + "__p.push('";
- })
- .replace(/\r/g, '\\r')
- .replace(/\n/g, '\\n')
- .replace(/\t/g, '\\t')
- + "');}return __p.join('');";
- var func = new Function('obj', tmpl);
- return data ? func(data) : func;
- };
-
- // The OOP Wrapper
- // ---------------
-
- // If Underscore is called as a function, it returns a wrapped object that
- // can be used OO-style. This wrapper holds altered versions of all the
- // underscore functions. Wrapped objects may be chained.
- var wrapper = function(obj) { this._wrapped = obj; };
-
- // Expose `wrapper.prototype` as `_.prototype`
- _.prototype = wrapper.prototype;
-
- // Helper function to continue chaining intermediate results.
- var result = function(obj, chain) {
- return chain ? _(obj).chain() : obj;
- };
-
- // A method to easily add functions to the OOP wrapper.
- var addToWrapper = function(name, func) {
- wrapper.prototype[name] = function() {
- var args = slice.call(arguments);
- unshift.call(args, this._wrapped);
- return result(func.apply(_, args), this._chain);
- };
- };
-
- // Add all of the Underscore functions to the wrapper object.
- _.mixin(_);
-
- // Add all mutator Array functions to the wrapper.
- each(['pop', 'push', 'reverse', 'shift', 'sort', 'splice', 'unshift'], function(name) {
- var method = ArrayProto[name];
- wrapper.prototype[name] = function() {
- method.apply(this._wrapped, arguments);
- return result(this._wrapped, this._chain);
- };
- });
-
- // Add all accessor Array functions to the wrapper.
- each(['concat', 'join', 'slice'], function(name) {
- var method = ArrayProto[name];
- wrapper.prototype[name] = function() {
- return result(method.apply(this._wrapped, arguments), this._chain);
- };
- });
-
- // Start chaining a wrapped Underscore object.
- wrapper.prototype.chain = function() {
- this._chain = true;
- return this;
- };
-
- // Extracts the result from a wrapped and chained object.
- wrapper.prototype.value = function() {
- return this._wrapped;
- };
-
-})();
+++ /dev/null
-From 58213e7b55e64ff22f29e46823714cb7bbbde841 Mon Sep 17 00:00:00 2001
-From: Youmin Ha <youmin.ha@samsung.com>
-Date: Wed, 15 Feb 2012 17:42:51 +0900
-Subject: [PATCH] JQM: Fix jqm build to exclude compressed version build
-
----
- libs/js/jquery-mobile-1.0.1pre/Makefile | 22 ++++++++++++----------
- 1 files changed, 12 insertions(+), 10 deletions(-)
-
-diff --git a/libs/js/jquery-mobile-1.0.1pre/Makefile b/libs/js/jquery-mobile-1.0.1pre/Makefile
-index 23541cd..5db7772 100644
---- a/libs/js/jquery-mobile-1.0.1pre/Makefile
-+++ b/libs/js/jquery-mobile-1.0.1pre/Makefile
-@@ -82,21 +82,22 @@ THEME = default
- # When no build target is specified, all gets ran
- all: init css js zip notify
-
-+all-but-min: init js css notify
-
- # Build and minify the CSS files
- css: init
- # Build the CSS file with the theme included
- @@cat js/jquery.mobile.intro.js | ${VER} > ${OUTPUT}/${NAME}.css
- @@cat ${CSSTHEMEFILES} ${CSSFILES} >> ${OUTPUT}/${NAME}.css
-- # ..... and then minify it
-- @@echo ${VER_MIN} > ${OUTPUT}/${NAME}.min.css
-- @@java -jar build/yuicompressor-2.4.6.jar --type css ${OUTPUT}/${NAME}.css >> ${OUTPUT}/${NAME}.min.css
-+ ## ..... and then minify it
-+ #@@echo ${VER_MIN} > ${OUTPUT}/${NAME}.min.css
-+ #@@java -jar build/yuicompressor-2.4.6.jar --type css ${OUTPUT}/${NAME}.css >> ${OUTPUT}/${NAME}.min.css
- # Build the CSS Structure-only file
- @@cat js/jquery.mobile.intro.js | ${VER} > ${OUTPUT}/${STRUCTURE}.css
- @@cat ${CSSFILES} >> ${OUTPUT}/${STRUCTURE}.css
-- # ..... and then minify it
-- @@echo ${VER_MIN} > ${OUTPUT}/${STRUCTURE}.min.css
-- @@java -jar build/yuicompressor-2.4.6.jar --type css ${OUTPUT}/${STRUCTURE}.css >> ${OUTPUT}/${STRUCTURE}.min.css
-+ ## ..... and then minify it
-+ #@@echo ${VER_MIN} > ${OUTPUT}/${STRUCTURE}.min.css
-+ #@@java -jar build/yuicompressor-2.4.6.jar --type css ${OUTPUT}/${STRUCTURE}.css >> ${OUTPUT}/${STRUCTURE}.min.css
- # ..... and then copy in the images
- @@cp -R css/themes/${THEME}/images ${OUTPUT}/
- # Css portion is complete.
-@@ -136,9 +137,9 @@ js: init
- # Build the JavaScript file
- @@cat js/jquery.mobile.intro.js | ${VER} > ${OUTPUT}/${NAME}.js
- @@cat ${JSFILES} >> ${OUTPUT}/${NAME}.js
-- # ..... and then minify it
-- @@echo ${VER_MIN} > ${OUTPUT}/${NAME}.min.js
-- @@java -jar build/google-compiler-20111003.jar --js ${OUTPUT}/${NAME}.js --warning_level QUIET >> ${OUTPUT}/${NAME}.min.js
-+ ## ..... and then minify it
-+ #@@echo ${VER_MIN} > ${OUTPUT}/${NAME}.min.js
-+ #@@java -jar build/google-compiler-20111003.jar --js ${OUTPUT}/${NAME}.js --warning_level QUIET >> ${OUTPUT}/${NAME}.min.js
- # -------------------------------------------------
-
-
-@@ -208,4 +209,5 @@ deploy: init js css docs zip
- @@rm -rf ${OUTPUT}
- # -------------------------------------------------
-
--
-+clean:
-+ @@rm -rf ${CURDIR}/compiled
---
-1.7.4.1
-
+++ /dev/null
-From 8a6605cac17177b38527a8a7d21b92e75de1e1fe Mon Sep 17 00:00:00 2001
-From: Youmin Ha <youmin.ha@samsung.com>
-Date: Wed, 15 Feb 2012 17:43:48 +0900
-Subject: [PATCH] JQM: Fix bug on live firing of custom events
-
----
- .../js/jquery.mobile.event.js | 7 +++++++
- 1 files changed, 7 insertions(+), 0 deletions(-)
-
-diff --git a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.event.js b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.event.js
-index 7b79b79..9a87f4a 100644
---- a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.event.js
-+++ b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.event.js
-@@ -24,6 +24,13 @@ var supportTouch = $.support.touch,
- function triggerCustomEvent( obj, eventType, event ) {
- var originalType = event.type;
- event.type = eventType;
-+
-+ // NOTE : by Youmin Ha <youmin.ha@samsung.com>
-+ // event.liveFired is already set by basic events e.g. vclick,
-+ // which is fired already.
-+ // To fire this custom event, event.liveFired must be cleared.
-+ event.liveFired = undefined;
-+
- $.event.handle.call( obj, event );
- event.type = originalType;
- }
---
-1.7.4.1
-
+++ /dev/null
-From b0ef5938298ad314cc3ea7ffd5afeb34b42c3bbb Mon Sep 17 00:00:00 2001
-From: Youmin Ha <youmin.ha@samsung.com>
-Date: Wed, 15 Feb 2012 17:47:08 +0900
-Subject: [PATCH] JQM: Don't draw right arrow on clickable listitems (For Tizen theme)
-
----
- .../js/jquery.mobile.listview.js | 3 ++-
- 1 files changed, 2 insertions(+), 1 deletions(-)
-
-diff --git a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.listview.js b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.listview.js
-index 58a2078..0f35aa3 100644
---- a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.listview.js
-+++ b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.listview.js
-@@ -183,7 +183,8 @@ $.widget( "mobile.listview", $.mobile.widget, {
- shadow: false,
- corners: false,
- iconpos: "right",
-- icon: a.length > 1 || icon === false ? false : icon || "arrow-r",
-+ //icon: a.length > 1 || icon === false ? false : icon || "arrow-r",
-+ icon: false,
- theme: itemTheme
- });
-
---
-1.7.4.1
-
+++ /dev/null
-From 51799bf3c58cd972217fed6fb5453b7ca85cfb65 Mon Sep 17 00:00:00 2001
-From: Koeun Choi <koeun.choi@samsung.com>
-Date: Thu, 16 Feb 2012 16:37:08 +0900
-Subject: [PATCH] JQM : Change button design to meet Tizen GUI, Button Event bug fixed
-
----
- .../js/jquery.mobile.buttonMarkup.js | 164 +++++++++++++++-----
- 1 files changed, 123 insertions(+), 41 deletions(-)
-
-diff --git a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.buttonMarkup.js b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.buttonMarkup.js
-index a08e611..d676ad8 100644
---- a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.buttonMarkup.js
-+++ b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.buttonMarkup.js
-@@ -2,6 +2,22 @@
- * "buttons" plugin - for making button-like links
- */
-
-+/**
-+ * Button Markup modified for TIZEN style.
-+ *
-+ * HTML Attributes:
-+ *
-+ * data-role: button
-+ * data-style : circle, nobg, edit
-+ *
-+ *
-+ * Examples:
-+ *
-+ * <div data-role="button" data-inline="true" data-icon="send" data-style="circle"></div>
-+ * <div data-role="button" data-inline="true" data-icon="favorite" data-style="nobg">
-+ * <div data-role="button" data-inline="true" data-icon="editminus" data-style="edit"></div>
-+ */
-+
- ( function( $, undefined ) {
-
- $.fn.buttonMarkup = function( options ) {
-@@ -13,6 +29,7 @@ $.fn.buttonMarkup = function( options ) {
- o = $.extend( {}, $.fn.buttonMarkup.defaults, {
- icon: options.icon !== undefined ? options.icon : el.jqmData( "icon" ),
- iconpos: options.iconpos !== undefined ? options.iconpos : el.jqmData( "iconpos" ),
-+ style: el.jqmData( "style"), /* style : default : block. Added "circle", "edit" and "nobg" */
- theme: options.theme !== undefined ? options.theme : el.jqmData( "theme" ),
- inline: options.inline !== undefined ? options.inline : el.jqmData( "inline" ),
- shadow: options.shadow !== undefined ? options.shadow : el.jqmData( "shadow" ),
-@@ -30,8 +47,9 @@ $.fn.buttonMarkup = function( options ) {
- buttonText = document.createElement( o.wrapperEls ),
- buttonIcon = o.icon ? document.createElement( "span" ) : null;
-
-- if ( attachEvents ) {
-- attachEvents();
-+ // Bug fix for jQM : When moving finger out of button after touching down button, button color MUST be returned.
-+ if ( attachTIZENEvents ) {
-+ attachTIZENEvents();
- }
-
- // if not, try to find closest theme container
-@@ -54,6 +72,10 @@ $.fn.buttonMarkup = function( options ) {
- if ( o.iconshadow ) {
- iconClass += " ui-icon-shadow";
- }
-+
-+ if ( $(el).text().length == 0 ) { /* No text */
-+ buttonClass += " ui-btn-icon_only";
-+ }
- }
-
- if ( o.iconpos ) {
-@@ -73,8 +95,51 @@ $.fn.buttonMarkup = function( options ) {
- buttonClass += " ui-shadow";
- }
-
-- e.setAttribute( "data-" + $.mobile.ns + "theme", o.theme );
-- el.addClass( buttonClass );
-+ /* Set Button class for Icon BG */
-+ if ( o.style == "circle" ) { /* Circle BG Button. */
-+ /* style : no text, Icon only */
-+ buttonClass += " ui-btn-corner-circle";
-+ buttonClass += " ui-btn-icon_only";
-+ }
-+ else if ( o.style == "nobg" ){
-+ /* style : no text, Icon only, no bg */
-+ buttonClass += " ui-btn-icon-nobg";
-+ buttonClass += " ui-btn-icon_only";
-+ }
-+ else if ( o.style == "edit" ){ /* Contact Edit style */
-+ buttonClass += " ui-btn-edit";
-+ }
-+
-+ el.attr( "data-" + $.mobile.ns + "theme", o.theme )
-+ .addClass( buttonClass );
-+
-+ /* Text Class for text positioning with icon. */
-+ textClass = "ui-btn-text";
-+
-+ if ( o.icon ) {
-+ if ( $(el).text().length > 0 ) {
-+ ( o.iconpos == "right" ? textClass += " ui-btn-text-padding-right" : textClass += " ui-btn-text-padding-left" );
-+ innerClass += " ui-btn-hastxt";
-+ }
-+ else {
-+ if ( o.style == "circle" ) { /* Circle BG Button. */
-+ /* style : no text, Icon only */
-+ innerClass += " ui-btn-corner-circle";
-+ }
-+ else if ( o.style == "nobg" ) {
-+ /* style : no text, Icon only, no bg */
-+ innerClass += " ui-btn-icon-nobg";
-+ }
-+
-+ /* Icon Only : No padding on button-inner. */
-+ innerClass += " ui-btn-icon-only";
-+ }
-+ }
-+ else { /* Text Only */
-+ if ( $(el).text().length > 0 ) {
-+ innerClass += " ui-btn-hastxt";
-+ }
-+ }
-
- buttonInner.className = innerClass;
- buttonInner.setAttribute("aria-hidden", "true");
-@@ -96,7 +161,7 @@ $.fn.buttonMarkup = function( options ) {
- // TODO obviously it would be nice to pull this element out instead of
- // retrieving it from the DOM again, but this change is much less obtrusive
- // and 1.0 draws nigh
-- $.data( e, 'textWrapper', $( buttonText ) );
-+ el.data( 'textWrapper', $( buttonText ) );
- }
-
- return this;
-@@ -114,13 +179,7 @@ function closestEnabledButton( element ) {
- var cname;
-
- while ( element ) {
-- // Note that we check for typeof className below because the element we
-- // handed could be in an SVG DOM where className on SVG elements is defined to
-- // be of a different type (SVGAnimatedString). We only operate on HTML DOM
-- // elements, so we look for plain "string".
--
-- cname = ( typeof element.className === 'string' ) && element.className.split(' ');
--
-+ cname = element.className && element.className.split(' ');
- if ( cname && $.inArray( "ui-btn", cname ) > -1 && $.inArray( "ui-disabled", cname ) < 0 ) {
- break;
- }
-@@ -130,51 +189,74 @@ function closestEnabledButton( element ) {
- return element;
- }
-
--var attachEvents = function() {
-+// Attach tizen events...
-+var selectedButton = null;
-+var useScrollview = false;
-+var attachTIZENEvents = function() {
- $( document ).bind( {
-- "vmousedown": function( event ) {
-- var btn = closestEnabledButton( event.target ),
-- $btn, theme;
--
-- if ( btn ) {
-- $btn = $( btn );
-+ // button click event comes this order : vmouseover -> vmousedown -> vmouseup -> vmouseout
-+ "vmouseover focus": function( event ) {
-+ // console.log( event.type );
-+ var $btn, theme;
-+ // check if there is selected button... if so, make it to "btn-up" state.
-+ if ( selectedButton ) {
-+ $btn = $( selectedButton );
- theme = $btn.attr( "data-" + $.mobile.ns + "theme" );
-- $btn.removeClass( "ui-btn-up-" + theme ).addClass( "ui-btn-down-" + theme );
-+ $btn.removeClass( "ui-btn-down-" + theme ).removeClass( "ui-btn-hover-" + theme )
-+ .addClass( "ui-btn-up-" + theme );
- }
-- },
-- "vmousecancel vmouseup": function( event ) {
-- var btn = closestEnabledButton( event.target ),
-- $btn, theme;
-
-- if ( btn ) {
-- $btn = $( btn );
-+ // new button
-+ selectedButton = closestEnabledButton( event.target );
-+ if ( selectedButton ) {
-+ $btn = $( selectedButton );
- theme = $btn.attr( "data-" + $.mobile.ns + "theme" );
-- $btn.removeClass( "ui-btn-down-" + theme ).addClass( "ui-btn-up-" + theme );
-+ $btn.removeClass( "ui-btn-up-" + theme ).addClass( "ui-btn-hover-" + theme );
- }
- },
-- "vmouseover focus": function( event ) {
-- var btn = closestEnabledButton( event.target ),
-- $btn, theme;
--
-- if ( btn ) {
-- $btn = $( btn );
-+ "vmouseout blur": function( event ) {
-+ // console.log( event.type );
-+ var $btn, theme;
-+ if ( selectedButton ) {
-+ $btn = $( selectedButton );
- theme = $btn.attr( "data-" + $.mobile.ns + "theme" );
-- $btn.removeClass( "ui-btn-up-" + theme ).addClass( "ui-btn-hover-" + theme );
-+ $btn.removeClass( "ui-btn-hover-" + theme ).removeClass( "ui-btn-down-" + theme ).addClass( "ui-btn-up-" + theme );
- }
- },
-- "vmouseout blur": function( event ) {
-- var btn = closestEnabledButton( event.target ),
-- $btn, theme;
-+ "vmousedown": function( event ) {
-+ var $btn, theme;
-
-- if ( btn ) {
-- $btn = $( btn );
-+ if ( !selectedButton ) {
-+ selectedButton = closestEnabledButton( event.target );
-+ }
-+
-+ $btn = $( selectedButton );
-+ theme = $btn.attr( "data-" + $.mobile.ns + "theme" );
-+ $btn.removeClass( "ui-btn-up-" + theme ).addClass( "ui-btn-down-" + theme );
-+ },
-+ "vmousecancel vmouseup": function( event ) {
-+ // console.log( event.type );
-+ var $btn, theme;
-+ if ( selectedButton ) {
-+ $btn = $( selectedButton );
- theme = $btn.attr( "data-" + $.mobile.ns + "theme" );
-- $btn.removeClass( "ui-btn-hover-" + theme + " ui-btn-down-" + theme ).addClass( "ui-btn-up-" + theme );
-+ $btn.removeClass( "ui-btn-down-" + theme ).addClass( "ui-btn-up-" + theme );
-+
-+ if ( event.type === "vmousecancel" && useScrollview ) {
-+ event.preventDefault();
-+ }
-+ selectedButton = null;
- }
-+ },
-+ "scrollstart scrollview_scroll": function( event ) {
-+ // console.log( event.type );
-+ if ( event.type === "scrollview_scroll" )
-+ useScrollview = true;
-+ $(this).trigger("vmousecancel");
- }
- });
-
-- attachEvents = null;
-+ attachTIZENEvents = null;
- };
-
- //links in bars, or those with data-role become buttons
---
-1.7.0.4
-
+++ /dev/null
-From 372d8508f064dc0a28b44707baf4c0832e75e2ad Mon Sep 17 00:00:00 2001
-From: Minkyu Kang <mk7.kang@samsung.com>
-Date: Thu, 16 Feb 2012 18:00:47 +0900
-Subject: [PATCH 1/2] JQM: Change header/footer code to meet Tizen GUI
-
----
- .../js/jquery.mobile.fixHeaderFooter.js | 364 ++++++++++++++++----
- 1 files changed, 299 insertions(+), 65 deletions(-)
-
-diff --git a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js
-index 3bb5613..2aa10b5 100644
---- a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js
-+++ b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js
-@@ -1,5 +1,46 @@
--/*
--* "fixHeaderFooter" plugin - on-demand positioning for headers,footers
-+/**
-+* Header/Footer can be created using the
-+* data-role="header", data-role="footer" attribute to an element.
-+*
-+* Every page in SLP theme have Header&Footer and default footer contains back button
-+* Framework automatically generate footer even though web developer does not define footer
-+* For more detail footer usage, refer Page(page.section.js) guideline
-+*
-+* Attribute:
-+* data-position : default value is fixed, automatically generated footer has fixed position,
-+ in header, web dev. defines header fix or not.
-+*
-+* Examples:
-+*
-+* HTML markup for creating header :
-+* <div data-role="header" data-position="fixed">
-+* <h1>NBeat UI</h1>
-+* </div>
-+*
-+* HTML markup for creating 1 button title ( button is available 1~3 )
-+* <div data-role="header" data-position="fixed">
-+* <a>Text1</a>
-+* <h1>Title Area</h1>
-+* </div>
-+*
-+* HTML markup for creating 2 button and groupControl title ( Groupcontrol is available 2~4 )
-+* <div data-role="header" data-position="fixed">
-+* <a>Text</a>
-+* <h1>Title Extend 2 Button </h1>
-+* <a>Text</a>
-+* <div data-role="fieldcontain">
-+* <fieldset data-role="controlgroup" data-type="horizontal">
-+* <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment1" value="on" checked="checked" />
-+* <label for="segment1">All</label>
-+* <input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment2" value="off" />
-+* <label for="segment2">Call</label>
-+* </fieldset>
-+* </div>
-+* </div>
-+*
-+* HTML markup for creating footer
-+* <div data-role="footer" data-position="fixed">
-+* </div>
- */
-
- (function( $, undefined ) {
-@@ -50,7 +91,8 @@ $.mobile.fixedToolbars = (function() {
- touchStopEvent = supportTouch ? "touchend" : "mouseup",
- stateBefore = null,
- scrollTriggered = false,
-- touchToggleEnabled = true;
-+ touchToggleEnabled = true,
-+ defaultFooterHeight = 114;
-
- function showEventCallback( event ) {
- // An event that affects the dimensions of the visual viewport has
-@@ -62,12 +104,36 @@ $.mobile.fixedToolbars = (function() {
- //
- // If we are in autoHideMode, we don't do anything because we know the scroll
- // callbacks for the plugin will fire off a show when the scrolling has stopped.
-+
-+
-+ /* resize test : Jinhyuk */
-+ var footer_filter;
-+ if( $( document ).find( ".ui-page-active" ).length )
-+ footer_filter = $( document ).find( ".ui-page-active" ).find( ":jqmData(role='footer')" );
-+ else
-+ footer_filter = $( document ).find( ":jqmData(role='footer')" ).eq( 0 );
-+
-+ var footerNavbar = footer_filter.find(".ui-navbar");
-+
-+ if(footer_filter.height()< defaultFooterHeight)
-+ footer_filter.css("height", defaultFooterHeight);
-+ footer_filter
-+ .css("top",window.innerHeight - footer_filter.height())
-+ .show();
-+ if(footerNavbar.jqmData("style") == "toolbar"){
-+ footerNavbar
-+ .css("width", window.innerWidth - footerNavbar.siblings(".ui-btn").width());
-+ }
-+ /* resize test : Jinhyuk */
-+
- if ( !autoHideMode && currentstate === "overlay" ) {
- if ( !delayTimer ) {
-- $.mobile.fixedToolbars.hide( true );
-+ /* Fixed header modify for theme-s : Jinhyuk */
-+ if(!($( event.target).find( ":jqmData(role='header')" ).is(":jqmData(position='fixed')")&&
-+ $( event.target).find( ":jqmData(role='header')" ).is(".ui-bar-s")))
-+ $.mobile.fixedToolbars.hide( true );
- }
--
-- $.mobile.fixedToolbars.startShowTimer();
-+ $.mobile.fixedToolbars.startShowTimer();
- }
- }
-
-@@ -107,31 +173,34 @@ $.mobile.fixedToolbars = (function() {
-
- ( ( $document.scrollTop() === 0 ) ? $window : $document )
- .bind( "scrollstart", function( event ) {
--
-- scrollTriggered = true;
--
-- if ( stateBefore === null ) {
-- stateBefore = currentstate;
-- }
--
-- // We only enter autoHideMode if the headers/footers are in
-- // an overlay state or the show timer was started. If the
-- // show timer is set, clear it so the headers/footers don't
-- // show up until after we're done scrolling.
-- var isOverlayState = stateBefore == "overlay";
--
-- autoHideMode = isOverlayState || !!delayTimer;
--
-- if ( autoHideMode ) {
-- $.mobile.fixedToolbars.clearShowTimer();
--
-- if ( isOverlayState ) {
-- $.mobile.fixedToolbars.hide( true );
-+ /* Fixed header modify for theme-s : Jinhyuk */
-+ if(!$( event.target).find( ":jqmData(role='header')" ).is(":jqmData(position='fixed')"))
-+ {
-+ scrollTriggered = true;
-+
-+ if ( stateBefore === null ) {
-+ stateBefore = currentstate;
- }
-+
-+ // We only enter autoHideMode if the headers/footers are in
-+ // an overlay state or the show timer was started. If the
-+ // show timer is set, clear it so the headers/footers don't
-+ // show up until after we're done scrolling.
-+ var isOverlayState = stateBefore == "overlay";
-+
-+ autoHideMode = isOverlayState || !!delayTimer;
-+
-+ if ( autoHideMode ) {
-+ $.mobile.fixedToolbars.clearShowTimer();
-+
-+ if ( isOverlayState ) {
-+ $.mobile.fixedToolbars.hide( true );
-+ }
-+ }
- }
- })
-- .bind( "scrollstop", function( event ) {
-
-+ .bind( "scrollstop", function( event ) {
- if ( $( event.target ).closest( ignoreTargets ).length ) {
- return;
- }
-@@ -145,40 +214,201 @@ $.mobile.fixedToolbars = (function() {
- stateBefore = null;
- });
-
-- $window.bind( "resize updatelayout", showEventCallback );
-+ $window.bind( "resize", showEventCallback );
- });
-
- // 1. Before page is shown, check for duplicate footer
- // 2. After page is shown, append footer to new page
-- $( ".ui-page" )
-- .live( "pagebeforeshow", function( event, ui ) {
-+ $( ".ui-page" ) /* Fixed header modify for theme-s : Jinhyuk */
-+ .live( "pagebeforeshow", function( event, ui ) {
-+ var s_theme_header = $( event.target ).find( ":jqmData(role='header')" );
-+ var s_theme_fieldcontain = s_theme_header.find( ":jqmData(role='fieldcontain')" );
-+ var s_theme_content = $( event.target ).find( ".ui-content" );
-+ var title_style = "normal";
-+ if( s_theme_fieldcontain.length != 0 )
-+ title_style = "extended";
-+
-+ if( s_theme_header.jqmData("position") == "fixed" || s_theme_header.css("position") == "fixed" ){
-+ s_theme_header
-+ .css( "position", "fixed" )
-+ .css( "top", "0px" );
-+ if( s_theme_header.children().is(".ui-navbar") ) {
-+ s_theme_header.addClass( "ui-title-controlbar-height" );
-+ $( event.target ).find( ".ui-content" ).addClass( "ui-title-content-controlbar-height" );
-+ } else
-+ $( event.target ).find( ".ui-content" ).addClass( "ui-title-content-" + title_style + "-height" );
-+ }
-+
-+ if( s_theme_header.children().is(".ui-option-header") ){
-+ s_theme_content.removeClass( "ui-title-content-" + title_style + "-height" );
-+ if( s_theme_header.children().is(".input-search-bar") ){
-+ s_theme_content.addClass( "ui-title-content-optionheader-search" );
-+ } else{
-+ if( $.tizen.optionheader.prototype.options.collapseOnInit == true )
-+ s_theme_content.addClass( "ui-title-content-option-header-collapsed-1line-height" );
-+ else
-+ s_theme_content.addClass( "ui-title-content-option-header-expanded-1line-height" );
-+ }
-+ } else if( s_theme_header.find("input").jqmData("type") == "search" ){ /* In case searchbar in header : Jinhyuk */
-+ s_theme_content
-+ .removeClass( "ui-title-content-" + title_style + "-height" )
-+ .addClass( "ui-title-content-search" );
-+ }
-+
-+ if(s_theme_header.children().is("a") || s_theme_header.children().find(".ui-radio").length != 0){
-+ if(title_style == "normal"){
-+ if(s_theme_header.children("a").length == 1 || s_theme_header.children("a").length == 2){}
-+ else if( s_theme_header.children("a").length == 3 ){
-+ s_theme_header.find( "a" ).eq( 1 )
-+ .removeClass( "ui-btn-right" )
-+ .addClass( "ui-title-normal-3btn" );
-+ s_theme_header.find( "a" ).eq( 2 )
-+ .addClass( "ui-btn-right" );
-+ } else {/* Need to implement new layout */}
-+ } else{
-+ var group_length = s_theme_fieldcontain.find( ".ui-radio" ).length;
-+
-+ s_theme_header.addClass( "ui-title-extended-height" );
-+ s_theme_fieldcontain.find( ".ui-controlgroup" ).addClass( "ui-title-extended-controlgroup" );
-+ s_theme_fieldcontain.find( ".ui-controlgroup" ).addClass( "ui-extended-controlgroup" );
-+ s_theme_fieldcontain.addClass( "ui-title-extended-segment-style" );
-+
-+ if( group_length == 2 || group_length == 3 || group_length == 4 )
-+ s_theme_fieldcontain.addClass( "ui-title-extended-controlgroup-" + group_length + "btn" );
-+ else { /* Need to implement new layout */}
-+ }
-+ s_theme_content.addClass( "ui-title-content-" + title_style + "-height" );
-+ }
-+
-+ /* resize footer : Jinhyuk */
-+ var footer_filter = $(document).find(":jqmData(role='footer')");
-+ if( footer_filter.find(".ui-navbar").is(".ui-controlbar-s") ){
-+ footer_filter
-+ .css( "top", window.innerHeight - footer_filter.height() )
-+ .show();
-+ }
-+ /* resize footer : Jinhyuk */
-+ if( footer_filter.children().find(".ui-radio").length != 0 ){
-+ var footerGroup = footer_filter.find( ":jqmData(role='fieldcontain')" );
-+ var groupLength = footerGroup.find( ".ui-radio" ).length;
-+ footerGroup.find( ".ui-controlgroup" )
-+ .addClass( "ui-extended-controlgroup" )
-+ .addClass( "ui-footer-extended-controlgroup" )
-+ .css( "display", "inline" );
-+ /* Groupcontrol cannot initialize inline property at first page */
-+ footerGroup.addClass( "ui-title-extended-controlgroup-" + groupLength + "btn" );
-+
-+ footerButton = footer_filter.children( "a" );
-+ footerButton.each(function(i){
-+ if( footerButton.eq(i).is(".ui-btn") && !footerButton.eq(i).is(".ui-btn-back") ){
-+ footerButton.eq( i )
-+ .removeClass( "ui-btn-left" )
-+ .addClass( "ui-btn-footer-right" );
-+ }
-+ });
-+ }
-
- var page = $( event.target ),
-- footer = page.find( ":jqmData(role='footer')" ),
-- id = footer.data( "id" ),
-- prevPage = ui.prevPage,
-- prevFooter = prevPage && prevPage.find( ":jqmData(role='footer')" ),
-- prevFooterMatches = prevFooter.length && prevFooter.jqmData( "id" ) === id;
-+ footer = page.find( ":jqmData(role='footer')" ),
-+ id = footer.data( "id" ),
-+ prevPage = ui.prevPage,
-+ prevFooter = prevPage && prevPage.find( ":jqmData(role='footer')" ),
-+ prevFooterMatches = prevFooter.length && prevFooter.jqmData( "id" ) === id;
-
- if ( id && prevFooterMatches ) {
- stickyFooter = footer;
-- setTop( stickyFooter.removeClass( "fade in out" ).appendTo( $.mobile.pageContainer ) );
-+ stickyFooter.removeClass( "fade in out" ).appendTo( $.mobile.pageContainer );
-+ stickyFooter
-+ .css("position", "fixed")
-+ .css("top", $(".ui-page").find(":jqmData(role='footer')").eq(0).css("top"));
-+
-+ }
-+ if( footer.is(".ui-footer-fixed") ){
-+ footer.css( "top", window.innerHeight - footer.height() );
-+ }
-+
-+ /* Increase Content size with dummy <div> because of footer height */
-+ if( footer.length != 0 && $( event.target ).find(".dummy-div").length == 0 ){
-+ $( event.target ).find( ":jqmData(role='content')" ).append( '<div class="dummy-div"></div>' );
-+ $( ".dummy-div" )
-+ .css( "width", footer.width() )
-+ .css( "height", footer.height() );
-+ if( $(".dummy-div").height() < defaultFooterHeight )
-+ $( ".dummy-div" ).css( "height", defaultFooterHeight );
- }
-+
-+ /* Header position fix(remove transition) : Jinhyuk */
-+ var next_id = $( event.target ).attr( "id" );
-+ $( "#"+next_id ).find( ":jqmData(role='header')" ).removeClass( "fade in out" ).appendTo( $.mobile.pageContainer );
- })
-+
- .live( "pageshow", function( event, ui ) {
-+ /* Fixed header modify for theme-s : Jinhyuk */
-+ var s_theme_header = $( event.target ).find( ":jqmData(role='header')" );
-+ if( s_theme_header.is(".ui-header-fixed") && s_theme_header.is(".ui-bar-s") ){
-+ $( event.target ).find( ":jqmData(role='header')" )
-+ .css( "position", "fixed" )
-+ .css("top", "0px");
-+ (( $( document ).scrollTop() === 0 ) ? $( window ) : $( document ) )
-+ .unbind( "scrollstart")
-+ .unbind( "silentscroll")
-+ .unbind( "scrollstop");
-+ }
-
- var $this = $( this );
-
- if ( stickyFooter && stickyFooter.length ) {
--
- setTimeout(function() {
- setTop( stickyFooter.appendTo( $this ).addClass( "fade" ) );
- stickyFooter = null;
- }, 500);
- }
-
-- $.mobile.fixedToolbars.show( true, this );
-+ $.mobile.fixedToolbars.show( true, this );
-+
-+ /* Header position fix(remove transition) : Jinhyuk */
-+ $("body").children(":jqmData(role='header')").insertBefore($(event.target).find(":jqmData(role='content')").eq(0));
-+ })
-+
-+ .live( "vclick", function( event, ui ) {
-+/*
-+ var previous_index = $(".ui-page-active").find(":jqmData(role='footer')" ).find(".ui-state-persist").parents("li").index();
-+ var active_index = $(event.target).parents("li").index();
-+ var navbar_filter = $(".ui-page-active").find(":jqmData(role='footer')" ).find(":jqmData(role='navbar')");
-+ var element_count = navbar_filter.find('li').length;
-+ var style = navbar_filter.jqmData( "style" );
-+ var list_width = $(".ui-page-active").find('.ui-navbar').width()/element_count;
-+
-+ var next_link = $(event.target).parents("a").attr("href");
-+
-+
-+ $(".ui-page-active").addClass("ui-btn-hide-style");
-+
-+
-+ if(navbar_filter.find(".ui-btn-animation").length == 0 && style != "toolbar"){
-+ $('<div class="ani-focus"></div>').appendTo(navbar_filter.children());
-+ $(".ani-focus")
-+ .addClass("ui-btn-animation")
-+ .removeClass("ui-btn-ani-verticalendposition")
-+ .removeClass("ui-btn-ani-endposition");
-+
-+ }
-+ $(".ani-focus")
-+ .css("width", navbar_filter.width()/element_count )
-+ .css("height",navbar_filter.css("height"))
-+ .css("left", previous_index * list_width);
-+
-+
-+ $(".ui-btn-ani-startposition").css("-webkit-transform","translateX("+previous_index *list_width+")");
-+ $(".ani-focus").addClass("ui-btn-ani-startposition");
-+
-+ var t=setTimeout("",10);
-+ $(".ui-btn-ani-endposition").css("-webkit-transform","translateX("+active_index *list_width+")");
-+ $(".ani-focus").removeClass("ui-btn-ani-startposition");
-+ $(".ani-focus").addClass("ui-btn-ani-endposition");
-+*/
- });
-+
-
- // When a collapsiable is hidden or shown we need to trigger the fixed toolbar to reposition itself (#1635)
- $( ".ui-collapsible-contain" ).live( "collapse expand", showEventCallback );
-@@ -215,30 +445,34 @@ $.mobile.fixedToolbars = (function() {
- }
-
- function setTop( el ) {
-- var fromTop = $(window).scrollTop(),
-- thisTop = getOffsetTop( el[ 0 ] ), // el.offset().top returns the wrong value on iPad iOS 3.2.1, call our workaround instead.
-- thisCSStop = el.css( "top" ) == "auto" ? 0 : parseFloat(el.css( "top" )),
-- screenHeight = window.innerHeight,
-- thisHeight = el.outerHeight(),
-- useRelative = el.parents( ".ui-page:not(.ui-page-fullscreen)" ).length,
-- relval;
--
-- if ( el.is( ".ui-header-fixed" ) ) {
--
-- relval = fromTop - thisTop + thisCSStop;
--
-- if ( relval < thisTop ) {
-- relval = 0;
-+ if(!(el.parents(".ui-page").find( ":jqmData(role='header')" ).is(".ui-header-fixed")&&
-+ el.parents(".ui-page").find( ":jqmData(role='header')" ).is(".ui-bar-s"))){
-+ var fromTop = $(window).scrollTop(),
-+ thisTop = getOffsetTop( el[ 0 ] ), // el.offset().top returns the wrong value on iPad iOS 3.2.1, call our workaround instead.
-+ thisCSStop = el.css( "top" ) == "auto" ? 0 : parseFloat(el.css( "top" )),
-+ screenHeight = window.innerHeight,
-+ thisHeight = el.outerHeight(),
-+ useRelative = el.parents( ".ui-page:not(.ui-page-fullscreen)" ).length,
-+ relval;
-+
-+ if ( el.is( ".ui-header-fixed" ) ) {
-+
-+ relval = fromTop - thisTop + thisCSStop;
-+
-+ if ( relval < thisTop ) {
-+ relval = 0;
-+ }
-+
-+ return el.css( "top", useRelative ? relval : fromTop );
-+ } else {
-+ // relval = -1 * (thisTop - (fromTop + screenHeight) + thisCSStop + thisHeight);
-+ // if ( relval > thisTop ) { relval = 0; }
-+ relval = fromTop + screenHeight - thisHeight - (thisTop - thisCSStop );
-+
-+ return el.css( "top", useRelative ? relval : fromTop + screenHeight - thisHeight );
- }
--
-- return el.css( "top", useRelative ? relval : fromTop );
-- } else {
-- // relval = -1 * (thisTop - (fromTop + screenHeight) + thisCSStop + thisHeight);
-- // if ( relval > thisTop ) { relval = 0; }
-- relval = fromTop + screenHeight - thisHeight - (thisTop - thisCSStop );
--
-- return el.css( "top", useRelative ? relval : fromTop + screenHeight - thisHeight );
- }
-+
- }
-
- // Exposed methods
-@@ -264,16 +498,16 @@ $.mobile.fixedToolbars = (function() {
- thisHeight = el.outerHeight(),
- alreadyVisible = ( el.is( ".ui-header-fixed" ) && fromTop <= thisTop + thisHeight ) ||
- ( el.is( ".ui-footer-fixed" ) && thisTop <= fromTop + screenHeight );
--
-+// block blink code in title : Jinhyuk
- // Add state class
-- el.addClass( "ui-fixed-overlay" ).removeClass( "ui-fixed-inline" );
-+// el.addClass( "ui-fixed-overlay" ).removeClass( "ui-fixed-inline" );
-
-- if ( !alreadyVisible && !immediately ) {
-+/* if ( !alreadyVisible && !immediately ) {
- el.animationComplete(function() {
- el.removeClass( "in" );
- }).addClass( "in" );
-- }
-- setTop(el);
-+ }*/
-+// setTop(el);
- });
- },
-
---
-1.7.5.4
-
+++ /dev/null
-From 259750f02a678feeb3ce1da00c8af596ab584303 Mon Sep 17 00:00:00 2001
-From: Minkyu Kang <mk7.kang@samsung.com>
-Date: Thu, 16 Feb 2012 18:01:41 +0900
-Subject: [PATCH 2/2] JQM: Add back button into header/footer
-
----
- .../js/jquery.mobile.page.sections.js | 105 +++++++++++++++++---
- 1 files changed, 91 insertions(+), 14 deletions(-)
-
-diff --git a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.page.sections.js b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.page.sections.js
-index 2317c0c..9c81ac6 100644
---- a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.page.sections.js
-+++ b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.page.sections.js
-@@ -1,5 +1,34 @@
--/*
--* This plugin handles theming and layout of headers, footers, and content areas
-+/**
-+ * Page can be created using the calendarpicker() method or by adding a
-+ * data-role="page" attribute to an element.
-+ *
-+ * Page has 3 main sub element. Header, Footer, Content
-+ * 3 sub element can be created using <div> element
-+ *
-+ * Attribute:
-+ *
-+ * data-back-Btn-Text : determine which text is displayed in back button
-+ * data-add-Back-Btn : Defines if header/footer has back button or not(default "false")
-+ * data-back-Btn-Theme : defines back button's theme
-+ * data-header-Theme = defines header <div>'s theme
-+ * data-footer-Theme = defines footer <div>'s theme
-+ * data-content-Theme = defines content <div>'s theme
-+ * data-footer-Exist = defines to show default footer or not in each page (SLP default true)
-+ * data-footer-User-Control-Theme = defines to show default footer in whole page(SLP default false. if true, all document do not has footer)
-+ *
-+ * Examples:
-+ *
-+ * HTML markup for creating Page:
-+ * <div data-role="page">
-+ *
-+ * How to show back button
-+ * <div data-role="page" id="no-contents-0" data-add-back-btn="true">
-+ *
-+ * How to remove footer of specific page
-+ * <div data-role="page" id="no-contents-0" data-footer-Exist="false">
-+ *
-+ * How to remove footer of whole page
-+ * <div data-role="page" id="no-contents-0" data-footer-User-Control="true">
- */
-
- (function( $, undefined ) {
-@@ -10,29 +39,36 @@ $.mobile.page.prototype.options.backBtnTheme = null;
- $.mobile.page.prototype.options.headerTheme = "a";
- $.mobile.page.prototype.options.footerTheme = "a";
- $.mobile.page.prototype.options.contentTheme = null;
-+$.mobile.page.prototype.options.footerExist = true; /* SLP Default Footer : Jinhyuk */
-+$.mobile.page.prototype.options.footerUserControl = false; /* SLP Default Footer : Jinhyuk */
-
- $( ":jqmData(role='page'), :jqmData(role='dialog')" ).live( "pagecreate", function( e ) {
-
- var $page = $( this ),
- o = $page.data( "page" ).options,
-- pageRole = $page.jqmData( "role" ),
- pageTheme = o.theme;
-
- $( ":jqmData(role='header'), :jqmData(role='footer'), :jqmData(role='content')", this ).each(function() {
- var $this = $( this ),
- role = $this.jqmData( "role" ),
- theme = $this.jqmData( "theme" ),
-- contentTheme = theme || o.contentTheme || ( pageRole === "dialog" && pageTheme ),
-+ contentTheme = theme || o.contentTheme || pageTheme,
- $headeranchors,
- leftbtn,
- rightbtn,
-- backBtn;
-+ normalFooter, /* SLP Default Footer : Jinhyuk */
-+ backBtn,
-+ footerExist = $this.jqmData("footerexist"); /* Footer on / off option : Wongi */
-+
-+ if ( footerExist != undefined && (footerExist == true || footerExist == false) ){
-+ /*$.mobile.page.prototype.options.footerExist = footerExist;*/
-+ o.footerExist = footerExist;
-+ }
-
- $this.addClass( "ui-" + role );
-
- //apply theming and markup modifications to page,header,content,footer
- if ( role === "header" || role === "footer" ) {
--
- var thisTheme = theme || ( role === "header" ? o.headerTheme : o.footerTheme ) || pageTheme;
-
- $this
-@@ -47,20 +83,29 @@ $( ":jqmData(role='page'), :jqmData(role='dialog')" ).live( "pagecreate", functi
- rightbtn = $headeranchors.hasClass( "ui-btn-right" );
-
- leftbtn = leftbtn || $headeranchors.eq( 0 ).not( ".ui-btn-right" ).addClass( "ui-btn-left" ).length;
--
- rightbtn = rightbtn || $headeranchors.eq( 1 ).addClass( "ui-btn-right" ).length;
-+
-+ // set default userControl value _ SLP
-+ if( o.footerUserControl )
-+ $.mobile.page.prototype.options.footerUserControl = "true";
-
- // Auto-add back btn on pages beyond first view
-- if ( o.addBackBtn &&
-- role === "header" &&
-- $( ".ui-page" ).length > 1 &&
-+ // create backbtn in case footer exist _ SLP
-+ if( o.addBackBtn &&
-+ o.footerExist &&
-+ ( role === "footer" ) &&
- $this.jqmData( "url" ) !== $.mobile.path.stripHash( location.hash ) &&
- !leftbtn ) {
--
-- backBtn = $( "<a href='#' class='ui-btn-left' data-"+ $.mobile.ns +"rel='back' data-"+ $.mobile.ns +"icon='arrow-l'>"+ o.backBtnText +"</a>" )
-+
-+ backBtn = $( "<a href='#' class='ui-btn-back' data-"+ $.mobile.ns +"rel='back' data-"+ $.mobile.ns +"icon='header-back-btn'></a>" )
- // If theme is provided, override default inheritance
- .attr( "data-"+ $.mobile.ns +"theme", o.backBtnTheme || thisTheme )
-- .prependTo( $this );
-+ .prependTo( $this );
-+
-+ backBtn.bind( "vclick", function( event ) {
-+ window.history.back();
-+ return false;
-+ });
- }
-
- // Page title
-@@ -72,6 +117,10 @@ $( ":jqmData(role='page'), :jqmData(role='dialog')" ).live( "pagecreate", functi
- "role": "heading",
- "aria-level": "1"
- });
-+ //SLP -- start
-+ // prevent winset selection for header & footer
-+// $this.preventDefaultBehaviour();
-+ //SLP -- end
-
- } else if ( role === "content" ) {
- if ( contentTheme ) {
-@@ -80,8 +129,36 @@ $( ":jqmData(role='page'), :jqmData(role='dialog')" ).live( "pagecreate", functi
-
- // Add ARIA role
- $this.attr( "role", "main" );
-+
-+ /* Add default footer to add backbtn */
-+ // set backbtn in case footer is not exist _ SLP
-+ thisTheme = "s";
-+ if( o.footerExist ){
-+ backBtn = $( "<a href='#' class='ui-btn-back' data-"+ $.mobile.ns +"rel='back' data-"+ $.mobile.ns +"icon='header-back-btn'></a>" )
-+ .attr( "data-"+ $.mobile.ns +"theme", o.backBtnTheme || thisTheme );
-+ var footer = $page.find( "div:jqmData(role='footer')" );
-+
-+ if( footer.length != 0 ){
-+ // add backbtn in case toolbar _ SLP
-+ if( !footer.find("jqmData(role='navbar')").is("jqmData(style='tabbar')") ){
-+ backBtn.appendTo( footer );
-+ }
-+ } else{
-+ if( !$.mobile.page.prototype.options.footerUserControl ) {
-+ normalFooter = $( "<div data-role='footer' class='ui-footer ui-bar-s ui-footer-fixed fade ui-fixed-overlay' data-position='fixed'></div>" )
-+ .insertAfter( $page.find( ".ui-content" ) );
-+ backBtn.appendTo( normalFooter );
-+ }
-+ }
-+ if( backBtn ){
-+ backBtn.bind( "vclick", function( event ) {
-+ window.history.back();
-+ return false;
-+ });
-+ }
-+ }
- }
- });
- });
-
--})( jQuery );
-\ No newline at end of file
-+})( jQuery );
---
-1.7.5.4
-
+++ /dev/null
-From e424c135d1a438cc234107bb45608baa26139ebc Mon Sep 17 00:00:00 2001
-From: Koeun Choi <koeun.choi@samsung.com>
-Date: Wed, 15 Feb 2012 19:34:44 +0900
-Subject: [PATCH] JQM:checkbox pressed, no-lable support
-
----
- .../js/jquery.mobile.forms.checkboxradio.js | 60 ++++++++++++++++++--
- 1 files changed, 55 insertions(+), 5 deletions(-)
-
-diff --git a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.forms.checkboxradio.js b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.forms.checkboxradio.js
-index d09a422..6b2268f 100644
---- a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.forms.checkboxradio.js
-+++ b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.forms.checkboxradio.js
-@@ -23,11 +23,22 @@ $.widget( "mobile.checkboxradio", $.mobile.widget, {
- checkedClass = "ui-" + checkedState + activeBtn,
- uncheckedClass = "ui-" + uncheckedState,
- checkedicon = "ui-icon-" + checkedState,
-- uncheckedicon = "ui-icon-" + uncheckedState;
-+ uncheckedicon = "ui-icon-" + uncheckedState,
-+ checkedpressedicon = checkedicon + "-press",
-+ uncheckedpressedicon = uncheckedicon + "-press";
-
- if ( inputtype !== "checkbox" && inputtype !== "radio" ) {
- return;
- }
-+ // Support fake label
-+ if ( label.length == 0 ) {
-+ //fake label
-+ label = $( "<label for='" + input[ 0 ].id + "' style='display:block;width:1px;height:1px;'></label>" );
-+ }
-+
-+ // Wrap the input + label in a div
-+ input.add( label )
-+ .wrapAll( "<div class='ui-" + inputtype + "'></div>" );
-
- // Expose for other methods
- $.extend( this, {
-@@ -36,7 +47,9 @@ $.widget( "mobile.checkboxradio", $.mobile.widget, {
- checkedClass: checkedClass,
- uncheckedClass: uncheckedClass,
- checkedicon: checkedicon,
-- uncheckedicon: uncheckedicon
-+ uncheckedicon: uncheckedicon,
-+ checkedpressedicon: checkedpressedicon,
-+ uncheckedpressedicon: uncheckedpressedicon
- });
-
- // If there's no selected theme...
-@@ -50,11 +63,20 @@ $.widget( "mobile.checkboxradio", $.mobile.widget, {
- shadow: false
- });
-
-- // Wrap the input + label in a div
-- input.add( label )
-- .wrapAll( "<div class='ui-" + inputtype + "'></div>" );
-+ // TODO : support either data-style or class...
-+ if ( input.hasClass( "favorite" ) ) {
-+ input.parent().addClass( "favorite" ).end();
-+ }
-
- label.bind({
-+ vmousedown: function() {
-+ self.press();
-+ },
-+ vmouseup: function() {
-+ self.unpress();
-+ },
-+
-+
- vmouseover: function( event ) {
- if ( $( this ).parent().is( ".ui-disabled" ) ) {
- event.stopPropagation();
-@@ -154,6 +176,34 @@ $.widget( "mobile.checkboxradio", $.mobile.widget, {
- .checkboxradio( "refresh" );
- },
-
-+ press: function() {
-+ var input = this.element,
-+ label = this.label,
-+ icon = label.find( ".ui-icon" );
-+
-+ if ( !$( input[ 0 ] ).is( ":disabled" ) ) {
-+ if ( $( input[ 0 ] ).prop( "checked" ) ) {
-+ icon.addClass( this.uncheckedpressedicon ).removeClass( this.checkedicon );
-+ } else {
-+ icon.removeClass( this.uncheckedicon ).addClass( this.checkedpressedicon );
-+ }
-+ }
-+ },
-+
-+ unpress: function() {
-+ var input = this.element,
-+ label = this.label,
-+ icon = label.find( ".ui-icon" );
-+
-+ if ( !$( input[ 0 ] ).is( ":disabled" ) ) {
-+ if ( $( input[ 0 ] ).prop( "checked" ) ) {
-+ icon.removeClass( this.uncheckedpressedicon ).addClass( this.uncheckedicon );
-+ } else {
-+ icon.addClass( this.checkedicon ).removeClass( this.checkedpressedicon );
-+ }
-+ }
-+ },
-+
- refresh: function() {
- var input = this.element,
- label = this.label,
---
-1.7.0.4
-
+++ /dev/null
-From b0074ca866b536d2a8cfbe6a195cd7b8f1cb8e8c Mon Sep 17 00:00:00 2001
-From: Minkyu Kang <mk7.kang@samsung.com>
-Date: Wed, 15 Feb 2012 19:55:16 +0900
-Subject: [PATCH] JQM: change click to vclick for click routing
-
----
- .../js/jquery.mobile.navigation.js | 2 +-
- 1 files changed, 1 insertions(+), 1 deletions(-)
-
-diff --git a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.navigation.js b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.navigation.js
-index f85a491..555f4b3 100755
---- a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.navigation.js
-+++ b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.navigation.js
-@@ -1294,7 +1294,7 @@
- });
-
- // click routing - direct to HTTP or Ajax, accordingly
-- $( document ).bind( "click", function( event ) {
-+ $( document ).bind( "vclick", function( event ) {
- if( !$.mobile.linkBindingEnabled ){
- return;
- }
---
-1.7.5.4
-
+++ /dev/null
-From c1aaf9af8c239fa8d6da305a74dcbd355fa65c99 Mon Sep 17 00:00:00 2001
-From: Lee Wongi <wongi11.lee@samsung.com>
-Date: Thu, 23 Feb 2012 11:28:27 +0900
-Subject: [PATCH] JQM Resize content in scrollview.
-
-Change-Id: If40d512a7d2df0d038013bb6ebc06de90c13d1af
----
- .../js/jquery.mobile.fixHeaderFooter.js | 117 +++++++++----------
- 1 files changed, 55 insertions(+), 62 deletions(-)
-
-diff --git a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js
-index 2aa10b5..d05fe11 100644
---- a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js
-+++ b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js
-@@ -105,8 +105,7 @@ $.mobile.fixedToolbars = (function() {
- // If we are in autoHideMode, we don't do anything because we know the scroll
- // callbacks for the plugin will fire off a show when the scrolling has stopped.
-
--
-- /* resize test : Jinhyuk */
-+
- var footer_filter;
- if( $( document ).find( ".ui-page-active" ).length )
- footer_filter = $( document ).find( ".ui-page-active" ).find( ":jqmData(role='footer')" );
-@@ -124,11 +123,38 @@ $.mobile.fixedToolbars = (function() {
- footerNavbar
- .css("width", window.innerWidth - footerNavbar.siblings(".ui-btn").width());
- }
-- /* resize test : Jinhyuk */
-
-+ // NOTE : by Jinhyuk Jun <jinhyuk.jun@samsung.com>
-+ // divide content mode scrollview and non-scrollview
-+ // recalculate content area when resize callback occur
-+
-+ if(event.type == "resize") /* resize only */
-+ {
-+ var s_theme_header = $( document ).find( ".ui-page-active" ).find( ":jqmData(role='header')" );
-+ var s_theme_content = $( document ).find( ".ui-page-active" ).find( ":jqmData(role='content')" );
-+
-+ // data-role != "fixed", scrollview=false -> header scroll support
-+ if( $.support.scrollview === false && s_theme_header.css("position") != "fixed" ){
-+ s_theme_header.css( "position", "relative" );
-+ s_theme_content
-+ .css( "top", "0" )
-+ .css( "height", "" );
-+ } else if( $.support.scrollview === true ) {
-+ if(s_theme_header.css( "position") != "fixed" )
-+ s_theme_header.css( "position", "fixed" );
-+ s_theme_content.css( "top", s_theme_header.height() );
-+ }
-+
-+ // resize content size in case scrollview
-+ if( $.support.scrollview === true ) {
-+ s_theme_content
-+ .css( "height", document.documentElement.clientHeight - footer_filter.height() - s_theme_header.height());
-+ }
-+ }
-+
- if ( !autoHideMode && currentstate === "overlay" ) {
- if ( !delayTimer ) {
-- /* Fixed header modify for theme-s : Jinhyuk */
-+ /* Fixed header modify for theme-s */
- if(!($( event.target).find( ":jqmData(role='header')" ).is(":jqmData(position='fixed')")&&
- $( event.target).find( ":jqmData(role='header')" ).is(".ui-bar-s")))
- $.mobile.fixedToolbars.hide( true );
-@@ -173,7 +199,7 @@ $.mobile.fixedToolbars = (function() {
-
- ( ( $document.scrollTop() === 0 ) ? $window : $document )
- .bind( "scrollstart", function( event ) {
-- /* Fixed header modify for theme-s : Jinhyuk */
-+ /* Fixed header modify for theme-s */
- if(!$( event.target).find( ":jqmData(role='header')" ).is(":jqmData(position='fixed')"))
- {
- scrollTriggered = true;
-@@ -219,7 +245,7 @@ $.mobile.fixedToolbars = (function() {
-
- // 1. Before page is shown, check for duplicate footer
- // 2. After page is shown, append footer to new page
-- $( ".ui-page" ) /* Fixed header modify for theme-s : Jinhyuk */
-+ $( ".ui-page" ) /* Fixed header modify for theme-s */
- .live( "pagebeforeshow", function( event, ui ) {
- var s_theme_header = $( event.target ).find( ":jqmData(role='header')" );
- var s_theme_fieldcontain = s_theme_header.find( ":jqmData(role='fieldcontain')" );
-@@ -249,7 +275,7 @@ $.mobile.fixedToolbars = (function() {
- else
- s_theme_content.addClass( "ui-title-content-option-header-expanded-1line-height" );
- }
-- } else if( s_theme_header.find("input").jqmData("type") == "search" ){ /* In case searchbar in header : Jinhyuk */
-+ } else if( s_theme_header.find("input").jqmData("type") == "search" ){
- s_theme_content
- .removeClass( "ui-title-content-" + title_style + "-height" )
- .addClass( "ui-title-content-search" );
-@@ -280,14 +306,30 @@ $.mobile.fixedToolbars = (function() {
- s_theme_content.addClass( "ui-title-content-" + title_style + "-height" );
- }
-
-- /* resize footer : Jinhyuk */
-+ // NOTE : by Jinhyuk Jun <jinhyuk.jun@samsung.com>
-+ // divide content mode scrollview and non-scrollview
-+ // recalculate content area when resize callback occur
-+
-+ if(event.type == "resize") /* resize only */
-+ {
-+ // data-role != "fixed", scrollview=false -> header scroll support
-+ if( $.support.scrollview === false && s_theme_header.css("position") != "fixed" ){
-+ s_theme_header.css( "position", "relative" );
-+ s_theme_content.css( "top", "0" );
-+ } else if( $.support.scrollview === true ){
-+ if( s_theme_header.css("position") != "fixed" )
-+ s_theme_header.css( "position", "fixed" );
-+ s_theme_content.css( "top", s_theme_header.height() );
-+ }
-+ }
-+
- var footer_filter = $(document).find(":jqmData(role='footer')");
- if( footer_filter.find(".ui-navbar").is(".ui-controlbar-s") ){
- footer_filter
- .css( "top", window.innerHeight - footer_filter.height() )
- .show();
- }
-- /* resize footer : Jinhyuk */
-+
- if( footer_filter.children().find(".ui-radio").length != 0 ){
- var footerGroup = footer_filter.find( ":jqmData(role='fieldcontain')" );
- var groupLength = footerGroup.find( ".ui-radio" ).length;
-@@ -337,13 +379,13 @@ $.mobile.fixedToolbars = (function() {
- $( ".dummy-div" ).css( "height", defaultFooterHeight );
- }
-
-- /* Header position fix(remove transition) : Jinhyuk */
-+ /* Header position fix(remove transition) */
- var next_id = $( event.target ).attr( "id" );
- $( "#"+next_id ).find( ":jqmData(role='header')" ).removeClass( "fade in out" ).appendTo( $.mobile.pageContainer );
- })
-
- .live( "pageshow", function( event, ui ) {
-- /* Fixed header modify for theme-s : Jinhyuk */
-+ /* Fixed header modify for theme-s */
- var s_theme_header = $( event.target ).find( ":jqmData(role='header')" );
- if( s_theme_header.is(".ui-header-fixed") && s_theme_header.is(".ui-bar-s") ){
- $( event.target ).find( ":jqmData(role='header')" )
-@@ -366,49 +408,10 @@ $.mobile.fixedToolbars = (function() {
-
- $.mobile.fixedToolbars.show( true, this );
-
-- /* Header position fix(remove transition) : Jinhyuk */
-+ /* Header position fix(remove transition) */
- $("body").children(":jqmData(role='header')").insertBefore($(event.target).find(":jqmData(role='content')").eq(0));
- })
-
-- .live( "vclick", function( event, ui ) {
--/*
-- var previous_index = $(".ui-page-active").find(":jqmData(role='footer')" ).find(".ui-state-persist").parents("li").index();
-- var active_index = $(event.target).parents("li").index();
-- var navbar_filter = $(".ui-page-active").find(":jqmData(role='footer')" ).find(":jqmData(role='navbar')");
-- var element_count = navbar_filter.find('li').length;
-- var style = navbar_filter.jqmData( "style" );
-- var list_width = $(".ui-page-active").find('.ui-navbar').width()/element_count;
--
-- var next_link = $(event.target).parents("a").attr("href");
--
--
-- $(".ui-page-active").addClass("ui-btn-hide-style");
--
--
-- if(navbar_filter.find(".ui-btn-animation").length == 0 && style != "toolbar"){
-- $('<div class="ani-focus"></div>').appendTo(navbar_filter.children());
-- $(".ani-focus")
-- .addClass("ui-btn-animation")
-- .removeClass("ui-btn-ani-verticalendposition")
-- .removeClass("ui-btn-ani-endposition");
--
-- }
-- $(".ani-focus")
-- .css("width", navbar_filter.width()/element_count )
-- .css("height",navbar_filter.css("height"))
-- .css("left", previous_index * list_width);
--
--
-- $(".ui-btn-ani-startposition").css("-webkit-transform","translateX("+previous_index *list_width+")");
-- $(".ani-focus").addClass("ui-btn-ani-startposition");
--
-- var t=setTimeout("",10);
-- $(".ui-btn-ani-endposition").css("-webkit-transform","translateX("+active_index *list_width+")");
-- $(".ani-focus").removeClass("ui-btn-ani-startposition");
-- $(".ani-focus").addClass("ui-btn-ani-endposition");
--*/
-- });
--
-
- // When a collapsiable is hidden or shown we need to trigger the fixed toolbar to reposition itself (#1635)
- $( ".ui-collapsible-contain" ).live( "collapse expand", showEventCallback );
-@@ -497,17 +500,7 @@ $.mobile.fixedToolbars = (function() {
- screenHeight = window.innerHeight,
- thisHeight = el.outerHeight(),
- alreadyVisible = ( el.is( ".ui-header-fixed" ) && fromTop <= thisTop + thisHeight ) ||
-- ( el.is( ".ui-footer-fixed" ) && thisTop <= fromTop + screenHeight );
--// block blink code in title : Jinhyuk
-- // Add state class
--// el.addClass( "ui-fixed-overlay" ).removeClass( "ui-fixed-inline" );
--
--/* if ( !alreadyVisible && !immediately ) {
-- el.animationComplete(function() {
-- el.removeClass( "in" );
-- }).addClass( "in" );
-- }*/
--// setTop(el);
-+ ( el.is( ".ui-footer-fixed" ) && thisTop <= fromTop + screenHeight );
- });
- },
-
---
-1.7.0.4
-
+++ /dev/null
-From 7cf6c94898a6b9240030cdee5e2dae85fa90ae82 Mon Sep 17 00:00:00 2001
-From: Lee Wongi <wongi11.lee@samsung.com>
-Date: Thu, 23 Feb 2012 16:56:46 +0900
-Subject: [PATCH] JQM change input's type on fixed header.
-
-Change-Id: I42cfcb0654fb4f7f5bc0115b1894d1f4d9942b09
----
- .../js/jquery.mobile.fixHeaderFooter.js | 2 +-
- 1 files changed, 1 insertions(+), 1 deletions(-)
- mode change 100644 => 100755 libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js
-
-diff --git a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js
-old mode 100644
-new mode 100755
-index d05fe11..26d0ec3
---- a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js
-+++ b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js
-@@ -275,7 +275,7 @@ $.mobile.fixedToolbars = (function() {
- else
- s_theme_content.addClass( "ui-title-content-option-header-expanded-1line-height" );
- }
-- } else if( s_theme_header.find("input").jqmData("type") == "search" ){
-+ } else if( s_theme_header.find("input").attr("type") === "tizen-search" ){
- s_theme_content
- .removeClass( "ui-title-content-" + title_style + "-height" )
- .addClass( "ui-title-content-search" );
---
-1.7.0.4
-
+++ /dev/null
-<?xml version="1.0" encoding="UTF-8"?>
-
-<widget xmlns="http://www.w3.org/ns/widgets"
- version="0.1"
- id="http://www.samsung.com/app/templateID"
- viewmodes="fullscreen">
- <!-- automatically generated name -->
- <name>@APP_NAME@</name>
-
- <!-- icon resource -->
- <icon src="icon.png"/>
-
- <!-- Permission : feature to access -->
- <!-- modify here and remove comments
- <feature name="http://waclists.org/api/deviceapis" required="false"/>
- <feature name="http://wacapps.net/api/accelerometer" required="true" />
- -->
-
- <!-- access remote web resource -->
- <!-- modify here and remove comments
- <access origin="http://www.samsung.com" subdomain=true />
- <access origin="*"/>
- -->
-
-</widget>
+++ /dev/null
-
-@import "config.less";
-
-/* dayselector CSS */
-.ui-dayselector label {
- height: 56px;
- width: 64px;
-}
-
-.ui-dayselector {
-
- .ui-btn {
- border-color : @color_dayselector_Btn_border;
- border-style : solid;
- border-width : 1 * @unit_base;
- .ui-btn-inner {
- text-align :center;
- padding : 0.8em 0px;
- }
- }
- .ui-checkbox-off {
- background : @color_dayselector_Btn_normal;
- .ui-btn-text {
- color : @color_dayselector_Btn_Mon_to_Fri;
- }
- }
-
- .ui-checkbox-off.ui-btn-down-s.ui-btn-hover-s {
- background : @color_dayselector_Btn_press;
- }
-
- .ui-checkbox-on {
- background : @color_dayselector_Btn_press;
- .ui-btn-text {
- color : @color_dayselector_Btn_Mon_to_Fri;
- }
- }
-
- .ui-checkbox-on.ui-btn-down-s.ui-btn-hover-s {
- background : @color_dayselector_Btn_normal;
- }
- .ui-dayselector-label-saturday {
- .ui-btn-text {
- color: @color_dayselector_Btn_Sat;
- }
- }
- .ui-dayselector-label-sunday {
- .ui-btn-text {
- color: @color_dayselector_Btn_Sun;
- }
- }
- .ui-checkbox {
- height : 90 * @unit_base;
-
- .ui-btn {
- width : 94 * @unit_base;
- }
- .ui-btn.ui-corner-left {
- border-top-left-radius : 5 * @unit_base;
- border-bottom-left-radius : 5 * @unit_base;
- }
- .ui-btn.ui-corner-right {
- border-top-right-radius : 5 * @unit_base;
- border-bottom-right-radius : 5 * @unit_base;
- }
-}
-
-}
-
+++ /dev/null
-/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-.ui-collapsible { margin: .5em 0; }
-.ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; }
-.ui-collapsible-heading a { text-align: left; margin: 0; }
-.ui-collapsible-heading a .ui-btn-inner { padding-left: 40px; }
-.ui-collapsible-heading a span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; }
-.ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; }
-.ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
-.ui-collapsible-heading-status { position:absolute; left:-9999px; }
-.ui-collapsible-content {
- display: block;
- margin: 0 -8px;
- padding: 10px 16px;
- border-top: none; /* Overrides ui-btn-up-* */
- background-image: none; /* Overrides ui-btn-up-* */
- font-weight: normal; /* Overrides ui-btn-up-* */
-}
-.ui-collapsible-content-collapsed { display: none; }
-
-.ui-collapsible-set { margin: .5em 0; }
-.ui-collapsible-set .ui-collapsible { margin: -1px 0 0; }
+++ /dev/null
-@import "config.less";
-
-@todons-selected-color: #d9931a;
-@todons-selected-color-disabled: #999999;
-
-@colorpalette-choice-total-width: 54px;
-@colorpalette-choice-total-height: 54px;
-@colorpalette-item-border-width: 4px;
-@colorpalette-item-border-color: #c0c0c0;
-@colorpalette-preview-total-width: 304px;
-@colorpalette-preview-total-height: 109px;
-
-@colorpalette-choice-actual-width: @colorpalette-choice-total-width - 2 * @colorpalette-item-border-width;
-@colorpalette-choice-actual-height: @colorpalette-choice-total-height - 2 * @colorpalette-item-border-width;
-@colorpalette-preview-actual-width: @colorpalette-preview-total-width - 2 * @colorpalette-item-border-width;
-@colorpalette-preview-actual-height: @colorpalette-preview-total-height - 2 * @colorpalette-item-border-width;
-
-.todons-colorpalette-disabled {
- .colorpalette-table {
- .colorpalette-choice-active {
- border-color: @todons-selected-color-disabled !important;
- }
- }
-}
-
-.ui-colorpalette {
- display: table;
- padding-left: 24px;
- padding-right: 24px;
- padding-top: 15px;
- padding-bottom: 15px;
-
- .colorpalette-preview-container {
- padding-top: 48px;
- padding-bottom: 39px;
- display: table;
- margin: auto;
-
- .colorpalette-preview {
- display: table;
- margin: auto;
- width: @colorpalette-preview-actual-width;
- height: @colorpalette-preview-actual-height;
- border: @colorpalette-item-border-color @colorpalette-item-border-width solid;
- }
- }
-
- .colorpalette-table {
- .colorpalette-bottom-row {
- display: table-row;
- }
-
- .colorpalette-normal-row {
- .colorpalette-bottom-row;
- }
-
- .colorpalette-choice-container-left {
- display: table-cell;
- }
-
- .colorpalette-choice-container-rest {
- .colorpalette-choice-container-left;
- padding-left: 38px;
- }
-
- .colorpalette-normal-row .colorpalette-choice-container-left {
- padding-bottom: 16px;
- }
-
- .colorpalette-choice {
- width: @colorpalette-choice-actual-width;
- height: @colorpalette-choice-actual-width;
- border-width: @colorpalette-item-border-width;
- border-style: solid;
- border-color: @colorpalette-item-border-color;
- }
-
- .colorpalette-choice-active {
- border-color: @todons-selected-color;
- }
- }
-}
-
-label.colorpickerbutton_label.ui-input-text {
- display:block !important;
-}
+++ /dev/null
-/* Own CSS */
-
-/* @selector-size should be an odd number, in order to pixel-perfectly center on a given colour */
-@colorpicker-selector-size: 61px;
-@colorpicker-selector-border-width: 5px;
-@colorpicker-clrchannel-hs-width: 256px;
-@colorpicker-clrchannel-hs-height: 256px;
-@colorpicker-clrchannel-l-width: 16px;
-@colorpicker-clrchannel-l-height: 256px;
-
-@colorpicker-selector-total-size: @colorpicker-selector-size + 2 * @colorpicker-selector-border-width;
-@colorpicker-clrchannel-hs-padding: @colorpicker-selector-total-size / 2;
-@colorpicker-clrchannel-l-hpadding:
- ~`Math.max(0,
- parseInt("@{colorpicker-selector-total-size}") -
- parseInt("@{colorpicker-clrchannel-l-width}")) / 2 + "px"`;
-@colorpicker-clrchannel-l-selector-left:
- ~`Math.max(0,
- parseInt("@{colorpicker-clrchannel-l-width}") -
- parseInt("@{colorpicker-selector-total-size}")) / 2 + "px"`;
-
-.ui-colorpicker {
- display: table;
-
- .colorpicker-hs-container {
- position: relative;
- display: table-cell;
- float: left;
-
- width: @colorpicker-clrchannel-hs-width;
- height: @colorpicker-clrchannel-hs-height;
- padding: @colorpicker-clrchannel-hs-padding;
-
- .colorpicker-hs-mask {
- position: absolute;
- width: @colorpicker-clrchannel-hs-width;
- height: @colorpicker-clrchannel-hs-height;
- }
-
- .colorpicker-hs-selector {
- position: absolute;
- width: @colorpicker-selector-size;
- height: @colorpicker-selector-size;
- border: @colorpicker-selector-border-width solid black;
- }
- }
-
- .colorpicker-l-container {
- position: relative;
- float: left;
-
- width: @colorpicker-clrchannel-l-width;
- height: @colorpicker-clrchannel-l-height;
- padding-left: @colorpicker-clrchannel-l-hpadding;
- padding-right: @colorpicker-clrchannel-l-hpadding;
- padding-top: @colorpicker-clrchannel-hs-padding;
- padding-bottom: @colorpicker-clrchannel-hs-padding;
-
- .colorpicker-l-mask {
- position: absolute;
- width: @colorpicker-clrchannel-l-width;
- height: @colorpicker-clrchannel-l-height;
- }
-
- .colorpicker-l-selector {
- left: @colorpicker-clrchannel-l-selector-left;
- position: absolute;
- width: @colorpicker-selector-size;
- height: @colorpicker-selector-size;
- border: @colorpicker-selector-border-width solid black;
- }
- }
-}
-
-.ui-colorpicker .colorpicker-hs-container .sat-gradient {
- background: none; /* Old browsers */
- background: -webkit-gradient(linear, left top, left bottom,
- color-stop(0%,rgba(128,128,128,0)),
- color-stop(100%,rgba(128,128,128,1))); /* Chrome,Safari4+ */
- background: -moz-linear-gradient(top,
- rgba(128,128,128,0) 0%,
- rgba(128,128,128,1) 100%); /* FF3.6+ */
- background: -webkit-linear-gradient(top,
- rgba(128,128,128,0) 0%,
- rgba(128,128,128,1) 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top,
- rgba(128,128,128,0) 0%,
- rgba(128,128,128,1) 100%); /* Opera11.10+ */
- background: -ms-linear-gradient(top,
- rgba(128,128,128,0) 0%,
- rgba(128,128,128,1) 100%); /* IE10+ */
- background: linear-gradient(top,
- rgba(128,128,128,0) 0%,
- rgba(128,128,128,1) 100%); /* W3C */
- /* filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#00808080', endColorstr="#808080", GradientType = 0); */
-}
-
-.ui-colorpicker .colorpicker-l-container .l-gradient {
- background: none; /* Old browsers */
- background: -webkit-gradient(linear, left top, left bottom,
- color-stop(0%,rgba(0,0,0,1)),
- color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
- background: -moz-linear-gradient(top,
- rgba(0,0,0,1) 0%,
- rgba(255,255,255,1) 100%); /* FF3.6+ */
- background: -webkit-linear-gradient(top,
- rgba(0,0,0,1) 0%,
- rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top,
- rgba(0,0,0,1) 0%,
- rgba(255,255,255,1) 100%); /* Opera11.10+ */
- background: -ms-linear-gradient(top,
- rgba(0,0,0,1) 0%,
- rgba(255,255,255,1) 100%); /* IE10+ */
- background: linear-gradient(top,
- rgba(0,0,0,1) 0%,
- rgba(255,255,255,1) 100%); /* W3C */
- /* filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#000000', endColorstr="#ffffff", GradientType = 0); */
-}
-
-
+++ /dev/null
-/* Need to add !important below, because these classes are added before jqm enhancement */
-.ui-colorpickerbutton-input {
- max-width: 150px;
- display: inline-block !important;
-}
-
-.ui-colorpickerbutton-input-hidden {
- display: none !important;
-}
+++ /dev/null
-@import "config.less";
-
-@colortitle-vpadding: 15px;
-
-.ui-colortitle {
- h1 {
- margin-left: 10px;
- }
-}
-
-.todons-colortitle-disabled {
- h1 {
- color: #888888;
- }
-}
+++ /dev/null
-@import "config.less";
-
-@hsvpicker-clrchannel-masks-width: 300px;
-@hsvpicker-clrchannel-masks-height: 38px;
-@hsvpicker-clrchannel-selector-width: 10px;
-@hsvpicker-clrchannel-selector-height: 50px;
-@hsvpicker-clrchannel-selector-border-width: 5px;
-@hsvpicker-clrchannel-masks-container-hpadding: 12px;
-@hsvpicker-clrchannel-masks-container-vpadding: 16px;
-
-@hsvpicker-clrchannel-selector-actual-height: @hsvpicker-clrchannel-selector-height -
- 2 * @hsvpicker-clrchannel-selector-border-width;
-
-@hsvpicker-clrchannel-masks-container-actual-hpadding:
- @hsvpicker-clrchannel-selector-width / 2
- + @hsvpicker-clrchannel-selector-border-width;
-@hsvpicker-clrchannel-masks-container-actual-vpadding:
- (@hsvpicker-clrchannel-selector-actual-height - @hsvpicker-clrchannel-masks-height) / 2
- + @hsvpicker-clrchannel-selector-border-width;
-@hsvpicker-clrchannel-masks-container-hmargin:
- ~`Math.max(0,
- (parseInt("@{hsvpicker-clrchannel-masks-container-hpadding}") -
- parseInt("@{hsvpicker-clrchannel-masks-container-actual-hpadding}"))) + "px"`;
-@hsvpicker-clrchannel-masks-container-vmargin:
- ~`Math.max(0,
- (parseInt("@{hsvpicker-clrchannel-masks-container-vpadding}") -
- parseInt("@{hsvpicker-clrchannel-masks-container-actual-vpadding}"))) + "px"`;
-
-.ui-hsvpicker {
- .hsvpicker-clrchannel-container {
- display: table;
- padding-left: 27px;
- padding-right: 27px;
-
- .hsvpicker-arrow-btn-container {
- display: table-cell;
- vertical-align: middle;
- }
-
- .hsvpicker-arrow-btn {
- float: left;
- }
-
- .hsvpicker-clrchannel-masks-container {
- float: left;
- position: relative;
- width: @hsvpicker-clrchannel-masks-width;
- height: @hsvpicker-clrchannel-masks-height;
-
- margin-left: @hsvpicker-clrchannel-masks-container-hmargin;
- margin-right: @hsvpicker-clrchannel-masks-container-hmargin;
- margin-top: @hsvpicker-clrchannel-masks-container-vmargin;
- margin-bottom: @hsvpicker-clrchannel-masks-container-vmargin;
-
- padding-left: @hsvpicker-clrchannel-masks-container-actual-hpadding;
- padding-right: @hsvpicker-clrchannel-masks-container-actual-hpadding;
- padding-top: @hsvpicker-clrchannel-masks-container-actual-vpadding;
- padding-bottom: @hsvpicker-clrchannel-masks-container-actual-vpadding;
-
- .hsvpicker-clrchannel-mask {
- position: absolute;
- width: @hsvpicker-clrchannel-masks-width;
- height: @hsvpicker-clrchannel-masks-height;
- }
-
- .hsvpicker-clrchannel-mask-black {
- background: #000000;
- }
-
- .hsvpicker-clrchannel-mask-white {
- background: #ffffff;
- }
-
- .hsvpicker-clrchannel-selector {
- position: absolute;
- left: 0px;
- top: 0px;
- width: @hsvpicker-clrchannel-selector-width;
- height: @hsvpicker-clrchannel-selector-actual-height;
- border: @hsvpicker-clrchannel-selector-border-width solid black;
- }
- }
- }
-}
-
-.ui-popupwindow .colorpickerbutton-popup-container-style {
- display: table;
- width : 50%;
- margin : 0 auto;
-}
\ No newline at end of file
+++ /dev/null
-.tizen-huegradient {
- background: none; /* Old browsers */
- background: -webkit-gradient(linear, left top, right top,
- color-stop( 0% ,rgba(255, 0, 0,1)),
- color-stop( 16.666666667%,rgba(255,255, 0,1)),
- color-stop( 33.333333333%,rgba(0 ,255, 0,1)),
- color-stop( 50% ,rgba(0 ,255,255,1)),
- color-stop( 66.666666667%,rgba(0 , 0,255,1)),
- color-stop( 83.333333333%,rgba(255, 0,255,1)),
- color-stop(100% ,rgba(255, 0, 0,1))); /* Chrome,Safari4+ */
- background: -moz-linear-gradient(left,
- rgba(255, 0, 0,1) 0%,
- rgba(255,255, 0,1) 16.666666667%,
- rgba( 0,255, 0,1) 33.333333333%,
- rgba( 0,255,255,1) 50%,
- rgba( 0, 0,255,1) 66.666666667%,
- rgba(255, 0,255,1) 83.333333333%,
- rgba(255, 0, 0,1) 100%);
- background: -webkit-linear-gradient(left,
- rgba(255, 0, 0,1) 0%,
- rgba(255,255, 0,1) 16.666666667%,
- rgba( 0,255, 0,1) 33.333333333%,
- rgba( 0,255,255,1) 50%,
- rgba( 0, 0,255,1) 66.666666667%,
- rgba(255, 0,255,1) 83.333333333%,
- rgba(255, 0, 0,1) 100%);
- background: -o-linear-gradient(left,
- rgba(255, 0, 0,1) 0%,
- rgba(255,255, 0,1) 16.666666667%,
- rgba( 0,255, 0,1) 33.333333333%,
- rgba( 0,255,255,1) 50%,
- rgba( 0, 0,255,1) 66.666666667%,
- rgba(255, 0,255,1) 83.333333333%,
- rgba(255, 0, 0,1) 100%);
- background: -ms-linear-gradient(left,
- rgba(255, 0, 0,1) 0%,
- rgba(255,255, 0,1) 16.666666667%,
- rgba( 0,255, 0,1) 33.333333333%,
- rgba( 0,255,255,1) 50%,
- rgba( 0, 0,255,1) 66.666666667%,
- rgba(255, 0,255,1) 83.333333333%,
- rgba(255, 0, 0,1) 100%);
- background: linear-gradient(left,
- rgba(255, 0, 0,1) 0%,
- rgba(255,255, 0,1) 16.666666667%,
- rgba( 0,255, 0,1) 33.333333333%,
- rgba( 0,255,255,1) 50%,
- rgba( 0, 0,255,1) 66.666666667%,
- rgba(255, 0,255,1) 83.333333333%,
- rgba(255, 0, 0,1) 100%);
-}
-
-/* Full-saturation magic grayscale values were taken from the Gimp */
-.tizen-huegradient-disabled {
- background: none; /* Old browsers */
- background: -webkit-gradient(linear, left top, right top,
- color-stop( 0% ,rgba( 54, 54, 54,1)),
- color-stop( 16.666666667%,rgba(237,237,237,1)),
- color-stop( 33.333333333%,rgba(182,182,182,1)),
- color-stop( 50% ,rgba(201,201,201,1)),
- color-stop( 66.666666667%,rgba( 18, 18, 18,1)),
- color-stop( 83.333333333%,rgba( 73, 73, 73,1)),
- color-stop(100% ,rgba( 54, 54, 54,1))); /* Chrome,Safari4+ */
- background: -moz-linear-gradient(left,
- rgba( 54, 54, 54,1) 0%,
- rgba(237,237,237,1) 16.666666667%,
- rgba(182,182,182,1) 33.333333333%,
- rgba(201,201,201,1) 50%,
- rgba( 18, 18, 18,1) 66.666666667%,
- rgba( 73, 73, 73,1) 83.333333333%,
- rgba( 54, 54, 54,1) 100%);
- background: -webkit-linear-gradient(left,
- rgba( 54, 54, 54,1) 0%,
- rgba(237,237,237,1) 16.666666667%,
- rgba(182,182,182,1) 33.333333333%,
- rgba(201,201,201,1) 50%,
- rgba( 18, 18, 18,1) 66.666666667%,
- rgba( 73, 73, 73,1) 83.333333333%,
- rgba( 54, 54, 54,1) 100%);
- background: -o-linear-gradient(left,
- rgba( 54, 54, 54,1) 0%,
- rgba(237,237,237,1) 16.666666667%,
- rgba(182,182,182,1) 33.333333333%,
- rgba(201,201,201,1) 50%,
- rgba( 18, 18, 18,1) 66.666666667%,
- rgba( 73, 73, 73,1) 83.333333333%,
- rgba( 54, 54, 54,1) 100%);
- background: -ms-linear-gradient(left,
- rgba( 54, 54, 54,1) 0%,
- rgba(237,237,237,1) 16.666666667%,
- rgba(182,182,182,1) 33.333333333%,
- rgba(201,201,201,1) 50%,
- rgba( 18, 18, 18,1) 66.666666667%,
- rgba( 73, 73, 73,1) 83.333333333%,
- rgba( 54, 54, 54,1) 100%);
- background: linear-gradient(left,
- rgba( 54, 54, 54,1) 0%,
- rgba(237,237,237,1) 16.666666667%,
- rgba(182,182,182,1) 33.333333333%,
- rgba(201,201,201,1) 50%,
- rgba( 18, 18, 18,1) 66.666666667%,
- rgba( 73, 73, 73,1) 83.333333333%,
- rgba( 54, 54, 54,1) 100%);
-}
+++ /dev/null
-@import "config.less";
-
-.ui-imageslider {
- position: relative;
- width: 100%;
-}
-
-.ui-imageslider-bg {
- display: none;
- position: absolute;
- text-align: center;
- width: 100%;
-}
+++ /dev/null
-@import "config.less";
-
-.ui-nocontents {
- position: relative;
- left: 0;
- width: 100%;
- height: 508px;
-}
-
-.ui-nocontents-icon-text,
-.ui-nocontents-icon-picture,
-.ui-nocontents-icon-multimedia,
-.ui-nocontents-icon-unnamed {
- position: absolute;
- display: block;
- width: 314px;
- height: 310px;
-
- background: url(images/00_Nocontents_text.png) no-repeat;
-}
-
-.ui-nocontents-icon-picture {
- background: url(images/00_Nocontents_picture.png) no-repeat;
-}
-
-.ui-nocontents-icon-multimedia {
- background: url(images/00_Nocontents_multimedia.png) no-repeat;
-}
-
-.ui-nocontents-icon-unnamed {
- background: url(images/00_Nocontents_unnamed.png) no-repeat;
-}
-
-.ui-nocontents-text {
- position: absolute;
- height: 46px;
- width: 100%;
- text-align: center;
- color: @color_nocontents_text;
-}
+++ /dev/null
-/*
- * pagrcontrol stylesheet
- * by Youmin Ha <youmin.ha@samsung.com>
- */
-
-@import "config.less";
-
-div.pagecontrol {
- text-align: center;
-
- .LESSpagecontrolIconCommonProperties(@imgUrl) {
- background-image: url(@imgUrl);
- background-size: 52 * @unit_base;
-
- // Transition
- -webkit-transition: background 0.5s ease;
- -moz-transition: background 0.5s ease;
- -o-transition: background 0.5s ease;
- transition: background 0.5s ease;
- }
- .LESSpagecontrolIconMargin(@l, @r) {
- margin-left: @l * @unit_base;
- margin-right: @r * @unit_base;
- }
-
- &> div.page_n {
- display: inline-block;
- border: 0;
- width: 52 * @unit_base;
- height: 52 * @unit_base;
- }
-
- &> div.page_n_margin_44 { .LESSpagecontrolIconMargin(22, 22); }
- // NOTE: Reduces 2 picels for each margin, to show properly with Tizen emulator.
- &> div.page_n_margin_35 { .LESSpagecontrolIconMargin(17, 16; }
- &> div.page_n_margin_26 { .LESSpagecontrolIconMargin(12, 12); }
- &> div.page_n_margin_19 { .LESSpagecontrolIconMargin(9, 8); }
-
-
- &> div.page_n_dot {
- .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_001.png');
- }
- &> div.page_n_1 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_1.png'); }
- &> div.page_n_2 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_2.png'); }
- &> div.page_n_3 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_3.png'); }
- &> div.page_n_4 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_4.png'); }
- &> div.page_n_5 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_5.png'); }
- &> div.page_n_6 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_6.png'); }
- &> div.page_n_7 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_7.png'); }
- &> div.page_n_8 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_8.png'); }
- &> div.page_n_9 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_9.png'); }
- &> div.page_n_10 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_10.png'); }
-
-}
+++ /dev/null
-@charset "utf-8";
-
-.ui-scrollview-clip {
- position: relative;
-}
-
-.ui-scrollview-view {
-}
-
-.ui-scrolllistview .ui-li-divider {
- z-index: 10;
-}
-
-.ui-scrollbar {
- position: absolute;
- overflow: hidden;
-
- opacity: 0;
-}
-
-.ui-scrollbar-visible {
- opacity: 1;
-}
-
-.ui-scrollbar-y {
- top: 2px;
- right: 2px;
- bottom: 8px;
- width: 10px;
-}
-
-.ui-scrollbar-x {
- right: 8px;
- bottom: 2px;
- left: 2px;
- height: 10px;
-}
-
-.ui-scrollbar-track {
- position: relative;
- width: 100%;
- height: 100%;
-}
-
-.ui-scrollbar-thumb {
- position: absolute;
- top: 0;
- left: 0;
- background-color: rgba(64, 64, 64, 0.7);
-}
-
-.ui-scrollbar-y .ui-scrollbar-thumb {
- width: 10px;
- height: 100%;
-}
-
-.ui-scrollbar-x .ui-scrollbar-thumb {
- width: 100%;
- height: 10px;
-}
-
-/*
- * the values below are for the group index
- */
-
-/*
- * padding here set to zero - otherwise the list scrolls underneith the top heading and can be seen above it
- */
-.ui-content.ui-scrollview-clip {
- padding: 0;
- padding-bottom: 15px;
-}
-.ui-content.ui-scrollview-clip > div.ui-scrollview-view {
- margin: 0;
- padding: 15px;
-}
-
-/*
- * this seems to effect how far the top divider is place wrt to the scrollview
- * without this, it is placed too high, so it is clipped in half
- */
-.ui-content.ui-scrollview-clip > .ui-listview.ui-scrollview-view {
- margin: 0;
-}
+++ /dev/null
-@import "config.less";
-
-.ui-shortcutscroll {
- position: absolute;
- right: 0*@unit_base;
- background-color: @color_shortcutscroll_rollover_bg;
- width: 30*@unit_base;
- -webkit-user-select: none;
- margin:0;
- padding-right: 0.08em;
- opacity: 1;
- ul {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
- li {
- cursor: pointer;
- color: @color_shortcutscroll_rollover_text;
- padding: 2*@unit_base 2*@unit_base 2*@unit_base 2*@unit_base;
- text-align: right;
- }
-}
-
-.ui-shortcutscroll2 {
- position: absolute;
- right: 0*@unit_base;
- -webkit-user-select: none;
- margin:0;
- padding-right: 0.08em;
- opacity: 1;
- ul {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
- li {
- cursor: pointer;
- color: @color_shortcutscroll_rollover_text;
- padding: 2*@unit_base 2*@unit_base 2*@unit_base 2*@unit_base;
- text-align: right;
- }
-}
-
-.ui-shortcutscroll-bg {
- position: absolute;
- right: 0*@unit_base;
- background-color: @color_shortcutscroll_rollover_bg;
- width: 30*@unit_base;
- z-index: 10;
- top: 0;
-}
-
-.ui-shortcutscroll-popup {
- position: absolute;
- background: @color_shortcutscroll_popup_bg;
- color: @color_shortcutscroll_popup_text;
- padding:10*@unit_base 30*@unit_base;
- -moz-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_shortcutscroll_popup_shadow;
- -webkit-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_shortcutscroll_popup_shadow;
- box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_shortcutscroll_popup_shadow;
- text-align: center;
- font-size: 75*@unit_base;
- font-weight: bold;
- display:none;
- box-sizing:border-box;
-}
+++ /dev/null
-@import "config.less";
-
-@list-li-padding-horizontal: 16 * @unit_base;
-
-.ui-swipelist {
- list-style-type: none;
-}
-
-.ui-swipelist-item {
- -webkit-user-select: none;
- -user-select: none;
-
- .ui-btn {
- margin-top: -0.3em !important;
- }
-}
-
-.ui-swipelist-item-cover {
- position: absolute;
- border: none;
- top: 0%;
- left: 0%;
- width: 100%;
- height: 100%;
- z-index: 100;
-
- .ui-li-text-main {
- position: absolute;
- }
- .ui-li-text-sub-left {
- margin-top: 0.8em !important;
- margin-left: @list-li-padding-horizontal !important;
- }
- .ui-li-text-main-right {
- margin-top: 0.7em !important;
- }
-}
+++ /dev/null
-/*!
- * jQuery Mobile - Tizen "White" theme
- * http://jquerymobile.com/
- *
- * Copyright 2010, jQuery Project
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- */
-
-/* general border width */
-@borderWidth: 1px;
-
-/* width of bottom border on header */
-@barBorderWidth: 0px;
-
-/* the brown used for header bar */
-@brown: #dbc9ae;
-
-/* the orange used for option header, progress bar foreground etc. */
-@orange: #cf8013;
-
-@lightOrange: #d9931a;
-
-/* darker orange used for option header border */
-@darkOrange: #b27815;
-
-/* A
------------------------------------------------------------------------------------------------------------*/
-
-/* for ui-bar gradients */
-@aBarBgFrom: @brown;
-@aBarBgTo: @brown;
-
-@aBarBorderColor: @orange;
-@aBarTextColor: rgb(73,44,7);
-
-/* for ui-body gradients */
-@aBodyBgFrom: #eeeeee;
-@aBodyBgTo: #dddddd;
-
-@aBodyBorderColor: rgba(255,255,255,0);
-@aBodyTextColor: #333333;
-
-@aLinkColor: #7cc4e7;
-@aLinkInheritColor: #ffffff;
-
-/* for link text which is styled as a button */
-@aBtnLinkInheritColor: #ffffff;
-@aBtnDownLinkInheritColor: #ffffff;
-
-@aBtnUpBorderColor: rgb(148,125,99); /* use Title_time text color */
-@aBtnUpBgFrom: @brown;
-@aBtnUpBgTo: @brown;
-@aBtnUpTextColor: @aBtnUpBorderColor; /* same as border color */
-
-@aBtnHoverBorderColor: @aBtnUpBorderColor;
-@aBtnHoverBgFrom: @brown;
-@aBtnHoverBgTo: @brown;
-@aBtnHoverTextColor: @aBtnUpBorderColor;
-
-@aBtnDownBorderColor: #c88410;
-@aBtnDownBgFrom: @lightOrange;
-@aBtnDownBgTo: @lightOrange;
-@aBtnDownTextColor: #ffffff;
-
-.ui-bar-a {
- border: @borderWidth solid @aBarBorderColor;
- color: @aBarTextColor;
- font-weight: bold;
- background: @aBarBgTo;
- background-image: -webkit-gradient(linear, left top, left bottom, from(@aBarBgFrom), to(@aBarBgTo)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, @aBarBgFrom, @aBarBgTo); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, @aBarBgFrom, @aBarBgTo); /* FF3.6 */
- background-image: -ms-linear-gradient(top, @aBarBgFrom, @aBarBgTo); /* IE10 */
- background-image: -o-linear-gradient(top, @aBarBgFrom, @aBarBgTo); /* Opera 11.10+ */
- background-image: linear-gradient(top, @aBarBgFrom, @aBarBgTo);
-}
-
-.ui-body-a {
- border: @borderWidth solid @aBodyBorderColor;
- color: @aBodyTextColor;
- background: @aBodyBgTo;
- background-image: -webkit-gradient(linear, left top, left bottom, from(@aBodyBgFrom), to(@aBodyBgTo)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, @aBodyBgFrom, @aBodyBgTo); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, @aBodyBgFrom, @aBodyBgTo); /* FF3.6 */
- background-image: -ms-linear-gradient(top, @aBodyBgFrom, @aBodyBgTo); /* IE10 */
- background-image: -o-linear-gradient(top, @aBodyBgFrom, @aBodyBgTo); /* Opera 11.10+ */
- background-image: linear-gradient(top, @aBodyBgFrom, @aBodyBgTo);
-}
-
-.ui-bar-a,
-.ui-bar-a input,
-.ui-bar-a select,
-.ui-bar-a textarea,
-.ui-bar-a button,
-.ui-body-a,
-.ui-body-a input,
-.ui-body-a select,
-.ui-body-a textarea,
-.ui-body-a button,
-.ui-btn-up-a,
-.ui-btn-hover-a,
-.ui-btn-down-a {
- font-family: Helvetica, Arial, sans-serif;
-}
-
-.ui-body-a .ui-link-inherit {
- color: @aLinkInheritColor;
-}
-
-.ui-body-a .ui-link {
- color: @aLinkColor;
- font-weight: bold;
-}
-
-.ui-btn-up-a {
- border: @borderWidth solid @aBtnUpBorderColor;
- background: @aBtnUpBgTo;
- font-weight: bold;
- color: @aBtnUpTextColor;
- background-image: -webkit-gradient(linear, left top, left bottom, from(@aBtnUpBgFrom), to(@aBtnUpBgTo)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, @aBtnUpBgFrom, @aBtnUpBgTo); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, @aBtnUpBgFrom, @aBtnUpBgTo); /* FF3.6 */
- background-image: -ms-linear-gradient(top, @aBtnUpBgFrom, @aBtnUpBgTo); /* IE10 */
- background-image: -o-linear-gradient(top, @aBtnUpBgFrom, @aBtnUpBgTo); /* Opera 11.10+ */
- background-image: linear-gradient(top, @aBtnUpBgFrom, @aBtnUpBgTo);
-}
-
-.ui-btn-hover-a {
- border: @borderWidth solid @aBtnHoverBorderColor;
- background: @aBtnHoverBgTo;
- font-weight: bold;
- color: @aBtnHoverTextColor;
- background-image: -webkit-gradient(linear, left top, left bottom, from(@aBtnHoverBgFrom), to(@aBtnHoverBgTo)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, @aBtnHoverBgFrom, @aBtnHoverBgTo); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, @aBtnHoverBgFrom, @aBtnHoverBgTo); /* FF3.6 */
- background-image: -ms-linear-gradient(top, @aBtnHoverBgFrom, @aBtnHoverBgTo); /* IE10 */
- background-image: -o-linear-gradient(top, @aBtnHoverBgFrom, @aBtnHoverBgTo); /* Opera 11.10+ */
- background-image: linear-gradient(top, @aBtnHoverBgFrom, @aBtnHoverBgTo);
-}
-
-.ui-btn-down-a {
- border: @borderWidth solid @aBtnDownBorderColor;
- background: @aBtnDownBgTo;
- font-weight: bold;
- color: @aBtnDownTextColor;
- background-image: -webkit-gradient(linear, left top, left bottom, from(@aBtnDownBgFrom), to(@aBtnDownBgTo)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, @aBtnDownBgFrom, @aBtnDownBgTo); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, @aBtnDownBgFrom, @aBtnDownBgTo); /* FF3.6 */
- background-image: -ms-linear-gradient(top, @aBtnDownBgFrom, @aBtnDownBgTo); /* IE10 */
- background-image: -o-linear-gradient(top, @aBtnDownBgFrom, @aBtnDownBgTo); /* Opera 11.10+ */
- background-image: linear-gradient(top, @aBtnDownBgFrom, @aBtnDownBgTo);
-}
-
-.ui-btn-hover-a a.ui-link-inherit,
-.ui-btn-up-a a.ui-link-inherit {
- color: @aBtnLinkInheritColor;
-}
-
-.ui-btn-down-a a.ui-link-inherit {
- color: @aBtnDownLinkInheritColor;
-}
-
-.ui-btn-up-a,
-.ui-btn-hover-a,
-.ui-btn-down-a {
- text-decoration: none;
-}
-
-/* B
------------------------------------------------------------------------------------------------------------*/
-
-/* for ui-bar gradients */
-@bBarBgFrom: #dad8d4;
-@bBarBgTo: #dad8d4;
-
-@bBarBorderColor: #c7c7c7;
-@bBarTextColor: rgb(108,108,108);
-
-/* for ui-body gradients */
-@bBodyBgFrom: @orange;
-@bBodyBgTo: @orange;
-
-@bBodyBorderColor: rgb(199,199,199);
-@bBodyTextColor: #333333;
-
-@bLinkColor: #2489ce;
-@bLinkInheritColor: #333333;
-
-/* for link text which is styled as a button */
-@bBtnLinkInheritColor: #ffffff;
-@bBtnDownLinkInheritColor: #ffffff;
-
-@bBtnUpBorderColor: @darkOrange;
-@bBtnUpBgFrom: @orange;
-@bBtnUpBgTo: @orange;
-@bBtnUpTextColor: #ffffff;
-
-@bBtnHoverBorderColor: @darkOrange;
-@bBtnHoverBgFrom: @orange;
-@bBtnHoverBgTo: @orange;
-@bBtnHoverTextColor: #ffffff;
-
-@bBtnDownBorderColor: @orange;
-@bBtnDownBgFrom: @lightOrange;
-@bBtnDownBgTo: @lightOrange;
-@bBtnDownTextColor: #ffffff;
-
-.ui-bar-b {
- border: @borderWidth solid @bBarBorderColor;
- color: @bBarTextColor;
- font-weight: bold;
- background: @bBarBgTo;
- background-image: -webkit-gradient(linear, left top, left bottom, from(@bBarBgFrom), to(@bBarBgTo)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, @bBarBgFrom, @bBarBgTo); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, @bBarBgFrom, @bBarBgTo); /* FF3.6 */
- background-image: -ms-linear-gradient(top, @bBarBgFrom, @bBarBgTo); /* IE10 */
- background-image: -o-linear-gradient(top, @bBarBgFrom, @bBarBgTo); /* Opera 11.10+ */
- background-image: linear-gradient(top, @bBarBgFrom, @bBarBgTo);
-}
-
-.ui-body-b {
- border: @borderWidth solid @bBodyBorderColor;
- color: @bBodyTextColor;
- background: @bBodyBgTo;
- background-image: -webkit-gradient(linear, left top, left bottom, from(@bBodyBgFrom), to(@bBodyBgTo)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, @bBodyBgFrom, @bBodyBgTo); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, @bBodyBgFrom, @bBodyBgTo); /* FF3.6 */
- background-image: -ms-linear-gradient(top, @bBodyBgFrom, @bBodyBgTo); /* IE10 */
- background-image: -o-linear-gradient(top, @bBodyBgFrom, @bBodyBgTo); /* Opera 11.10+ */
- background-image: linear-gradient(top, @bBodyBgFrom, @bBodyBgTo);
-}
-
-.ui-bar-b,
-.ui-bar-b input,
-.ui-bar-b select,
-.ui-bar-b textarea,
-.ui-bar-b button,
-.ui-body-b,
-.ui-body-b input,
-.ui-body-b select,
-.ui-body-b textarea,
-.ui-body-b button,
-.ui-btn-up-b,
-.ui-btn-hover-b,
-.ui-btn-down-b {
- font-family: Helvetica, Arial, sans-serif;
-}
-
-.ui-body-b .ui-link-inherit {
- color: @bLinkInheritColor;
-}
-
-.ui-body-b .ui-link {
- color: @bLinkColor;
- font-weight: bold;
-}
-
-.ui-btn-up-b {
- border: @borderWidth solid @bBtnUpBorderColor;
- background: @bBtnUpBgTo;
- font-weight: bold;
- color: @bBtnUpTextColor;
- background-image: -webkit-gradient(linear, left top, left bottom, from(@bBtnUpBgFrom), to(@bBtnUpBgTo)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, @bBtnUpBgFrom, @bBtnUpBgTo); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, @bBtnUpBgFrom, @bBtnUpBgTo); /* FF3.6 */
- background-image: -ms-linear-gradient(top, @bBtnUpBgFrom, @bBtnUpBgTo); /* IE10 */
- background-image: -o-linear-gradient(top, @bBtnUpBgFrom, @bBtnUpBgTo); /* Opera 11.10+ */
- background-image: linear-gradient(top, @bBtnUpBgFrom, @bBtnUpBgTo);
-}
-
-.ui-btn-hover-b {
- border: @borderWidth solid @bBtnHoverBorderColor;
- background: @bBtnHoverBgTo;
- font-weight: bold;
- color: @bBtnHoverTextColor;
- background-image: -webkit-gradient(linear, left top, left bottom, from(@bBtnHoverBgFrom), to(@bBtnHoverBgTo)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, @bBtnHoverBgFrom, @bBtnHoverBgTo); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, @bBtnHoverBgFrom, @bBtnHoverBgTo); /* FF3.6 */
- background-image: -ms-linear-gradient(top, @bBtnHoverBgFrom, @bBtnHoverBgTo); /* IE10 */
- background-image: -o-linear-gradient(top, @bBtnHoverBgFrom, @bBtnHoverBgTo); /* Opera 11.10+ */
- background-image: linear-gradient(top, @bBtnHoverBgFrom, @bBtnHoverBgTo);
-}
-
-.ui-btn-down-b {
- border: @borderWidth solid @bBtnDownBorderColor;
- background: @bBtnDownBgTo;
- font-weight: bold;
- color: @bBtnDownTextColor;
- background-image: -webkit-gradient(linear, left top, left bottom, from(@bBtnDownBgFrom), to(@bBtnDownBgTo)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, @bBtnDownBgFrom, @bBtnDownBgTo); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, @bBtnDownBgFrom, @bBtnDownBgTo); /* FF3.6 */
- background-image: -ms-linear-gradient(top, @bBtnDownBgFrom, @bBtnDownBgTo); /* IE10 */
- background-image: -o-linear-gradient(top, @bBtnDownBgFrom, @bBtnDownBgTo); /* Opera 11.10+ */
- background-image: linear-gradient(top, @bBtnDownBgFrom, @bBtnDownBgTo);
-}
-
-.ui-btn-hover-b a.ui-link-inherit,
-.ui-btn-up-b a.ui-link-inherit {
- color: @bBtnLinkInheritColor;
-}
-
-.ui-btn-down-b a.ui-link-inherit {
- color: @bBtnDownLinkInheritColor;
-}
-
-.ui-btn-up-b,
-.ui-btn-hover-b,
-.ui-btn-down-b {
- text-decoration: none;
-}
-
-/* C
------------------------------------------------------------------------------------------------------------*/
-
-/* for ui-bar gradients */
-@cBarBgFrom: #f0f0f0;
-@cBarBgTo: #e9eaeb;
-
-@cBarBorderColor: rgba(255,255,255,0);
-@cBarTextColor: #3e3e3e;
-
-/* for ui-body gradients */
-@cBodyBgFrom: rgb(249,249,249);
-@cBodyBgTo: rgb(249,249,249);
-
-@cBodyBorderColor: #b3b3b3;
-@cBodyTextColor: #333333;
-
-@cLinkColor: #2489CE;
-@cLinkInheritColor: #333333;
-
-/* for link text which is styled as a button */
-@cBtnLinkInheritColor: #2F3E46;
-@cBtnDownLinkInheritColor: #ffffff;
-
-@cBtnUpBorderColor: #c7c7c7;
-@cBtnUpBgFrom: #f3efe9;
-@cBtnUpBgTo: #f3efe9;
-@cBtnUpTextColor: rgb(78,73,69);
-
-@cBtnHoverBorderColor: #c7c7c7;
-@cBtnHoverBgFrom: #f3efe9;
-@cBtnHoverBgTo: #f3efe9;
-@cBtnHoverTextColor: rgb(78,73,69);
-
-@cBtnDownBorderColor: #c88410;
-@cBtnDownBgFrom: @lightOrange;
-@cBtnDownBgTo: @lightOrange;
-@cBtnDownTextColor: #ffffff;
-
-.ui-bar-c {
- border: @borderWidth solid @cBarBorderColor;
- color: @cBarTextColor;
- font-weight: bold;
- background: @cBarBgTo;
- background-image: -webkit-gradient(linear, left top, left bottom, from(@cBarBgFrom), to(@cBarBgTo)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, @cBarBgFrom, @cBarBgTo); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, @cBarBgFrom, @cBarBgTo); /* FF3.6 */
- background-image: -ms-linear-gradient(top, @cBarBgFrom, @cBarBgTo); /* IE10 */
- background-image: -o-linear-gradient(top, @cBarBgFrom, @cBarBgTo); /* Opera 11.10+ */
- background-image: linear-gradient(top, @cBarBgFrom, @cBarBgTo);
-}
-
-.ui-body-c {
- border: @borderWidth solid @cBodyBorderColor;
- color: @cBodyTextColor;
- background: @cBodyBgTo;
- background-image: -webkit-gradient(linear, left top, left bottom, from(@cBodyBgFrom), to(@cBodyBgTo)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* FF3.6 */
- background-image: -ms-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* IE10 */
- background-image: -o-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* Opera 11.10+ */
- background-image: linear-gradient(top, @cBodyBgFrom, @cBodyBgTo);
-}
-
-.ui-bar-c,
-.ui-bar-c input,
-.ui-bar-c select,
-.ui-bar-c textarea,
-.ui-bar-c button,
-.ui-body-c,
-.ui-body-c input,
-.ui-body-c select,
-.ui-body-c textarea,
-.ui-body-c button,
-.ui-btn-up-c,
-.ui-btn-hover-c,
-.ui-btn-down-c {
- font-family: Helvetica, Arial, sans-serif;
-}
-
-.ui-body-c .ui-link-inherit {
- color: @cLinkInheritColor;
-}
-
-.ui-body-c .ui-link {
- color: @cLinkColor;
- font-weight: bold;
-}
-
-.ui-btn-up-c {
- border: @borderWidth solid @cBtnUpBorderColor;
- background: @cBtnUpBgTo;
- font-weight: bold;
- color: @cBtnUpTextColor;
- background-image: -webkit-gradient(linear, left top, left bottom, from(@cBtnUpBgFrom), to(@cBtnUpBgTo)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, @cBtnUpBgFrom, @cBtnUpBgTo); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, @cBtnUpBgFrom, @cBtnUpBgTo); /* FF3.6 */
- background-image: -ms-linear-gradient(top, @cBtnUpBgFrom, @cBtnUpBgTo); /* IE10 */
- background-image: -o-linear-gradient(top, @cBtnUpBgFrom, @cBtnUpBgTo); /* Opera 11.10+ */
- background-image: linear-gradient(top, @cBtnUpBgFrom, @cBtnUpBgTo);
-}
-
-/* override background styling for list items which are styled as buttons */
-li.ui-btn-up-c,
-li.ui-btn-hover-c {
- background: @cBodyBgTo;
- background-image: -webkit-gradient(linear, left top, left bottom, from(@cBodyBgFrom), to(@cBodyBgTo)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* FF3.6 */
- background-image: -ms-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* IE10 */
- background-image: -o-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* Opera 11.10+ */
- background-image: linear-gradient(top, @cBodyBgFrom, @cBodyBgTo);
-}
-
-.ui-btn-hover-c {
- border: @borderWidth solid @cBtnHoverBorderColor;
- background: @cBtnHoverBgTo;
- font-weight: bold;
- color: @cBtnHoverTextColor;
- background-image: -webkit-gradient(linear, left top, left bottom, from(@cBtnHoverBgFrom), to(@cBtnHoverBgTo)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, @cBtnHoverBgFrom, @cBtnHoverBgTo); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, @cBtnHoverBgFrom, @cBtnHoverBgTo); /* FF3.6 */
- background-image: -ms-linear-gradient(top, @cBtnHoverBgFrom, @cBtnHoverBgTo); /* IE10 */
- background-image: -o-linear-gradient(top, @cBtnHoverBgFrom, @cBtnHoverBgTo); /* Opera 11.10+ */
- background-image: linear-gradient(top, @cBtnHoverBgFrom, @cBtnHoverBgTo);
-}
-
-/* NB uses !important here to ensure that button presses are highlighted correctly,
- regardless of whether they occur on buttons inside or outside listviews */
-.ui-btn-down-c {
- border: @borderWidth solid @cBtnDownBorderColor;
- background: @cBtnDownBgTo !important;
- font-weight: bold;
- color: @cBtnDownTextColor;
- background-image: -webkit-gradient(linear, left top, left bottom, from(@cBtnDownBgFrom), to(@cBtnDownBgTo)) !important; /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, @cBtnDownBgFrom, @cBtnDownBgTo) !important; /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, @cBtnDownBgFrom, @cBtnDownBgTo) !important; /* FF3.6 */
- background-image: -ms-linear-gradient(top, @cBtnDownBgFrom, @cBtnDownBgTo) !important; /* IE10 */
- background-image: -o-linear-gradient(top, @cBtnDownBgFrom, @cBtnDownBgTo) !important; /* Opera 11.10+ */
- background-image: linear-gradient(top, @cBtnDownBgFrom, @cBtnDownBgTo) !important;
-}
-
-.ui-btn-hover-c a.ui-link-inherit,
-.ui-btn-up-c a.ui-link-inherit {
- color: @cBtnLinkInheritColor;
-}
-
-.ui-btn-down-c a.ui-link-inherit {
- color: @cBtnDownLinkInheritColor;
-}
-
-.ui-btn-up-c,
-.ui-btn-hover-c,
-.ui-btn-down-c {
- text-decoration: none;
-}
-
-/* D
------------------------------------------------------------------------------------------------------------*/
-
-.ui-bar-d {
- border: @borderWidth solid #ccc;
- background: #bbb;
- color: #333;
- text-shadow: 0 1px 0 #eee;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #ddd, #bbb); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #ddd, #bbb); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #ddd, #bbb); /* IE10 */
- background-image: -o-linear-gradient(top, #ddd, #bbb); /* Opera 11.10+ */
- background-image: linear-gradient(top, #ddd, #bbb);
-}
-.ui-bar-d,
-.ui-bar-d input,
-.ui-bar-d select,
-.ui-bar-d textarea,
-.ui-bar-d button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-bar-d .ui-link-inherit {
- color: #333;
-}
-.ui-bar-d .ui-link {
- color: #2489CE;
- font-weight: bold;
-}
-.ui-body-d {
- border: @borderWidth solid #ccc;
- color: #333333;
- text-shadow: 0 1px 0 #fff;
- background: #ffffff;
-}
-.ui-body-d,
-.ui-body-d input,
-.ui-body-d select,
-.ui-body-d textarea,
-.ui-body-d button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-body-d .ui-link-inherit {
- color: #333333;
-}
-.ui-body-d .ui-link {
- color: #2489CE;
- font-weight: bold;
-}
-.ui-btn-up-d {
- border: @borderWidth solid #ccc;
- background: #fff;
- font-weight: bold;
- color: #444;
- text-shadow: 0 1px 1px #fff;
-}
-.ui-btn-up-d a.ui-link-inherit {
- color: #333;
-}
-.ui-btn-hover-d {
- border: @borderWidth solid #aaa;
- background: #eeeeee;
- font-weight: bold;
- color: #222;
- cursor: pointer;
- text-shadow: 0 1px 1px #fff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eee)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #fdfdfd, #eee); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #fdfdfd, #eee); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #fdfdfd, #eee); /* IE10 */
- background-image: -o-linear-gradient(top, #fdfdfd, #eee); /* Opera 11.10+ */
- background-image: linear-gradient(top, #fdfdfd, #eee);
-}
-.ui-btn-hover-d a.ui-link-inherit {
- color: #222;
-}
-.ui-btn-down-d {
- border: @borderWidth solid #aaaaaa;
- background: #ffffff;
- font-weight: bold;
- color: #111;
- text-shadow: 0 1px 1px #ffffff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #eee, #fff); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #eee, #fff); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #eee, #fff); /* IE10 */
- background-image: -o-linear-gradient(top, #eee, #fff); /* Opera 11.10+ */
- background-image: linear-gradient(top, #eee, #fff);
-}
-.ui-btn-down-d a.ui-link-inherit {
- color: #111;
-}
-.ui-btn-up-d,
-.ui-btn-hover-d,
-.ui-btn-down-d {
- font-family: Helvetica, Arial, sans-serif;
- text-decoration: none;
-}
-
-
-/* E
------------------------------------------------------------------------------------------------------------*/
-
-.ui-bar-e {
- border: @borderWidth solid #F7C942;
- background: #fadb4e;
- color: #333;
- text-shadow: 0 1px 0 #fff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7), to(#fadb4e)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #fceda7, #fadb4e); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #fceda7, #fadb4e); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #fceda7, #fadb4e); /* IE10 */
- background-image: -o-linear-gradient(top, #fceda7, #fadb4e); /* Opera 11.10+ */
- background-image: linear-gradient(top, #fceda7, #fadb4e);
-}
-.ui-bar-e,
-.ui-bar-e input,
-.ui-bar-e select,
-.ui-bar-e textarea,
-.ui-bar-e button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-bar-e .ui-link-inherit {
- color: #333;
-}
-.ui-bar-e .ui-link {
- color: #2489CE;
- font-weight: bold;
-}
-.ui-body-e {
- border: @borderWidth solid #F7C942;
- color: #333333;
- text-shadow: 0 1px 0 #fff;
- background: #faeb9e;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#faeb9e)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #fff, #faeb9e); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #fff, #faeb9e); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #fff, #faeb9e); /* IE10 */
- background-image: -o-linear-gradient(top, #fff, #faeb9e); /* Opera 11.10+ */
- background-image: linear-gradient(top, #fff, #faeb9e);
-}
-.ui-body-e,
-.ui-body-e input,
-.ui-body-e select,
-.ui-body-e textarea,
-.ui-body-e button {
- font-family: Helvetica, Arial, sans-serif;
-}
-.ui-body-e .ui-link-inherit {
- color: #333333;
-}
-.ui-body-e .ui-link {
- color: #2489CE;
- font-weight: bold;
-}
-.ui-btn-up-e {
- border: @borderWidth solid #F7C942;
- background: #fadb4e;
- font-weight: bold;
- color: #333;
- text-shadow: 0 1px 0 #fff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7), to(#fadb4e)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #fceda7, #fadb4e); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #fceda7, #fadb4e); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #fceda7, #fadb4e); /* IE10 */
- background-image: -o-linear-gradient(top, #fceda7, #fadb4e); /* Opera 11.10+ */
- background-image: linear-gradient(top, #fceda7, #fadb4e);
-}
-.ui-btn-up-e a.ui-link-inherit {
- color: #333;
-}
-.ui-btn-hover-e {
- border: @borderWidth solid #e79952;
- background: #fbe26f;
- font-weight: bold;
- color: #111;
- text-shadow: 0 1px 1px #fff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf0b5), to(#fbe26f)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #fcf0b5, #fbe26f); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #fcf0b5, #fbe26f); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #fcf0b5, #fbe26f); /* IE10 */
- background-image: -o-linear-gradient(top, #fcf0b5, #fbe26f); /* Opera 11.10+ */
- background-image: linear-gradient(top, #fcf0b5, #fbe26f);
-}
-
-.ui-btn-hover-e a.ui-link-inherit {
- color: #333;
-}
-.ui-btn-down-e {
- border: @borderWidth solid #F7C942;
- background: #fceda7;
- font-weight: bold;
- color: #111;
- text-shadow: 0 1px 1px #ffffff;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fadb4e), to(#fceda7)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #fadb4e, #fceda7); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #fadb4e, #fceda7); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #fadb4e, #fceda7); /* IE10 */
- background-image: -o-linear-gradient(top, #fadb4e, #fceda7); /* Opera 11.10+ */
- background-image: linear-gradient(top, #fadb4e, #fceda7);
-}
-.ui-btn-down-e a.ui-link-inherit {
- color: #333;
-}
-.ui-btn-up-e,
-.ui-btn-hover-e,
-.ui-btn-down-e {
- font-family: Helvetica, Arial, sans-serif;
- text-decoration: none;
-}
-
-
-/* line breaks
------------------------------------------------------------------------------------------------------------*/
-.ui-br {
- border-bottom: rgb(130,130,130);
- border-bottom: rgba(130,130,130,.3);
- border-bottom-width: 1px;
- border-bottom-style: solid;
-}
-
-/* links within "buttons"
------------------------------------------------------------------------------------------------------------*/
-
-a.ui-link-inherit {
- text-decoration: none !important;
-}
-
-
-/* Active class used as the "on" state across all themes; for now, these match the 'c' swatch
------------------------------------------------------------------------------------------------------------*/
-@activeBgFrom: @cBtnDownBgFrom;
-@activeLinkInheritColor: @cBtnDownLinkInheritColor;
-
-.ui-btn-active {
- .ui-btn-down-c;
-}
-
-.ui-btn-active a.ui-link-inherit {
- color: @activeLinkInheritColor;
-}
-
-
-/* button inner top highlight
------------------------------------------------------------------------------------------------------------*/
-
-.ui-btn-inner {
- border-top: 1px solid #fff;
- border-color: rgba(255,255,255,.3);
-}
-
-
-/* corner rounding classes
------------------------------------------------------------------------------------------------------------*/
-
-.ui-corner-tl {
- -moz-border-radius-topleft: .6em;
- -webkit-border-top-left-radius: .6em;
- border-top-left-radius: .6em;
-}
-.ui-corner-tr {
- -moz-border-radius-topright: .6em;
- -webkit-border-top-right-radius: .6em;
- border-top-right-radius: .6em;
-}
-.ui-corner-bl {
- -moz-border-radius-bottomleft: .6em;
- -webkit-border-bottom-left-radius: .6em;
- border-bottom-left-radius: .6em;
-}
-.ui-corner-br {
- -moz-border-radius-bottomright: .6em;
- -webkit-border-bottom-right-radius: .6em;
- border-bottom-right-radius: .6em;
-}
-.ui-corner-top {
- -moz-border-radius-topleft: .6em;
- -webkit-border-top-left-radius: .6em;
- border-top-left-radius: .6em;
- -moz-border-radius-topright: .6em;
- -webkit-border-top-right-radius: .6em;
- border-top-right-radius: .6em;
-}
-.ui-corner-bottom {
- -moz-border-radius-bottomleft: .6em;
- -webkit-border-bottom-left-radius: .6em;
- border-bottom-left-radius: .6em;
- -moz-border-radius-bottomright: .6em;
- -webkit-border-bottom-right-radius: .6em;
- border-bottom-right-radius: .6em;
- }
-.ui-corner-right {
- -moz-border-radius-topright: .6em;
- -webkit-border-top-right-radius: .6em;
- border-top-right-radius: .6em;
- -moz-border-radius-bottomright: .6em;
- -webkit-border-bottom-right-radius: .6em;
- border-bottom-right-radius: .6em;
-}
-.ui-corner-left {
- -moz-border-radius-topleft: .6em;
- -webkit-border-top-left-radius: .6em;
- border-top-left-radius: .6em;
- -moz-border-radius-bottomleft: .6em;
- -webkit-border-bottom-left-radius: .6em;
- border-bottom-left-radius: .6em;
-}
-.ui-corner-all {
- -moz-border-radius: .6em;
- -webkit-border-radius: .6em;
- border-radius: .6em;
-}
-
-
-
-/* Interaction cues
------------------------------------------------------------------------------------------------------------*/
-.ui-disabled {
- opacity: .3;
-}
-.ui-disabled,
-.ui-disabled a {
- cursor: default;
-}
-
-/* Icons
------------------------------------------------------------------------------------------------------------*/
-
-.ui-icon {
- background: #666;
- background: rgba(0,0,0,.4);
- background-image: url(images/icons-18-white.png);
- background-repeat: no-repeat;
- -moz-border-radius: 9px;
- -webkit-border-radius: 9px;
- border-radius: 9px;
-}
-
-
-/* Alt icon color
------------------------------------------------------------------------------------------------------------*/
-
-.ui-icon-alt {
- background: #fff;
- background: rgba(255,255,255,.3);
- background-image: url(images/icons-18-black.png);
- background-repeat: no-repeat;
-}
-
-/* HD/"retina" sprite
------------------------------------------------------------------------------------------------------------*/
-
-@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
- only screen and (min--moz-device-pixel-ratio: 1.5),
- only screen and (min-resolution: 240dpi) {
-
- .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
- .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
- .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
- .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search,
- .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
- background-image: url(images/icons-36-white.png);
- -moz-background-size: 776px 18px;
- -o-background-size: 776px 18px;
- -webkit-background-size: 776px 18px;
- background-size: 776px 18px;
- }
- .ui-icon-alt {
- background-image: url(images/icons-36-black.png);
- }
-}
-
-/* plus minus */
-.ui-icon-plus {
- background-position: -0 50%;
-}
-.ui-icon-minus {
- background-position: -36px 50%;
-}
-
-/* delete/close */
-.ui-icon-delete {
- background-position: -72px 50%;
-}
-
-/* arrows */
-.ui-icon-arrow-r {
- background-position: -108px 50%;
-}
-.ui-icon-arrow-l {
- background-position: -144px 50%;
-}
-.ui-icon-arrow-u {
- background-position: -180px 50%;
-}
-.ui-icon-arrow-d {
- background-position: -216px 50%;
-}
-
-/* misc */
-.ui-icon-check {
- background-position: -252px 50%;
-}
-.ui-icon-gear {
- background-position: -288px 50%;
-}
-.ui-icon-refresh {
- background-position: -324px 50%;
-}
-.ui-icon-forward {
- background-position: -360px 50%;
-}
-.ui-icon-back {
- background-position: -396px 50%;
-}
-.ui-icon-grid {
- background-position: -432px 50%;
-}
-.ui-icon-star {
- background-position: -468px 50%;
-}
-.ui-icon-alert {
- background-position: -504px 50%;
-}
-.ui-icon-info {
- background-position: -540px 50%;
-}
-.ui-icon-home {
- background-position: -576px 50%;
-}
-.ui-icon-search {
- background-position: -612px 50%;
-}
-.ui-icon-checkbox-off {
- background-position: -684px 50%;
-}
-.ui-icon-checkbox-on {
- background-position: -648px 50%;
-}
-.ui-icon-radio-off {
- background-position: -756px 50%;
-}
-.ui-icon-radio-on {
- background-position: -720px 50%;
-}
-
-
-/* checks,radios */
-.ui-checkbox .ui-icon {
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
-}
-.ui-icon-checkbox-off,
-.ui-icon-radio-off {
- background-color: transparent;
-}
-.ui-checkbox-on .ui-icon,
-.ui-radio-on .ui-icon {
- background-color: @activeBgFrom;
-}
-.ui-icon-searchfield {
- background-image: url(images/icon-search-black.png);
- background-size: 16px 16px;
-}
-
-/* loading icon */
-.ui-icon-loading {
- background-image: url(images/ajax-loader.png);
- width: 40px;
- height: 40px;
- -moz-border-radius: 20px;
- -webkit-border-radius: 20px;
- border-radius: 20px;
- background-size: 35px 35px;
-}
-
-
-/* Button corner classes
------------------------------------------------------------------------------------------------------------*/
-
-.ui-btn-corner-tl {
- -moz-border-radius-topleft: 1em;
- -webkit-border-top-left-radius: 1em;
- border-top-left-radius: 1em;
-}
-.ui-btn-corner-tr {
- -moz-border-radius-topright: 1em;
- -webkit-border-top-right-radius: 1em;
- border-top-right-radius: 1em;
-}
-.ui-btn-corner-bl {
- -moz-border-radius-bottomleft: 1em;
- -webkit-border-bottom-left-radius: 1em;
- border-bottom-left-radius: 1em;
-}
-.ui-btn-corner-br {
- -moz-border-radius-bottomright: 1em;
- -webkit-border-bottom-right-radius: 1em;
- border-bottom-right-radius: 1em;
-}
-.ui-btn-corner-top {
- -moz-border-radius-topleft: 1em;
- -webkit-border-top-left-radius: 1em;
- border-top-left-radius: 1em;
- -moz-border-radius-topright: 1em;
- -webkit-border-top-right-radius: 1em;
- border-top-right-radius: 1em;
-}
-.ui-btn-corner-bottom {
- -moz-border-radius-bottomleft: 1em;
- -webkit-border-bottom-left-radius: 1em;
- border-bottom-left-radius: 1em;
- -moz-border-radius-bottomright: 1em;
- -webkit-border-bottom-right-radius: 1em;
- border-bottom-right-radius: 1em;
-}
-.ui-btn-corner-right {
- -moz-border-radius-topright: 1em;
- -webkit-border-top-right-radius: 1em;
- border-top-right-radius: 1em;
- -moz-border-radius-bottomright: 1em;
- -webkit-border-bottom-right-radius: 1em;
- border-bottom-right-radius: 1em;
-}
-.ui-btn-corner-left {
- -moz-border-radius-topleft: 1em;
- -webkit-border-top-left-radius: 1em;
- border-top-left-radius: 1em;
- -moz-border-radius-bottomleft: 1em;
- -webkit-border-bottom-left-radius: 1em;
- border-bottom-left-radius: 1em;
-}
-.ui-btn-corner-all {
- -moz-border-radius: 1em;
- -webkit-border-radius: 1em;
- border-radius: 1em;
-}
-
-/* radius clip workaround for cleaning up corner trapping */
-.ui-corner-tl,
-.ui-corner-tr,
-.ui-corner-bl,
-.ui-corner-br,
-.ui-corner-top,
-.ui-corner-bottom,
-.ui-corner-right,
-.ui-corner-left,
-.ui-corner-all,
-.ui-btn-corner-tl,
-.ui-btn-corner-tr,
-.ui-btn-corner-bl,
-.ui-btn-corner-br,
-.ui-btn-corner-top,
-.ui-btn-corner-bottom,
-.ui-btn-corner-right,
-.ui-btn-corner-left,
-.ui-btn-corner-all {
- -webkit-background-clip: padding-box;
- -moz-background-clip: padding;
- background-clip: padding-box;
-}
-
-/* Overlay / modal
------------------------------------------------------------------------------------------------------------*/
-
-.ui-overlay {
- background: #666;
- opacity: .5;
- filter: Alpha(Opacity=50);
- position: absolute;
- width: 100%;
- height: 100%;
-}
-.ui-overlay-shadow {
- -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
- -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
- box-shadow: 0px 0px 12px rgba(0,0,0,.6);
-}
-.ui-shadow {
- -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
- -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
- box-shadow: 0px 1px 4px rgba(0,0,0,.3);
-}
-.ui-bar-a .ui-shadow,
-.ui-bar-b .ui-shadow ,
-.ui-bar-c .ui-shadow {
- -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
- -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
- box-shadow: 0px 1px 0 rgba(255,255,255,.3);
-}
-.ui-shadow-inset {
- -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
- -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
- box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
-}
-.ui-icon-shadow {
- -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
- -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
- box-shadow: 0px 1px 0 rgba(255,255,255,.4);
-}
-
-/* turn off shadows for buttons
------------------------------------------------------------------------------------------------------------*/
-.ui-btn {
- -moz-box-shadow: none !important;
- -webkit-box-shadow: none !important;
- box-shadow: none !important;
-}
-
-/* unset box shadow in browsers that don't do it right
------------------------------------------------------------------------------------------------------------*/
-.ui-mobile-nosupport-boxshadow * {
- -moz-box-shadow: none !important;
- -webkit-box-shadow: none !important;
- box-shadow: none !important;
-}
-/* turn off outlines for all ui-focus elements
------------------------------------------------------------------------------------------------------------*/
-.ui-focus {
- outline: none;
-}
-
-/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
-*/
-
-/* some unsets - more probably needed */
-.ui-mobile, .ui-mobile body { height: 100%; }
-.ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
-.ui-mobile a img, .ui-mobile fieldset { border: 0; }
-
-/* responsive page widths */
-.ui-mobile-viewport { margin: 0; overflow-x: hidden; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
-
-/* "page" containers - full-screen views, one should always be in view post-pageload */
-.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; }
-.ui-mobile .ui-page-active { display: block; overflow: visible; }
-
-/*orientations from js are available */
-.portrait,
-.portrait .ui-page { min-height: 420px; }
-.landscape,
-.landscape .ui-page { min-height: 300px; }
-
-/* loading screen */
-.ui-loading .ui-mobile-viewport { overflow: hidden !important; }
-.ui-loading .ui-loader { display: block; }
-.ui-loading .ui-page { overflow: hidden; }
-.ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; }
-.ui-loader h1 { font-size: 15px; text-align: center; }
-.ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; }
-
-/*fouc*/
-.ui-mobile-rendering > * { visibility: hidden; }
-
-/*headers, content panels*/
-.ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
-.ui-bar { font-size: 16px; margin: 0; }
-.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; }
-
-.ui-header, .ui-footer { display: block; }
-.ui-page .ui-header, .ui-page .ui-footer { position: relative; }
-.ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em; }
-.ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; }
-.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 90px .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
-.ui-header {
- border-width: 0 !important;
- border-bottom-width: @barBorderWidth !important;
-}
-.ui-footer {
- border-width: 0 !important;
-}
-
-/*content area*/
-.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
-.ui-page-fullscreen .ui-content { padding:0; }
-
-/* icons sizing */
-.ui-icon { width: 18px; height: 18px; }
-
-/* fullscreen class on ui-content div */
-.ui-fullscreen { }
-.ui-fullscreen img { max-width: 100%; }
-
-/* non-js content hiding */
-.ui-nojs { position: absolute; left: -9999px; }
-/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-.spin {
- -webkit-transform: rotate(360deg);
- -webkit-animation-name: spin;
- -webkit-animation-duration: 1s;
- -webkit-animation-iteration-count: infinite;
- -webkit-animation-timing-function: linear;
-}
-@-webkit-keyframes spin {
- from {-webkit-transform: rotate(0deg);}
- to {-webkit-transform: rotate(360deg);}
-}
-
-/* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/
-Built by David Kaneda and maintained by Jonathan Stark.
-*/
-.in, .out {
- -webkit-animation-timing-function: ease-in-out;
- -webkit-animation-duration: 350ms;
-}
-
-.slide.in {
- -webkit-transform: translateX(0);
- -webkit-animation-name: slideinfromright;
-}
-
-.slide.out {
- -webkit-transform: translateX(-100%);
- -webkit-animation-name: slideouttoleft;
-}
-
-.slide.in.reverse {
- -webkit-transform: translateX(0);
- -webkit-animation-name: slideinfromleft;
-}
-
-.slide.out.reverse {
- -webkit-transform: translateX(100%);
- -webkit-animation-name: slideouttoright;
-}
-
-.slideup.in {
- -webkit-transform: translateY(0);
- -webkit-animation-name: slideinfrombottom;
- z-index: 10;
-}
-
-.slideup.out {
- -webkit-animation-name: dontmove;
- z-index: 0;
-}
-
-.slideup.out.reverse {
- -webkit-transform: translateY(100%);
- z-index: 10;
- -webkit-animation-name: slideouttobottom;
-}
-
-.slideup.in.reverse {
- z-index: 0;
- -webkit-animation-name: dontmove;
-}
-.slidedown.in {
- -webkit-transform: translateY(0);
- -webkit-animation-name: slideinfromtop;
- z-index: 10;
-}
-
-.slidedown.out {
- -webkit-animation-name: dontmove;
- z-index: 0;
-}
-
-.slidedown.out.reverse {
- -webkit-transform: translateY(-100%);
- z-index: 10;
- -webkit-animation-name: slideouttotop;
-}
-
-.slidedown.in.reverse {
- z-index: 0;
- -webkit-animation-name: dontmove;
-}
-
-@-webkit-keyframes slideinfromright {
- from { -webkit-transform: translateX(100%); }
- to { -webkit-transform: translateX(0); }
-}
-
-@-webkit-keyframes slideinfromleft {
- from { -webkit-transform: translateX(-100%); }
- to { -webkit-transform: translateX(0); }
-}
-
-@-webkit-keyframes slideouttoleft {
- from { -webkit-transform: translateX(0); }
- to { -webkit-transform: translateX(-100%); }
-}
-
-@-webkit-keyframes slideouttoright {
- from { -webkit-transform: translateX(0); }
- to { -webkit-transform: translateX(100%); }
-}
-
-
-@-webkit-keyframes slideinfromtop {
- from { -webkit-transform: translateY(-100%); }
- to { -webkit-transform: translateY(0); }
-}
-
-@-webkit-keyframes slideinfrombottom {
- from { -webkit-transform: translateY(100%); }
- to { -webkit-transform: translateY(0); }
-}
-
-@-webkit-keyframes slideouttobottom {
- from { -webkit-transform: translateY(0); }
- to { -webkit-transform: translateY(100%); }
-}
-
-@-webkit-keyframes slideouttotop {
- from { -webkit-transform: translateY(0); }
- to { -webkit-transform: translateY(-100%); }
-}
-@-webkit-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
-}
-
-@-webkit-keyframes fadeout {
- from { opacity: 1; }
- to { opacity: 0; }
-}
-
-.fade.in {
- opacity: 1;
- z-index: 10;
- -webkit-animation-name: fadein;
-}
-.fade.out {
- z-index: 0;
- -webkit-animation-name: fadeout;
-}
-
-/* The properties in this rule are only necessary for the 'flip' transition.
- * We need specify the perspective to create a projection matrix. This will add
- * some depth as the element flips. The depth number represents the distance of
- * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
- * value.
- */
-.viewport-flip {
- -webkit-perspective: 1000;
- position: absolute;
-}
-
-.ui-mobile-viewport-transitioning,
-.ui-mobile-viewport-transitioning .ui-page {
- width: 100%;
- height: 100%;
- overflow: hidden;
-}
-
-.flip {
- -webkit-animation-duration: .65s;
- -webkit-backface-visibility:hidden;
- -webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
-}
-
-.flip.in {
- -webkit-transform: rotateY(0) scale(1);
- -webkit-animation-name: flipinfromleft;
-}
-
-.flip.out {
- -webkit-transform: rotateY(-180deg) scale(.8);
- -webkit-animation-name: flipouttoleft;
-}
-
-/* Shake it all about */
-
-.flip.in.reverse {
- -webkit-transform: rotateY(0) scale(1);
- -webkit-animation-name: flipinfromright;
-}
-
-.flip.out.reverse {
- -webkit-transform: rotateY(180deg) scale(.8);
- -webkit-animation-name: flipouttoright;
-}
-
-@-webkit-keyframes flipinfromright {
- from { -webkit-transform: rotateY(-180deg) scale(.8); }
- to { -webkit-transform: rotateY(0) scale(1); }
-}
-
-@-webkit-keyframes flipinfromleft {
- from { -webkit-transform: rotateY(180deg) scale(.8); }
- to { -webkit-transform: rotateY(0) scale(1); }
-}
-
-@-webkit-keyframes flipouttoleft {
- from { -webkit-transform: rotateY(0) scale(1); }
- to { -webkit-transform: rotateY(-180deg) scale(.8); }
-}
-
-@-webkit-keyframes flipouttoright {
- from { -webkit-transform: rotateY(0) scale(1); }
- to { -webkit-transform: rotateY(180deg) scale(.8); }
-}
-
-
-/* Hackish, but reliable. */
-
-@-webkit-keyframes dontmove {
- from { opacity: 1; }
- to { opacity: 1; }
-}
-
-.pop {
- -webkit-transform-origin: 50% 50%;
-}
-
-.pop.in {
- -webkit-transform: scale(1);
- opacity: 1;
- -webkit-animation-name: popin;
- z-index: 10;
-}
-
-.pop.out.reverse {
- -webkit-transform: scale(.2);
- opacity: 0;
- -webkit-animation-name: popout;
- z-index: 10;
-}
-
-.pop.in.reverse {
- z-index: 0;
- -webkit-animation-name: dontmove;
-}
-
-@-webkit-keyframes popin {
- from {
- -webkit-transform: scale(.2);
- opacity: 0;
- }
- to {
- -webkit-transform: scale(1);
- opacity: 1;
- }
-}
-
-@-webkit-keyframes popout {
- from {
- -webkit-transform: scale(1);
- opacity: 1;
- }
- to {
- -webkit-transform: scale(.2);
- opacity: 0;
- }
-}/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-
-/* content configurations. */
-.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
-.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height:1px;}
-
-/* grid solo: 100 - single item fallback */
-.ui-grid-solo .ui-block-a { width: 100%; float: none; }
-
-/* grid a: 50/50 */
-.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; }
-.ui-grid-a .ui-block-a { clear: left; }
-
-/* grid b: 33/33/33 */
-.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; }
-.ui-grid-b .ui-block-a { clear: left; }
-
-/* grid c: 25/25/25/25 */
-.ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; }
-.ui-grid-c .ui-block-a { clear: left; }
-
-/* grid d: 20/20/20/20/20 */
-.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; }
-.ui-grid-d .ui-block-a { clear: left; }
-/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-/* fixed page header & footer configuration */
-.ui-header, .ui-footer, .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { position: absolute; overflow: hidden; width: 100%; border-left-width: 0; border-right-width: 0; }
-.ui-header-fixed, .ui-footer-fixed {
- z-index: 1000;
- -webkit-transform: translateZ(0); /* Force header/footer rendering to go through the same rendering pipeline as native page scrolling. */
-}
-.ui-footer-duplicate, .ui-page-fullscreen .ui-fixed-inline { display: none; }
-.ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { opacity: .9; }
-/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-.ui-navbar { overflow: hidden; }
-.ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;}
-.ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; }
-.ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; }
-.ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; }
-.ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; }
-.ui-navbar li .ui-btn { margin-right: -1px; }
-.ui-navbar li .ui-btn:last-child { margin-right: 0; }
-.ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn,
-.ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; }
-.ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; }
-.ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; }
-/*expanded page styles*/
-.ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; }
-.ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px; }
-.ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; }
-.ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; }
-.ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; }
-.ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; }
-.ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; }
-.ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; }
-/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-.ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 5px; padding: 0; }
-.ui-btn:focus, .ui-btn:active { outline: none; }
-.ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; }
-.ui-btn-inline { display: inline-block; }
-.ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; }
-.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; }
-.ui-btn-icon-notext { display: inline-block; width: 20px; height: 20px; padding: 2px 1px 2px 3px; text-indent: -9999px; }
-.ui-btn-icon-notext .ui-btn-inner { padding: 0; }
-.ui-btn-icon-notext .ui-btn-text { position: absolute; left: -999px; }
-.ui-btn-icon-left .ui-btn-inner { padding-left: 33px; }
-.ui-header .ui-btn-icon-left .ui-btn-inner,
-.ui-footer .ui-btn-icon-left .ui-btn-inner,
-.ui-bar .ui-btn-icon-left .ui-btn-inner { padding-left: 27px; }
-.ui-btn-icon-right .ui-btn-inner { padding-right: 33px; }
-.ui-header .ui-btn-icon-right .ui-btn-inner,
-.ui-footer .ui-btn-icon-right .ui-btn-inner,
-.ui-bar .ui-btn-icon-right .ui-btn-inner { padding-right: 27px; }
-.ui-btn-icon-top .ui-btn-inner { padding-top: 33px; }
-.ui-header .ui-btn-icon-top .ui-btn-inner,
-.ui-footer .ui-btn-icon-top .ui-btn-inner,
-.ui-bar .ui-btn-icon-top .ui-btn-inner { padding-top: 27px; }
-.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 33px; }
-.ui-header .ui-btn-icon-bottom .ui-btn-inner,
-.ui-footer .ui-btn-icon-bottom .ui-btn-inner,
-.ui-bar .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 27px; }
-
-/*btn icon positioning*/
-.ui-btn-icon-notext .ui-icon { display: block; }
-.ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
-.ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%; margin-left: -9px; }
-.ui-btn-icon-left .ui-icon { left: 10px; }
-.ui-btn-icon-right .ui-icon {right: 10px; }
-.ui-header .ui-btn-icon-left .ui-icon,
-.ui-footer .ui-btn-icon-left .ui-icon,
-.ui-bar .ui-btn-icon-left .ui-icon { left: 4px; }
-.ui-header .ui-btn-icon-right .ui-icon,
-.ui-footer .ui-btn-icon-right .ui-icon,
-.ui-bar .ui-btn-icon-right .ui-icon { right: 4px; }
-.ui-header .ui-btn-icon-top .ui-icon,
-.ui-footer .ui-btn-icon-top .ui-icon,
-.ui-bar .ui-btn-icon-top .ui-icon { top: 4px; }
-.ui-header .ui-btn-icon-bottom .ui-icon,
-.ui-footer .ui-btn-icon-bottom .ui-icon,
-.ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4px; }
-.ui-btn-icon-top .ui-icon { top: 5px; }
-.ui-btn-icon-bottom .ui-icon { bottom: 5px; }
-/*hiding native button,inputs */
-.ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: 0; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); background: transparent; }
-/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-.ui-collapsible-contain { margin: .5em 0; }
-.ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; }
-.ui-collapsible-heading a { text-align: left; margin: 0; }
-.ui-collapsible-heading a .ui-btn-inner { padding-left: 40px; }
-.ui-collapsible-heading a span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; }
-.ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; }
-.ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
-.ui-collapsible-heading-status { position:absolute; left:-9999px; }
-.ui-collapsible-content { display: block; padding: 10px 0 10px 8px; }
-.ui-collapsible-content-collapsed { display: none; }
-
-.ui-collapsible-set { margin: .5em 0; }
-.ui-collapsible-set .ui-collapsible-contain { margin: -1px 0 0; }
-/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-.ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0 1em; }
-.ui-bar .ui-controlgroup { margin: 0 .3em; }
-.ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; }
-.ui-controlgroup-controls { display: block; width: 95%;}
-.ui-controlgroup li { list-style: none; }
-.ui-controlgroup-vertical .ui-btn,
-.ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0; }
-.ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
-.ui-controlgroup-horizontal { padding: 0; }
-.ui-controlgroup-horizontal .ui-btn,
-.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { display: inline-block; margin: 0 -5px 0 0; }
-.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { display: inline; }
-.ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn,
-.ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
-.ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; }
-.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
-/* conflicts with listview..
-.ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; }
-.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { padding: 5px 6px 5px 5px; }
-*/
-
-@media all and (min-width: 450px){
- .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
- .ui-controlgroup-controls { width: 60%; display: inline-block; }
-} /*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-.ui-dialog { min-height: 480px; }
-.ui-dialog .ui-header, .ui-dialog .ui-content, .ui-dialog .ui-footer { margin: 15px; position: relative; }
-.ui-dialog .ui-header, .ui-dialog .ui-footer { z-index: 10; width: auto; }
-.ui-dialog .ui-content, .ui-dialog .ui-footer { margin-top: -15px; }/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-.ui-checkbox, .ui-radio { position:relative; margin: .2em 0 .5em; z-index: 1; }
-.ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; z-index: 2; }
-.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
-.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
-.ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
-.ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
-.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {left: 15px; }
-.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon {right: 15px; }
-/* input, label positioning */
-.ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px; margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-.ui-field-contain { padding: 1.5em 0; margin: 0; border-bottom-width: 1px; overflow: visible; }
-.ui-field-contain:first-child { border-top-width: 0; }
-@media all and (min-width: 450px){
- .ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
-} /*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-.ui-select { display: block; position: relative; }
-.ui-select select { position: absolute; left: -9999px; top: -9999px; }
-.ui-select .ui-btn { overflow: hidden; }
-.ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
-.ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; }
-
-.ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
-.ui-select .ui-btn-icon-right .ui-icon { right: 15px; }
-
-/* labels */
-label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
-
-/*listbox*/
-.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; }
-.ui-select .ui-btn-text { text-overflow: ellipsis; overflow: hidden;}
-
-.ui-selectmenu { position: absolute; padding: 0; z-index: 100 !important; width: 80%; max-width: 350px; padding: 6px; }
-.ui-selectmenu .ui-listview { margin: 0; }
-.ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
-.ui-selectmenu-hidden { top: -9999px; left: -9999px; }
-.ui-selectmenu-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; }
-.ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
-.ui-selectmenu-list .ui-li .ui-icon { display: block; }
-.ui-li.ui-selectmenu-placeholder { display: none; }
-.ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
-
-@media all and (min-width: 450px){
- label.ui-select { display: inline-block; width: 20%; margin: 0 2% 0 0; }
- .ui-select { width: 60%; display: inline-block; }
-}
-
-/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button. this shim's content in there */
-.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
-input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 95%; }
-input.ui-input-text { -webkit-appearance: none; }
-textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
-.ui-input-search { padding: 0 30px; width: 77%; background-position: 8px 50%; background-repeat: no-repeat; position: relative; }
-.ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
-.ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -14px; }
-.ui-input-search .ui-input-clear-hidden { display: none; }
-
-/* orientation adjustments - incomplete!*/
-@media all and (min-width: 450px){
- label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
- input.ui-input-text,
- textarea.ui-input-text,
- .ui-input-search { width: 60%; display: inline-block; }
- .ui-input-search { width: 50%; }
- .ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }
-}/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-.ui-listview { margin: 0; counter-reset: listnumbering; }
-.ui-content .ui-listview { margin: -15px; }
-.ui-content .ui-listview-inset { margin: 1em 0; }
-.ui-listview, .ui-li { list-style:none; padding:0; }
-.ui-li, .ui-li.ui-field-contain { display: block; margin:0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; }
-.ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
-.ui-li-divider, .ui-li-static { padding: .5em 15px; font-size: 14px; font-weight: bold; }
-.ui-li-divider { counter-reset: listnumbering; }
-ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal;counter-increment: listnumbering; content: counter(listnumbering) ". "; }
-ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
-.ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
-.ui-li:last-child, .ui-li.ui-field-contain:last-child { border-bottom-width: 1px; }
-.ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
-.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 75px .7em 15px; display: block; }
-.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb { min-height: 60px; padding-left: 100px; }
-.ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; }
-.ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
-.ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
-.ui-li-thumb, .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
-.ui-li-icon { max-height: 40px; max-width: 40px; left: 10px; top: .9em; }
-.ui-li-thumb, .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
-
-.ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
-@media all and (min-width: 480px){
- .ui-li-aside { width: 45%; }
-}
-.ui-li-divider { cursor: default; }
-.ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 95px; }
-.ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 38px; }
-.ui-li-divider .ui-li-count, .ui-li-static .ui-li-count { right: 10px; }
-.ui-li-has-alt .ui-li-count { right: 55px; }
-.ui-li-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; }
-.ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -11px 0 0 0; border-bottom-width: 1px; }
-.ui-li-link-alt .ui-btn-inner { padding: 0; position: static; }
-.ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; }
-
-.ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px }
-.ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
-
-.ui-listview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; }
-.ui-li.ui-screen-hidden{display:none;}
-/* Odd iPad positioning issue. */
-@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
- .ui-li .ui-btn-text { overflow: visible; }
-}/*
-* jQuery Mobile Framework
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
-*/
-label.ui-slider { display: block; }
-input.ui-slider-input { display: inline-block; width: 50px; }
-select.ui-slider-switch { display: none; }
-div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 66%; }
-a.ui-slider-handle { position: absolute; z-index: 10; top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; }
-a.ui-slider-handle .ui-btn-inner { padding-left: 0; padding-right: 0; }
-@media all and (min-width: 480px){
- label.ui-slider { display: inline-block; width: 20%; margin: 0 2% 0 0; }
- div.ui-slider { width: 45%; }
-}
-
-div.ui-slider-switch { height: 32px; overflow: hidden; margin-left: 0; }
-div.ui-slider-inneroffset { margin-left: 50%; position: absolute; top: 1px; height: 100%; width: 50%; }
-div.ui-slider-handle-snapping { -webkit-transition: left 100ms linear; }
-div.ui-slider-labelbg { position: absolute; top:0; margin: 0; border-width: 0; }
-div.ui-slider-switch div.ui-slider-labelbg-a { width: 60%; height: 100%; left: 0; }
-div.ui-slider-switch div.ui-slider-labelbg-b { width: 60%; height: 100%; right: 0; }
-.ui-slider-switch-a div.ui-slider-labelbg-a, .ui-slider-switch-b div.ui-slider-labelbg-b { z-index: -1; }
-.ui-slider-switch-a div.ui-slider-labelbg-b, .ui-slider-switch-b div.ui-slider-labelbg-a { z-index: 0; }
-
-div.ui-slider-switch a.ui-slider-handle { z-index: 20; width: 101%; height: 32px; margin-top: -18px; margin-left: -101%; }
-span.ui-slider-label { width: 96%; position: absolute;height: 32px; font-size: 16px; text-align: center; line-height: 2; background: none; border-color: transparent;}
-span.ui-slider-label-a { left: -100%; margin-right: -1px }
-span.ui-slider-label-b { right: -100%; margin-left: -1px }
+++ /dev/null
-THEME_NAME=tizen-gray
-
-THEME_OUTPUT_ROOT ?= .
-OUTPUT_DIR = ${THEME_OUTPUT_ROOT}/${THEME_NAME}
-
-CSS_OUTPUT = ${OUTPUT_DIR}/tizen-web-ui-fw-theme.css
-
-CSS_SRCS= ../common/jquery.mobile.theme.less.css \
- ../common/jquery.mobile.core.less.css \
- ../common/jquery.mobile.transitions.css \
- ../common/jquery.mobile.grids.css \
- ../common/jquery.mobile.headerfooter.less.css \
- ../common/jquery.mobile.navbar.css \
- ../common/jquery.mobile.button.less.css \
- ../common/jquery.mobile.collapsible.css \
- ../common/jquery.mobile.dialog.less.css \
- ../common/jquery.mobile.forms.checkboxradio.less.css \
- ../common/jquery.mobile.forms.fieldcontain.css \
- ../common/jquery.mobile.forms.select.css \
- ../common/jquery.mobile.forms.textinput.less.css \
- ../common/jquery.mobile.controlgroup.less.css \
- ../common/jquery.mobile.listview.less.css \
- ../common/jquery.mobile.segmentctrl.less.css \
- ../common/jquery.mobile.tizen.optionheader.less.css \
- ../common/jquery.mobile.tizen.virtuallistview.less.css \
- ../common/jquery.mobile.tizen.scrollview.css \
- ../common/jquery.mobile.tizen.hsvpicker.less.css \
- ../common/jquery.mobile.tizen.colorpalette.less.css \
- ../common/jquery.mobile.tizen.colortitle.less.css \
- ../common/jquery.mobile.tizen.datetimepicker.less.css \
- ../common/jquery.mobile.tizen.popupwindow.less.css \
- ../common/jquery.mobile.tizen.ctxpopup.less.css \
- ../common/jquery.mobile.tizen.progressbar.less.css \
- ../common/jquery.mobile.tizen.progress.less.css \
- ../common/jquery.mobile.tizen.slider.less.css \
- ../common/jquery.mobile.tizen.imageslider.less.css \
- ../common/jquery.mobile.tizen.notification.less.css \
- ../common/jquery.mobile.tizen.pagecontrol.less.css \
- ../common/jquery.mobile.tizen.swipelist.less.css \
- ../common/jquery.mobile.tizen.nocontents.less.css \
- ../common/jquery.mobile.tizen.shortcutscroll.less.css \
- ../common/jquery.mobile.tizen.dayselector.less.css \
- ../common/jquery.mobile.tizen.toggleswitch.less.css \
- ../common/jquery.mobile.tizen.huegradient.css \
- ../common/jquery.mobile.tizen.colorpicker.less.css \
- ../common/jquery.mobile.tizen.colorpickerbutton.css \
- ../common/jquery.mobile.tizen.triangle.less.css
-
-all: prepare css images js
-
-prepare:
- -mkdir -p ${OUTPUT_DIR}
-
-less: prepare
- # Compiling less to css...
- @for f in `find ../common -iname '*.less' | sort`; do \
- if test "config.less" = "$$f" ; then continue; fi; \
- echo " build $$f"; \
- lessc $$f > $$f.css; \
- done;
-
-css: prepare less
- # Creating tizen-gray theme...
- @rm -f $(CSS_OUTPUT)
- @for src in $(CSS_SRCS); do \
- cat $$src >> $(CSS_OUTPUT) ; \
- done
-
-images: prepare
- # Copying tizen-gray theme images...
- @cp -a images/ ${OUTPUT_DIR}/
-
-js: prepare
- @cp -a theme.js ${OUTPUT_DIR}
-
-clean:
- # Cleaning tizen-gray theme...
- -rm -rf $(OUTPUT_DIR)
- -rm -f *.less.css
-
+++ /dev/null
-// Basic color set
-@color_bg: rgb(0, 0, 0); // 0 0 0
-@color_bg_sub: rgb(36, 36, 36); // 36 36 36 // TODO: used only in dialog group. Check more.
-
-@color_border: rgb(42, 42, 42); // 42 42 42
-@color_header: rgb(68, 68, 74); // 68 68 74
-
-@color_text: rgb(249, 249, 249); // 249 249 249
-@color_text_dim: rgb(108, 115, 118); // 108 115 118
-@color_text_focus: @color_text;
-@color_text_sub: rgb(102, 102, 102); // 102 102 102
-@color_text_setting: rgb(42, 109, 140); // 42 109 140
-@color_text_input: rgb(70, 70, 70); // 70 70 70
-@color_text_cursor: @color_text_setting;
-@color_text_segctrl: rgb(158, 195, 213); // 158 195 213 // TODO: used only in segctrl. Check more.
-
-//Dialogue color set
-@color_dialogue_main_text: rgb(249,249,249);
-@color_dialogue_sub_text: rgb(146,146,146);
-
-//Dialogue Editor color set
-@color_dialogue_editor_default_text: rgb(70, 70, 70);
-@color_dialogue_editor_bg: rgb(0, 0, 0);
-@color_dialogue_editor_border: rgba(68, 68, 68, 255);
-
-/*************************
- Vars/Mixins for Widgets
-
- NOTE:
- * Color variables' name: @color_<widget name>_<identifier>
- * Color values: Use rgb() or rgba()
- *************************/
-
-
-/***************************************************************************
- List
-***************************************************************************/
-@color_list_main_text_read: rgba(158, 158, 158, 1);
-@color_list_main_text_unread: rgba(249, 249, 249, 1);
-@color_list_main_text_focus: rgba(249, 249, 249, 1);
-@color_list_sub_text_default: rgba(100, 100, 100, 1);
-@color_list_sub_text_settings: rgba(0, 140, 210, 1);
-@color_list_sub_text_focus: rgba(249, 249, 249, 1);
-@color_list_flexible_text_main: rgba(249, 249, 249, 1);
-@color_list_flexible_text_sub: rgba(149, 149, 149, 1);
-@color_list_index_list: rgba(164, 164, 164, 1);
-@color_list_editfield_text: rgba(70, 70, 70, 1);
-@color_list_editfield_text_cursor: rgba(0, 140, 210, 1);
-@color_list_multiline_text: rgba(149, 149, 149, 1);
-@color_list_3line_main_text: rgba(249, 249, 249, 1);
-@color_list_3line_main_text_read: rgba(249, 249, 249, 1);
-@color_list_3line_main_text_focus: rgba(249, 249, 249, 1);
-@color_list_3line_main_text2: rgba(104, 137, 152, 1);
-@color_list_3line_main_text2_focus: rgba(249, 249, 249, 1);
-@color_list_converter_style: rgba(249, 249, 249, 1);
-@color_list_converter_style_focus: rgba(249, 249, 249, 1);
-@color_list_unread_email: rgba(249, 249, 249, 1);
-@color_list_contents_text: rgba(210, 210, 210, 1);
-@color_list_name_text: rgba(129, 129, 129, 1);
-@color_list_name_text_dim: rgba(0, 140, 210, 1);
-@color_list_colorbar: rgba(80, 107, 207, 1); //Temp, not defined
-@color_list_bubble_box_shadow: rgb(77, 58, 23); // Not defined in GUI guide.
-@color_list_bubble_left_text: rgb(0, 0, 0);
-@color_list_bubble_left_bg: rgb(221, 206, 122); // Not defined in GUI guide. Picked from image.
-@color_list_bubble_right_text: rgb(96, 96, 96);
-@color_list_bubble_right_bg: rgb(194, 209, 218); // Not defined in GUI guide. Picked from image.
-@color_list_bubble_sos_text: rgb(211, 0, 0);
-@color_list_bubble_date_text: rgb(57, 166, 215);
-@color_list_bubble_date_bg: rgb(66, 66, 66);
-@color_list_bubble_time_text: rgb(57, 166, 215);
-@color_list_bubble_link_text: rgb(34, 129, 157);
-@color_list_bubble_failed_text: rgb(211, 0, 0);
-@color_list_bubble_name_text: rgb(57, 166, 215);
-@color_list_bubble_help_text: rgb(146, 146, 146);
-@color_list_divider_bg : rgb(66, 66, 66); /* #424242 */
-@color_list_divider_text : rgb(164, 164, 164); /* #a4a4a4 */
-
-@font_size_list_main_text: 44 * @unit_base; //1.375rem; /* 44 px */
-@font_size_list_sub_text: 32 * @unit_base; //1.0rem; /* 32 px */
-@font_size_list_flexible_text_main: 48 * @unit_base; //1.5rem; /* 48 px */
-@font_size_list_flexible_text_sub: 36 * @unit_base; //1.125rem; /* 36 px */
-@font_size_list_index_list: 32 * @unit_base; //1.0rem; /* 32 px */
-@font_size_list_editfield_text: 44 * @unit_base; //1.375rem; /* 44 px */
-@font_size_list_multiline_text: 32 * @unit_base; //1.0rem; /* 32 px */
-@font_size_list_3line_main_text: 42 * @unit_base; //1.3125rem; /* 42 px */
-@font_size_list_3line_main_text2: 36 * @unit_base; //1.125rem; /* 36 px */
-@font_size_list_converter_style: 40 * @unit_base; //1.3rem; /* 40 px */
-@font_size_list_unread_email: 44 * @unit_base; //1.375rem; /* 44 px */
-@font_size_list_contents_text: 30 * @unit_base; //0.94rem; /* 30 px */
-@font_size_list_name_text: 32 * @unit_base; //1.0rem; /* 32 px */
-
-
-/***************************************************************************
- Shortcut Scroll
-***************************************************************************/
-@color_shortcutscroll_rollover_bg: rgba(68, 68, 68, 0.5); // 00_fast_scroll_rollover_bg.png
-@color_shortcutscroll_rollover_text: rgba(180, 180, 180, 0.6);
-@color_shortcutscroll_popup_bg: rgba(115, 137, 147, 1); // 00_fast_scroll_popup_bg.png
-@color_shortcutscroll_popup_shadow: rgba(199, 199, 199, 0.5);
-@color_shortcutscroll_popup_text: rgb(249, 249, 249);
-
-
-/***************************************************************************
- Popup
-***************************************************************************/
-@color_popup_info_style: rgba(249, 249, 249, 1);
-@color_popup_basic_style_title: rgba(249, 249, 249, 1);
-@color_popup_small_popup_info: rgba(249, 249, 249, 1);
-@color_popup_center_progressbar_title: rgba(153, 153, 153, 1);
-@color_popup_text_progress_title: rgba(249, 249, 249, 1);
-@color_popup_text_background: rgba(33, 60, 73, 1); /* #213c49 */
-@color_popup_button_background: rgba(86, 93, 96, 1); /* #565d60 */
-
-@font_size_popup_info_style: 42 * @unit_base; //1.3125rem; /* 42px */
-@font_size_popup_basic_style_title: 38 * @unit_base; //1.1875rem; /* 38px */
-@font_size_popup_small_popup_info: 32 * @unit_base; //1.0rem; /* 32px */
-@font_size_popup_center_progressbar_title: 26 * @unit_base; //0.8125rem; /* 26px */
-@font_size_popup_text_progress_title: 42 * @unit_base; //1.3125rem; /* 42px */
-@font_size_popup_button_text: 32 * @unit_base; //1.0rem; /* 32px */
-
-
-/***************************************************************************
- Button
-***************************************************************************/
-@color_button_normal: rgb(59, 59, 59);
-@color_button_press: rgb(0, 140, 210);
-@color_button_hover: rgb(69, 69, 69);
-@color_button_text_normal: rgb(249, 249, 249);
-@color_button_text_press: rgb(249, 249, 249);
-
-@color_button_EditText: rgb(207, 41, 41);
-@color_button_EditTextPress: rgb(249, 249, 249);
-@color_button_EditBG: rgb(0, 0, 0);
-@color_button_EditBGPress: rgb(0, 140, 210);
-.LESSbutton_text1_style{
- font-family: @font_family;
- font-weight: normal;
- font-size: 1.0rem;
- font-style:normal;
- color: @color_button_text_normal;
- &:hover {color: @color_button_text_press;}
-}
-
-/***************************************************************************
- Date Time picker color set
-***************************************************************************/
-@color_timepicker_selector_color: rgb(0,140,210);
-
-/***************************************************************************
- Contextual Popup
-***************************************************************************/
-@color_ctxpopup_border_left: rgb(70, 70, 70);
-@color_ctxpopup_border_right: rgb(0, 0, 0);
-@color_ctxpopup_timepicker_text: rgb( 105, 151, 173 );
-@color_ctxpopup_timepicker_text_focus: rgb( 249, 249, 249 );
-
-/***************************************************************************
- DaySelector
-***************************************************************************/
-@color_dayselector_Btn_Sat: rgba(0, 168, 231, 1); /* #00a8e7 */
-@color_dayselector_Btn_Sun: rgba(240, 20, 2, 1); /* #f01402 */
-@color_dayselector_Btn_Mon_to_Fri: rgba(249, 249, 249, 1); /* #f9f9f9 */
-@color_dayselector_Btn_border: rgba(100, 100, 100, 1); /* #646464 */
-@color_dayselector_Btn_normal: rgba(59, 59, 59, 1); /* #3b3b3b */
-@color_dayselector_Btn_press: rgba(0, 140, 210, 1); /* #008cd2 */
-
-
-/***************************************************************************
- OptionHeader
-***************************************************************************/
-@color_optionheader_Background: rgba(72, 72, 72, 1); /* #484848 */
-@color_optionheader_bt: rgba(32, 32, 32, 1); /* #202020 */
-@color_optionheader_bt_press: rgba(35, 132, 182, 1); /* #2384b6 */
-@color_optionheader_tab_text: rgba(249, 249, 249, 1); /* #f9f9f9 */
-
-
-/***************************************************************************
- SearchBar(forms.textinput)
-***************************************************************************/
-@color_searchbar_bg : rgba(36, 36, 36, 1); /* #242424 */
-@color_searchbar_default_text : rgba(130, 130, 130, 1); /* #828282 */
-
-
-/***************************************************************************
- SegmentControl
-***************************************************************************/
-@color_segmentcontrol_btn_normal : rgba(230, 230, 230, 1); /* #e6e6e6 */
-@color_segmentcontrol_btn_press : rgba(61, 61, 61, 1); /* #3d3d3d; */
-@color_segmentcontrol_Seg_text : rgba(144, 144, 144, 1); /* #909090 */
-@color_segmentcontrol_Seg_text_pressed : rgba(0, 0, 0, 1); /* #000000 */
-
-
-/***************************************************************************
- ControlGroup
-***************************************************************************/
-@color_controlgroup_btn_border : rgba(37, 37, 37, 1); /* #252525 */
-
-
-/***************************************************************************
- Header / Footer
- NavigationBar / ControlBar
-***************************************************************************/
-@color_bar_bg : rgba(31, 31, 31, 1); /* #1F1F1F */
-@color_bar_back_btn_press : rgba(10, 140, 210, 1); /* #0a8cd2 */
-@color_bar_btn_press : rgba(10, 140, 210, 1); /* #0a8cd2 */
-@color_bar_btn_bg : rgba(31, 31, 31, 1); /* #1F1F1F */
-
-@color_bar_seg_btn_border : rgba(43, 43, 43, 1); /* #2B2B2B */
-@color_bar_seg_text_press : rgba(0, 0, 0, 1); /* #000000 */
-@color_bar_seg_text_normal : rgba(118, 118, 118, 1); /* #767676 */
-@color_bar_seg_btn_press : rgba(249, 249, 249, 1); /* #F9F9F9 */
-@color_bar_seg_btn_normal : rgba(67, 67, 67, 1); /* #434343 */
-
-@color_bar_title_text : rgba(249, 249, 249, 1); /* #F9F9F9 */
-@color_bar_title_bg : rgba(108, 108, 108, 1); /* #6c6c6c */
-@color_bar_title_btn_bg : rgba(132, 132, 132, 1); /* #848484 */
-@color_bar_title_btn_border : rgba(76, 76, 76, 1); /* #4C4C4C */
-
-@color_bar_footer_bg : rgba(31, 31, 31, 1); /* #1F1F1F */
-@color_bar_footer_btn_bg : rgba(53, 53, 53, 1); /* #353535 */
-
-@color_controlbar_btn_border : rgba(42, 42, 42, 1); /* #2A2A2A */
-@color_controlbar_tabbbar_bg : rgba(31, 31, 31, 1); /* #1F1F1F */
-@color_controlbar_toolbbar_bg : rgba(31, 31, 31, 1); /* #1F1F1F */
-@color_controlbar_bg : rgba(31, 31, 31, 1); /* #1F1F1F */
-@color_controlbar_btn_text : rgba(249, 249, 249, 1); /* #F9F9F9 */
-@color_controlbar_btn_press : rgba(76, 76, 76, 1); /* #4c4c4c */
-
-
-/***************************************************************************
- Tickernoti
-***************************************************************************/
-@color_ticker_bg: rgb(108, 108, 108);
-@color_ticker_text1: rgb(186, 186, 186);
-@color_ticker_text2: rgb(244, 244, 244);
-
-
-/***************************************************************************
- Smallpopup
-***************************************************************************/
-@color_smallpopup_bg: rgb(52, 74, 85);
-@color_smallpopup_text: rgb(249, 249, 249);
-
-
-/***************************************************************************
- No Contents
-***************************************************************************/
-@color_nocontents_text: rgb(81, 78, 76);
-
-
-/***************************************************************************
- Slider
-***************************************************************************/
-@color_slider_handle_text: rgb(42, 109, 140);
-
-
-
+++ /dev/null
-/****************************
- * Tizen Common Less Header *
- ****************************/
-@import "../common/jquery.mobile.tizen.less";
-@import "color.less";
+++ /dev/null
-(function( $, undefined ) {
-//$.mobile.page.prototype.options.backBtnTheme = "s";
-
-// Clear default theme for child elements
-$.mobile.page.prototype.options.headerTheme = "s";
-$.mobile.page.prototype.options.footerTheme = "s";
-//$.mobile.page.prototype.options.contentTheme = "s";
-
-// clear listview
-$.mobile.listview.prototype.options.theme = "s";
-$.mobile.listview.prototype.options.countTheme = "s";
-$.mobile.listview.prototype.options.headerTheme = "s";
-$.mobile.listview.prototype.options.dividerTheme = "s";
-$.mobile.listview.prototype.options.splitTheme = "s";
-
-//clear button theme
-$.mobile.button.prototype.options.theme = "s";
-
-// Default theme swatch
-$.mobile.page.prototype.options.theme = "s";
-
-})(jQuery);
+++ /dev/null
-/*
- *
- * This software is licensed under the MIT licence (as defined by the OSI at
- * http://www.opensource.org/licenses/mit-license.php)
- *
- * ***************************************************************************
- * Copyright (C) 2011 by Intel Corporation Ltd.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- * ***************************************************************************
- */
-
-(function($, undefined) {
-
-$.widget("tizen.colorwidget", $.tizen.widgetex, {
- options: {
- color: "#ff0972"
- },
-
- _value: {
- attr: "data-" + ($.mobile.ns || "") + "color",
- signal: "colorchanged"
- },
-
- _getElementColor: function(el, cssProp) {
- return el.jqmData("clr");
- },
-
- _setElementColor: function(el, hsl, cssProp) {
- var clrlib = $.tizen.colorwidget.clrlib,
- clr = clrlib.RGBToHTML(clrlib.HSLToRGB(hsl)),
- dclr = clrlib.RGBToHTML(clrlib.HSLToGray(hsl));
-
- el.jqmData("clr", clr);
- el.jqmData("dclr", dclr);
- el.jqmData("cssProp", cssProp);
- el.attr("data-" + ($.mobile.ns || "") + "has-dclr", true);
- el.css(cssProp, this.options.disabled ? dclr : clr);
-
- return { clr: clr, dclr: dclr };
- },
-
- _displayDisabledState: function(toplevel) {
- var self = this,
- sel = ":jqmData(has-dclr='true')",
- dst = toplevel.is(sel) ? toplevel : $([]);
- dst
- .add(toplevel.find(sel))
- .each(function() {
- el = $(this);
-
- el.css(el.jqmData("cssProp"), el.jqmData(self.options.disabled ? "dclr" : "clr"));
- });
- },
-
- _setColor: function(value) {
- var currentValue = (this.options.color + "");
-
- value = value + "";
- value = value.match(/#[0-9A-Fa-f]{6}/)
- ? value
- : currentValue.match(/#[0-9A-Fa-f]{6}/)
- ? currentValue
- : $.tizen.colorwidget.prototype.options.color;
-
- if (this.options.color !== value) {
- this.options.color = value;
- this._setValue(value);
- return true;
- }
- return false;
- }
-});
-
-$.tizen.colorwidget.clrlib = {
- nearestInt: function(val) {
- var theFloor = Math.floor(val);
-
- return (((val - theFloor) > 0.5) ? (theFloor + 1) : theFloor);
- },
-
- // Converts html color string to rgb array.
- //
- // Input: string clr_str, where
- // clr_str is of the form "#aabbcc"
- //
- // Returns: [ r, g, b ], where
- // r is in [0, 1]
- // g is in [0, 1]
- // b is in [0, 1]
- HTMLToRGB: function(clr_str) {
- clr_str = (('#' == clr_str.charAt(0)) ? clr_str.substring(1) : clr_str);
-
- return [ parseInt(clr_str.substring(0, 2), 16) / 255.0,
- parseInt(clr_str.substring(2, 4), 16) / 255.0,
- parseInt(clr_str.substring(4, 6), 16) / 255.0 ];
- },
-
- // Converts rgb array to html color string.
- //
- // Input: [ r, g, b ], where
- // r is in [0, 1]
- // g is in [0, 1]
- // b is in [0, 1]
- //
- // Returns: string of the form "#aabbcc"
- RGBToHTML: function(rgb) {
- var ret = "#", val, theFloor;
- for (var Nix in rgb) {
- val = rgb[Nix] * 255;
- theFloor = Math.floor(val);
- val = ((val - theFloor > 0.5) ? (theFloor + 1) : theFloor);
- ret = ret + (((val < 16) ? "0" : "") + (val & 0xff).toString(16));
- }
-
- return ret;
- },
-
- // Converts hsl to rgb.
- //
- // From http://130.113.54.154/~monger/hsl-rgb.html
- //
- // Input: [ h, s, l ], where
- // h is in [0, 360]
- // s is in [0, 1]
- // l is in [0, 1]
- //
- // Returns: [ r, g, b ], where
- // r is in [0, 1]
- // g is in [0, 1]
- // b is in [0, 1]
- HSLToRGB: function(hsl) {
- var h = hsl[0] / 360.0, s = hsl[1], l = hsl[2];
-
- if (0 === s)
- return [ l, l, l ];
-
- var temp2 = ((l < 0.5)
- ? l * (1.0 + s)
- : l + s - l * s),
- temp1 = 2.0 * l - temp2,
- temp3 = {
- r: h + 1.0 / 3.0,
- g: h,
- b: h - 1.0 / 3.0
- };
-
- temp3.r = ((temp3.r < 0) ? (temp3.r + 1.0) : ((temp3.r > 1) ? (temp3.r - 1.0) : temp3.r));
- temp3.g = ((temp3.g < 0) ? (temp3.g + 1.0) : ((temp3.g > 1) ? (temp3.g - 1.0) : temp3.g));
- temp3.b = ((temp3.b < 0) ? (temp3.b + 1.0) : ((temp3.b > 1) ? (temp3.b - 1.0) : temp3.b));
-
- ret = [
- (((6.0 * temp3.r) < 1) ? (temp1 + (temp2 - temp1) * 6.0 * temp3.r) :
- (((2.0 * temp3.r) < 1) ? temp2 :
- (((3.0 * temp3.r) < 2) ? (temp1 + (temp2 - temp1) * ((2.0 / 3.0) - temp3.r) * 6.0) :
- temp1))),
- (((6.0 * temp3.g) < 1) ? (temp1 + (temp2 - temp1) * 6.0 * temp3.g) :
- (((2.0 * temp3.g) < 1) ? temp2 :
- (((3.0 * temp3.g) < 2) ? (temp1 + (temp2 - temp1) * ((2.0 / 3.0) - temp3.g) * 6.0) :
- temp1))),
- (((6.0 * temp3.b) < 1) ? (temp1 + (temp2 - temp1) * 6.0 * temp3.b) :
- (((2.0 * temp3.b) < 1) ? temp2 :
- (((3.0 * temp3.b) < 2) ? (temp1 + (temp2 - temp1) * ((2.0 / 3.0) - temp3.b) * 6.0) :
- temp1)))];
-
- return ret;
- },
-
- // Converts hsv to rgb.
- //
- // Input: [ h, s, v ], where
- // h is in [0, 360]
- // s is in [0, 1]
- // v is in [0, 1]
- //
- // Returns: [ r, g, b ], where
- // r is in [0, 1]
- // g is in [0, 1]
- // b is in [0, 1]
- HSVToRGB: function(hsv) {
- return $.tizen.colorwidget.clrlib.HSLToRGB($.tizen.colorwidget.clrlib.HSVToHSL(hsv));
- },
-
- // Converts rgb to hsv.
- //
- // from http://coecsl.ece.illinois.edu/ge423/spring05/group8/FinalProject/HSV_writeup.pdf
- //
- // Input: [ r, g, b ], where
- // r is in [0, 1]
- // g is in [0, 1]
- // b is in [0, 1]
- //
- // Returns: [ h, s, v ], where
- // h is in [0, 360]
- // s is in [0, 1]
- // v is in [0, 1]
- RGBToHSV: function(rgb) {
- var min, max, delta, h, s, v, r = rgb[0], g = rgb[1], b = rgb[2];
-
- min = Math.min(r, Math.min(g, b));
- max = Math.max(r, Math.max(g, b));
- delta = max - min;
-
- h = 0;
- s = 0;
- v = max;
-
- if (delta > 0.00001) {
- s = delta / max;
-
- if (r === max)
- h = (g - b) / delta ;
- else
- if (g === max)
- h = 2 + (b - r) / delta ;
- else
- h = 4 + (r - g) / delta ;
-
- h *= 60 ;
-
- if (h < 0)
- h += 360 ;
- }
-
- return [h, s, v];
- },
-
- // Converts hsv to hsl.
- //
- // Input: [ h, s, v ], where
- // h is in [0, 360]
- // s is in [0, 1]
- // v is in [0, 1]
- //
- // Returns: [ h, s, l ], where
- // h is in [0, 360]
- // s is in [0, 1]
- // l is in [0, 1]
- HSVToHSL: function(hsv) {
- var max = hsv[2],
- delta = hsv[1] * max,
- min = max - delta,
- sum = max + min,
- half_sum = sum / 2,
- s_divisor = ((half_sum < 0.5) ? sum : (2 - max - min));
-
- return [ hsv[0], ((0 == s_divisor) ? 0 : (delta / s_divisor)), half_sum ];
- },
-
- // Converts rgb to hsl
- //
- // Input: [ r, g, b ], where
- // r is in [0, 1]
- // g is in [0, 1]
- // b is in [0, 1]
- //
- // Returns: [ h, s, l ], where
- // h is in [0, 360]
- // s is in [0, 1]
- // l is in [0, 1]
- RGBToHSL: function(rgb) {
- return $.tizen.colorwidget.clrlib.HSVToHSL($.tizen.colorwidget.clrlib.RGBToHSV(rgb));
- },
-
- // Converts hsl to grayscale
- // Full-saturation magic grayscale values were taken from the Gimp
- //
- // Input: [ h, s, l ], where
- // h is in [0, 360]
- // s is in [0, 1]
- // l is in [0, 1]
- //
- // Returns: [ r, g, b ], where
- // r is in [0, 1]
- // g is in [0, 1]
- // b is in [0, 1]
- HSLToGray: function(hsl) {
- var intrinsic_vals = [0.211764706, 0.929411765, 0.71372549, 0.788235294, 0.070588235, 0.28627451, 0.211764706],
- idx = Math.floor(hsl[0] / 60),
- begVal, endVal, val;
-
- // Find hue interval
- begVal = intrinsic_vals[idx];
- endVal = intrinsic_vals[idx + 1];
-
- // Adjust for lum
- if (hsl[2] < 0.5) {
- var lowerHalfPercent = hsl[2] * 2;
- begVal *= lowerHalfPercent;
- endVal *= lowerHalfPercent;
- }
- else {
- var upperHalfPercent = (hsl[2] - 0.5) * 2;
- begVal += (1.0 - begVal) * upperHalfPercent;
- endVal += (1.0 - endVal) * upperHalfPercent;
- }
-
- // This is the gray value at full sat, whereas hsl[2] is the gray value at 0 sat.
- val = begVal + ((endVal - begVal) * (hsl[0] - (idx * 60))) / 60;
-
- // Get value at hsl[1]
- val = val + (hsl[2] - val) * (1.0 - hsl[1]);
-
- return [val, val, val];
- }
-};
-
-})(jQuery);
+++ /dev/null
-.tizen-huegradient {
- background: none; /* Old browsers */
- background: -webkit-gradient(linear, left top, right top,
- color-stop( 0% ,rgba(255, 0, 0,1)),
- color-stop( 16.666666667%,rgba(255,255, 0,1)),
- color-stop( 33.333333333%,rgba(0 ,255, 0,1)),
- color-stop( 50% ,rgba(0 ,255,255,1)),
- color-stop( 66.666666667%,rgba(0 , 0,255,1)),
- color-stop( 83.333333333%,rgba(255, 0,255,1)),
- color-stop(100% ,rgba(255, 0, 0,1))); /* Chrome,Safari4+ */
- background: -moz-linear-gradient(left,
- rgba(255, 0, 0,1) 0%,
- rgba(255,255, 0,1) 16.666666667%,
- rgba( 0,255, 0,1) 33.333333333%,
- rgba( 0,255,255,1) 50%,
- rgba( 0, 0,255,1) 66.666666667%,
- rgba(255, 0,255,1) 83.333333333%,
- rgba(255, 0, 0,1) 100%);
- background: -webkit-linear-gradient(left,
- rgba(255, 0, 0,1) 0%,
- rgba(255,255, 0,1) 16.666666667%,
- rgba( 0,255, 0,1) 33.333333333%,
- rgba( 0,255,255,1) 50%,
- rgba( 0, 0,255,1) 66.666666667%,
- rgba(255, 0,255,1) 83.333333333%,
- rgba(255, 0, 0,1) 100%);
- background: -o-linear-gradient(left,
- rgba(255, 0, 0,1) 0%,
- rgba(255,255, 0,1) 16.666666667%,
- rgba( 0,255, 0,1) 33.333333333%,
- rgba( 0,255,255,1) 50%,
- rgba( 0, 0,255,1) 66.666666667%,
- rgba(255, 0,255,1) 83.333333333%,
- rgba(255, 0, 0,1) 100%);
- background: -ms-linear-gradient(left,
- rgba(255, 0, 0,1) 0%,
- rgba(255,255, 0,1) 16.666666667%,
- rgba( 0,255, 0,1) 33.333333333%,
- rgba( 0,255,255,1) 50%,
- rgba( 0, 0,255,1) 66.666666667%,
- rgba(255, 0,255,1) 83.333333333%,
- rgba(255, 0, 0,1) 100%);
- background: linear-gradient(left,
- rgba(255, 0, 0,1) 0%,
- rgba(255,255, 0,1) 16.666666667%,
- rgba( 0,255, 0,1) 33.333333333%,
- rgba( 0,255,255,1) 50%,
- rgba( 0, 0,255,1) 66.666666667%,
- rgba(255, 0,255,1) 83.333333333%,
- rgba(255, 0, 0,1) 100%);
-}
-
-/* Full-saturation magic grayscale values were taken from the Gimp */
-.tizen-huegradient-disabled {
- background: none; /* Old browsers */
- background: -webkit-gradient(linear, left top, right top,
- color-stop( 0% ,rgba( 54, 54, 54,1)),
- color-stop( 16.666666667%,rgba(237,237,237,1)),
- color-stop( 33.333333333%,rgba(182,182,182,1)),
- color-stop( 50% ,rgba(201,201,201,1)),
- color-stop( 66.666666667%,rgba( 18, 18, 18,1)),
- color-stop( 83.333333333%,rgba( 73, 73, 73,1)),
- color-stop(100% ,rgba( 54, 54, 54,1))); /* Chrome,Safari4+ */
- background: -moz-linear-gradient(left,
- rgba( 54, 54, 54,1) 0%,
- rgba(237,237,237,1) 16.666666667%,
- rgba(182,182,182,1) 33.333333333%,
- rgba(201,201,201,1) 50%,
- rgba( 18, 18, 18,1) 66.666666667%,
- rgba( 73, 73, 73,1) 83.333333333%,
- rgba( 54, 54, 54,1) 100%);
- background: -webkit-linear-gradient(left,
- rgba( 54, 54, 54,1) 0%,
- rgba(237,237,237,1) 16.666666667%,
- rgba(182,182,182,1) 33.333333333%,
- rgba(201,201,201,1) 50%,
- rgba( 18, 18, 18,1) 66.666666667%,
- rgba( 73, 73, 73,1) 83.333333333%,
- rgba( 54, 54, 54,1) 100%);
- background: -o-linear-gradient(left,
- rgba( 54, 54, 54,1) 0%,
- rgba(237,237,237,1) 16.666666667%,
- rgba(182,182,182,1) 33.333333333%,
- rgba(201,201,201,1) 50%,
- rgba( 18, 18, 18,1) 66.666666667%,
- rgba( 73, 73, 73,1) 83.333333333%,
- rgba( 54, 54, 54,1) 100%);
- background: -ms-linear-gradient(left,
- rgba( 54, 54, 54,1) 0%,
- rgba(237,237,237,1) 16.666666667%,
- rgba(182,182,182,1) 33.333333333%,
- rgba(201,201,201,1) 50%,
- rgba( 18, 18, 18,1) 66.666666667%,
- rgba( 73, 73, 73,1) 83.333333333%,
- rgba( 54, 54, 54,1) 100%);
- background: linear-gradient(left,
- rgba( 54, 54, 54,1) 0%,
- rgba(237,237,237,1) 16.666666667%,
- rgba(182,182,182,1) 33.333333333%,
- rgba(201,201,201,1) 50%,
- rgba( 18, 18, 18,1) 66.666666667%,
- rgba( 73, 73, 73,1) 83.333333333%,
- rgba( 54, 54, 54,1) 100%);
-}
+++ /dev/null
-(function($, undefined) {
-
-$.widget("tizen.huegradient", $.tizen.widgetex, {
- _create: function() {
- this.element.addClass("tizen-huegradient");
- },
-
- // Crutches for IE: it is incapable of multi-stop gradients, so add multiple divs inside the given div, each with a
- // two-point gradient
- _IEGradient: function(div, disabled) {
- var rainbow = disabled
- ? ["#363636", "#ededed", "#b6b6b6", "#c9c9c9", "#121212", "#494949", "#363636"]
- : ["#ff0000", "#ffff00", "#00ff00", "#00ffff", "#0000ff", "#ff00ff", "#ff0000"];
- for (var Nix = 0 ; Nix < 6 ; Nix++) {
- $("<div></div>")
- .css({
- position: "absolute",
- width: (100 / 6) + "%",
- height: "100%",
- left: (Nix * 100 / 6) + "%",
- top: "0px",
- filter: "progid:DXImageTransform.Microsoft.gradient (startColorstr='" + rainbow[Nix] + "', endColorstr='" + rainbow[Nix + 1] + "', GradientType = 1)"
- })
- .appendTo(div);
- }
- },
-
- _setDisabled: function(value) {
- $.Widget.prototype._setOption.call(this, "disabled", value);
- if ($.mobile.browser.ie)
- this._IEGradient(this.element.empty(), value);
- }
-});
-
-})(jQuery);
+++ /dev/null
-/*
- Copyright (c) 2011 Samsung Electronics Co., Ltd All Rights Reserved
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
-*/
-
-(function($, undefined) {
-
-$.widget("todons.colorwidget", $.mobile.widget, {
- options: {
- color: "#ff0972"
- },
-
- _create: function() {
- $.extend (this, {
- isInput: this.element.is("input")
- });
-
- /* "value", if present, takes precedence over "data-color" */
- if (this.isInput)
- if (this.element.attr("value").match(/#[0-9A-Fa-f]{6}/))
- this.element.attr("data-color", this.element.attr("value"));
-
- $.mobile.todons.parseOptions(this, true);
- },
-
- _setOption: function(key, value, unconditional) {
- if (undefined === unconditional)
- unconditional = false;
- if (key === "color")
- this._setColor(value, unconditional);
- },
-
- _setColor: function(value, unconditional) {
- if (value.match(/#[0-9A-Fa-f]{6}/) && (value != this.options.color || unconditional)) {
- this.options.color = value;
- this.element.attr("data-color", value);
- if (this.isInput)
- this.element.attr("value", value);
- this.element.triggerHandler("colorchanged", value);
- return true;
- }
- return false;
- },
-});
-
-})(jQuery);
+++ /dev/null
-/* TBD */
-/*
- * jQuery Mobile Widget @VERSION - listview autodividers
- *
- * This software is licensed under the MIT licence (as defined by the OSI at
- * http://www.opensource.org/licenses/mit-license.php)
- *
- * ***************************************************************************
- * Copyright (C) 2011 by Intel Corporation Ltd.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- * ***************************************************************************
- *
- * Authors: Elliot Smith <elliot.smith@intel.com>
- */
-
-// Applies dividers automatically to a listview, using link text
-// (for link lists) or text (for readonly lists) as the basis for the
-// divider text.
-//
-// Apply using autodividers({type: 'X'}) on a <ul> with
-// data-role="listview", or with data-autodividers="true", where X
-// is the type of divider to create. The default divider type is 'alpha',
-// meaning first characters of list item text, upper-cased.
-//
-// The element used to derive the text for the auto dividers defaults
-// to the first link inside the li; failing that, the text directly inside
-// the li element is used. This can be overridden with the
-// data-autodividers-selector attribute or via options; the selector
-// will use each li element as its context.
-//
-// Any time a new li element is added to the list, or an li element is
-// removed, this extension will update the dividers in the listview
-// accordingly.
-//
-// Note that if a listview already has dividers, applying this
-// extension will remove all the existing dividers and replace them
-// with new, generated ones.
-//
-// Also note that this extension doesn't sort the list: it only creates
-// dividers based on text inside list items. So if your list isn't
-// alphabetically-sorted, you may get duplicate dividers.
-//
-// So, for example, this markup:
-//
-// <ul id="has-no-dividers" data-role="listview" data-autodividers="alpha">
-// <li>Barry</li>
-// <li>Carrie</li>
-// <li>Betty</li>
-// <li>Harry</li>
-// <li>Carly</li>
-// <li>Hetty</li>
-// </ul>
-//
-// will produce dividers like this:
-//
-// <ul data-role="listview" data-autodividers="alpha">
-// <li data-role="list-divider">B</li>
-// <li>Barry</li>
-// <li data-role="list-divider">C</li>
-// <li>Carrie</li>
-// <li data-role="list-divider">B</li>
-// <li>Betty</li>
-// <li data-role="list-divider">H</li>
-// <li>Harry</li>
-// <li data-role="list-divider">C</li>
-// <li>Carly</li>
-// <li data-role="list-divider">H</li>
-// <li>Hetty</li>
-// </ul>
-//
-// with each divider occuring twice.
-//
-// Options:
-//
-// selector: The jQuery selector to use to find text for the
-// generated dividers. Default is to use the first 'a'
-// (link) element. If this selector doesn't find any
-// text, the widget automatically falls back to the text
-// inside the li (for read-only lists). Can be set to a custom
-// selector via data-autodividers-selector="..." or the 'selector'
-// option.
-//
-// type: 'alpha' (default) sets the auto divider type to "uppercased
-// first character of text selected from each item"; "full" sets
-// it to the unmodified text selected from each item. Set via
-// the data-autodividers="<type>" attribute on the listview or
-// the 'type' option.
-//
-// Events:
-//
-// updatelayout: Triggered if the dividers in the list change;
-// this happens if list items are added to the listview,
-// which causes the autodividers to be regenerated.
-
-(function( $, undefined ) {
-
-var autodividers = function(options) {
- var list = $( this );
- options = options || {};
-
- var listview = list.data( 'listview' );
-
- var dividerType = options.type || list.jqmData( 'autodividers' ) || 'alpha';
-
- var textSelector = options.selector || list.jqmData( 'autodividers-selector' ) || 'a';
-
- var getDividerText = function( elt ) {
- // look for some text in the item
- var text = elt.find( textSelector ).text() || elt.text() || null;
-
- if ( !text ) {
- return null;
- }
-
- // create the text for the divider
- if ( dividerType === 'alpha' ) {
- text = text.slice( 0, 1 ).toUpperCase();
- }
-
- return text;
- };
-
- var mergeDividers = function() {
- var dividersChanged = false;
-
- // any dividers which are following siblings of a divider, where
- // there are no dividers with different text inbetween, can be removed
- list.find( 'li.ui-li-divider' ).each(function() {
- var divider = $( this );
- var dividerText = divider.text();
- var selector = '.ui-li-divider:not(:contains(' + dividerText + '))';
- var nextDividers = divider.nextUntil( selector );
- nextDividers = nextDividers.filter( '.ui-li-divider:contains(' + dividerText + ')' );
-
- if (nextDividers.length > 0) {
- nextDividers.remove();
- dividersChanged = true;
- }
- });
-
- if (dividersChanged) {
- list.trigger( 'updatelayout' );
- }
- };
-
- // check that elt is a non-divider li element
- var isNonDividerLi = function( elt ) {
- return elt.is('li') &&
- elt.jqmData( 'role' ) !== 'list-divider';
- };
-
- // li element inserted, so check whether it needs a divider
- var liAdded = function( li ) {
- var dividerText = getDividerText( li );
-
- if ( !dividerText ) {
- listview.refresh();
- return;
- }
-
- // add expected divider for this li if it doesn't exist
- var existingDividers = li.prevAll( '.ui-li-divider:first:contains(' + dividerText + ')' );
-
- if ( existingDividers.length === 0 ) {
- var divider = $( '<li>' + dividerText + '</li>' );
- divider.attr( 'data-' + $.mobile.ns + 'role', 'list-divider' );
- li.before( divider );
-
- listview.refresh();
-
- mergeDividers();
- }
- else {
- listview.refresh();
- }
- };
-
- // li element removed, so check whether its divider should go
- var liRemoved = function( li ) {
-
- var dividerText = getDividerText( li );
-
- if ( !dividerText ) {
- listview.refresh();
- return;
- }
-
- // remove divider for this li if there are no other
- // li items for the divider before or after this li item
- var precedingItems = li.prevUntil( '.ui-li-divider:contains(' + dividerText + ')' );
- var nextItems = li.nextUntil( '.ui-li-divider' );
-
- if ( precedingItems.length === 0 && nextItems.length === 0 ) {
- li.prevAll( '.ui-li-divider:contains(' + dividerText + '):first' ).remove();
-
- listview.refresh();
-
- mergeDividers();
- }
- else {
- listview.refresh();
- }
- };
-
- // set up the dividers on first create
- list.find( 'li' ).each( function() {
- var li = $( this );
-
- // remove existing dividers
- if ( li.jqmData( 'role' ) === 'list-divider' ) {
- li.remove();
- }
- // make new dividers for list items
- else {
- liAdded( li );
- }
- });
-
- // bind to DOM events to keep list up to date
- list.bind( 'DOMNodeInserted', function( e ) {
- var elt = $( e.target );
-
- if ( !isNonDividerLi( elt ) ) {
- return;
- }
-
- liAdded( elt );
- });
-
- list.bind( 'DOMNodeRemoved', function( e ) {
- var elt = $( e.target );
-
- if ( !isNonDividerLi( elt ) ) {
- return;
- }
-
- liRemoved( elt );
- });
-};
-
-$.fn.autodividers = autodividers;
-
-$( ":jqmData(role=listview)" ).live( "listviewcreate", function() {
- var list = $( this );
-
- if ( list.is( ':jqmData(autodividers)' ) ) {
- list.autodividers();
- }
-});
-
-})( jQuery );
+++ /dev/null
-<!DOCTYPE html>
-<html>
-
-<head>
- <meta name="viewport" content="width=device-width, initial-scale=1">
-
- <title>Baseline test</title>
-
- <script src="../../../../build/tizen-web-ui-fw/0.1/js/jquery.js"></script>
- <script src="../../../../build/tizen-web-ui-fw/0.1/js/tizen-web-ui-fw-libs.js"></script>
-
- <link rel="stylesheet" href="../../../../build/tizen-web-ui-fw/0.1/themes/default/tizen-web-ui-fw-theme.css"/>
-
- <script src="../js/autodividers.js"></script>
-</head>
-
-<body>
-
-<div data-role="page" id="baseline">
- <div data-role="header">
- <h1>autodividers tests</h1>
- </div>
-
- <div data-role="content">
- <p>This should get auto-dividers based on link text.</p>
- <ul id="link-text-dividers" data-role="listview" data-autodividers="alpha">
- <li><a href="#">Amy</a></li>
- <li><a href="#">Andrew</a></li>
- <li><a href="#">Astrid</a></li>
- <li><a href="#">Bertie</a></li>
- <li><a href="#">Carrie</a></li>
- <li><a href="#">Derek</a></li>
- <li><a href="#">Ian</a></li>
- <li><a href="#">Matthew</a></li>
- </ul>
- </div>
-
- <div data-role="content">
- <p>This should get auto-dividers based on link text but
- shouldn't produce duplicate dividers on refresh. Should also
- add more dividers if new list elements are added.</p>
-
- <p>
- <button id="refresh-dividers-button" data-inline="true">Refresh</button>
- <button id="add-gary-button" data-inline="true">Add Gary and refresh</button>
- <button id="remove-bertie-button" data-inline="true">Remove Bertie and refresh</button>
- </p>
-
- <ul id="refreshable-dividers" data-role="listview" data-autodividers="alpha">
- <li><a href="#">Amy</a></li>
- <li><a href="#">Andrew</a></li>
- <li><a href="#">Astrid</a></li>
- <li><a href="#">Bertie</a></li>
- <li><a href="#">Carrie</a></li>
- <li><a href="#">Derek</a></li>
- <li><a href="#">Ian</a></li>
- <li><a href="#">Matthew</a></li>
- </ul>
- </div>
-
- <div data-role="content">
- <p>This uses a custom selector to draw text from formatted list
- items.</p>
-
- <ul data-role="listview" data-autodividers="alpha" data-autodividers-selector="span">
- <li><span>Anne</span> likes to eat sweets</li>
- <li><span>Beth</span> likes to eat treats</li>
- <li><span>Bill</span> likes to eat meats</li>
- <li><span>Carl</span> likes to eat beets</li>
- </ul>
- </div>
-
- <div data-role="content">
- <p>This should get auto-dividers based on text. NB this has
- intentionally blank li elements to check they don't get dividers.</p>
- <ul id="text-dividers" data-role="listview" data-autodividers="alpha">
- <li>Barry</li>
- <li>Betty</li>
- <li>Carrie</li>
- <li>Harry</li>
- <li></li>
- <li>Hetty</li>
- <li>Kitty</li>
- <li>Larry</li>
- <li></li>
- <li>Laurie</li>
- <li>Mary</li>
- </ul>
- </div>
-
- <div data-role="content">
- <p>Non-sorted list will produce duplicate auto-dividers.</p>
- <ul id="non-sorted" data-role="listview" data-autodividers="alpha">
- <li>Barry</li>
- <li>Carrie</li>
- <li>Betty</li>
- <li>Harry</li>
- <li>Carly</li>
- <li>Hetty</li>
- </ul>
- </div>
-
- <div data-role="content">
- <p>This had dividers already which were replaced.</p>
- <ul id="has-dividers" data-role="listview" data-autodividers="alpha">
- <li data-role="list-divider">Any old iron</li>
- <li><a href="#">Amy</a></li>
- <li><a href="#">Andrew</a></li>
- <li><a href="#">Astrid</a></li>
- <li data-role="list-divider">Barnacles</li>
- <li><a href="#">Bertie</a></li>
- <li data-role="list-divider">Crop circle</li>
- <li><a href="#">Carrie</a></li>
- <li data-role="list-divider">Dog</li>
- <li><a href="#">Derek</a></li>
- <li data-role="list-divider">Igloos</li>
- <li><a href="#">Ian</a></li>
- <li data-role="list-divider">Massive clouds</li>
- <li><a href="#">Matthew</a></li>
- </ul>
- </div>
-
-</div>
-
-<script>
-$(document).bind('pagecreate', function () {
- $('#refresh-dividers-button').bind('click', function () {
- $('#refreshable-dividers').autodividers('refresh');
- });
-
- $('#add-gary-button').bind('click', function () {
- var gary = $('<li><a href="#">Gary</a></li>');
- $('#refreshable-dividers').find('li:contains("Ian")').before(gary);
- });
-
- $('#remove-bertie-button').bind('click', function () {
- $('#refreshable-dividers').find('li:contains("Bertie")').remove();
- });
-
- $('#refreshable-dividers').bind('update', function () {
- console.log('dividers were updated on refreshable list');
- });
-});
-</script>
-
-</body>
-</html>
+++ /dev/null
-/* TBD */
-/*
- * jQuery Mobile Widget @VERSION
- *
- * This software is licensed under the MIT licence (as defined by the OSI at
- * http://www.opensource.org/licenses/mit-license.php)
- *
- * ***************************************************************************
- * Copyright (C) 2011 by Intel Corporation Ltd.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- * ***************************************************************************
- *
- * Authors: Gabriel Schulhof <gabriel.schulhof@intel.com>
- */
-
-// It displays a grid two rows by five columns of colors.
-//
-// The colors are automatically computed based on the hue
-// of the color set by the color attribute (see below).
-//
-// One of the displayed colors is the color attribute itself
-// and the others are multiples of 360/10 away from that color;
-// 10 is the total number of colors displayed (2 rows by 5 columns).
-//
-// To apply, add the attribute data-role="colorpalette" to a <div>
-// element inside a page. Alternatively, call colorpalette() on an
-// element.
-//
-// Options:
-//
-// color: String; initial color can be specified in html
-// using the data-color="#ff00ff" attribute or
-// when constructed in javascript, eg :
-// $("#mycolorpalette").colorpalette({ color: "#ff00ff" });
-// where the html might be :
-// <div id="mycolorpalette"></div>
-// The color can be changed post-construction like this :
-// $("#mycolorpalette").colorpalette("option", "color", "#ABCDEF");
-// Default: "#1a8039"
-
-/*
- * Colorpalette displays a grid two rows by five columns of colors.
- *
- * The colors are automatically computed based on the hue
- * of the color set by the color attribute (see below).
- *
- * One of the displayed colors is the color attribute itself
- * and the others are multiples of 360/10 away from that color;
- * 10 is the total number of colors displayed (2 rows by 5 columns).
- *
- * HTML attributes:
- *
- * To apply, add the attribute data-role="colorpalette" to a <div>
- * element inside a page. Alternatively, call colorpalette() on an
- * element.
- *
- * data-role: Myst have 'colorpalette'.
- * data-color: String; initial color can be specified in html
- * using the data-color="#ff00ff" attribute or
- * when constructed in javascript, eg :
- * $("#mycolorpalette").colorpalette({ color: "#ff00ff" });
- * where the html might be :
- * <div id="mycolorpalette"></div>
- * The color can be changed post-construction like this :
- * $("#mycolorpalette").colorpalette("option", "color", "#ABCDEF");
- * Default: "#1a8039"
- *
- * APIs:
- * $('obj').colorpalette() : Make an object to a colorpalette widget.
- *
- * Events:
- * No event.
- *
- * Examples:
- * <div data-role="colorpalette" data-color: "#ffffff"></div>
- *
- * <div id="toBeColorpalette"></div>
- * <script>
- * $("#toBeColorpalette").colorpalette({ color: "#ffffff" });
- * </script>
- *
- */
-
-(function( $, undefined ) {
-
-$.widget( "tizen.colorpalette", $.tizen.colorwidget, {
- options: {
- showPreview: false,
- initSelector: ":jqmData(role='colorpalette')"
- },
-
- _htmlProto: {
- ui: {
- clrpalette: "#colorpalette",
- preview: "#colorpalette-preview",
- previewContainer: "#colorpalette-preview-container"
- }
- },
-
- _create: function() {
- var self = this;
-
- this.element
- .css("display", "none")
- .after(this._ui.clrpalette);
-
- this._ui.clrpalette.find("[data-colorpalette-choice]").bind("vclick", function(e) {
- var clr = $.tizen.colorwidget.prototype._getElementColor.call(this, $(e.target)),
- Nix,
- nChoices = self._ui.clrpalette.attr("data-" + ($.mobile.ns || "") + "n-choices"),
- choiceId, rgbMatches;
-
- rgbMatches = clr.match(/rgb\(([0-9]*), *([0-9]*), *([0-9]*)\)/);
-
- if (rgbMatches && rgbMatches.length > 3)
- clr = $.tizen.colorwidget.clrlib.RGBToHTML([
- parseInt(rgbMatches[1]) / 255,
- parseInt(rgbMatches[2]) / 255,
- parseInt(rgbMatches[3]) / 255]);
-
- for (Nix = 0 ; Nix < nChoices ; Nix++)
- self._ui.clrpalette.find("[data-colorpalette-choice=" + Nix + "]").removeClass("colorpalette-choice-active");
-
- $(e.target).addClass("colorpalette-choice-active");
- $.tizen.colorwidget.prototype._setColor.call(self, clr);
- $.tizen.colorwidget.prototype._setElementColor.call(self, self._ui.preview,
- $.tizen.colorwidget.clrlib.RGBToHSL($.tizen.colorwidget.clrlib.HTMLToRGB(clr)), "background");
- });
- },
-
- _setShowPreview: function(show) {
- if (show)
- this._ui.previewContainer.removeAttr("style");
- else
- this._ui.previewContainer.css("display", "none");
- this.element.attr("data-" + ($.mobile.ns || "") + "show-preview", show);
- this.options.showPreview = show;
- },
-
- widget: function(value) {
- return this._ui.clrpalette;
- },
-
- _setDisabled: function(value) {
- $.tizen.widgetex.prototype._setDisabled.call(this, value);
- this._ui.clrpalette[value ? "addClass" : "removeClass"]("ui-disabled");
- $.tizen.colorwidget.prototype._displayDisabledState.call(this, this._ui.clrpalette);
- },
-
- _setColor: function(clr) {
- if ($.tizen.colorwidget.prototype._setColor.call(this, clr)) {
- clr = this.options.color;
- var Nix,
- activeIdx = -1,
- nChoices = this._ui.clrpalette.attr("data-" + ($.mobile.ns || "") + "n-choices"),
- hsl = $.tizen.colorwidget.clrlib.RGBToHSL($.tizen.colorwidget.clrlib.HTMLToRGB(clr)),
- origHue = hsl[0],
- offset = hsl[0] / 36,
- theFloor = Math.floor(offset),
- newClr;
-
- $.tizen.colorwidget.prototype._setElementColor.call(this, this._ui.preview,
- $.tizen.colorwidget.clrlib.RGBToHSL($.tizen.colorwidget.clrlib.HTMLToRGB(clr)), "background");
-
- offset = (offset - theFloor < 0.5)
- ? (offset - theFloor)
- : (offset - (theFloor + 1));
-
- offset *= 36;
-
- for (Nix = 0 ; Nix < nChoices ; Nix++) {
- hsl[0] = Nix * 36 + offset;
- hsl[0] = ((hsl[0] < 0) ? (hsl[0] + 360) : ((hsl[0] > 360) ? (hsl[0] - 360) : hsl[0]));
-
- if (hsl[0] === origHue)
- activeIdx = Nix;
-
- newClr = $.tizen.colorwidget.clrlib.RGBToHTML($.tizen.colorwidget.clrlib.HSLToRGB(hsl));
-
- $.tizen.colorwidget.prototype._setElementColor.call(this, this._ui.clrpalette.find("[data-colorpalette-choice=" + Nix + "]"),
- $.tizen.colorwidget.clrlib.RGBToHSL($.tizen.colorwidget.clrlib.HTMLToRGB(newClr)), "background");
- }
-
- if (activeIdx != -1) {
- var currentlyActive = parseInt(this._ui.clrpalette.find(".colorpalette-choice-active").attr("data-" + ($.mobile.ns || "") + "colorpalette-choice"));
- if (currentlyActive != activeIdx) {
- this._ui.clrpalette.find("[data-colorpalette-choice=" + currentlyActive + "]").removeClass("colorpalette-choice-active");
- this._ui.clrpalette.find("[data-colorpalette-choice=" + activeIdx + "]").addClass("colorpalette-choice-active");
- }
- }
- }
- }
-});
-
-$(document).bind("pagecreate create", function(e) {
- $($.tizen.colorpalette.prototype.options.initSelector, e.target)
- .not(":jqmData(role='none'), :jqmData(role='nojs')")
- .colorpalette();
-});
-
-})( jQuery );
+++ /dev/null
-@import "../../common/less/jquery.mobile.todons.defines.less";
-@colorpalette-choice-total-width: 54px;
-@colorpalette-choice-total-height: 54px;
-@colorpalette-item-border-width: 4px;
-@colorpalette-item-border-color: #c0c0c0;
-@colorpalette-preview-total-width: 304px;
-@colorpalette-preview-total-height: 109px;
-
-@colorpalette-choice-actual-width: @colorpalette-choice-total-width - 2 * @colorpalette-item-border-width;
-@colorpalette-choice-actual-height: @colorpalette-choice-total-height - 2 * @colorpalette-item-border-width;
-@colorpalette-preview-actual-width: @colorpalette-preview-total-width - 2 * @colorpalette-item-border-width;
-@colorpalette-preview-actual-height: @colorpalette-preview-total-height - 2 * @colorpalette-item-border-width;
-
-.todons-colorpalette-disabled {
- .colorpalette-table {
- .colorpalette-choice-active {
- border-color: @todons-selected-color-disabled !important;
- }
- }
-}
-
-.ui-colorpalette {
- display: table;
- padding-left: 24px;
- padding-right: 24px;
- padding-top: 15px;
- padding-bottom: 15px;
-
- .colorpalette-preview-container {
- padding-top: 48px;
- padding-bottom: 39px;
- display: table;
- margin: auto;
-
- .colorpalette-preview {
- display: table;
- margin: auto;
- width: @colorpalette-preview-actual-width;
- height: @colorpalette-preview-actual-height;
- border: @colorpalette-item-border-color @colorpalette-item-border-width solid;
- }
- }
-
- .colorpalette-table {
- .colorpalette-bottom-row {
- display: table-row;
- }
-
- .colorpalette-normal-row {
- .colorpalette-bottom-row;
- }
-
- .colorpalette-choice-container-left {
- display: table-cell;
- }
-
- .colorpalette-choice-container-rest {
- .colorpalette-choice-container-left;
- padding-left: 38px;
- }
-
- .colorpalette-normal-row .colorpalette-choice-container-left {
- padding-bottom: 16px;
- }
-
- .colorpalette-choice {
- width: @colorpalette-choice-actual-width;
- height: @colorpalette-choice-actual-width;
- border-width: @colorpalette-item-border-width;
- border-style: solid;
- border-color: @colorpalette-item-border-color;
- }
-
- .colorpalette-choice-active {
- border-color: @todons-selected-color;
- }
- }
-}
+++ /dev/null
-<div id="colorpalette" class="ui-colorpalette jquery-mobile-ui-widget" data-n-choices="10">
- <div class="colorpalette-preview-container" id="colorpalette-preview-container">
- <div id="colorpalette-preview" class="colorpalette-preview ui-corner-all"></div>
- </div>
- <div class="colorpalette-table">
- <div class="colorpalette-normal-row">
- <div class="colorpalette-choice-container-left">
- <div data-colorpalette-choice="0" class="colorpalette-choice ui-corner-all"></div>
- </div>
- <div class="colorpalette-choice-container-rest">
- <div data-colorpalette-choice="1" class="colorpalette-choice ui-corner-all"></div>
- </div>
- <div class="colorpalette-choice-container-rest">
- <div data-colorpalette-choice="2" class="colorpalette-choice ui-corner-all"></div>
- </div>
- <div class="colorpalette-choice-container-rest">
- <div data-colorpalette-choice="3" class="colorpalette-choice ui-corner-all"></div>
- </div>
- <div class="colorpalette-choice-container-rest">
- <div data-colorpalette-choice="4" class="colorpalette-choice ui-corner-all"></div>
- </div>
- </div>
- <div class="colorpalette-bottom-row">
- <div class="colorpalette-choice-container-left">
- <div data-colorpalette-choice="5" class="colorpalette-choice ui-corner-all"></div>
- </div>
- <div class="colorpalette-choice-container-rest">
- <div data-colorpalette-choice="6" class="colorpalette-choice ui-corner-all"></div>
- </div>
- <div class="colorpalette-choice-container-rest">
- <div data-colorpalette-choice="7" class="colorpalette-choice ui-corner-all"></div>
- </div>
- <div class="colorpalette-choice-container-rest">
- <div data-colorpalette-choice="8" class="colorpalette-choice ui-corner-all"></div>
- </div>
- <div class="colorpalette-choice-container-rest">
- <div data-colorpalette-choice="9" class="colorpalette-choice ui-corner-all"></div>
- </div>
- </div>
- </div>
-</div>
+++ /dev/null
-.ui-colorpicker .colorpicker-hs-container .sat-gradient {
- background: none; /* Old browsers */
- background: -webkit-gradient(linear, left top, left bottom,
- color-stop(0%,rgba(128,128,128,0)),
- color-stop(100%,rgba(128,128,128,1))); /* Chrome,Safari4+ */
- background: -moz-linear-gradient(top,
- rgba(128,128,128,0) 0%,
- rgba(128,128,128,1) 100%); /* FF3.6+ */
- background: -webkit-linear-gradient(top,
- rgba(128,128,128,0) 0%,
- rgba(128,128,128,1) 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top,
- rgba(128,128,128,0) 0%,
- rgba(128,128,128,1) 100%); /* Opera11.10+ */
- background: -ms-linear-gradient(top,
- rgba(128,128,128,0) 0%,
- rgba(128,128,128,1) 100%); /* IE10+ */
- background: linear-gradient(top,
- rgba(128,128,128,0) 0%,
- rgba(128,128,128,1) 100%); /* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#00808080', endColorstr="#808080", GradientType = 0);
-}
-
-.ui-colorpicker .colorpicker-l-container .l-gradient {
- background: none; /* Old browsers */
- background: -webkit-gradient(linear, left top, left bottom,
- color-stop(0%,rgba(0,0,0,1)),
- color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
- background: -moz-linear-gradient(top,
- rgba(0,0,0,1) 0%,
- rgba(255,255,255,1) 100%); /* FF3.6+ */
- background: -webkit-linear-gradient(top,
- rgba(0,0,0,1) 0%,
- rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top,
- rgba(0,0,0,1) 0%,
- rgba(255,255,255,1) 100%); /* Opera11.10+ */
- background: -ms-linear-gradient(top,
- rgba(0,0,0,1) 0%,
- rgba(255,255,255,1) 100%); /* IE10+ */
- background: linear-gradient(top,
- rgba(0,0,0,1) 0%,
- rgba(255,255,255,1) 100%); /* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#000000', endColorstr="#ffffff", GradientType = 0);
-}
+++ /dev/null
-/*
- * jQuery Mobile Widget @VERSION
- *
- * This software is licensed under the MIT licence (as defined by the OSI at
- * http://www.opensource.org/licenses/mit-license.php)
- *
- * ***************************************************************************
- * Copyright (C) 2011 by Intel Corporation Ltd.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- * ***************************************************************************
- *
- * Authors: Gabriel Schulhof <gabriel.schulhof@intel.com>
- */
-
-// Displays a 2D hue/saturation spectrum and a lightness slider.
-//
-// To apply, add the attribute data-role="colorpicker" to a <div>
-// element inside a page. Alternatively, call colorpicker()
-// on an element (see below).
-//
-// Options:
-// color: String; can be specified in html using the
-// data-color="#ff00ff" attribute or when constructed
-// $("#mycolorpicker").colorpicker({ color: "#ff00ff" });
-// where the html might be :
-// <div id="mycolorpicker"/>
-
-(function( $, undefined ) {
-
-$.widget( "tizen.colorpicker", $.tizen.colorwidget, {
- options: {
- initSelector: ":jqmData(role='colorpicker')"
- },
-
- _htmlProto: {
- ui: {
- clrpicker: "#colorpicker",
- hs: {
- hueGradient: "#colorpicker-hs-hue-gradient",
- gradient: "#colorpicker-hs-sat-gradient",
- eventSource: "[data-event-source='hs']",
- valMask: "#colorpicker-hs-val-mask",
- selector: "#colorpicker-hs-selector"
- },
- l: {
- gradient: "#colorpicker-l-gradient",
- eventSource: "[data-event-source='l']",
- selector: "#colorpicker-l-selector"
- }
- }
- },
-
- _create: function() {
- var self = this;
-
- this.element
- .css("display", "none")
- .after(this._ui.clrpicker);
-
- this._ui.hs.hueGradient.huegradient();
-
- $.extend( self, {
- dragging: false,
- draggingHS: false,
- selectorDraggingOffset: {
- x : -1,
- y : -1
- },
- dragging_hsl: undefined
- });
-
- $( document )
- .bind( "vmousemove", function( event ) {
- if ( self.dragging ) {
- event.stopPropagation();
- event.preventDefault();
- }
- })
- .bind( "vmouseup", function( event ) {
- if ( self.dragging )
- self.dragging = false;
- });
-
- this._bindElements("hs");
- this._bindElements("l");
- },
-
- _bindElements: function(which) {
- var self = this,
- stopDragging = function(event) {
- self.dragging = false;
- event.stopPropagation();
- event.preventDefault();
- };
-
- this._ui[which].eventSource
- .bind( "vmousedown mousedown", function (event) { self._handleMouseDown(event, which, false); })
- .bind( "vmousemove" , function (event) { self._handleMouseMove(event, which, false); })
- .bind( "vmouseup" , stopDragging);
-
- this._ui[which].selector
- .bind( "vmousedown mousedown", function (event) { self._handleMouseDown(event, which, true); })
- .bind( "touchmove vmousemove", function (event) { self._handleMouseMove(event, which, true); })
- .bind( "vmouseup" , stopDragging);
- },
-
- _handleMouseDown: function(event, containerStr, isSelector) {
- var coords = $.mobile.tizen.targetRelativeCoordsFromEvent(event),
- widgetStr = isSelector ? "selector" : "eventSource";
- if ((coords.x >= 0 && coords.x <= this._ui[containerStr][widgetStr].width() &&
- coords.y >= 0 && coords.y <= this._ui[containerStr][widgetStr].height()) || isSelector) {
- this.dragging = true;
- this.draggingHS = ("hs" === containerStr);
-
- if (isSelector) {
- this.selectorDraggingOffset.x = coords.x;
- this.selectorDraggingOffset.y = coords.y;
- }
-
- this._handleMouseMove(event, containerStr, isSelector, coords);
- }
- },
-
- _handleMouseMove: function(event, containerStr, isSelector, coords) {
- if (this.dragging &&
- !(( this.draggingHS && containerStr === "l") ||
- (!this.draggingHS && containerStr === "hs"))) {
- coords = (coords || $.mobile.tizen.targetRelativeCoordsFromEvent(event));
-
- if (this.draggingHS) {
- var potential_h = isSelector
- ? this.dragging_hsl[0] / 360 + (coords.x - this.selectorDraggingOffset.x) / this._ui[containerStr].eventSource.width()
- : coords.x / this._ui[containerStr].eventSource.width(),
- potential_s = isSelector
- ? this.dragging_hsl[1] + (coords.y - this.selectorDraggingOffset.y) / this._ui[containerStr].eventSource.height()
- : coords.y / this._ui[containerStr].eventSource.height();
-
- this.dragging_hsl[0] = Math.min(1.0, Math.max(0.0, potential_h)) * 360;
- this.dragging_hsl[1] = Math.min(1.0, Math.max(0.0, potential_s));
- }
- else {
- var potential_l = isSelector
- ? this.dragging_hsl[2] + (coords.y - this.selectorDraggingOffset.y) / this._ui[containerStr].eventSource.height()
- : coords.y / this._ui[containerStr].eventSource.height();
-
- this.dragging_hsl[2] = Math.min(1.0, Math.max(0.0, potential_l));
- }
-
- if (!isSelector) {
- this.selectorDraggingOffset.x = Math.ceil(this._ui[containerStr].selector.outerWidth() / 2.0);
- this.selectorDraggingOffset.y = Math.ceil(this._ui[containerStr].selector.outerHeight() / 2.0);
- }
-
- this._updateSelectors(this.dragging_hsl);
- event.stopPropagation();
- event.preventDefault();
- }
- },
-
- _updateSelectors: function(hsl) {
- var clr = $.tizen.colorwidget.prototype._setElementColor.call(this, this._ui.hs.selector, [hsl[0], 1.0 - hsl[1], hsl[2]], "background").clr,
- gray = $.tizen.colorwidget.clrlib.RGBToHTML([hsl[2], hsl[2], hsl[2]]);
-
- this._ui.hs.valMask.css((hsl[2] < 0.5)
- ? { background : "#000000" , opacity : (1.0 - hsl[2] * 2.0) }
- : { background : "#ffffff" , opacity : ((hsl[2] - 0.5) * 2.0) });
- this._ui.hs.selector.css({
- left : (hsl[0] / 360 * this._ui.hs.eventSource.width()),
- top : (hsl[1] * this._ui.hs.eventSource.height()),
- });
- this._ui.l.selector.css({
- top : (hsl[2] * this._ui.l.eventSource.height()),
- background : gray
- });
- $.tizen.colorwidget.prototype._setColor.call(this, clr);
- },
-
- widget: function() { return this._ui.clrpicker; },
-
- _setDisabled: function(value) {
- $.tizen.widgetex.prototype._setDisabled.call(this, value);
- this._ui.hs.hueGradient.huegradient("option", "disabled", value);
- this._ui.clrpicker[value ? "addClass" : "removeClass"]("ui-disabled");
- $.tizen.colorwidget.prototype._displayDisabledState.call(this, this._ui.clrpicker);
- },
-
- _setColor: function(clr) {
- if ($.tizen.colorwidget.prototype._setColor.call(this, clr)) {
- this.dragging_hsl = $.tizen.colorwidget.clrlib.RGBToHSL($.tizen.colorwidget.clrlib.HTMLToRGB(this.options.color));
- this.dragging_hsl[1] = 1.0 - this.dragging_hsl[1];
- this._updateSelectors(this.dragging_hsl);
- }
- }
-});
-
-$(document).bind("pagecreate create", function(e) {
- $($.tizen.colorpicker.prototype.options.initSelector, e.target)
- .not(":jqmData(role='none'), :jqmData(role='nojs')")
- .colorpicker();
-});
-
-})(jQuery);
+++ /dev/null
-/* Own CSS */
-
-/* @selector-size should be an odd number, in order to pixel-perfectly center on a given colour */
-@colorpicker-selector-size: 61px;
-@colorpicker-selector-border-width: 5px;
-@colorpicker-clrchannel-hs-width: 256px;
-@colorpicker-clrchannel-hs-height: 256px;
-@colorpicker-clrchannel-l-width: 16px;
-@colorpicker-clrchannel-l-height: 256px;
-
-@colorpicker-selector-total-size: @colorpicker-selector-size + 2 * @colorpicker-selector-border-width;
-@colorpicker-clrchannel-hs-padding: @colorpicker-selector-total-size / 2;
-@colorpicker-clrchannel-l-hpadding:
-
- ~`Math.max(0,
- parseInt("@{colorpicker-selector-total-size}") -
- parseInt("@{colorpicker-clrchannel-l-width}")) / 2 + "px"`;
-@colorpicker-clrchannel-l-selector-left:
- ~`Math.max(0,
- parseInt("@{colorpicker-clrchannel-l-width}") -
- parseInt("@{colorpicker-selector-total-size}")) / 2 + "px"`;
-
-.ui-colorpicker {
- display: table;
-
- .colorpicker-hs-container {
- position: relative;
- display: table-cell;
- float: left;
-
- width: @colorpicker-clrchannel-hs-width;
- height: @colorpicker-clrchannel-hs-height;
- padding: @colorpicker-clrchannel-hs-padding;
-
- .colorpicker-hs-mask {
- position: absolute;
- width: @colorpicker-clrchannel-hs-width;
- height: @colorpicker-clrchannel-hs-height;
- }
-
- .colorpicker-hs-selector {
- position: absolute;
- width: @colorpicker-selector-size;
- height: @colorpicker-selector-size;
- border: @colorpicker-selector-border-width solid black;
- }
- }
-
- .colorpicker-l-container {
- position: relative;
- float: left;
-
- width: @colorpicker-clrchannel-l-width;
- height: @colorpicker-clrchannel-l-height;
- padding-left: @colorpicker-clrchannel-l-hpadding;
- padding-right: @colorpicker-clrchannel-l-hpadding;
- padding-top: @colorpicker-clrchannel-hs-padding;
- padding-bottom: @colorpicker-clrchannel-hs-padding;
-
- .colorpicker-l-mask {
- position: absolute;
- width: @colorpicker-clrchannel-l-width;
- height: @colorpicker-clrchannel-l-height;
- }
-
- .colorpicker-l-selector {
- left: @colorpicker-clrchannel-l-selector-left;
- position: absolute;
- width: @colorpicker-selector-size;
- height: @colorpicker-selector-size;
- border: @colorpicker-selector-border-width solid black;
- }
- }
-}
+++ /dev/null
-<div id="colorpicker" class="ui-colorpicker">
- <div class="colorpicker-hs-container">
- <div id="colorpicker-hs-hue-gradient" class="colorpicker-hs-mask"></div>
- <div id="colorpicker-hs-sat-gradient" class="colorpicker-hs-mask sat-gradient"></div>
- <div id="colorpicker-hs-val-mask" class="colorpicker-hs-mask" data-event-source="hs"></div>
- <div id="colorpicker-hs-selector" class="colorpicker-hs-selector ui-corner-all"></div>
- </div>
- <div class="colorpicker-l-container">
- <div id="colorpicker-l-gradient" class="colorpicker-l-mask l-gradient" data-event-source="l"></div>
- <div id="colorpicker-l-selector" class="colorpicker-l-selector ui-corner-all"></div>
- </div>
- <div style="clear: both;"></div>
-</div>
+++ /dev/null
-/* Need to add !important below, because these classes are added before jqm enhancement */
-.ui-colorpickerbutton-input {
- max-width: 70px;
- display: inline-block !important;
-}
-
-.ui-colorpickerbutton-input-hidden {
- display: none !important;
-}
+++ /dev/null
-/*
- * jQuery Mobile Widget @VERSION
- *
- * This software is licensed under the MIT licence (as defined by the OSI at
- * http://www.opensource.org/licenses/mit-license.php)
- *
- * ***************************************************************************
- * Copyright (C) 2011 by Intel Corporation Ltd.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- * ***************************************************************************
- *
- * Authors: Gabriel Schulhof <gabriel.schulhof@intel.com>
- */
-
-// Displays a button which, when pressed, opens a popupwindow
-// containing hsvpicker.
-//
-// To apply, add the attribute data-role="colorpickerbutton" to a <div>
-// element inside a page. Alternatively, call colorpickerbutton() on an
-// element.
-//
-// Options:
-//
-// color: String; color displayed on the button and the base color
-// of the hsvpicker (see hsvpicker).
-// initial color can be specified in html using the
-// data-color="#ff00ff" attribute or when constructed in
-// javascript, eg :
-// $("#mycolorpickerbutton").colorpickerbutton({ color: "#ff00ff" });
-// where the html might be :
-// <div id="colorpickerbutton"></div>
-// The color can be changed post-construction like this :
-// $("#mycolorpickerbutton").colorpickerbutton("option", "color", "#ABCDEF");
-// Default: "#1a8039"
-//
-// buttonMarkup: String; markup to use for the close button on the popupwindow, eg :
-// $("#mycolorpickerbutton").colorpickerbutton("option","buttonMarkup",
-// "<a href='#' data-role='button'>ignored</a>");
-//
-// closeText: String; the text to display on the close button on the popupwindow.
-// The text set in the buttonMarkup will be ignored and this used instead.
-//
-// Events:
-//
-// colorchanged: emitted when the color has been changed and the popupwindow is closed.
-
-(function($, undefined) {
-
-$.widget("tizen.colorpickerbutton", $.tizen.colorwidget, {
- options: {
- buttonMarkup: {
- theme: null,
- inline: true,
- corners: true,
- shadow: true
- },
- hideInput: true,
- closeText: "Close",
- initSelector: "input[type='color'], :jqmData(type='color'), :jqmData(role='colorpickerbutton')"
- },
-
- _htmlProto: {
- ui: {
- button: "#colorpickerbutton-button",
- buttonContents: "#colorpickerbutton-button-contents",
- popup: "#colorpickerbutton-popup-container",
- hsvpicker: "#colorpickerbutton-popup-hsvpicker",
- closeButton: "#colorpickerbutton-popup-close-button",
- closeButtonText: "#colorpickerbutton-popup-close-button-text"
- }
- },
-
- _create: function() {
- var self = this;
-
- this.element
- .css("display", "none")
- .after(this._ui.button);
-
- /* Tear apart the proto */
- this._ui.popup.insertBefore(this.element).popupwindow();
- this._ui.hsvpicker.hsvpicker();
-
- $.tizen.popupwindow.bindPopupToButton(this._ui.button, this._ui.popup);
-
- this._ui.closeButton.bind("vclick", function(event) {
- self._setColor(self._ui.hsvpicker.hsvpicker("option", "color"));
- self.close();
- });
-
- this.element.bind("change keyup blur", function() {
- self._setColor(self.element.val());
- });
- },
-
- _setHideInput: function(value) {
- this.element[value ? "addClass" : "removeClass"]("ui-colorpickerbutton-input-hidden");
- this.element[value ? "removeClass" : "addClass"]("ui-colorpickerbutton-input");
- this.element.attr("data-" + ($.mobile.ns || "") + "hide-input", value);
- },
-
- _setColor: function(clr) {
- if ($.tizen.colorwidget.prototype._setColor.call(this, clr)) {
- var clrlib = $.tizen.colorwidget.clrlib;
-
- this._ui.hsvpicker.hsvpicker("option", "color", this.options.color);
- $.tizen.colorwidget.prototype._setElementColor.call(this, this._ui.buttonContents,
- clrlib.RGBToHSL(clrlib.HTMLToRGB(this.options.color)), "color");
- }
- },
-
- _setButtonMarkup: function(value) {
- this._ui.button.buttonMarkup(value);
- this.options.buttonMarkup = value;
- value["inline"] = false;
- this._ui.closeButton.buttonMarkup(value);
- },
-
- _setCloseText: function(value) {
- this._ui.closeButtonText.text(value);
- this.options.closeText = value;
- this.element.attr("data-" + ($.mobile.ns || "") + "close-text", value);
- },
-
- _setDisabled: function(value) {
- $.tizen.widgetex.prototype._setDisabled.call(this, value);
- this._ui.popup.popupwindow("option", "disabled", value);
- this._ui.button[value ? "addClass" : "removeClass"]("ui-disabled");
- $.tizen.colorwidget.prototype._displayDisabledState.call(this, this._ui.button);
- },
-
- open: function() {
- this._ui.popup.popupwindow("open",
- this._ui.button.offset().left + this._ui.button.outerWidth() / 2,
- this._ui.button.offset().top + this._ui.button.outerHeight() / 2);
- },
-
- _focusButton : function(){
- var self = this;
- setTimeout(function() {
- self._ui.button.focus();
- }, 40);
- },
-
- close: function() {
- this._focusButton();
- this._ui.popup.popupwindow("close");
- }
-});
-
-//auto self-init widgets
-$(document).bind("pagecreate create", function(e) {
- $($.tizen.colorpickerbutton.prototype.options.initSelector, e.target)
- .not(":jqmData(role='none'), :jqmData(role='nojs')")
- .colorpickerbutton();
-});
-
-})(jQuery);
+++ /dev/null
-<div id="colorpickerbutton">
- <a id="colorpickerbutton-button" href="#" data-role="button" aria-haspopup="true">
- <span id="colorpickerbutton-button-contents">▇▇▇</span>
- </a>
- <div id="colorpickerbutton-popup-container" class="colorpickerbutton-popup-container-style">
- <div id="colorpickerbutton-popup-hsvpicker" data-role="hsvpicker"></div>
- <a id="colorpickerbutton-popup-close-button" href="#" data-role="button">
- <span id="colorpickerbutton-popup-close-button-text"></span>
- </a>
- </div>
-</div>
+++ /dev/null
-/*
- * jQuery Mobile Widget @VERSION
- *
- * This software is licensed under the MIT licence (as defined by the OSI at
- * http://www.opensource.org/licenses/mit-license.php)
- *
- * ***************************************************************************
- * Copyright (C) 2011 by Intel Corporation Ltd.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- * ***************************************************************************
- *
- * Authors: Gabriel Schulhof <gabriel.schulhof@intel.com>
- */
-
-// Displays the color in text of the form '#RRGGBB' where
-// RR, GG, and BB are in hexadecimal.
-//
-// Apply a colortitle by adding the attribute data-role="colortitle"
-// to a <div> element inside a page. Alternatively, call colortitle()
-// on an element (see below).
-//
-// Options:
-//
-// color: String; the initial color can be specified in html using
-// the data-color="#ff00ff" attribute or when constructed
-// in javascipt eg
-// $("#mycolortitle").colortitle({ color: "#ff00ff" });
-// where the html might be :
-// <div id="mycolortitle"></div>
-// The color can be changed post-construction :
-// $("#mycolortitle").colortitle("option", "color", "#ABCDEF");
-// Default: "#1a8039".
-
-(function( $, undefined ) {
-
-$.widget( "tizen.colortitle", $.tizen.colorwidget, {
- options: {
- initSelector: ":jqmData(role='colortitle')"
- },
-
- _htmlProto: {
- ui: {
- clrtitle: "#colortitle",
- header: "#colortitle-string"
- }
- },
-
- _create: function() {
- this.element
- .css("display", "none")
- .after(this._ui.clrtitle);
-
- },
-
- widget: function() { return this._ui.clrtitle; },
-
- _setDisabled: function(value) {
- $.tizen.widgetex.prototype._setDisabled.call(this, value);
- this._ui.clrtitle[value ? "addClass" : "removeClass"]("ui-disabled");
- },
-
- _setColor: function(clr) {
- if ($.tizen.colorwidget.prototype._setColor.call(this, clr)) {
- this._ui.header.text(this.options.color);
- $(this._ui.header).parent().css("color", this.options.color);
- }
- }
-});
-
-$(document).bind("pagecreate create", function(e) {
- $($.tizen.colortitle.prototype.options.initSelector, e.target)
- .not(":jqmData(role='none'), :jqmData(role='nojs')")
- .colortitle();
-});
-
-})(jQuery);
+++ /dev/null
-@colortitle-vpadding: 15px;
-
-.ui-colortitle {
- padding-top: @colortitle-vpadding;
- padding-bottom: @colortitle-vpadding;
- h1 {
- display: table;
- margin: auto;
- color: #54a12d;
- }
-}
-
-.todons-colortitle-disabled {
- h1 {
- color: #888888;
- }
-}
+++ /dev/null
-<div id="colortitle" class="ui-colortitle jquery-mobile-ui-widget">
- <h1 id="colortitle-string"></h1>
-</div>
+++ /dev/null
-OUTPUT = ../../compiled
-
-JS = jquery.mobile.toolkit.js
-JS_THEME = theme.js
-CSS_THEME = theme.css
-
-JSFILES = \
- js/jquery.easing.1.3.js \
- js/jquery.mobile.scrollview.js \
- js/tizen.core.js \
- js/jquery.tmpl.js \
- $(NULL)
-
-JS_THEME_FILES = \
- $(NULL)
-
-CSSFILES = \
- $(NULL)
-
-CSS_THEME_FILES = \
- css/jquery.mobile.scrollview.css \
- $(NULL)
-
-all: init js js_theme css css_theme
- # Done.
-
-js: init
- # Building the Javascript file...
-# @@if test "x${JSFILES}x" != "xx"; then
- cat ${JSFILES} >> ${OUTPUT}/${JS};
-# fi
-
-js_theme: init
- # Building the Javascript theme file...
- @@if test "x${JS_THEME_FILES}x" != "xx"; then \
- cat ${JS_THEME_FILES} >> ${OUTPUT}/${JS_THEME}; \
- fi
-
-css: init
- # Building the CSS file...
- @@if test "x${CSSFILES}x" != "xx"; then \
- cat ${CSSFILES} >> ${OUTPUT}/${CSS}; \
- fi
-
-css_theme: init
- # Building the CSS theme file...
- @@if test "x${CSS_THEME_FILES}x" != "xx"; then \
- cat ${CSS_THEME_FILES} >> ${OUTPUT}/${CSS_THEME}; \
- fi
-
-init:
- # Initializing...
- @@if ! test -d ${OUTPUT}; then \
- mkdir ${OUTPUT}; \
- fi
-
-clean:
- @@true
+++ /dev/null
-.jquery-mobile-clrlib-hue-gradient {
- background: rgb(255,0,0); /* Old browsers */
- background: -webkit-gradient(linear, left top, right top,
- color-stop( 0% ,rgba(255, 0, 0,1)),
- color-stop( 16.666666667%,rgba(255,255, 0,1)),
- color-stop( 33.333333333%,rgba(0 ,255, 0,1)),
- color-stop( 50% ,rgba(0 ,255,255,1)),
- color-stop( 66.666666667%,rgba(0 , 0,255,1)),
- color-stop( 83.333333333%,rgba(255, 0,255,1)),
- color-stop(100% ,rgba(255, 0, 0,1))); /* Chrome,Safari4+ */
- background: -moz-linear-gradient(left,
- rgba(255, 0, 0,1) 0%,
- rgba(255,255, 0,1) 16.666666667%,
- rgba( 0,255, 0,1) 33.333333333%,
- rgba( 0,255,255,1) 50%,
- rgba( 0, 0,255,1) 66.666666667%,
- rgba(255, 0,255,1) 83.333333333%,
- rgba(255, 0, 0,1) 100%);
- background: -webkit-linear-gradient(left,
- rgba(255, 0, 0,1) 0%,
- rgba(255,255, 0,1) 16.666666667%,
- rgba( 0,255, 0,1) 33.333333333%,
- rgba( 0,255,255,1) 50%,
- rgba( 0, 0,255,1) 66.666666667%,
- rgba(255, 0,255,1) 83.333333333%,
- rgba(255, 0, 0,1) 100%);
- background: -o-linear-gradient(left,
- rgba(255, 0, 0,1) 0%,
- rgba(255,255, 0,1) 16.666666667%,
- rgba( 0,255, 0,1) 33.333333333%,
- rgba( 0,255,255,1) 50%,
- rgba( 0, 0,255,1) 66.666666667%,
- rgba(255, 0,255,1) 83.333333333%,
- rgba(255, 0, 0,1) 100%);
- background: -ms-linear-gradient(left,
- rgba(255, 0, 0,1) 0%,
- rgba(255,255, 0,1) 16.666666667%,
- rgba( 0,255, 0,1) 33.333333333%,
- rgba( 0,255,255,1) 50%,
- rgba( 0, 0,255,1) 66.666666667%,
- rgba(255, 0,255,1) 83.333333333%,
- rgba(255, 0, 0,1) 100%);
- background: linear-gradient(left,
- rgba(255, 0, 0,1) 0%,
- rgba(255,255, 0,1) 16.666666667%,
- rgba( 0,255, 0,1) 33.333333333%,
- rgba( 0,255,255,1) 50%,
- rgba( 0, 0,255,1) 66.666666667%,
- rgba(255, 0,255,1) 83.333333333%,
- rgba(255, 0, 0,1) 100%);
-}
+++ /dev/null
-@charset "utf-8";
-
-.ui-scrollview-clip {
- position: relative;
-}
-
-.ui-scrollview-view {
-}
-
-.ui-scrolllistview .ui-li-divider {
- z-index: 10;
-}
-
-.ui-scrollbar {
- position: absolute;
- overflow: hidden;
-
- opacity: 0;
- -webkit-transition: opacity 500ms;
- -moz-transition: opacity 500ms;
- transition: opacity 500ms;
-}
-
-.ui-scrollbar-visible {
- opacity: 1;
-}
-
-.ui-scrollbar-y {
- top: 2px;
- right: 2px;
- bottom: 8px;
- width: 5px;
-}
-
-.ui-scrollbar-x {
- right: 8px;
- bottom: 2px;
- left: 2px;
- height: 5px;
-}
-
-.ui-scrollbar-track {
- position: relative;
- width: 100%;
- height: 100%;
-}
-
-.ui-scrollbar-thumb {
- position: absolute;
- top: 0;
- left: 0;
- background-color: rgba(0, 0, 0, 0.3);
- -moz-border-radius: 2px;
- -webkit-border-radius: 2px;
- border-radius: 2px;
-}
-
-.ui-scrollbar-y .ui-scrollbar-thumb {
- width: 5px;
- height: 100%;
-}
-
-.ui-scrollbar-x .ui-scrollbar-thumb {
- width: 100%;
- height: 5px;
-}
-
-/*
- * the values below are for the group index
- */
-
-/*
- * padding here set to zero - otherwise the list scrolls underneith the top heading and can be seen above it
- */
-.ui-content.ui-scrollview-clip {
- padding: 0;
-}
-
-/*
- * this seems to effect how far the top divider is place wrt to the scrollview
- * without this, it is placed too high, so it is clipped in half
- */
-.ui-content.ui-scrollview-clip > .ui-listview.ui-scrollview-view {
- margin: 0;
-}
+++ /dev/null
-/*
- * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
- *
- * Uses the built in easing capabilities added In jQuery 1.1
- * to offer multiple easing options
- *
- * TERMS OF USE - jQuery Easing
- *
- * Open source under the BSD License.
- *
- * Copyright © 2008 George McGinley Smith
- * All rights reserved.
- *
- * Redistribution and use in source and binary forms, with or without modification,
- * are permitted provided that the following conditions are met:
- *
- * Redistributions of source code must retain the above copyright notice, this list of
- * conditions and the following disclaimer.
- * Redistributions in binary form must reproduce the above copyright notice, this list
- * of conditions and the following disclaimer in the documentation and/or other materials
- * provided with the distribution.
- *
- * Neither the name of the author nor the names of contributors may be used to endorse
- * or promote products derived from this software without specific prior written permission.
- *
- * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
- * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
- * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
- * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
- * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
- * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
- * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
- * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
- * OF THE POSSIBILITY OF SUCH DAMAGE.
- *
-*/
-
-// t: current time, b: begInnIng value, c: change In value, d: duration
-jQuery.easing['jswing'] = jQuery.easing['swing'];
-
-jQuery.extend( jQuery.easing,
-{
- def: 'easeOutQuad',
- swing: function (x, t, b, c, d) {
- //alert(jQuery.easing.default);
- return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
- },
- easeInQuad: function (x, t, b, c, d) {
- return c*(t/=d)*t + b;
- },
- easeOutQuad: function (x, t, b, c, d) {
- return -c *(t/=d)*(t-2) + b;
- },
- easeInOutQuad: function (x, t, b, c, d) {
- if ((t/=d/2) < 1) return c/2*t*t + b;
- return -c/2 * ((--t)*(t-2) - 1) + b;
- },
- easeInCubic: function (x, t, b, c, d) {
- return c*(t/=d)*t*t + b;
- },
- easeOutCubic: function (x, t, b, c, d) {
- return c*((t=t/d-1)*t*t + 1) + b;
- },
- easeInOutCubic: function (x, t, b, c, d) {
- if ((t/=d/2) < 1) return c/2*t*t*t + b;
- return c/2*((t-=2)*t*t + 2) + b;
- },
- easeInQuart: function (x, t, b, c, d) {
- return c*(t/=d)*t*t*t + b;
- },
- easeOutQuart: function (x, t, b, c, d) {
- return -c * ((t=t/d-1)*t*t*t - 1) + b;
- },
- easeInOutQuart: function (x, t, b, c, d) {
- if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
- return -c/2 * ((t-=2)*t*t*t - 2) + b;
- },
- easeInQuint: function (x, t, b, c, d) {
- return c*(t/=d)*t*t*t*t + b;
- },
- easeOutQuint: function (x, t, b, c, d) {
- return c*((t=t/d-1)*t*t*t*t + 1) + b;
- },
- easeInOutQuint: function (x, t, b, c, d) {
- if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
- return c/2*((t-=2)*t*t*t*t + 2) + b;
- },
- easeInSine: function (x, t, b, c, d) {
- return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
- },
- easeOutSine: function (x, t, b, c, d) {
- return c * Math.sin(t/d * (Math.PI/2)) + b;
- },
- easeInOutSine: function (x, t, b, c, d) {
- return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
- },
- easeInExpo: function (x, t, b, c, d) {
- return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
- },
- easeOutExpo: function (x, t, b, c, d) {
- return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
- },
- easeInOutExpo: function (x, t, b, c, d) {
- if (t==0) return b;
- if (t==d) return b+c;
- if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
- return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
- },
- easeInCirc: function (x, t, b, c, d) {
- return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
- },
- easeOutCirc: function (x, t, b, c, d) {
- return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
- },
- easeInOutCirc: function (x, t, b, c, d) {
- if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
- return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
- },
- easeInElastic: function (x, t, b, c, d) {
- var s=1.70158;var p=0;var a=c;
- if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
- if (a < Math.abs(c)) { a=c; var s=p/4; }
- else var s = p/(2*Math.PI) * Math.asin (c/a);
- return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
- },
- easeOutElastic: function (x, t, b, c, d) {
- var s=1.70158;var p=0;var a=c;
- if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
- if (a < Math.abs(c)) { a=c; var s=p/4; }
- else var s = p/(2*Math.PI) * Math.asin (c/a);
- return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
- },
- easeInOutElastic: function (x, t, b, c, d) {
- var s=1.70158;var p=0;var a=c;
- if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
- if (a < Math.abs(c)) { a=c; var s=p/4; }
- else var s = p/(2*Math.PI) * Math.asin (c/a);
- if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
- return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
- },
- easeInBack: function (x, t, b, c, d, s) {
- if (s == undefined) s = 1.70158;
- return c*(t/=d)*t*((s+1)*t - s) + b;
- },
- easeOutBack: function (x, t, b, c, d, s) {
- if (s == undefined) s = 1.70158;
- return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
- },
- easeInOutBack: function (x, t, b, c, d, s) {
- if (s == undefined) s = 1.70158;
- if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
- return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
- },
- easeInBounce: function (x, t, b, c, d) {
- return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
- },
- easeOutBounce: function (x, t, b, c, d) {
- if ((t/=d) < (1/2.75)) {
- return c*(7.5625*t*t) + b;
- } else if (t < (2/2.75)) {
- return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
- } else if (t < (2.5/2.75)) {
- return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
- } else {
- return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
- }
- },
- easeInOutBounce: function (x, t, b, c, d) {
- if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
- return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
- }
-});
-
-/*
- *
- * TERMS OF USE - EASING EQUATIONS
- *
- * Open source under the BSD License.
- *
- * Copyright © 2001 Robert Penner
- * All rights reserved.
- *
- * Redistribution and use in source and binary forms, with or without modification,
- * are permitted provided that the following conditions are met:
- *
- * Redistributions of source code must retain the above copyright notice, this list of
- * conditions and the following disclaimer.
- * Redistributions in binary form must reproduce the above copyright notice, this list
- * of conditions and the following disclaimer in the documentation and/or other materials
- * provided with the distribution.
- *
- * Neither the name of the author nor the names of contributors may be used to endorse
- * or promote products derived from this software without specific prior written permission.
- *
- * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
- * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
- * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
- * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
- * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
- * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
- * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
- * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
- * OF THE POSSIBILITY OF SUCH DAMAGE.
- *
- */
\ No newline at end of file
+++ /dev/null
-/*
- * Size pages to the window
- *
- * This software is licensed under the MIT licence (as defined by the OSI at
- * http://www.opensource.org/licenses/mit-license.php)
- *
- * ***************************************************************************
- * Copyright (C) 2011 by Intel Corporation Ltd.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- * ***************************************************************************
- */
-
-// Size pages to the window
-
-(function($, undefined) {
-
-var _fit_page_to_window_selector = ":jqmData(role='page'):jqmData(fit-page-to-window='true'):visible";
-
-$(document).bind("pageshow", function(e) {
- if ($(e.target).is(_fit_page_to_window_selector))
- $.mobile.tizen.fillPageWithContentArea($(e.target));
-});
-
-$(window).resize(function() {
- if ($(_fit_page_to_window_selector)[0] !== undefined)
- $.mobile.tizen.fillPageWithContentArea($(_fit_page_to_window_selector));
-});
-
-})(jQuery);
+++ /dev/null
-/*
- *
- * This software is licensed under the MIT licence (as defined by the OSI at
- * http://www.opensource.org/licenses/mit-license.php)
- *
- * ***************************************************************************
- * Copyright (C) 2011 by Intel Corporation Ltd.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- * ***************************************************************************
- */
-
-// Wrapper round the jLayout functions to enable it to be used
-// for creating jQuery Mobile layout extensions.
-//
-// See the layouthbox and layoutvbox widgets for usage examples.
-(function ($, undefined) {
-
-$.widget("tizen.jlayoutadaptor", $.mobile.widget, {
- options: {
- hgap: null,
- vgap: null,
- scrollable: true,
- showScrollBars: true,
- direction: null
- },
-
- _create: function () {
- var self = this,
- options = this.element.data('layout-options'),
- page = $(this.element).closest(':jqmData(role="page")');
-
- $.extend(this.options, options);
-
- if (page && !page.is(':visible')) {
- this.element.hide();
-
- page.bind('pageshow', function () {
- self.refresh();
- });
- }
- else {
- this.refresh();
- }
- },
-
- refresh: function () {
- var container;
- var config = $.extend(this.options, this.fixed);
-
- if (config.scrollable) {
- if (!(this.element.children().is('.ui-scrollview-view'))) {
- // create the scrollview
- this.element.scrollview({direction: config.direction,
- showScrollBars: config.showScrollBars});
- }
- else if (config.showScrollBars) {
- this.element.find('.ui-scrollbar').show();
- }
- else {
- this.element.find('.ui-scrollbar').hide();
- }
-
- container = this.element.find('.ui-scrollview-view');
- }
- else {
- container = this.element;
- }
-
- container.layout(config);
-
- this.element.show();
-
- if (config.scrollable) {
- // get the right/bottom edge of the last child after layout
- var lastItem = container.children().last();
-
- var edge;
-
- var scrollview = this.element.find('.ui-scrollview-view');
-
- if (config.direction === 'x') {
- edge = lastItem.position().left +
- lastItem.outerWidth(true);
-
- // set the scrollview's view width to the original width
- scrollview.width(edge);
-
- // set the parent container's height to the height of
- // the scrollview
- this.element.height(scrollview.height());
- }
- else if (config.direction === 'y') {
- edge = lastItem.position().top +
- lastItem.outerHeight(true);
-
- // set the scrollview's view height to the original height
- scrollview.height(edge);
-
- // set the parent container's width to the width of the
- // scrollview
- this.element.width(scrollview.width());
- }
- }
- }
-});
-
-})(jQuery);
+++ /dev/null
-/*!
- * jQuery Templates Plugin 1.0.0pre
- * http://github.com/jquery/jquery-tmpl
- * Requires jQuery 1.4.2
- *
- * Copyright Software Freedom Conservancy, Inc.
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- */
-(function( jQuery, undefined ){
- var oldManip = jQuery.fn.domManip, tmplItmAtt = "_tmplitem", htmlExpr = /^[^<]*(<[\w\W]+>)[^>]*$|\{\{\! /,
- newTmplItems = {}, wrappedItems = {}, appendToTmplItems, topTmplItem = { key: 0, data: {} }, itemKey = 0, cloneIndex = 0, stack = [];
-
- function newTmplItem( options, parentItem, fn, data ) {
- // Returns a template item data structure for a new rendered instance of a template (a 'template item').
- // The content field is a hierarchical array of strings and nested items (to be
- // removed and replaced by nodes field of dom elements, once inserted in DOM).
- var newItem = {
- data: data || (data === 0 || data === false) ? data : (parentItem ? parentItem.data : {}),
- _wrap: parentItem ? parentItem._wrap : null,
- tmpl: null,
- parent: parentItem || null,
- nodes: [],
- calls: tiCalls,
- nest: tiNest,
- wrap: tiWrap,
- html: tiHtml,
- update: tiUpdate
- };
- if ( options ) {
- jQuery.extend( newItem, options, { nodes: [], parent: parentItem });
- }
- if ( fn ) {
- // Build the hierarchical content to be used during insertion into DOM
- newItem.tmpl = fn;
- newItem._ctnt = newItem._ctnt || newItem.tmpl( jQuery, newItem );
- newItem.key = ++itemKey;
- // Keep track of new template item, until it is stored as jQuery Data on DOM element
- (stack.length ? wrappedItems : newTmplItems)[itemKey] = newItem;
- }
- return newItem;
- }
-
- // Override appendTo etc., in order to provide support for targeting multiple elements. (This code would disappear if integrated in jquery core).
- jQuery.each({
- appendTo: "append",
- prependTo: "prepend",
- insertBefore: "before",
- insertAfter: "after",
- replaceAll: "replaceWith"
- }, function( name, original ) {
- jQuery.fn[ name ] = function( selector ) {
- var ret = [], insert = jQuery( selector ), elems, i, l, tmplItems,
- parent = this.length === 1 && this[0].parentNode;
-
- appendToTmplItems = newTmplItems || {};
- if ( parent && parent.nodeType === 11 && parent.childNodes.length === 1 && insert.length === 1 ) {
- insert[ original ]( this[0] );
- ret = this;
- } else {
- for ( i = 0, l = insert.length; i < l; i++ ) {
- cloneIndex = i;
- elems = (i > 0 ? this.clone(true) : this).get();
- jQuery( insert[i] )[ original ]( elems );
- ret = ret.concat( elems );
- }
- cloneIndex = 0;
- ret = this.pushStack( ret, name, insert.selector );
- }
- tmplItems = appendToTmplItems;
- appendToTmplItems = null;
- jQuery.tmpl.complete( tmplItems );
- return ret;
- };
- });
-
- jQuery.fn.extend({
- // Use first wrapped element as template markup.
- // Return wrapped set of template items, obtained by rendering template against data.
- tmpl: function( data, options, parentItem ) {
- return jQuery.tmpl( this[0], data, options, parentItem );
- },
-
- // Find which rendered template item the first wrapped DOM element belongs to
- tmplItem: function() {
- return jQuery.tmplItem( this[0] );
- },
-
- // Consider the first wrapped element as a template declaration, and get the compiled template or store it as a named template.
- template: function( name ) {
- return jQuery.template( name, this[0] );
- },
-
- domManip: function( args, table, callback, options ) {
- if ( args[0] && jQuery.isArray( args[0] )) {
- var dmArgs = jQuery.makeArray( arguments ), elems = args[0], elemsLength = elems.length, i = 0, tmplItem;
- while ( i < elemsLength && !(tmplItem = jQuery.data( elems[i++], "tmplItem" ))) {}
- if ( tmplItem && cloneIndex ) {
- dmArgs[2] = function( fragClone ) {
- // Handler called by oldManip when rendered template has been inserted into DOM.
- jQuery.tmpl.afterManip( this, fragClone, callback );
- };
- }
- oldManip.apply( this, dmArgs );
- } else {
- oldManip.apply( this, arguments );
- }
- cloneIndex = 0;
- if ( !appendToTmplItems ) {
- jQuery.tmpl.complete( newTmplItems );
- }
- return this;
- }
- });
-
- jQuery.extend({
- // Return wrapped set of template items, obtained by rendering template against data.
- tmpl: function( tmpl, data, options, parentItem ) {
- var ret, topLevel = !parentItem;
- if ( topLevel ) {
- // This is a top-level tmpl call (not from a nested template using {{tmpl}})
- parentItem = topTmplItem;
- tmpl = jQuery.template[tmpl] || jQuery.template( null, tmpl );
- wrappedItems = {}; // Any wrapped items will be rebuilt, since this is top level
- } else if ( !tmpl ) {
- // The template item is already associated with DOM - this is a refresh.
- // Re-evaluate rendered template for the parentItem
- tmpl = parentItem.tmpl;
- newTmplItems[parentItem.key] = parentItem;
- parentItem.nodes = [];
- if ( parentItem.wrapped ) {
- updateWrapped( parentItem, parentItem.wrapped );
- }
- // Rebuild, without creating a new template item
- return jQuery( build( parentItem, null, parentItem.tmpl( jQuery, parentItem ) ));
- }
- if ( !tmpl ) {
- return []; // Could throw...
- }
- if ( typeof data === "function" ) {
- data = data.call( parentItem || {} );
- }
- if ( options && options.wrapped ) {
- updateWrapped( options, options.wrapped );
- }
- ret = jQuery.isArray( data ) ?
- jQuery.map( data, function( dataItem ) {
- return dataItem ? newTmplItem( options, parentItem, tmpl, dataItem ) : null;
- }) :
- [ newTmplItem( options, parentItem, tmpl, data ) ];
- return topLevel ? jQuery( build( parentItem, null, ret ) ) : ret;
- },
-
- // Return rendered template item for an element.
- tmplItem: function( elem ) {
- var tmplItem;
- if ( elem instanceof jQuery ) {
- elem = elem[0];
- }
- while ( elem && elem.nodeType === 1 && !(tmplItem = jQuery.data( elem, "tmplItem" )) && (elem = elem.parentNode) ) {}
- return tmplItem || topTmplItem;
- },
-
- // Set:
- // Use $.template( name, tmpl ) to cache a named template,
- // where tmpl is a template string, a script element or a jQuery instance wrapping a script element, etc.
- // Use $( "selector" ).template( name ) to provide access by name to a script block template declaration.
-
- // Get:
- // Use $.template( name ) to access a cached template.
- // Also $( selectorToScriptBlock ).template(), or $.template( null, templateString )
- // will return the compiled template, without adding a name reference.
- // If templateString includes at least one HTML tag, $.template( templateString ) is equivalent
- // to $.template( null, templateString )
- template: function( name, tmpl ) {
- if (tmpl) {
- // Compile template and associate with name
- if ( typeof tmpl === "string" ) {
- // This is an HTML string being passed directly in.
- tmpl = buildTmplFn( tmpl );
- } else if ( tmpl instanceof jQuery ) {
- tmpl = tmpl[0] || {};
- }
- if ( tmpl.nodeType ) {
- // If this is a template block, use cached copy, or generate tmpl function and cache.
- tmpl = jQuery.data( tmpl, "tmpl" ) || jQuery.data( tmpl, "tmpl", buildTmplFn( tmpl.innerHTML ));
- // Issue: In IE, if the container element is not a script block, the innerHTML will remove quotes from attribute values whenever the value does not include white space.
- // This means that foo="${x}" will not work if the value of x includes white space: foo="${x}" -> foo=value of x.
- // To correct this, include space in tag: foo="${ x }" -> foo="value of x"
- }
- return typeof name === "string" ? (jQuery.template[name] = tmpl) : tmpl;
- }
- // Return named compiled template
- return name ? (typeof name !== "string" ? jQuery.template( null, name ):
- (jQuery.template[name] ||
- // If not in map, and not containing at least on HTML tag, treat as a selector.
- // (If integrated with core, use quickExpr.exec)
- jQuery.template( null, htmlExpr.test( name ) ? name : jQuery( name )))) : null;
- },
-
- encode: function( text ) {
- // Do HTML encoding replacing < > & and ' and " by corresponding entities.
- return ("" + text).split("<").join("<").split(">").join(">").split('"').join(""").split("'").join("'");
- }
- });
-
- jQuery.extend( jQuery.tmpl, {
- tag: {
- "tmpl": {
- _default: { $2: "null" },
- open: "if($notnull_1){__=__.concat($item.nest($1,$2));}"
- // tmpl target parameter can be of type function, so use $1, not $1a (so not auto detection of functions)
- // This means that {{tmpl foo}} treats foo as a template (which IS a function).
- // Explicit parens can be used if foo is a function that returns a template: {{tmpl foo()}}.
- },
- "wrap": {
- _default: { $2: "null" },
- open: "$item.calls(__,$1,$2);__=[];",
- close: "call=$item.calls();__=call._.concat($item.wrap(call,__));"
- },
- "each": {
- _default: { $2: "$index, $value" },
- open: "if($notnull_1){$.each($1a,function($2){with(this){",
- close: "}});}"
- },
- "if": {
- open: "if(($notnull_1) && $1a){",
- close: "}"
- },
- "else": {
- _default: { $1: "true" },
- open: "}else if(($notnull_1) && $1a){"
- },
- "html": {
- // Unecoded expression evaluation.
- open: "if($notnull_1){__.push($1a);}"
- },
- "=": {
- // Encoded expression evaluation. Abbreviated form is ${}.
- _default: { $1: "$data" },
- open: "if($notnull_1){__.push($.encode($1a));}"
- },
- "!": {
- // Comment tag. Skipped by parser
- open: ""
- }
- },
-
- // This stub can be overridden, e.g. in jquery.tmplPlus for providing rendered events
- complete: function( items ) {
- newTmplItems = {};
- },
-
- // Call this from code which overrides domManip, or equivalent
- // Manage cloning/storing template items etc.
- afterManip: function afterManip( elem, fragClone, callback ) {
- // Provides cloned fragment ready for fixup prior to and after insertion into DOM
- var content = fragClone.nodeType === 11 ?
- jQuery.makeArray(fragClone.childNodes) :
- fragClone.nodeType === 1 ? [fragClone] : [];
-
- // Return fragment to original caller (e.g. append) for DOM insertion
- callback.call( elem, fragClone );
-
- // Fragment has been inserted:- Add inserted nodes to tmplItem data structure. Replace inserted element annotations by jQuery.data.
- storeTmplItems( content );
- cloneIndex++;
- }
- });
-
- //========================== Private helper functions, used by code above ==========================
-
- function build( tmplItem, nested, content ) {
- // Convert hierarchical content into flat string array
- // and finally return array of fragments ready for DOM insertion
- var frag, ret = content ? jQuery.map( content, function( item ) {
- return (typeof item === "string") ?
- // Insert template item annotations, to be converted to jQuery.data( "tmplItem" ) when elems are inserted into DOM.
- (tmplItem.key ? item.replace( /(<\w+)(?=[\s>])(?![^>]*_tmplitem)([^>]*)/g, "$1 " + tmplItmAtt + "=\"" + tmplItem.key + "\" $2" ) : item) :
- // This is a child template item. Build nested template.
- build( item, tmplItem, item._ctnt );
- }) :
- // If content is not defined, insert tmplItem directly. Not a template item. May be a string, or a string array, e.g. from {{html $item.html()}}.
- tmplItem;
- if ( nested ) {
- return ret;
- }
-
- // top-level template
- ret = ret.join("");
-
- // Support templates which have initial or final text nodes, or consist only of text
- // Also support HTML entities within the HTML markup.
- ret.replace( /^\s*([^<\s][^<]*)?(<[\w\W]+>)([^>]*[^>\s])?\s*$/, function( all, before, middle, after) {
- frag = jQuery( middle ).get();
-
- storeTmplItems( frag );
- if ( before ) {
- frag = unencode( before ).concat(frag);
- }
- if ( after ) {
- frag = frag.concat(unencode( after ));
- }
- });
- return frag ? frag : unencode( ret );
- }
-
- function unencode( text ) {
- // Use createElement, since createTextNode will not render HTML entities correctly
- var el = document.createElement( "div" );
- el.innerHTML = text;
- return jQuery.makeArray(el.childNodes);
- }
-
- // Generate a reusable function that will serve to render a template against data
- function buildTmplFn( markup ) {
- return new Function("jQuery","$item",
- // Use the variable __ to hold a string array while building the compiled template. (See https://github.com/jquery/jquery-tmpl/issues#issue/10).
- "var $=jQuery,call,__=[],$data=$item.data;" +
-
- // Introduce the data as local variables using with(){}
- "with($data){__.push('" +
-
- // Convert the template into pure JavaScript
- jQuery.trim(markup)
- .replace( /([\\'])/g, "\\$1" )
- .replace( /[\r\t\n]/g, " " )
- .replace( /\$\{([^\}]*)\}/g, "{{= $1}}" )
- .replace( /\{\{(\/?)(\w+|.)(?:\(((?:[^\}]|\}(?!\}))*?)?\))?(?:\s+(.*?)?)?(\(((?:[^\}]|\}(?!\}))*?)\))?\s*\}\}/g,
- function( all, slash, type, fnargs, target, parens, args ) {
- var tag = jQuery.tmpl.tag[ type ], def, expr, exprAutoFnDetect;
- if ( !tag ) {
- throw "Unknown template tag: " + type;
- }
- def = tag._default || [];
- if ( parens && !/\w$/.test(target)) {
- target += parens;
- parens = "";
- }
- if ( target ) {
- target = unescape( target );
- args = args ? ("," + unescape( args ) + ")") : (parens ? ")" : "");
- // Support for target being things like a.toLowerCase();
- // In that case don't call with template item as 'this' pointer. Just evaluate...
- expr = parens ? (target.indexOf(".") > -1 ? target + unescape( parens ) : ("(" + target + ").call($item" + args)) : target;
- exprAutoFnDetect = parens ? expr : "(typeof(" + target + ")==='function'?(" + target + ").call($item):(" + target + "))";
- } else {
- exprAutoFnDetect = expr = def.$1 || "null";
- }
- fnargs = unescape( fnargs );
- return "');" +
- tag[ slash ? "close" : "open" ]
- .split( "$notnull_1" ).join( target ? "typeof(" + target + ")!=='undefined' && (" + target + ")!=null" : "true" )
- .split( "$1a" ).join( exprAutoFnDetect )
- .split( "$1" ).join( expr )
- .split( "$2" ).join( fnargs || def.$2 || "" ) +
- "__.push('";
- }) +
- "');}return __;"
- );
- }
- function updateWrapped( options, wrapped ) {
- // Build the wrapped content.
- options._wrap = build( options, true,
- // Suport imperative scenario in which options.wrapped can be set to a selector or an HTML string.
- jQuery.isArray( wrapped ) ? wrapped : [htmlExpr.test( wrapped ) ? wrapped : jQuery( wrapped ).html()]
- ).join("");
- }
-
- function unescape( args ) {
- return args ? args.replace( /\\'/g, "'").replace(/\\\\/g, "\\" ) : null;
- }
- function outerHtml( elem ) {
- var div = document.createElement("div");
- div.appendChild( elem.cloneNode(true) );
- return div.innerHTML;
- }
-
- // Store template items in jQuery.data(), ensuring a unique tmplItem data data structure for each rendered template instance.
- function storeTmplItems( content ) {
- var keySuffix = "_" + cloneIndex, elem, elems, newClonedItems = {}, i, l, m;
- for ( i = 0, l = content.length; i < l; i++ ) {
- if ( (elem = content[i]).nodeType !== 1 ) {
- continue;
- }
- elems = elem.getElementsByTagName("*");
- for ( m = elems.length - 1; m >= 0; m-- ) {
- processItemKey( elems[m] );
- }
- processItemKey( elem );
- }
- function processItemKey( el ) {
- var pntKey, pntNode = el, pntItem, tmplItem, key;
- // Ensure that each rendered template inserted into the DOM has its own template item,
- if ( (key = el.getAttribute( tmplItmAtt ))) {
- while ( pntNode.parentNode && (pntNode = pntNode.parentNode).nodeType === 1 && !(pntKey = pntNode.getAttribute( tmplItmAtt ))) { }
- if ( pntKey !== key ) {
- // The next ancestor with a _tmplitem expando is on a different key than this one.
- // So this is a top-level element within this template item
- // Set pntNode to the key of the parentNode, or to 0 if pntNode.parentNode is null, or pntNode is a fragment.
- pntNode = pntNode.parentNode ? (pntNode.nodeType === 11 ? 0 : (pntNode.getAttribute( tmplItmAtt ) || 0)) : 0;
- if ( !(tmplItem = newTmplItems[key]) ) {
- // The item is for wrapped content, and was copied from the temporary parent wrappedItem.
- tmplItem = wrappedItems[key];
- tmplItem = newTmplItem( tmplItem, newTmplItems[pntNode]||wrappedItems[pntNode] );
- tmplItem.key = ++itemKey;
- newTmplItems[itemKey] = tmplItem;
- }
- if ( cloneIndex ) {
- cloneTmplItem( key );
- }
- }
- el.removeAttribute( tmplItmAtt );
- } else if ( cloneIndex && (tmplItem = jQuery.data( el, "tmplItem" )) ) {
- // This was a rendered element, cloned during append or appendTo etc.
- // TmplItem stored in jQuery data has already been cloned in cloneCopyEvent. We must replace it with a fresh cloned tmplItem.
- cloneTmplItem( tmplItem.key );
- newTmplItems[tmplItem.key] = tmplItem;
- pntNode = jQuery.data( el.parentNode, "tmplItem" );
- pntNode = pntNode ? pntNode.key : 0;
- }
- if ( tmplItem ) {
- pntItem = tmplItem;
- // Find the template item of the parent element.
- // (Using !=, not !==, since pntItem.key is number, and pntNode may be a string)
- while ( pntItem && pntItem.key != pntNode ) {
- // Add this element as a top-level node for this rendered template item, as well as for any
- // ancestor items between this item and the item of its parent element
- pntItem.nodes.push( el );
- pntItem = pntItem.parent;
- }
- // Delete content built during rendering - reduce API surface area and memory use, and avoid exposing of stale data after rendering...
- delete tmplItem._ctnt;
- delete tmplItem._wrap;
- // Store template item as jQuery data on the element
- jQuery.data( el, "tmplItem", tmplItem );
- }
- function cloneTmplItem( key ) {
- key = key + keySuffix;
- tmplItem = newClonedItems[key] =
- (newClonedItems[key] || newTmplItem( tmplItem, newTmplItems[tmplItem.parent.key + keySuffix] || tmplItem.parent ));
- }
- }
- }
-
- //---- Helper functions for template item ----
-
- function tiCalls( content, tmpl, data, options ) {
- if ( !content ) {
- return stack.pop();
- }
- stack.push({ _: content, tmpl: tmpl, item:this, data: data, options: options });
- }
-
- function tiNest( tmpl, data, options ) {
- // nested template, using {{tmpl}} tag
- return jQuery.tmpl( jQuery.template( tmpl ), data, options, this );
- }
-
- function tiWrap( call, wrapped ) {
- // nested template, using {{wrap}} tag
- var options = call.options || {};
- options.wrapped = wrapped;
- // Apply the template, which may incorporate wrapped content,
- return jQuery.tmpl( jQuery.template( call.tmpl ), call.data, options, call.item );
- }
-
- function tiHtml( filter, textOnly ) {
- var wrapped = this._wrap;
- return jQuery.map(
- jQuery( jQuery.isArray( wrapped ) ? wrapped.join("") : wrapped ).filter( filter || "*" ),
- function(e) {
- return textOnly ?
- e.innerText || e.textContent :
- e.outerHTML || outerHtml(e);
- });
- }
-
- function tiUpdate() {
- var coll = this.nodes;
- jQuery.tmpl( null, null, null, this).insertBefore( coll[0] );
- jQuery( coll ).remove();
- }
-})( jQuery );
+++ /dev/null
-/*
- * Defines one can include in one's own .less file for a common look-and-feel
- */
-
-/* From page 60 */
-@tizen-selected-color: #d9931a;
-@tizen-selected-color-disabled: #999999;
+++ /dev/null
-@jquery-mobile-ui-widget-border-color: #c7c7c7;
-@jquery-mobile-ui-widget-text-color: #9d9d9d;
-@jquery-mobile-ui-widget-body: #fafafa;
-@jquery-mobile-ui-widget-left-border-width: 10px;
-@jquery-mobile-ui-widget-left-border-style: solid;
-@jquery-mobile-ui-widget-border-style: 1px solid;
-@jquery-mobile-ui-widget-left-border: @jquery-mobile-ui-widget-left-border-width @jquery-mobile-ui-widget-left-border-style @jquery-mobile-ui-widget-border-color;
-
-.jquery-mobile-ui-widget {
- border-left: @jquery-mobile-ui-widget-left-border;
- border-bottom: @jquery-mobile-ui-widget-border-style @jquery-mobile-ui-widget-border-color;
- background: @jquery-mobile-ui-widget-body;
-}
-
-.jquery-mobile-ui-widget-top {
- border-top: @jquery-mobile-ui-widget-border-style @jquery-mobile-ui-widget-border-color;
-}
-
-.jquery-mobile-ui-label {
- position: relative;
- border-bottom: @jquery-mobile-ui-widget-border-style @jquery-mobile-ui-widget-border-color;
- height: 40px;
- .jquery-mobile-ui-label-text {
- font-family: sans-serif;
- font-size: 120%;
- position: absolute;
- text-align: left;
- vertical-align: bottom;
- color: @jquery-mobile-ui-widget-text-color;
- bottom: 0px;
- left: @jquery-mobile-ui-widget-left-border-width;
- }
-}
-
-.rounded-corners (@radius: 5px) {
- border-radius: @radius;
- -webkit-border-radius: @radius;
- -moz-border-radius: @radius;
-}
-
-.reset-rounded-corners {
- .rounded-corners (0px);
-}
-
-.reset-border {
- border: 0;
-}
-
+++ /dev/null
-/*
-* jQuery Mobile Framework : "controlbar" plugin
-* Copyright (c) jQuery Project
-* Dual licensed under the MIT or GPL Version 2 licenses.
-* http://jquery.org/license
-* Authors: Jinhyuk Jun <jinhyuk.jun@samsung.com>
-*/
-
-/**
- * Controlbar can be created using data-role = "controlbar" inside footer
- * Framework determine which controlbar will display with controlbar attribute
- *
- * Attributes:
- *
- * data-style : determine which controlbar will use ( tabbar / toolbar )
- * tabbar do not have back button, toolbar has back button
- *
- * Examples:
- *
- * HTML markup for creating tabbar: ( 2 ~ 5 li item available )
- * icon can be changed data-icon attribute
- * <div data-role="footer"data-position ="fixed">
- * <div data-role="controlbar" data-style="tabbar" >
- * <ul>
- * <li><a href="#" data-icon="ctrlbar-menu" class="ui-btn-active">Menu</a></li>
- * <li><a href="#" data-icon="ctrlbar-save" >Save</a></li>
- * <li><a href="#" data-icon="ctrlbar-share" >Share</a></li>
- * </ul>
- * </div>
- * </div>
- *
- * HTML markup for creating toolbar: ( 2 ~ 5 li item available )
- * icon can be changed data-icon attribute
- * <div data-role="footer" data-position ="fixed">
- * <div data-role="controlbar" data-style="toolbar" >
- * <ul>
- * <li><a href="#" data-icon="ctrlbar-menu" class="ui-btn-active">Menu</a></li>
- * <li><a href="#" data-icon="ctrlbar-save" >Save</a></li>
- * <li><a href="#" data-icon="ctrlbar-share" >Share</a></li>
- * </ul>
- * </div>
- * </div>
-*/
-
-(function( $, undefined ) {
-
-$.widget( "tizen.controlbar", $.mobile.widget, {
- options: {
- iconpos: "top",
- grid: null,
- initSelector: ":jqmData(role='controlbar')"
- },
-
- _create: function(){
-
- var $controlbar = this.element,
- $navbtns = $controlbar.find( "a" ),
- iconpos = $navbtns.filter( ":jqmData(icon)" ).length ?
- this.options.iconpos : undefined,
- theme = $.mobile.listview.prototype.options.theme, /* Get current theme */
- style = $controlbar.attr( "data-style" );
-
- if( style === "left" || style === "right" ) {
- $controlbar
- .parents( ".ui-content" )
- .css( 'padding', '0' );
- } else {
- $controlbar
- .addClass( "ui-navbar" )
- .attr( "role","navigation" )
- .find( "ul" )
- .grid( { grid: this.options.grid } );
- }
-
- if ( !iconpos ) {
- $controlbar.addClass( "ui-navbar-noicons" );
- }
-
- $navbtns.buttonMarkup({
- corners: false,
- shadow: false,
- iconpos: iconpos
- });
-
- $controlbar.delegate( "a", "vclick", function( event ) {
- $navbtns.not( ".ui-state-persist" ).removeClass( $.mobile.activeBtnClass );
- $( this ).addClass( $.mobile.activeBtnClass );
- });
-
- if( style === "tabbar" || style === "toolbar" ){
- $controlbar
- .addClass( "ui-controlbar-" + theme )
- .addClass( "ui-"+style+"-" + theme );
- } else {
- $controlbar
- .addClass( "ui-controlbar-" + style )
- .end();
- }
-
- $( document ).bind( "pagebeforeshow", function( event, ui ) {
- var footer_filter = $( event.target ).find( ":jqmData(role='footer')" );
- var controlbar_filter = footer_filter.find( ":jqmData(role='controlbar')" );
- var style = controlbar_filter.jqmData( "style" );
-
- if( style == "toolbar" || style == "tabbar" ){
- /* Need to add text only style */
- if( !(controlbar_filter.find(".ui-btn-inner").children().is(".ui-icon")) ){
- controlbar_filter.find( ".ui-btn-inner" ).addClass( "ui-navbar-textonly" );
- } else {
- if( controlbar_filter.find(".ui-btn-text").text() == "" ){
- controlbar_filter.find( ".ui-btn" ).css( "padding-top", "20px" );
- }
- }
- footer_filter
- .css( "position", "fixed" )
- .css( "height", controlbar_filter.height() )
- .css( "top", window.innerHeight - footer_filter.height() );
- if( style == "toolbar" ){
- controlbar_filter
- .css( "width", window.innerWidth - controlbar_filter.siblings(".ui-btn").width() );
- }
- }
- });
-
- $( document ).bind( "pageshow", function( e, ui ){
- var controlbar_filter = $( ".ui-page" ).find( ":jqmData(role='footer')" ).eq( 0 ).find( ":jqmData(role='controlbar')" );
- var element_count = controlbar_filter.find( 'li' ).length;
-
- if( controlbar_filter.find(".ui-btn-active").length == 0 )
- controlbar_filter.find( "div" ).css( "left", "0px" );
- else
- controlbar_filter.find( "div" ).css( "left", controlbar_filter.find( ".ui-btn-active" ).parent( "li" ).index() * controlbar_filter.width()/element_count );
-
- /* Increase Content size with dummy <div> because of footer height */
- if( controlbar_filter.length != 0 && $( ".ui-page-active" ).find( ".dummy-div" ).length == 0
- && $( ".ui-page-active" ).find( ":jqmData(role='footer')" ).find( ":jqmData(role='controlbar')" ).length != 0 ){
- $( ".ui-page-active" ).find( ":jqmData(role='content')" ).append( '<div class="dummy-div"></div>' );
- $( ".ui-page-active" ).find( ".dummy-div" )
- .css( "width", controlbar_filter.width() )
- .css( "height", controlbar_filter.height() );
- }
- });
-
- },
-
- _setDisabled: function( value, cnt ) {
- this.element.find( "li" ).eq( cnt ).attr( "disabled", value );
- this.element.find( "li" ).eq( cnt ).attr( "aria-disabled", value );
- },
-
- disable: function( cnt ) {
- this._setDisabled( true, cnt );
- this.element.find( "li" ).eq( cnt ).addClass( "ui-disabled" );
- },
-
- enable: function( cnt ) {
- this._setDisabled( false, cnt );
- this.element.find( "li" ).eq( cnt ).removeClass( "ui-disabled" );
- }
-});
-
-//auto self-init widgets
-$( document ).bind( "pagecreate create", function( e ){
- $( $.tizen.controlbar.prototype.options.initSelector, e.target ).controlbar();
-});
-})( jQuery );
+++ /dev/null
-/* dayselector CSS */
-.ui-dayselector {
- display: inline-block;
-}
-
-.ui-dayselector label {
- height: 56px;
- width: 64px;
-}
-
-.ui-dayselector-label-6 {
- color: blue;
-}
-
-.ui-dayselector-label-0 {
- color: red;
-}
-
-.todons-dayselector-disabled .ui-dayselector-label-6 {
- color: #121212;
-}
-
-.todons-dayselector-disabled .ui-dayselector-label-0 {
- color: #363636;
-}
+++ /dev/null
-/*
- * jQuery Mobile Widget @VERSION
- *
- * This software is licensed under the MIT licence (as defined by the OSI at
- * http://www.opensource.org/licenses/mit-license.php)
- *
- * ***************************************************************************
- * Copyright (C) 2011 by Intel Corporation Ltd.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- * ***************************************************************************
- *
- * Authors: Rijubrata Bhaumik <rijubrata.bhaumik@intel.com>
- * Elliot Smith <elliot.smith@intel.com>
- */
-
-// Displays a day selector element: a control group with 7 check
-// boxes which can be toggled on and off.
-//
-// The widget can be invoked on fieldset element with
-// $(element).dayselector() or by creating a fieldset element with
-// data-role="dayselector". If you try to apply it to an element
-// of type other than fieldset, results will be unpredictable.
-//
-// The default is to display the controlgroup horizontally; you can
-// override this by setting data-type="vertical" on the fieldset,
-// or by passing a type option to the constructor. The data-type
-// attribute has precedence.
-//
-// If no ID is supplied for the dayselector, one will be generated
-// automatically.
-//
-// Methods:
-//
-// value: Return the day numbers (0=Sunday, ..., 6=Saturday) of
-// the selected checkboxes as an array.
-//
-// selectAll: Select all 7 days of the week by automatically "ticking"
-// all of the checkboxes.
-//
-// Options:
-//
-// theme : Override the data-theme of the widget; note that the
-// order of preference is: 1) set from data-theme attribute;
-// 2) set from option; 3) set from closest parent data-theme;
-// 4) default to 'c'
-//
-// type: 'horizontal' (default) or 'vertical'; specifies the type
-// of controlgroup to create around the day check boxes.
-//
-// days: array of day names, Sunday first; defaults to English day
-// names; the first letters are used as text for the checkboxes
-
-(function ($, window, undefined) {
- $.widget("tizen.dayselector", $.mobile.widget, {
- options: {
- initSelector: 'fieldset:jqmData(role="dayselector")',
- theme: null,
- type: 'horizontal',
- days: ['Sunday',
- 'Monday',
- 'Tuesday',
- 'Wednesday',
- 'Thursday',
- 'Friday',
- 'Saturday']
- },
-
- defaultTheme: 'c',
-
- _create: function () {
- this.element.addClass('ui-dayselector');
-
- this.options.type = this.element.jqmData('type') || this.options.type;
-
- this.options.theme = this.element.jqmData('theme') ||
- this.options.theme ||
- this.element.closest(':jqmData(theme)').jqmData('theme') ||
- this.defaultTheme;
-
- var days = this.options.days;
-
- this.element.attr('data-' + $.mobile.ns + 'type', this.options.type);
-
- var parentId = this.element.attr('id') ||
- 'dayselector' + (new Date()).getTime();
-
- for (var i = 0; i < days.length; i++) {
- var day = days[i];
- var letter = day.slice(0, 1);
- if ( Globalize ) {
- //TODO may some modification required to support
- // start week day difference upon cultures.
- letter = Globalize.culture().calendars.standard.days.namesShort[i];
- }
- var id = parentId + '_' + i;
- var labelClass = 'ui-dayselector-label-' + i;
-
- var checkbox = $('<input type="checkbox"/>')
- .attr('id', id)
- .attr('value', i);
-
- var label = $('<label>' + letter + '</label>')
- .attr('for', id)
- .addClass(labelClass);
-
- this.element.append(checkbox);
- this.element.append(label);
- }
-
- this.checkboxes = this.element.find(':checkbox')
- .checkboxradio({theme: this.options.theme});
-
- this.element.controlgroup({excludeInvisible: false});
- },
-
- _setOption: function(key, value) {
- if (key === "disabled")
- this._setDisabled(value);
- },
-
- _setDisabled: function(value) {
- $.Widget.prototype._setOption.call(this, "disabled", value);
- this.element[value ? "addClass" : "removeClass"]("ui-disabled");
- },
-
- value: function () {
- var values = this.checkboxes.filter(':checked').map(function () {
- return this.value;
- }).get();
-
- return values;
- },
-
- selectAll: function () {
- this.checkboxes.attr('checked', 'checked')
- .checkboxradio('refresh');
- }
-
- }); /* End of Widget */
-
- // auto self-init widgets
- $(document).bind("pagebeforecreate", function (e) {
- var elts = $($.tizen.dayselector.prototype.options.initSelector, e.target);
- elts.not(":jqmData(role='none'), :jqmData(role='nojs')").dayselector();
- });
-
-})(jQuery, this);
+++ /dev/null
-/**
- * Displays vertical multi-level list.
- *
- * To apply, add the attribute data-expandable="true" and id="parentid" to a <li> element for parent list item
- * and add the arrribute data-expanded-by="parentid" to a <li> element for child list item.
- *
- * HTML Attributes:
- * data-expandable: Parent list item must have 'true' value for this attribute
- * data-expanded-by: Child list item expanded by parent list item must have 'true' value for this attribute
- * data-initial-expansion: If you want expandable list to be expanded initially, set this value as 'true'
- *
- * Example:
- * <li data-expandable="true" id="exp1" data-initial-expansion="true">Parent</li>
- * <li data-expanded-by="exp1">Child</li>
- */
-
-(function ($, undefined) {
-
-$.widget("todons.expandablelist", $.mobile.widget, {
- options: {
- initSelector: ":jqmData(expandable='true')",
- },
-
- _hide: function(e) {
- $(e).removeClass('ui-li-expand-transition-show')
- .addClass('ui-li-expand-transition-hide');
- },
- _show: function(e) {
- $(e).removeClass('ui-li-expand-transition-hide')
- .addClass('ui-li-expand-transition-show');
- },
- _hide_expand_img: function(e) {
- $(e).removeClass('ui-li-expandable-hidden')
- .addClass('ui-li-expandable-shown');
-
- $(e).find( ".ui-li-expand-icon" )
- .addClass( "ui-li-expanded-icon" )
- .removeClass( "ui-li-expand-icon" );
- },
- _show_expand_img: function(e) {
- $(e).removeClass('ui-li-expandable-shown')
- .addClass('ui-li-expandable-hidden');
-
- $(e).find( ".ui-li-expanded-icon" )
- .addClass( "ui-li-expand-icon" )
- .removeClass( "ui-li-expanded-icon" );
- },
-
- _set_expand_arrow: function(self, e, parent_is_expanded) {
- if (parent_is_expanded) {
- self._hide_expand_img(e);
- } else {
- self._show_expand_img(e);
- }
- if($(e[0]).data("expandable") && parent_is_expanded == false) {
- var children = $(e).nextAll(":jqmData(expanded-by='"+$(e).attr('id')+"')");
- children.each(function(idx, child) {
- self._set_expand_arrow(self, child, e.is_expanded);
- });
- }
- },
-
- _toggle: function(self, e, parent_is_expanded) {
- if (! parent_is_expanded) {
- self._show(e);
- }
- else {
- self._hide(e);
- if($(e).data("expandable") && e.is_expanded == true) {
- var children = $(e).nextAll(":jqmData(expanded-by='"+$(e).attr('id')+"')");
- children.each(function(idx, child) {
- self._toggle(self, child, e.is_expanded);
- });
- e.is_expanded = false;
- }
- }
- },
- _is_hidden: function(e) {
- return ( $(e).height() == 0);
- },
-
- _create: function () {
-
- var children = $(this.element).nextAll(":jqmData(expanded-by='"+$(this.element).attr('id')+"')");
- if (children.length == 0) {
- return;
- }
-
- var e = this.element,
- self = this,
- expanded = e.nextAll(":jqmData(expanded-by='" + e[0].id + "')"),
- initial_expansion = e.data("initial-expansion");
- is_expanded = false;
-
- if(initial_expansion == true ) {
- var parent_id = e.data("expanded-by");
- if(parent_id) {
- if($("#"+parent_id).is_expanded == true) is_expanded = true;
- } else {
- is_expanded = true;
- }
- }
-
- e[0].is_expanded = is_expanded;
- if (e[0].is_expanded) {
- self._hide_expand_img(e);
- $(e).append("<div class='ui-li-expanded-icon'></div>");
- } else {
- self._show_expand_img(e);
- $(e).append("<div class='ui-li-expand-icon'></div>");
- }
-
- if(e[0].is_expanded) expanded.each(function(i, e) { self._show(e); });
- else expanded.each(function(i, e) { self._hide(e); });
-
- expanded.addClass("ui-li-expanded");
-
- e.bind('vclick', function() {
- var _is_expanded = e[0].is_expanded;
- expanded.each(function(i, e) { self._toggle(self, e, _is_expanded); });
- e[0].is_expanded = ! e[0].is_expanded;
-
- self._set_expand_arrow(self, e, e[0].is_expanded);
- });
- },
-
-
-}); // end: $.widget()
-
-
-$(document).bind("pagecreate create", function (e) {
- $($.todons.expandablelist.prototype.options.initSelector, e.target)
- .not(":jqmData(role='none'), :jqmData(role='nojs')")
- .expandablelist();
-});
-
-})(jQuery);
+++ /dev/null
-.ui-hsvpicker .hsvpicker-clrchannel-container .hsvpicker-clrchannel-masks-container .sat-gradient {
- background: rgb(255,0,0); /* Old browsers */
- background: -webkit-gradient(linear, left top, right top,
- color-stop( 0%,rgba(255,255,255,1)),
- color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
- background: -moz-linear-gradient(left,
- rgba(255,255,255,1) 0%,
- rgba(255,255,255,0) 100%);
- background: -webkit-linear-gradient(left,
- rgba(255,255,255,1) 0%,
- rgba(255,255,255,0) 100%);
- background: -o-linear-gradient(left,
- rgba(255,255,255,1) 0%,
- rgba(255,255,255,0) 100%);
- background: -ms-linear-gradient(left,
- rgba(255,255,255,1) 0%,
- rgba(255,255,255,0) 100%);
- background: linear-gradient(left,
- rgba(255,255,255,1) 0%,
- rgba(255,255,255,0) 100%);
- filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#ffffff', endColorstr="#00ffffff", GradientType = 1);
-}
-
-.ui-hsvpicker .hsvpicker-clrchannel-container .hsvpicker-clrchannel-masks-container .val-gradient {
- background: rgb(255,0,0); /* Old browsers */
- background: -webkit-gradient(linear, left top, right top,
- color-stop( 0%,rgba(0,0,0,1)),
- color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
- background: -moz-linear-gradient(left,
- rgba(0,0,0,1) 0%,
- rgba(0,0,0,0) 100%);
- background: -webkit-linear-gradient(left,
- rgba(0,0,0,1) 0%,
- rgba(0,0,0,0) 100%);
- background: -o-linear-gradient(left,
- rgba(0,0,0,1) 0%,
- rgba(0,0,0,0) 100%);
- background: -ms-linear-gradient(left,
- rgba(0,0,0,1) 0%,
- rgba(0,0,0,0) 100%);
- background: linear-gradient(left,
- rgba(0,0,0,1) 0%,
- rgba(0,0,0,0) 100%);
- filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#000000', endColorstr="#00000000", GradientType = 1);
-}
+++ /dev/null
-/*
- * jQuery Mobile Widget @VERSION
- *
- * This software is licensed under the MIT licence (as defined by the OSI at
- * http://www.opensource.org/licenses/mit-license.php)
- *
- * ***************************************************************************
- * Copyright (C) 2011 by Intel Corporation Ltd.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- * ***************************************************************************
- *
- * Authors: Gabriel Schulhof <gabriel.schulhof@intel.com>
- */
-
-// Displays three sliders that allow the user to select the
-// hue, saturation, and value for a color.
-//
-// To apply, add the attribute data-role="hsvpicker" to a <div>
-// element inside a page. Alternatively, call hsvpicker()
-// on an element (see below).
-//
-// Options:
-//
-// color: String; the initial color can be specified in html using the
-// data-color="#ff00ff" attribute or when constructed
-// in javascript, eg
-// $("#myhsvpicker").hsvpicker({ color: "#ff00ff" });
-// where the html might be :
-// <div id="myhsvpicker"></div>
-// The color can be changed post-construction like this :
-// $("#myhsvpicker").hsvpicker("option", "color", "#ABCDEF");
-// Default: "#1a8039"
-//
-// Events:
-//
-// colorchanged: Fired when the color is changed.
-
-(function( $, undefined ) {
-
-$.widget( "tizen.hsvpicker", $.tizen.colorwidget, {
- options: {
- initSelector: ":jqmData(role='hsvpicker')"
- },
-
- _htmlProto: {
- ui: {
- container: "#hsvpicker",
- hue: {
- eventSource: "[data-event-source='hue']",
- selector: "#hsvpicker-hue-selector",
- hue: "#hsvpicker-hue-hue",
- valMask: "#hsvpicker-hue-mask-val"
- },
- sat: {
- gradient: "#hsvpicker-sat-gradient",
- eventSource: "[data-event-source='sat']",
- selector: "#hsvpicker-sat-selector",
- hue: "#hsvpicker-sat-hue",
- valMask: "#hsvpicker-sat-mask-val"
- },
- val: {
- gradient: "#hsvpicker-val-gradient",
- eventSource: "[data-event-source='val']",
- selector: "#hsvpicker-val-selector",
- hue: "#hsvpicker-val-hue"
- }
- }
- },
-
- _create: function() {
- var self = this;
-
- this.element
- .css("display", "none")
- .after(this._ui.container);
-
- this._ui.hue.hue.huegradient();
-
- $.extend(this, {
- dragging_hsv: [ 0, 0, 0],
- selectorDraggingOffset: {
- x : -1,
- y : -1
- },
- dragging: -1
- });
-
- this._ui.container.find(".hsvpicker-arrow-btn")
- .buttonMarkup()
- .bind("vclick", function(e) {
- var chan = $(this).attr("data-" + ($.mobile.ns || "") + "target"),
- hsvIdx = ("hue" === chan) ? 0 :
- ("sat" === chan) ? 1 : 2,
- max = (0 == hsvIdx ? 360 : 1),
- step = 0.05 * max;
-
- self.dragging_hsv[hsvIdx] = self.dragging_hsv[hsvIdx] + step * ("left" === $(this).attr("data-" + ($.mobile.ns || "") + "location") ? -1 : 1);
- self.dragging_hsv[hsvIdx] = Math.min(max, Math.max(0.0, self.dragging_hsv[hsvIdx]));
- self._updateSelectors(self.dragging_hsv);
- });
-
- $( document )
- .bind( "vmousemove", function( event ) {
- if ( self.dragging != -1 ) {
- event.stopPropagation();
- event.preventDefault();
- }
- })
- .bind( "vmouseup", function( event ) {
- self.dragging = -1;
- });
-
- this._bindElements("hue", 0);
- this._bindElements("sat", 1);
- this._bindElements("val", 2);
- },
-
- _bindElements: function(chan, idx) {
- var self = this;
- this._ui[chan].selector
- .bind("mousedown vmousedown", function(e) { self._handleMouseDown(chan, idx, e, true); })
- .bind("vmousemove touchmove", function(e) { self._handleMouseMove(chan, idx, e, true); })
- .bind("vmouseup", function(e) { self.dragging = -1; });
- this._ui[chan].eventSource
- .bind("mousedown vmousedown", function(e) { self._handleMouseDown(chan, idx, e, false); })
- .bind("vmousemove touchmove", function(e) { self._handleMouseMove(chan, idx, e, false); })
- .bind("vmouseup", function(e) { self.dragging = -1; });
- },
-
- _handleMouseDown: function(chan, idx, e, isSelector) {
- var coords = $.mobile.tizen.targetRelativeCoordsFromEvent(e),
- widgetStr = (isSelector ? "selector" : "eventSource");
-
- if (coords.x >= 0 && coords.x <= this._ui[chan][widgetStr].outerWidth() &&
- coords.y >= 0 && coords.y <= this._ui[chan][widgetStr].outerHeight()) {
-
- this.dragging = idx;
-
- if (isSelector) {
- this.selectorDraggingOffset.x = coords.x;
- this.selectorDraggingOffset.y = coords.y;
- }
-
- this._handleMouseMove(chan, idx, e, isSelector, coords);
- }
- },
-
- _handleMouseMove: function(chan, idx, e, isSelector, coords) {
- if (this.dragging === idx) {
- coords = (coords || $.mobile.tizen.targetRelativeCoordsFromEvent(e));
-
- var factor = ((0 === idx) ? 360 : 1),
- potential = (isSelector
- ? ((this.dragging_hsv[idx] / factor) +
- ((coords.x - this.selectorDraggingOffset.x) / this._ui[chan].eventSource.width()))
- : (coords.x / this._ui[chan].eventSource.width()));
-
- this.dragging_hsv[idx] = Math.min(1.0, Math.max(0.0, potential)) * factor;
-
- if (!isSelector) {
- this.selectorDraggingOffset.x = Math.ceil(this._ui[chan].selector.outerWidth() / 2.0);
- this.selectorDraggingOffset.y = Math.ceil(this._ui[chan].selector.outerHeight() / 2.0);
- }
-
- this._updateSelectors(this.dragging_hsv);
- e.stopPropagation();
- e.preventDefault();
- }
- },
-
- _updateSelectors: function(hsv) {
- var clrlib = $.tizen.colorwidget.clrlib,
- clrwidget = $.tizen.colorwidget.prototype,
- clr = clrlib.HSVToHSL(hsv),
- hclr = clrlib.HSVToHSL([hsv[0], 1.0, 1.0]),
- vclr = clrlib.HSVToHSL([hsv[0], hsv[1], 1.0]);
-
- this._ui.hue.selector.css({ left : this._ui.hue.eventSource.width() * hsv[0] / 360});
- clrwidget._setElementColor.call(this, this._ui.hue.selector, clr, "background");
- if ($.mobile.browser.ie)
- this._ui.hue.hue.find("*").css("opacity", hsv[1]);
- else
- this._ui.hue.hue.css("opacity", hsv[1]);
- this._ui.hue.valMask.css("opacity", 1.0 - hsv[2]);
-
- this._ui.sat.selector.css({ left : this._ui.sat.eventSource.width() * hsv[1]});
- clrwidget._setElementColor.call(this, this._ui.sat.selector, clr, "background");
- clrwidget._setElementColor.call(this, this._ui.sat.hue, hclr, "background");
- this._ui.sat.valMask.css("opacity", 1.0 - hsv[2]);
-
- this._ui.val.selector.css({ left : this._ui.val.eventSource.width() * hsv[2]});
- clrwidget._setElementColor.call(this, this._ui.val.selector, clr, "background");
- clrwidget._setElementColor.call(this, this._ui.val.hue, vclr, "background");
- clrwidget._setColor.call(this, clrlib.RGBToHTML(clrlib.HSLToRGB(clr)));
- },
-
- _setDisabled: function(value) {
- $.tizen.widgetex.prototype._setDisabled.call(this, value);
- this._ui.container[value ? "addClass" : "removeClass"]("ui-disabled");
- this._ui.hue.hue.huegradient("option", "disabled", value);
- $.tizen.colorwidget.prototype._displayDisabledState.call(this, this._ui.container);
- },
-
- _setColor: function(clr) {
- if ($.tizen.colorwidget.prototype._setColor.call(this, clr)) {
- this.dragging_hsv = $.tizen.colorwidget.clrlib.RGBToHSV($.tizen.colorwidget.clrlib.HTMLToRGB(this.options.color));
- this._updateSelectors(this.dragging_hsv);
- }
- }
-});
-
-$(document).bind("pagecreate create", function(e) {
- $($.tizen.hsvpicker.prototype.options.initSelector, e.target)
- .not(":jqmData(role='none'), :jqmData(role='nojs')")
- .hsvpicker();
-});
-
-})(jQuery);
+++ /dev/null
-@hsvpicker-clrchannel-masks-width: 300px;
-@hsvpicker-clrchannel-masks-height: 38px;
-@hsvpicker-clrchannel-selector-width: 10px;
-@hsvpicker-clrchannel-selector-height: 50px;
-@hsvpicker-clrchannel-selector-border-width: 5px;
-@hsvpicker-clrchannel-masks-container-hpadding: 12px;
-@hsvpicker-clrchannel-masks-container-vpadding: 16px;
-
-@hsvpicker-clrchannel-selector-actual-height: @hsvpicker-clrchannel-selector-height -
- 2 * @hsvpicker-clrchannel-selector-border-width;
-
-@hsvpicker-clrchannel-masks-container-actual-hpadding:
- @hsvpicker-clrchannel-selector-width / 2
- + @hsvpicker-clrchannel-selector-border-width;
-@hsvpicker-clrchannel-masks-container-actual-vpadding:
- (@hsvpicker-clrchannel-selector-actual-height - @hsvpicker-clrchannel-masks-height) / 2
- + @hsvpicker-clrchannel-selector-border-width;
-@hsvpicker-clrchannel-masks-container-hmargin:
- ~`Math.max(0,
- (parseInt("@{hsvpicker-clrchannel-masks-container-hpadding}") -
- parseInt("@{hsvpicker-clrchannel-masks-container-actual-hpadding}"))) + "px"`;
-@hsvpicker-clrchannel-masks-container-vmargin:
- ~`Math.max(0,
- (parseInt("@{hsvpicker-clrchannel-masks-container-vpadding}") -
- parseInt("@{hsvpicker-clrchannel-masks-container-actual-vpadding}"))) + "px"`;
-
-.ui-hsvpicker {
- .hsvpicker-clrchannel-container {
- display: table;
- padding-left: 27px;
- padding-right: 27px;
-
- .hsvpicker-arrow-btn-container {
- display: table-cell;
- vertical-align: middle;
- }
-
- .hsvpicker-arrow-btn {
- float: left;
- }
-
- .hsvpicker-clrchannel-masks-container {
- float: left;
- position: relative;
- width: @hsvpicker-clrchannel-masks-width;
- height: @hsvpicker-clrchannel-masks-height;
-
- margin-left: @hsvpicker-clrchannel-masks-container-hmargin;
- margin-right: @hsvpicker-clrchannel-masks-container-hmargin;
- margin-top: @hsvpicker-clrchannel-masks-container-vmargin;
- margin-bottom: @hsvpicker-clrchannel-masks-container-vmargin;
-
- padding-left: @hsvpicker-clrchannel-masks-container-actual-hpadding;
- padding-right: @hsvpicker-clrchannel-masks-container-actual-hpadding;
- padding-top: @hsvpicker-clrchannel-masks-container-actual-vpadding;
- padding-bottom: @hsvpicker-clrchannel-masks-container-actual-vpadding;
-
- .hsvpicker-clrchannel-mask {
- position: absolute;
- width: @hsvpicker-clrchannel-masks-width;
- height: @hsvpicker-clrchannel-masks-height;
- }
-
- .hsvpicker-clrchannel-mask-black {
- background: #000000;
- }
-
- .hsvpicker-clrchannel-mask-white {
- background: #ffffff;
- }
-
- .hsvpicker-clrchannel-selector {
- position: absolute;
- left: 0px;
- top: 0px;
- width: @hsvpicker-clrchannel-selector-width;
- height: @hsvpicker-clrchannel-selector-actual-height;
- border: @hsvpicker-clrchannel-selector-border-width solid black;
- }
- }
- }
-}
+++ /dev/null
-<div id="hsvpicker" class="ui-hsvpicker">
- <div class="hsvpicker-clrchannel-container jquery-mobile-ui-widget">
- <div class="hsvpicker-arrow-btn-container">
- <a href="#" class="hsvpicker-arrow-btn" data-target="hue" data-location="left" data-inline="true" data-icon="reveal-left"></a>
- </div>
- <div class="hsvpicker-clrchannel-masks-container">
- <div class="hsvpicker-clrchannel-mask hsvpicker-clrchannel-mask-white"></div>
- <div id="hsvpicker-hue-hue" class="hsvpicker-clrchannel-mask jquery-todons-colorwidget-clrlib-hue-gradient"></div>
- <div id="hsvpicker-hue-mask-val" class="hsvpicker-clrchannel-mask hsvpicker-clrchannel-mask-black" data-event-source="hue"></div>
- <div id="hsvpicker-hue-selector" class="hsvpicker-clrchannel-selector ui-corner-all"></div>
- </div>
- <div class="hsvpicker-arrow-btn-container">
- <a href="#" class="hsvpicker-arrow-btn" data-target="hue" data-location="right" data-inline="true" data-icon="reveal"></a>
- </div>
- </div>
- <div class="hsvpicker-clrchannel-container jquery-mobile-ui-widget">
- <div class="hsvpicker-arrow-btn-container">
- <a href="#" class="hsvpicker-arrow-btn" data-target="sat" data-location="left" data-inline="true" data-icon="reveal-left"></a>
- </div>
- <div class="hsvpicker-clrchannel-masks-container">
- <div id="hsvpicker-sat-hue" class="hsvpicker-clrchannel-mask"></div>
- <div id="hsvpicker-sat-gradient" class="hsvpicker-clrchannel-mask sat-gradient"></div>
- <div id="hsvpicker-sat-mask-val" class="hsvpicker-clrchannel-mask hsvpicker-clrchannel-mask-black" data-event-source="sat"></div>
- <div id="hsvpicker-sat-selector" class="hsvpicker-clrchannel-selector ui-corner-all"></div>
- </div>
- <div class="hsvpicker-arrow-btn-container">
- <a href="#" class="hsvpicker-arrow-btn" data-target="sat" data-location="right" data-inline="true" data-icon="reveal"></a>
- </div>
- </div>
- <div class="hsvpicker-clrchannel-container jquery-mobile-ui-widget">
- <div class="hsvpicker-arrow-btn-container">
- <a href="#" class="hsvpicker-arrow-btn" data-target="val" data-location="left" data-inline="true" data-icon="reveal-left"></a>
- </div>
- <div class="hsvpicker-clrchannel-masks-container">
- <div class="hsvpicker-clrchannel-mask hsvpicker-clrchannel-mask-white"></div>
- <div id="hsvpicker-val-hue" class="hsvpicker-clrchannel-mask"></div>
- <div id="hsvpicker-val-gradient" class="hsvpicker-clrchannel-mask val-gradient" data-event-source="val"></div>
- <div id="hsvpicker-val-selector" class="hsvpicker-clrchannel-selector ui-corner-all"></div>
- </div>
- <div class="hsvpicker-arrow-btn-container">
- <a href="#" class="hsvpicker-arrow-btn" data-target="val" data-location="right" data-inline="true" data-icon="reveal"></a>
- </div>
- </div>
-</div>
+++ /dev/null
-/*
- Author: Minkyu Kang <mk7.kang@samsung.com>
-*/
-
-/*
- * Notification widget
- *
- * HTML Attributes
- *
- * data-role: set to 'imageslider'
- * data-start-index: start index
- * data-vertical-align: set to top or middle or bottom.
- *
- * APIs
- *
- * add(image_file): add the image (parameter: url of iamge)
- * del(image_index): delete the image (parameter: index of image)
- * refresh(): refresh the widget, should be called after add or del.
- *
- * Events
- *
- * N/A
- *
- * Example
- *
- * <div data-role="imageslider" id="imageslider" data-start-index="3" data-vertical-align="middle">
- * <img src="01.jpg">
- * <img src="02.jpg">
- * <img src="03.jpg">
- * <img src="04.jpg">
- * <img src="05.jpg">
- * </div>
- *
- *
- * $('#imageslider-add').bind('vmouseup', function ( e ) {
- * $('#imageslider').imageslider('add', '9.jpg');
- * $('#imageslider').imageslider('add', '10.jpg');
- * $('#imageslider').imageslider('refresh');
- * });
- *
- * $('#imageslider-del').bind('vmouseup', function ( e ) {
- * $('#imageslider').imageslider('del');
- * });
- *
- */
-
-(function ($, window, undefined) {
- $.widget("tizen.imageslider", $.mobile.widget, {
- options: {
- photoFlicking: false
- },
-
- dragging: false,
- moving: false,
- max_width: 0,
- max_height: 0,
- org_x: 0,
- org_time: null,
- cur_img: null,
- prev_img: null,
- next_img: null,
- images: null,
- images_hold: null,
- index: 0,
- align_type: null,
- direction: 1,
- container: null,
- interval: null,
-
- _resize: function ( obj ) {
- var width;
- var height;
- var margin = 40;
- var ratio;
- var img_max_width = this.max_width - margin;
- var img_max_height = this.max_height - margin;
-
- height = obj.height();
- width = obj.width();
-
- ratio = height / width;
-
- if ( width > img_max_width ) {
- obj.width( img_max_width );
- obj.height( img_max_width * ratio );
- }
-
- height = obj.height();
-
- if ( height > img_max_height ) {
- obj.height( img_max_height );
- obj.width( img_max_height / ratio );
- }
- },
-
- _align: function ( obj, img ) {
- var img_top = 0;
-
- if ( !obj.length )
- return;
-
- if ( this.align_type == "middle" ) {
- img_top = (this.max_height - img.height()) / 2;
- } else if ( this.align_type == "bottom" ) {
- img_top = this.max_height - img.height();
- } else {
- img_top = 0;
- }
-
- obj.css( 'top', img_top + 'px' );
- },
-
- _detach: function ( image_index, obj ) {
- if ( !obj.length ) {
- return;
- }
- if ( image_index < 0 ) {
- return;
- }
- if ( image_index >= this.images.length ) {
- return;
- }
-
- this.images[image_index].detach();
- obj.css( "display", "none" );
- },
-
- _attach: function ( image_index, obj ) {
- if ( !obj.length ) {
- return;
- }
- if ( image_index < 0 ) {
- return;
- }
- if ( image_index >= this.images.length ) {
- return;
- }
-
- obj.css( "display", "block" );
- obj.append( this.images[image_index] );
- this._resize( this.images[image_index] );
- this._align( obj, this.images[image_index] );
- },
-
- _drag: function ( _x ) {
- if ( !this.dragging ) {
- return;
- }
-
- if ( this.options.photoFlicking === false ) {
- var delta = this.org_x - _x;
-
- // first image
- if ( delta < 0 && !this.prev_img.length ) {
- return;
- }
- // last image
- if ( delta > 0 && !this.next_img.length ) {
- return;
- }
- }
-
- var coord_x = _x - this.org_x;
-
- this.cur_img.css( 'left', coord_x + 'px' );
- if ( this.next_img.length ) {
- this.next_img.css('left',
- coord_x + this.max_width + 'px');
- }
- if ( this.prev_img.length ) {
- this.prev_img.css('left',
- coord_x - this.max_width + 'px');
- }
- },
-
- _move: function ( _x ) {
- var delta = this.org_x - _x;
- var flip = 0;
-
- if ( delta == 0 ) {
- return;
- }
-
- if ( delta > 0 ) {
- flip = delta < (this.max_width * 0.45) ? 0 : 1;
- } else {
- flip = -delta < (this.max_width * 0.45) ? 0 : 1;
- }
-
- if ( !flip ) {
- var date = new Date();
- var drag_time = date.getTime() - this.org_time;
-
- if ( Math.abs(delta) / drag_time > 1 ) {
- flip = 1;
- }
- }
-
- if ( flip ) {
- if ( delta > 0 && this.next_img.length ) {
- /* next */
- this._detach( this.index - 1, this.prev_img );
-
- this.prev_img = this.cur_img;
- this.cur_img = this.next_img;
- this.next_img = this.next_img.next();
-
- this.index++;
-
- if ( this.next_img.length ) {
- this.next_img.css( 'left',
- this.max_width + 'px' );
- this._attach( this.index + 1,
- this.next_img );
- }
-
- this.direction = 1;
-
- } else if ( delta < 0 && this.prev_img.length ) {
- /* prev */
- this._detach( this.index + 1, this.next_img );
-
- this.next_img = this.cur_img;
- this.cur_img = this.prev_img;
- this.prev_img = this.prev_img.prev();
-
- this.index--;
-
- if ( this.prev_img.length ) {
- this.prev_img.css( 'left',
- -this.max_width + 'px' );
- this._attach( this.index - 1,
- this.prev_img );
- }
-
- this.direction = -1;
- }
- }
-
- var sec = 500;
- var self = this;
-
- this.moving = true;
-
- this.interval = setInterval(function () {
- self.moving = false;
- clearInterval( self.interval );
- }, sec - 50);
-
- this.cur_img.animate({left: 0}, sec);
- if ( this.next_img.length ) {
- this.next_img.animate({left: this.max_width}, sec);
- }
- if ( this.prev_img.length ) {
- this.prev_img.animate({left: -this.max_width}, sec);
- }
- },
-
- _add_event: function () {
- var self = this;
-
- this.container.bind('vmousemove', function ( e ) {
- e.preventDefault();
-
- if ( self.moving ) {
- return;
- }
- if ( !self.dragging ) {
- return;
- }
-
- self._drag( e.pageX );
- });
-
- this.container.bind('vmousedown', function ( e ) {
- e.preventDefault();
-
- if ( self.moving ) {
- return;
- }
-
- self.dragging = true;
-
- self.org_x = e.pageX;
-
- var date = new Date();
- self.org_time = date.getTime();
- });
-
- this.container.bind('vmouseup', function (e) {
- if ( self.moving ) {
- return;
- }
-
- self.dragging = false;
-
- self._move( e.pageX );
- });
-
- this.container.bind('vmouseout', function (e) {
- if ( self.moving ) {
- return;
- }
- if ( !self.dragging ) {
- return;
- }
-
- if ( (e.pageX < 20) ||
- (e.pageX > (self.max_width - 20)) ) {
- self._move( e.pageX );
- self.dragging = false;
- }
- });
- },
-
- _del_event: function () {
- this.container.unbind('vmousemove');
- this.container.unbind('vmousedown');
- this.container.unbind('vmouseup');
- this.container.unbind('vmouseout');
- },
-
- _show: function () {
- this.cur_img = $('div').find(
- '.ui-imageslider-bg:eq(' + this.index + ')');
- this.prev_img = this.cur_img.prev();
- this.next_img = this.cur_img.next();
-
- this._attach( this.index - 1, this.prev_img );
- this._attach( this.index, this.cur_img );
- this._attach( this.index + 1, this.next_img );
-
- if ( this.prev_img.length ) {
- this.prev_img.css( 'left', -this.max_width + 'px' );
- }
-
- this.cur_img.css( 'left', 0 + 'px' );
-
- if ( this.next_img.length ) {
- this.next_img.css( 'left', this.max_width + 'px' );
- }
- },
-
- show: function () {
- this._show();
- this._add_event();
- },
-
- _hide: function () {
- this._detach( this.index - 1, this.prev_img );
- this._detach( this.index, this.cur_img );
- this._detach( this.index + 1, this.next_img );
- },
-
- hide: function () {
- this._hide();
- this._del_event();
- },
-
- _get_height: function () {
- var $page = $('.ui-page');
- var $content = $page.children('.ui-content');
- var $header = $page.children('.ui-header');
- var $footer = $page.children('.ui-footer');
-
- var header_h = $header.outerHeight();
- var footer_h = $footer.outerHeight();
- var padding = parseFloat($content.css('padding-top')) +
- parseFloat($content.css('padding-bottom'));
-
- var content_h = window.innerHeight - header_h -
- footer_h - padding * 2;
-
- return content_h;
- },
-
- _create: function () {
- this.images = new Array();
- this.images_hold = new Array();
-
- $( this.element ).wrapInner('<div class="ui-imageslider"></div>');
- $('img').wrap('<div class="ui-imageslider-bg"></div>');
-
- this.container = $( this.element ).find('.ui-imageslider');
-
- this.max_width = window.innerWidth;
- this.max_height = this._get_height();
- this.container.css( 'height', this.max_height );
-
- var temp_img = $('div').find('.ui-imageslider-bg:first');
-
- for ( i = 0; ; i++ ) {
- if ( !temp_img.length ) {
- break;
- }
-
- this.images[i] = temp_img.find('img');
-
- temp_img = temp_img.next();
- }
-
- for ( i = 0; i < this.images.length; i++ ) {
- this.images[i].detach();
- }
-
- var start_index = parseInt( $(this.element).attr('data-start-index') );
- if ( start_index === undefined ) {
- start_index = 0;
- }
- if ( start_index < 0 ) {
- start_index = 0;
- }
- if ( start_index >= this.images.length ) {
- start_index = this.images.length - 1;
- }
-
- this.index = start_index;
-
- this.align_type = $( this.element ).attr('data-vertical-align');
- },
-
- _update: function () {
- while ( 1 ) {
- if ( !this.images_hold.length ) {
- break;
- }
-
- var image_file = this.images_hold.shift();
-
- var bg_html = $('<div class="ui-imageslider-bg"></div>');
- var temp_img = $('<img src="' + image_file + '"></div>');
-
- bg_html.append( temp_img );
- this.container.append( bg_html );
- this.images.push( temp_img );
- }
- },
-
- refresh: function ( start_index ) {
- this._update();
-
- this._hide();
-
- if ( start_index === undefined ) {
- start_index = this.index;
- }
- if ( start_index < 0 ) {
- start_index = 0;
- }
- if ( start_index >= this.images.length ) {
- start_index = this.images.length - 1;
- }
-
- this.index = start_index;
-
- this._show();
- },
-
- add: function ( image_file ) {
- this.images_hold.push( image_file );
- },
-
- del: function ( image_index ) {
- var temp_img;
-
- if ( image_index === undefined ) {
- image_index = this.index;
- }
-
- if ( image_index < 0 || image_index >= this.images.length ) {
- return;
- }
-
- if ( image_index == this.index ) {
- temp_img = this.cur_img;
-
- if ( this.index == 0 ) {
- this.direction = 1;
- } else if ( this.index == this.images.length - 1 ) {
- this.direction = -1;
- }
-
- if ( this.direction < 0 ) {
- this.cur_img = this.prev_img;
- this.prev_img = this.prev_img.prev();
- if ( this.prev_img.length ) {
- this.prev_img.css( 'left', -this.max_width );
- this._attach( image_index - 2, this.prev_img );
- }
- this.index--;
- } else {
- this.cur_img = this.next_img;
- this.next_img = this.next_img.next();
- if ( this.next_img.length ) {
- this.next_img.css( 'left', this.max_width );
- this._attach( image_index + 2, this.next_img );
- }
- }
-
- this.cur_img.animate({left: 0}, 500);
-
- } else if ( image_index == this.index - 1 ) {
- temp_img = this.prev_img;
- this.prev_img = this.prev_img.prev();
- if ( this.prev_img.length ) {
- this.prev_img.css( 'left', -this.max_width );
- this._attach( image_index - 1, this.prev_img );
- }
- this.index--;
-
- } else if ( image_index == this.index + 1 ) {
- temp_img = this.next_img;
- this.next_img = this.next_img.next();
- if ( this.next_img.length ) {
- this.next_img.css( 'left', this.max_width );
- this._attach( image_index + 1, this.next_img );
- }
-
- } else {
- temp_img = $('div').find('.ui-imageslider-bg:eq('+ image_index + ')');
- }
-
- this.images.splice( image_index, 1 );
- temp_img.detach();
- },
- }); /* End of widget */
-
- // auto self-init widgets
- $( document ).bind("pagecreate", function (e) {
- $( e.target ).find(":jqmData(role='imageslider')").imageslider();
- });
-
- $( document ).bind("pageshow", function (e) {
- $( e.target ).find(":jqmData(role='imageslider')").imageslider('show');
- });
-
- $( document ).bind("pagebeforehide", function (e) {
- $ (e.target ).find(":jqmData(role='imageslider')").imageslider('hide');
- });
-
-})( jQuery, this );
+++ /dev/null
-@import "config.less";
-
-.ui-imageslider {
- position: relative;
- width: 100%;
-}
-
-.ui-imageslider-bg {
- position: absolute;
- text-align: center;
- width: 100%;
-}
+++ /dev/null
-/*
- * jQuery Mobile Widget @VERSION
- *
- * This software is licensed under the MIT licence (as defined by the OSI at
- * http://www.opensource.org/licenses/mit-license.php)
- *
- * ***************************************************************************
- * Copyright (C) 2011 by Intel Corporation Ltd.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- * ***************************************************************************
- *
- * Authors: Elliot Smith <elliot.smith@intel.com>
- */
-
-// Horizontal/vertical box layout extension.
-//
-// This will arrange the child elements of a container in a horizontal
-// or vertical row. This only makes sense if your container is a div
-// and contains children which are also divs; the children should
-// also have a height and width set in CSS, otherwise the layout
-// manager won't know what to do with them.
-//
-// Apply it by setting data-layout="hbox" or data-layout="vbox" (vertical
-// on a container element or calling $(element).layouthbox() or
-// $(element).layoutvbox().
-//
-// Usually, you would use a div as the container to get the right effect
-// (an element with display:block).
-//
-// Options can be set programmatically:
-//
-// $(element).layouthbox('option', 'scrollable', false)
-// $(element).layoutvbox('option', 'scrollable', false)
-//
-// or via a data-layout-options attribute on the container:
-//
-// <div data-layout="hbox" data-layout-options='{"hgap":5}'>
-// <div>child 1</div>
-// <div>child 2</div>
-// </div>
-//
-// <div data-layout="vbox" data-layout-options='{"vgap":5}'>
-// <div>child 1</div>
-// <div>child 2</div>
-// </div>
-//
-// If you change any options after creating the widget, call
-// $(element).layout*box('refresh') to have them picked up.
-// However, note that it's currently not feasible to turn off scrolling
-// once it's on (as calling scrollview('destroy') doesn't remove the
-// scrollview custom mouse handlers).
-//
-// There is one major difference between the horizontal and
-// vertical box layouts: if scrollable=false, the horizontal layout
-// will clip children which overflow the edge of the parent container;
-// by comparison, the vertical container will grow vertically to
-// accommodate the height of its children. This mirrors the behaviour
-// of jQuery Mobile, where elements only ever expand horizontally
-// to fill the width of the window; but will expand vertically forever,
-// unless the page height is artificially constrained.
-//
-// Options:
-//
-// {Integer} hgap (default=0)
-// Horizontal gap (in pixels) between the child elements. Only has
-// an effect on hbox.
-//
-// {Integer} vgap (default=0)
-// Vertical gap (in pixels) between the child elements. Only has
-// an effect on vbox.
-//
-// {Boolean} scrollable (default=true; can only be set at create time)
-// Set to true to enable a scrollview on the
-// container. If false, children will be clipped if
-// they fall outside the edges of the container after
-// layouting.
-//
-// {Boolean} showScrollBars (default=true)
-// Set to false to hide scrollbars on the container's scrollview.
-// Has no effect is scrollable=false
-
-(function ($, undefined) {
-
-// hbox
-$.widget("tizen.layouthbox", $.tizen.jlayoutadaptor, {
- fixed: {
- type: 'flexGrid',
- rows: 1,
- direction: 'x',
- initSelector: ':jqmData(layout="hbox")'
- },
-
- _create: function () {
- if (!this.options.hgap) {
- this.options.hgap = 0;
- }
-
- $.tizen.jlayoutadaptor.prototype._create.apply(this, arguments);
- }
-});
-
-$(document).bind("pagecreate", function (e) {
- $($.tizen.layouthbox.prototype.fixed.initSelector, e.target)
- .not(":jqmData(role='none'), :jqmData(role='nojs')")
- .layouthbox();
-});
-
-// vbox
-$.widget("tizen.layoutvbox", $.tizen.jlayoutadaptor, {
- fixed: {
- type: 'flexGrid',
- columns: 1,
- direction: 'y',
- initSelector: ':jqmData(layout="vbox")'
- },
-
- _create: function () {
- if (!this.options.vgap) {
- this.options.vgap = 0;
- }
-
- $.tizen.jlayoutadaptor.prototype._create.apply(this, arguments);
- }
-});
-
-$(document).bind("pagecreate", function (e) {
- $($.tizen.layoutvbox.prototype.fixed.initSelector, e.target)
- .not(":jqmData(role='none'), :jqmData(role='nojs')")
- .layoutvbox();
-});
-
-})(jQuery);
+++ /dev/null
-/*
- * jQuery Mobile Widget @VERSION - listview controls
- *
- * This software is licensed under the MIT licence (as defined by the OSI at
- * http://www.opensource.org/licenses/mit-license.php)
- *
- * ***************************************************************************
- * Copyright (C) 2011 by Intel Corporation Ltd.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- * ***************************************************************************
- *
- * Authors: Elliot Smith <elliot.smith@intel.com>
- */
-
-// This extension supplies API to toggle the "mode" in which a list
-// is displayed. The modes available is configurable, but defaults
-// to ['edit', 'view']. A list can also have a control panel associated
-// with it. The visibility of the control panel is governed by the current
-// mode (by default, it is visible in 'edit' mode); elements within
-// the listview can also be marked up to be visible in one or more of the
-// available modes.
-//
-// One example use case would be a control panel with a "Select all" checkbox
-// which, when clicked, selects all of the checkboxes in the associated
-// listview items.
-//
-// The control panel itself should be defined as a form element.
-// By default, the control panel will be hidden when the listview is
-// initialised, unless you supply mode="edit" as a
-// data-listview-controls option (when using the default modes). If you
-// want the control panel to be visible in some mode other than
-// the default, use a data-listviewcontrols-show-in="<mode>" attribute
-// on the control panel element.
-//
-// Example usage (using the default 'edit' and 'view' modes):
-//
-// <!-- this is the controls element, displayed in 'edit' mode by default -->
-// <form id="listviewcontrols-control-panel">
-// <fieldset data-role="controlgroup">
-// <input type="checkbox" id="listviewcontrols-demo-checkbox-uber" />
-// <label for="listviewcontrols-demo-checkbox-uber">Select all</label>
-// </fieldset>
-// </form>
-//
-// <!-- this is the list associated with the controls -->
-// <ul data-role="listview" data-listviewcontrols="#listviewcontrols-control-panel">
-//
-// <li>
-//
-// <!-- this element is only visible in 'edit' mode -->
-// <fieldset data-role="controlgroup" data-listviewcontrols-show-in="edit">
-// <input type="checkbox" id="listviewcontrols-demo-checkbox-1" />
-// <label for="listviewcontrols-demo-checkbox-1">Greg</label>
-// </fieldset>
-//
-// <!-- this element is only visible in 'view' mode -->
-// <span data-listviewcontrols-show-in="view">Greg</span>
-//
-// </li>
-//
-// ... more li elements marked up the same way ...
-//
-// </ul>
-//
-// To associate the listview with the control panel, add
-// data-listviewcontrols="..selector.." to a listview, where
-// selector selects a single element (the control panel
-// you defined). You can then call
-// listviewcontrols('option', 'mode', '<mode>') on the
-// listview to set the mode.
-//
-// Inside the listview's items, add controls to each item
-// which are only visible when in one of the modes. To do this,
-// add form elements (e.g. checkboxes) to the items as you see fit. Then,
-// mark each form element with data-listviewcontrols-show-in="<mode>".
-// The control's visibility now depends on the mode of the listviewcontrols:
-// it is only shown when its <mode> setting matches the current mode
-// of the listviewcontrols widget. You are responsible for properly
-// styling the form elements inside the listview so the listview looks
-// correct when they are hidden or visible.
-//
-// The control panel (by default, visible when in "show" mode) is flexible
-// and can contain any valid form elements (or other jqm components). It's
-// up to you to define the behaviour associated with interactions on
-// the control panel and/or controls inside list items.
-//
-// Methods:
-//
-// visibleListItems
-// Returns a jQuery object containing all the li elements in the
-// listview which are currently visible and not dividers. (This
-// is just a convenience to make operating on the list as a whole
-// slightly simpler.)
-//
-// Options (set in options hash passed to constructor, or via the
-// option method, or declaratively by attribute described below):
-//
-// controlPanelSelector {String}
-// Selector string for selecting the element representing the
-// control panel for the listview. The context for find() is the
-// document (to give the most flexibility), so your selector
-// should be specific. Set declaratively with
-// data-listviewcontrols="...selector...".
-//
-// modesAvailable {String[]; default=['edit', 'view']}
-// An array of the modes available for these controls.
-//
-// mode {String; default='view'}
-// Current mode for the widget, which governs the visibility
-// of the listview control panel and any elements marked
-// with data-listviewcontrols-show-in="<mode>".
-// Set declaratively with
-// data-listviewcontrols-options='{"mode":"<mode>"}'.
-//
-// controlPanelShowIn {String; default=modesAvailable[0]}
-// The mode in which the control panel is visible; defaults to the
-// first element of modesAvailable. Can be set declaratively
-// on the listview controls element with
-// data-listviewcontrols-show-in="<mode>"
-
-(function ($) {
-
-$.widget("todons.listviewcontrols", $.mobile.widget, {
- _defaults: {
- controlPanelSelector: null,
- modesAvailable: ['edit', 'view'],
- mode: 'view',
- controlPanelShowIn: null
- },
-
- _listviewCssClass: 'ui-listviewcontrols-listview',
- _controlsCssClass: 'ui-listviewcontrols-panel',
-
- _create: function () {
- var self = this,
- o = this.options,
- optionsValid = true,
- page = this.element.closest('.ui-page'),
- controlPanelSelectorAttr = 'data-' + $.mobile.ns + 'listviewcontrols',
- controlPanelSelector = this.element.attr(controlPanelSelectorAttr),
- dataOptions = this.element.jqmData('listviewcontrols-options'),
- controlPanelShowInAttr;
-
- o.controlPanelSelector = o.controlPanelSelector || controlPanelSelector;
-
- // precedence for options: defaults < jqmData attribute < options arg
- o = $.extend({}, this._defaults, dataOptions, o);
-
- optionsValid = (this._validOption('modesAvailable', o.modesAvailable, o) &&
- this._validOption('controlPanelSelector', o.controlPanelSelector, o) &&
- this._validOption('mode', o.mode, o));
-
- if (!optionsValid) {
- return false;
- }
-
- // get the controls element
- this.controlPanel = $(document).find(o.controlPanelSelector).first();
-
- if (this.controlPanel.length === 0) {
- return false;
- }
-
- // once we have the controls element, we may need to override the
- // mode in which controls are shown
- controlPanelShowInAttr = this.controlPanel.jqmData('listviewcontrols-show-in');
- if (controlPanelShowInAttr) {
- o.controlPanelShowIn = controlPanelShowInAttr;
- }
- else if (!o.controlPanelShowIn) {
- o.controlPanelShowIn = o.modesAvailable[0];
- }
-
- if (!this._validOption('controlPanelShowIn', o.controlPanelShowIn, o)) {
- return;
- }
-
- // done setting options
- this.options = o;
-
- // mark the controls and the list with a class
- this.element.removeClass(this._listviewCssClass).addClass(this._listviewCssClass);
- this.controlPanel.removeClass(this._controlsCssClass).addClass(this._controlsCssClass);
-
- // show the widget
- if (page && !page.is(':visible')) {
- page.bind('pageshow', function () { self.refresh(); });
- }
- else {
- this.refresh();
- }
- },
-
- _validOption: function (varName, value, otherOptions) {
- var ok = false;
-
- if (varName === 'mode') {
- ok = ($.inArray(value, otherOptions.modesAvailable) >= 0);
- }
- else if (varName === 'controlPanelSelector') {
- ok = ($.type(value) === 'string');
- }
- else if (varName === 'modesAvailable') {
- ok = ($.isArray(value) && value.length > 1);
-
- if (ok) {
- for (var i = 0; i < value.length; i++) {
- if (value[i] === '' || $.type(value[i]) !== 'string') {
- ok = false;
- }
- }
- }
- }
- else if (varName === 'controlPanelShowIn') {
- ok = ($.inArray(value, otherOptions.modesAvailable) >= 0);
- }
-
- return ok;
- },
-
- _setOption: function (varName, value) {
- var oldValue = this.options[varName];
-
- if (oldValue !== value && this._validOption(varName, value, this.options)) {
- this.options[varName] = value;
- this.refresh();
- }
- },
-
- visibleListItems: function () {
- return this.element.find('li:not(:jqmData(role=list-divider)):visible');
- },
-
- refresh: function () {
- var self = this,
- triggerUpdateLayout = false,
- isVisible = null,
- showIn,
- modalElements;
-
- // hide/show the control panel and hide/show controls inside
- // list items based on their "show-in" option
- isVisible = this.controlPanel.is(':visible');
-
- if (this.options.mode === this.options.controlPanelShowIn) {
- this.controlPanel.show();
- }
- else {
- this.controlPanel.hide();
- }
-
- if (this.controlPanel.is(':visible') !== isVisible) {
- triggerUpdateLayout = true;
- }
-
- // we only operate on elements inside list items which aren't dividers
- modalElements = this.element.find('li:not(:jqmData(role=list-divider))')
- .find(':jqmData(listviewcontrols-show-in)');
-
- modalElements.each(function () {
- showIn = $(this).jqmData('listviewcontrols-show-in');
-
- isVisible = $(this).is(':visible');
-
- if (showIn === self.options.mode) {
- $(this).show();
- }
- else {
- $(this).hide();
- }
-
- if ($(this).is(':visible') !== isVisible) {
- triggerUpdateLayout = true;
- }
- });
-
- if (triggerUpdateLayout) {
- this.element.trigger('updatelayout');
- }
- }
-});
-
-$('ul').live('listviewcreate', function () {
- var list = $(this);
-
- if (list.is(':jqmData(listviewcontrols)')) {
- list.listviewcontrols();
- }
-});
-
-})(jQuery);
+++ /dev/null
-/*
- Author: Minkyu Kang <mk7.kang@samsung.com>
-*/
-
-/*
- * nocontents widget
- *
- * HTML Attributes
- *
- * data-role: set to 'nocontents'.
- * data-text1: top message.
- * data-text2: bottom message.
- * data-type: type of nocontents. You can set text, picture, multimedia and unnamed.
- *
- * APIs
- *
- * N/A
- *
- * Events
- *
- * N/A
- *
- * Examples
- *
- * Text Type
- * <div data-role="nocontents" id="nocontents" data-text1="Text1" data-text2="Text2" data-type="text"></div>
- *
- * Picture Type
- * <div data-role="nocontents" id="nocontents" data-text1="Text1" data-text2="Text2" data-type="picture"></div>
- *
- * Multimedia Type
- * <div data-role="nocontents" id="nocontents" data-text1="Text1" data-text2="Text2" data-type="multimedia"></div>
- *
- * Unnamed Type
- * <div data-role="nocontents" id="nocontents" data-text1="Text1" data-text2="Text2"></div>
- * or
- * <div data-role="nocontents" id="nocontents" data-text1="Text1" data-text2="Text2" data-type="unnamed"></div>
- *
- */
-
-(function ( $, window, undefined ) {
- $.widget( "tizen.nocontents", $.mobile.widget, {
-
- max_height: 0,
- container: null,
- icon_img: null,
- text0_bg: null,
- text1_bg: null,
-
- _get_height: function () {
- var $page = $('.ui-page'),
- $content = $page.children('.ui-content'),
- $header = $page.children('.ui-header'),
- $footer = $page.children('.ui-footer'),
- content_h = 0,
- header_h = $header.outerHeight() || 0,
- footer_h = $footer.outerHeight() || 0,
- padding_t = parseFloat( $content.css('padding-top') ) || 0,
- padding_b = parseFloat( $content.css('padding-bottom') ) || 0;
-
- content_h = window.innerHeight - header_h - footer_h -
- (padding_t + padding_b) * 2;
-
- var container_h = this.container.height();
-
- return ( content_h < container_h ? container_h : content_h );
- },
-
- _align: function () {
- var content_height = this._get_height(),
- icon_height = this.icon_img.height(),
- icon_width = this.icon_img.width(),
- content_gap = 46,
- text0_height = this.text0_bg.height() || 0,
- text1_height = this.text1_bg.height() || 0,
- icon_top = (content_height -
- (icon_height + content_gap +
- text0_height + text1_height)) / 2;
-
- if ( icon_top < content_gap ) {
- icon_top = content_gap;
- }
-
- this.container.height( content_height );
-
- this.icon_img.css( 'left',
- (window.innerWidth - icon_width) / 2 );
- this.icon_img.css( 'top', icon_top );
-
- var text_top = icon_top + icon_height + content_gap;
-
- this.text0_bg.css( 'top', text_top );
- this.text1_bg.css( 'top', text_top + text0_height );
- },
-
- _create: function () {
- var icon_type = $( this.element ).attr('data-type');
-
- if ( icon_type === undefined ||
- (icon_type !== "picture" &&
- icon_type !== "multimedia" &&
- icon_type !== "text") ) {
- icon_type = "unnamed";
- }
-
- var text = new Array(2);
-
- text[0] = $( this.element ).attr('data-text1');
- text[1] = $( this.element ).attr('data-text2');
-
- if ( text[0] === undefined ) {
- text[0] = "";
- }
-
- if ( text[1] === undefined ) {
- text[1] = "";
- }
-
- this.container = $('<div class="ui-nocontents"/>');
- this.icon_img = $('<div class="ui-nocontents-icon-' +
- icon_type + '"/>');
-
- this.text0_bg = $('<div class="ui-nocontents-text">' +
- text[0] + '<div>');
- this.text1_bg = $('<div class="ui-nocontents-text">' +
- text[1] + '<div>');
-
- this.container.append( this.icon_img );
- this.container.append( this.text0_bg );
- this.container.append( this.text1_bg );
-
- $( this.element ).append( this.container );
-
- this._align();
- }
- });
-
- $( document ).bind( "pagecreate create", function ( e ) {
- $( e.target ).find(":jqmData(role='nocontents')").nocontents();
- });
-} ( jQuery, this ));
+++ /dev/null
-.ui-option-header {
- overflow: hidden;
-}
-
-.ui-option-header-1-row {
- height: 65px;
- border: none;
-}
-.ui-option-header-2-row {
- height: 124px;
- border: none;
-}
-
-.ui-option-header-row-1 {
- padding: 5px 5px 5px 5px;
-}
-.ui-option-header-row-2 {
- margin-top: -2px;
- padding: 0px 5px 6px 5px;
-}
-
-/* for standard buttons */
-.ui-option-header .ui-btn {
- display: block;
- margin: 3px 5px 5px 5px;
-}
-.ui-option-header .ui-btn-text {
- line-height: 34px;
-}
-.ui-option-header .ui-btn-inner {
- padding-top: 6px;
- padding-bottom: 6px;
-}
-
-/* for segmented control */
-.ui-option-header .ui-controlgroup-horizontal .ui-btn {
- display: inline-block !important;
- margin: -3px !important;
-}
-.ui-option-header .ui-controlgroup,
-.ui-option-header fieldset.ui-controlgroup {
- margin-bottom: 0px !important;
-}
-.ui-option-header .ui-controlgroup-horizontal .ui-corner-left {
- margin-left: 5px !important;
-}
-.ui-option-header .ui-controlgroup-horizontal .ui-corner-right {
- margin-right: 5px !important;
-}
-<<<<<<< HEAD
-
-/* for the triangle */
-.ui-option-header-triangle-arrow {
- top:-10px;
- height:10px;
- width:100%;
- position:relative;
- margin-bottom: -10px;
-}
-=======
->>>>>>> remotes/intel/master
+++ /dev/null
-/*
- * jQuery Mobile Widget @VERSION
- *
- * This software is licensed under the MIT licence (as defined by the OSI at
- * http://www.opensource.org/licenses/mit-license.php)
- *
- * ***************************************************************************
- * Copyright (C) 2011 by Intel Corporation Ltd.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- * ***************************************************************************
- *
- * Authors: Elliot Smith <elliot.smith@intel.com>
- */
-
-// optionheader provides a collapsible toolbar for buttons and
-// segmented controls directly under the title bar. It
-// wraps a jQuery Mobile grid in a collapsible container; clicking
-// on the container, or on one of the buttons inside the container,
-// will collapse it.
-//
-// To add an option header to a page, mark up the header with a
-// data-role="optionheader" attribute, as shown in this example:
-//
-// <div data-role="header">
-// <h1>Option header - 3 buttons example</h1>
-// <div data-role="optionheader">
-// <div class="ui-grid-b">
-// <div class="ui-block-a"><a data-role="button">Previous</a></div>
-// <div class="ui-block-b"><a data-role="button">Cancel</a></div>
-// <div class="ui-block-c"><a data-role="button">Next</a></div>
-// </div>
-// </div>
-// </div>
-//
-// The optionheader can also be used inline (e.g. in a content block or
-// a widget).
-//
-// Alternatively, use $('...').optionheader() to apply programmatically.
-//
-// The grid inside the optionheader should be marked up as for
-// a standard jQuery Mobile grid. (The widget has been tested with one
-// or two rows of 2-4 columns each.)
-//
-// Note that if you use this with fixed headers, you may find that
-// expanding the option header increases the page size so that scrollbars
-// appear (jQuery Mobile's own collapsible content areas cause the
-// same issue). You can alleviate this somewhat by calling the show() method
-// on the page toolbars each time the size of the header changes.
-//
-// The widget is configurable via a data-options attribute on the same
-// div as the data-role="optionheader" attribute, e.g.
-//
-// <div data-role="header">
-// <h1>Option header - configured</h1>
-// <div data-role="optionheader" data-options='{"collapsed":true, "duration":1.5}'>
-// <div class="ui-grid-b">
-// <div class="ui-block-a"><a data-role="button">Previous</a></div>
-// <div class="ui-block-b"><a data-role="button">Cancel</a></div>
-// <div class="ui-block-c"><a data-role="button">Next</a></div>
-// </div>
-// </div>
-// </div>
-//
-// Options can also be set with $(...).optionheader('option', 'name', value).
-// However, if you do this, you'll need to call $(...).optionheader('refresh')
-// afterwards for the new values to take effect (note that optionheader()
-// can be applied multiple times to an element without side effects).
-//
-// See below for the available options.
-//
-// Theme: by default, gets a 'b' swatch; override with data-theme="X"
-// as per usual
-//
-// Options (can be set with a data-options attribute):
-//
-// {Boolean} [showIndicator=true] Set to true (the default) to show
-// the upward-pointing arrow indicator on top of the title bar.
-// {Boolean} [startCollapsed=false] Sets the appearance when the option
-// header is first displayed; defaults to false (i.e. show the header
-// expanded on first draw). NB setting this option later has no
-// effect: use collapse() to collapse a widget which is already
-// drawn.
-// {Boolean} [expandable=true] Sets whether the header will expand
-// in response to clicks; default = true.
-// {Float} [duration=0.25] Duration of the expand/collapse animation.
-//
-// Methods (see below for docs):
-//
-// toggle(options)
-// expand(options)
-// collapse(options)
-//
-// Events:
-//
-// expand: Triggered when the option header is expanded
-// collapse: Triggered when the option header is collapsed
-//
-
-
-(function($, undefined) {
-$.widget("tizen.optionheader", $.mobile.widget, {
-//$.widget("todons.optionheader", $.todons.widgetex, {
- options: {
- initSelector: ":jqmData(role='optionheader')",
- showIndicator: true,
- theme: 's',
- startCollapsed: false,
- expandable: true,
- duration: 0.25,
- collapseOnInit : true
- },
- collapsedHeight: '5px',
-
- _create: function () {
- var options,
- theme,
- self = this,
- elementHeight = 106,
- parentPage,
- dataOptions = this.element.jqmData( 'options' );
-
- // parse data-options
- $.extend( this.options, dataOptions );
-
- this.isCollapsed = this.options.collapseOnInit;
- this.expandedHeight = null;
-
- // parse data-theme and reset options.theme if it's present
- theme = this.element.jqmData( 'theme' ) || this.options.theme;
- this.options.theme = theme;
-
- this.element.closest( ':jqmData(role="header")' ).addClass( "ui-option-header-resizing" );
-
- // set up the click handler; it's done here so it can
- // easily be removed, as there should only be one instance
- // of the handler function for each class instance
- this.clickHandler = function () {
- self.toggle();
- };
-
- if( this.element.height() < elementHeight ){
- this.element.css( "height", elementHeight );
- }
-
- // get the element's dimensions
- // and to set its initial collapse state;
- // either do it now (if the page is visible already)
- // or on pageshow
- page = this.element.closest( ':jqmData(role="page")' );
-
- if ( page.is(":visible") ){
- self.refresh();
- self._realize();
- } else {
- self.refresh();
-
- page.bind( "pagebeforeshow", function() {
- self._setArrowLeft();
- self._realize();
- });
- }
- self._setArrowLeft();
-// this.refresh();
- },
-
- _realize: function () {
- if ( !this.expandedHeight ) {
- this.expandedHeight = this.element.height();
- }
-
- if ( this.isCollapsed ) {
-// if (this.options.startCollapsed) {
- this.collapse( {duration: 0} );
- }
- },
-
- _setArrowLeft: function () {
- var matchingBtn = $( this.element ).jqmData( "for" ),
- arrowCenter = 14,
- btn2Position = 10,
- btn3Position = 144;
-
- if( $(this.element).parents(".ui-page").find("#"+matchingBtn).length != 0 ){
- matchBtn = $( this.element ).parents( ".ui-page" ).find( "#" + matchingBtn );
-
-
- if ( this.options.expandable ) {
- matchBtn.bind( 'vclick', this.clickHandler );
- } else {
- matchBtn.unbind( 'vclick', this.clickHandler );
- }
-
- // decide arrow Button position
- if( matchBtn.css( "left" ) && matchBtn.css( "left" ) != "auto" ){
- $( ".ui-triangle-image" ).css( "left", matchBtn.width()/2 + parseInt(matchBtn.css("left")) - arrowCenter + "px" );
- } else if( matchBtn.css("right") ){
- buttonRight = matchBtn.nextAll().is( "a" ) ? btn3Position : btn2Position;
- $( ".ui-triangle-image" ).css( "left", document.documentElement.clientWidth - matchBtn.width()/2 - buttonRight - arrowCenter + "px" );
- }
- } else {
- $( ".ui-triangle-image" ).css( "left", document.documentElement.clientWidth/2 - arrowCenter + "px" );
- }
- },
- // Draw the option header, according to current options
- refresh: function () {
- var el = this.element,
- arrow = $( '<div class="ui-option-header-triangle-arrow"></div>' ),
- optionHeaderClass = 'ui-option-header',
- self = this,
- gridRowSelector = '.ui-grid-a,.ui-grid-b,.ui-grid-c,.ui-grid-d,.ui-grid-e',
- theme = this.options.theme,
- numRows,
- rowsClass,
- themeClass;
-
- var $this = $( this ),
- o = $.extend({
- grid: null
- }),
- $kids = el.find( "div" ).eq( 0 ).children().children(),
- gridCols = {solo:1, a:2, b:3, c:4, d:5},
- grid = o.grid,
- iterator;
-
- if ( !grid ) {
- if ( $kids.length <= 5 ) {
- for ( var letter in gridCols ) {
- if ( gridCols[ letter ] === $kids.length ) {
- grid = letter;
- }
- }
- numRows = $kids.length / gridCols[grid];
- } else {
- numRows = 2;
- }
- }
-
- // count ui-grid-* elements to get number of rows
-// numRows = el.find(gridRowSelector).length;
-
- // ...at least one row
-// numRows = Math.max(1, numRows);
-
- // add classes to outer div:
- // ui-option-header-N-row, where N = options.rows
- // ui-bar-X, where X = options.theme (defaults to 'c')
- // ui-option-header
- rowsClass = 'ui-option-header-' + numRows + '-row';
- themeClass = 'ui-body-' + this.options.theme;
-
- el.removeClass( rowsClass ).addClass( rowsClass );
- el.removeClass( themeClass ).addClass( themeClass );
- el.removeClass( optionHeaderClass ).addClass( optionHeaderClass );
-
- // remove any arrow currently visible
- el.prev( '.ui-option-header-triangle-arrow' ).remove();
-// el.prev('.ui-triangle-container').remove();
-
- // if there are elements inside the option header
- // and this.options.showIndicator,
- // insert a triangle arrow as the first element inside the
- // optionheader div to show the header has hidden content
- if( this.options.showIndicator ) {
- el.before( arrow );
- arrow.append("<div class='ui-triangle-image'></div>");
-// arrow.triangle({"color": el.css('background-color'), offset: "50%"});
- }
-
- // if expandable, bind clicks to the toggle() method
- if( this.options.expandable ) {
-// el.unbind('vclick', this.clickHandler).bind('vclick', this.clickHandler);
-// arrow.unbind('vclick', this.clickHandler).bind('vclick', this.clickHandler);
- el.bind( 'vclick', this.clickHandler );
- arrow.bind( 'vclick', this.clickHandler );
-
- } else {
- el.unbind( 'vclick', this.clickHandler );
- arrow.unbind( 'vclick', this.clickHandler );
- }
-
- // for each ui-grid-a element, add a class ui-option-header-row-M
- // to it, where M is the xpath position() of the div
-/* el.find(gridRowSelector).each(function (index) {
- var klass = 'ui-option-header-row-' + (index + 1);
- $(this).removeClass(klass).addClass(klass);
- });*/
- var klass = 'ui-option-header-row-' + ( numRows );
- el.find( "div" ).eq( 0 ).removeClass( klass ).addClass( klass );
-
- // redraw the buttons (now that the optionheader has the right
- // swatch)
- el.find( '.ui-btn' ).each(function () {
- $( this ).attr( 'data-' + $.mobile.ns + 'theme', theme );
-
- // hack the class of the button to remove the old swatch
- var klass = $( this ).attr( 'class' );
- klass = klass.replace(/ui-btn-up-\w{1}\s*/, '');
- klass = klass + ' ui-btn-up-' + theme;
- $( this ).attr( 'class', klass );
- });
- },
-
- _setHeight: function ( height, isCollapsed, options ) {
- var self = this,
- duration,
- commonCallback,
- callback;
-
- options = options || {};
-
- // set default duration if not specified
- duration = options.duration;
- if ( typeof duration == 'undefined' ) {
- duration = this.options.duration;
- }
-
- // the callback to always call after expanding or collapsing
- commonCallback = function () {
- self.isCollapsed = isCollapsed;
-
- if ( isCollapsed ) {
- self.element.trigger( 'collapse' );
- } else {
- self.element.trigger( 'expand' );
- }
- };
-
- // combine commonCallback with any user-specified callback
- if ( options.callback ) {
- callback = function () {
- options.callback();
- commonCallback();
- };
- } else {
- callback = function () {
- commonCallback();
- }
- }
-
- // apply the animation
- if( duration > 0 && $.support.cssTransitions ) {
- // add a handler to invoke a callback when the animation is done
- var elt = this.element.get( 0 );
-
- var handler = {
- handleEvent: function ( e ) {
- elt.removeEventListener( 'webkitTransitionEnd', this );
- self.element.css( '-webkit-transition', null );
- callback();
- }
- };
-
- elt.addEventListener( 'webkitTransitionEnd', handler, false );
-
- // apply the transition
- this.element.css( '-webkit-transition', 'height ' + duration + 's ease-out' );
- this.element.css( 'height', height );
- }
- // make sure the callback gets called even when there's no
- // animation
- else {
- this.element.css( 'height', height );
- callback();
- }
- },
-
- /**
- * Toggle the expanded/collapsed state of the widget.
- * {Object} [options] Configuration for the expand/collapse
- * {Integer} [options.duration] Duration of the expand/collapse;
- * defaults to this.options.duration
- * {Function} options.callback Function to call after toggle completes
- */
-
- toggle: function ( options ) {
- var toggle_header = this.element.parents( ":jqmData(role='header')" );
- var toggle_content = this.element.parents( ":jqmData(role='page')" ).find( ".ui-content" );
- var CollapsedTop = 110,
- ExpandedTop = 206;
-
- if( toggle_header.children().is(".input-search-bar") ){
- CollapsedTop = 218;
- ExpandedTop = 314;
- }
-
- if( $( window ).scrollTop() <= CollapsedTop ){
- toggle_header.css( "position", "relative" );
- toggle_content.css( "top", "0px" );
- }
-
- if( this.isCollapsed ){
- this.expand( options );
-
- if( $( window ).scrollTop() <= ExpandedTop ){
- var t = setTimeout( function(){
- toggle_header.css( 'position', 'fixed' );
- toggle_content.css( 'top', ExpandedTop + "px" );
- }, 500 );
- } else {
- // Need to move scroll top
- toggle_header.css( 'position', 'fixed' );
- toggle_content.css( 'top', ExpandedTop + "px" );
- }
- this.options.collapseOnInit = false;
- } else {
- this.collapse( options );
- if( $(window).scrollTop() <= ExpandedTop ){
- var t = setTimeout( function(){
- toggle_header.css( 'position', 'fixed' );
- toggle_content.css( 'top', CollapsedTop + "px" );
- }, 500 );
- } else{
- toggle_header.css( 'position', 'fixed' );
- toggle_content.css( 'top', CollapsedTop + "px" );
- }
- }
- this.options.collapseOnInit = true;
- },
- _setDisabled: function( value ) {
- $.Widget.prototype._setOption.call( this, "disabled", value );
- this.element.add( this.element.prev(".ui-triangle-container") )[value ? "addClass" : "removeClass"]("ui-disabled");
- },
- /**
- * Takes the same options as toggle()
- */
- collapse: function ( options ) {
-// if (!this.isCollapsed) {
- this._setHeight( '10px', true, options );
-// }
- },
-
- /**
- * Takes the same options as toggle()
- */
- expand: function ( options ) {
-// if (this.isCollapsed) {
- this._setHeight( this.expandedHeight, false, options );
-// }
- }
-});
-
-// auto self-init widgets
-$(document).bind("pagecreate create", function (e) {
- $($.tizen.optionheader.prototype.options.initSelector, e.target)
- .not(":jqmData(role='none'), :jqmData(role='nojs')")
- .optionheader();
-});
-
-})(jQuery);
+++ /dev/null
-/*
- * Author: Youmin Ha <youmin.ha@samsung.com>
-*/
-
-/**
- * Pagecontrol widget shows number bullets, receives touch event for each bullet,
- * and runs your callback for each touch event.
- *
- * HTML Attributes:
- *
- * Pagecontrol widget uses <div> element as an element itself. It takes following attributes.
- *
- * data-role: This widget must have 'pagecontrol' as data-role value.
- * data-max: Maximum nimber of pagecontrol bullets. This property must not exceed 10.
- * data-initVal: Initially selected value of the pagecontrol widget. Must between 1 and data-max. If this attribute is not given, initial value is set to 1.
- *
- * APIs:
- *
- * setValue( value )
- * : Set current value. Actually triggers 'change' event to the widget with given value.
- * @param[in] value A value to be changed.
- *
- * getValue( )
- * : Get current value.
- * @return Current value.
- *
- * Events:
- *
- * change: Raised when a value is changed, by setting it by javascript, or by user's touch event.
- *
- * Examples:
- *
- * <div id="foo" data-role="pagecontrol" data-max="10"></div>
- * ...
- * <script language="text/javascript">
- *
- * // Bind callback to value change
- * $('foo').bind('change', function(event, value) {
- * // event: 'change'
- * // value: changed value
- * });
- *
- * // Set a value to 3
- * $('foo').trigger('change', 3);
- * </script>
- */
-
-(function ($, undefined) {
-
-$.widget("tizen.pagecontrol", $.mobile.widget, {
- options: {
- initSelector: ":jqmData(role='pagecontrol')",
- },
-
- _create: function () {
- },
-
- _init: function() {
- var self = this,
- e = this.element,
- maxVal = e.data("max"),
- currentVal = e.attr("data-initVal"),
- i = 0,
- btn = null,
- buf = null,
- page_margin_class = 'page_n_margin_44';
-
-
- // Set default values
- if(!maxVal) {
- maxVal = 1;
- } else if(maxVal > 10) {
- maxVal = 10;
- }
- e.data("max", maxVal);
-
- if(!currentVal) {
- currentVal = 1;
- }
- e.data("current", currentVal);
-
- // Set pagecontrol class
- e.addClass('pagecontrol');
-
- // Set empty callback variable
- self.changeCallback = null;
-
- // Calculate left/right margin
- if(maxVal <= 7) {
- page_margin_class = 'page_n_margin_44';
- } else if(maxVal == 8) {
- page_margin_class = 'page_n_margin_35';
- } else if(maxVal == 9) {
- page_margin_class = 'page_n_margin_26';
- } else {
- page_margin_class = 'page_n_margin_19';
- }
-
- // subroutine: find a child by value
- function getBtn(value) {
- return e.children(":jqmData(value='" + value + "')");
- }
-
- // subroutine: change active button by value
- function changeActiveBtn(newNum) {
- // Check value
- if(newNum < 1 || newNum > e.max) return false;
-
- // get old and new btns
- var oldNum = e.data('current');
-
- getBtn(oldNum).removeClass('page_n_' + oldNum)
- .addClass('page_n_dot');
- getBtn(newNum).removeClass('page_n_dot')
- .addClass('page_n_' + newNum);
- }
-
- // Add dot icons
- for(i=1; i<=maxVal; i++) {
- btn = $('<div class="page_n page_n_dot ' + page_margin_class + '" data-value="' + i + '"></div>');
- e.append(btn);
- if(i == currentVal) {
- btn.removeClass('page_n_dot').
- addClass('page_n_'+i);
- }
- // bind vclick event to each icon
- btn.bind('vclick', function(event) {
- // Trigger change event
- e.trigger('change', $(this).data('value'));
- });
- }
-
- // pagecontrol element's change event
- e.bind('change', function(event, value) {
- // 1. Change activated button
- changeActiveBtn(value);
-
- // 2. Store new value (DO NOT change this order!)
- e.data('current', value);
-
- });
- },
-}); // end: $.widget()
-
-
-$(document).bind("pagecreate create", function(e) {
- $($.tizen.pagecontrol.prototype.options.initSelector, e.target)
- .not(":jqmData(role='none'), :jqmData(role='nojs')")
- .pagecontrol();
-});
-
-}) (jQuery);
+++ /dev/null
-.ui-pagelist {
- text-align: center;
-}
+++ /dev/null
-/*
- *
- * This software is licensed under the MIT licence (as defined by the OSI at
- * http://www.opensource.org/licenses/mit-license.php)
- *
- * ***************************************************************************
- * Copyright (C) 2011 by Intel Corporation Ltd.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- * ***************************************************************************
- */
-
-// pagelist widget
-//
-// Given an element, this widget collects all links contained in the descendants of the element and constructs
-// a popupwindow widget containing numbered buttons for each encountered link.
-//
-// You can mark any one element in your document with "data-pagelist='true'" and a pagelist will be created that
-// will allow the user to navigate between the pages linked to within the element.
-//
-// Currently, only one pagelist can exist in a document and, once created, it cannot be modified.
-
-(function($, undefined) {
-
-ensureNS("jQuery.mobile.tizen");
-
-$.widget("tizen.pagelist", $.tizen.widgetex, {
- _htmlProto: {
- ui: {
- pageList: "#pagelist",
- button: "#pagelist-button",
- rowBreak: "#pagelist-rowbreak"
- }
- },
- _create: function() {
- var self = this,
- popPageList = false,
- idx = 0;
-
- this._ui.button.remove();
- this._ui.rowBreak.remove();
- this._ui.pageList
- .appendTo($("body"))
- .popupwindow()
- .bind("vclick", function(e) {
- $(this).popupwindow("close");
- });
-
- this.element.find("a[href]").each(function(elemIdx, elem) {
- if (idx > 0 && !(idx % 10))
- self._ui.pageList.append(self._ui.rowBreak.clone());
-
- self._ui.button
- .clone()
- .attr("href", $(elem).attr("href"))
- .text(++idx)
- .appendTo(self._ui.pageList)
- .buttonMarkup()
- .bind("vclick", function() { self._ui.pageList.popupwindow("close"); })
- .find(".ui-btn-inner")
- .css({padding: 2});
- });
-
- $(document).bind("keydown", function(e) {
- popPageList = (e.keyCode === $.mobile.keyCode.CONTROL);
- });
- $(document).bind("keyup", function(e) {
- if (e.keyCode === $.mobile.keyCode.CONTROL && popPageList) {
- var maxDim = {cx: 0, cy: 0};
- self._ui.pageList.popupwindow("open", undefined, 0);
- self._ui.pageList.find("a")
- .each(function() {
- var btn = $(this),
- dim = {
- cx: btn.outerWidth(true),
- cy: btn.outerHeight(true)
- };
-
- // Make sure things will be even later, because padding cannot have decimals - apparently :-S
- if (dim.cx % 2) btn.css("padding-left", parseInt(btn.css("padding-left")) + 1);
- if (dim.cy % 2) btn.css("padding-bottom", parseInt(btn.css("padding-bottom")) + 1);
-
- maxDim.cx = Math.max(maxDim.cx, dim.cx);
- maxDim.cy = Math.max(maxDim.cy, dim.cy);
- })
- .each(function() {
- var padding = {
- h: Math.max(0, (maxDim.cx - $(this).outerWidth(true)) / 2),
- v: Math.max(0, (maxDim.cy - $(this).outerHeight(true)) / 2)
- },
- btn = $(this),
- inner = btn.find(".ui-btn-inner");
-
- inner.css({
- "padding-left" : parseInt(inner.css("padding-left")) + padding.h,
- "padding-top" : parseInt(inner.css("padding-top")) + padding.v,
- "padding-right" : parseInt(inner.css("padding-right")) + padding.h,
- "padding-bottom" : parseInt(inner.css("padding-bottom")) + padding.v
- });
- btn[((btn.attr("href") === "#" + $.mobile.activePage.attr("id")) ? "addClass" : "removeClass")]("ui-btn-active");
- });
- e.stopPropagation();
- e.preventDefault();
- }
- popPageList = false;
- });
- }
-});
-
-// Look for an element marked as a pagelist and assign $.mobile.tizen.pagelist with a newly created pagelist.
-// If $.mobile.tizen.pagelist is already assigned, ignore any new "data-pagelist='true'" designations.
-$(document).bind("pagecreate create", function(e) {
- $(":jqmData(pagelist='true')", e.target)
- .not(":jqmData(role='none'), :jqmData(role='nojs')")
- .each(function() {
- if ($.mobile.tizen.pagelist === undefined) {
- $.extend($.mobile.tizen, {
- pagelist: $(this).pagelist()
- });
- }
- return false;
- });
-});
-
-})(jQuery);
+++ /dev/null
-<div id="pagelist" class="ui-pagelist" data-role="popupwindow" data-shadow="false" data-overlayTheme="">
- <a id="pagelist-button" data-role="button" data-inline="true"></a>
- <br id="pagelist-rowbreak"></br>
-</div>
+++ /dev/null
-@import "config.less";
-
-@bar-height: 16px;
-@bar-margin: 16px;
-
-@-webkit-keyframes ui-scale-animation {
- from {
- -webkit-transform: scaleX(0);
- } to {
- -webkit-transform: scaleX(1);
- }
-}
-
-.ui-progressbar-value {
- background-image: url(images/00_winset_list_progress_bar.png);
- height: 100%;
-}
-
-.ui-progressbar {
- position: relative;
- background-image: url(images/00_winset_list_progress_bg.png);
- margin-left: @bar-margin;
- margin-right: @bar-margin;
- height: @bar-height;
-}
-
-.ui-progress-bg {
- position: relative;
- top: 0;
- background-image: url(images/00_winset_list_progress_bg.png);
- width: 100%;
- height: @bar-height;
-}
-
-.ui-progress-bar {
- position: relative;
- top: -@bar-height;
- width: 100%;
- height: @bar-height;
-
- background-image: url(images/00_winset_list_progress_bar.png);
-
- -webkit-animation: ui-scale-animation 5s infinite linear;
- -webkit-transform-origin: 0% 0%;
-}
+++ /dev/null
-.ui-shortcutscroll {
- position: absolute;
- right: 0px;
- top: 0px;
- background-color: rgba(225, 221, 215,0.5);
- max-width: 20px;
- min-width: 12px;
- -webkit-user-select: none;
- margin:0;
- padding:0;
- opacity: 1;
-}
-.ui-shortcutscroll ul{
- list-style-type: none;
- margin: 0;
- padding: 0;
-}
-.ui-shortcutscroll li {
- cursor: pointer;
- color:rgba(0,0,0,0.6);
- padding: 2px 2px 2px 5px;
- text-shadow: none !important;
-}
-
-.ui-shortcutscroll-popup {
- position: absolute;
- background: rgba(255,255,255,1);
- padding:10px 30px;
- -moz-box-shadow: 8px 10px 0px rgb(199, 199, 199);
- -webkit-box-shadow: 8px 10px 0px rgb(199, 199, 199);
- box-shadow: 8px 10px 0px rgb(199, 199, 199);
- text-align: center;
- font-size: 75px;
- font-weight: bold;
- display:none;
- box-sizing:border-box;
- color: black;
-}
+++ /dev/null
-/*
- * jQuery Mobile Widget @VERSION
- *
- * This software is licensed under the MIT licence (as defined by the OSI at
- * http://www.opensource.org/licenses/mit-license.php)
- *
- * ***************************************************************************
- * Copyright (C) 2011 by Intel Corporation Ltd.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- * ***************************************************************************
- *
- * Authors: Elliot Smith <elliot.smith@intel.com>
- */
-
-// shortcutscroll is a scrollview controller, which binds
-// a scrollview to a a list of short cuts; the shortcuts are built
-// from the text on dividers in the list. Clicking on a shortcut
-// instantaneously jumps the scrollview to the selected list divider;
-// mouse movements on the shortcut column move the scrollview to the
-// list divider matching the text currently under the touch; a popup
-// with the text currently under the touch is also displayed.
-//
-// To apply, add the attribute data-shortcutscroll="true" to a listview
-// (a <ul> or <ol> element inside a page). Alternatively, call
-// shortcutscroll() on an element.
-//
-// The closest element with class ui-scrollview-clip is used as the
-// scrollview to be controlled.
-//
-// If a listview has no dividers or a single divider, the widget won't
-// display.
-
-(function( $, undefined ) {
-
-$.widget( "tizen.shortcutscroll", $.mobile.widget, {
- options: {
- initSelector: ":jqmData(shortcutscroll)"
- },
-
- _create: function () {
- var $el = this.element,
- self = this,
- $popup,
- page = $el.closest(':jqmData(role="page")');
-
- this.scrollview = $el.closest('.ui-scrollview-clip');
- this.shortcutsContainer = $('<div class="ui-shortcutscroll"/>');
- this.shortcutsList = $('<ul></ul>');
-
- // popup for the hovering character
- this.shortcutsContainer.append($('<div class="ui-shortcutscroll-popup"></div>'));
- $popup = this.shortcutsContainer.find('.ui-shortcutscroll-popup');
-
- this.shortcutsContainer.append(this.shortcutsList);
- this.scrollview.append(this.shortcutsContainer);
-
- // find the bottom of the last item in the listview
- this.lastListItem = $el.children().last();
-
- // remove scrollbars from scrollview
- this.scrollview.find('.ui-scrollbar').hide();
-
- var jumpToDivider = function(divider) {
- // get the vertical position of the divider (so we can
- // scroll to it)
- var dividerY = $(divider).position().top;
-
- // find the bottom of the last list item
- var bottomOffset = self.lastListItem.outerHeight(true) +
- self.lastListItem.position().top;
-
- var scrollviewHeight = self.scrollview.height();
-
- // check that after the candidate scroll, the bottom of the
- // last item will still be at the bottom of the scroll view
- // and not some way up the page
- var maxScroll = bottomOffset - scrollviewHeight;
- dividerY = (dividerY > maxScroll ? maxScroll : dividerY);
-
- // don't apply a negative scroll, as this means the
- // divider should already be visible
- dividerY = Math.max(dividerY, 0);
-
- // apply the scroll
- self.scrollview.scrollview('scrollTo', 0, -dividerY);
-
- var dstOffset = self.scrollview.offset();
- $popup.text($(divider).text())
- .offset({left : dstOffset.left + (self.scrollview.width() - $popup.width()) / 2,
- top : dstOffset.top + (self.scrollview.height() - $popup.height()) / 2})
- .show();
- };
-
- this.shortcutsList
- // bind mouse over so it moves the scroller to the divider
- .bind('touchstart mousedown vmousedown touchmove vmousemove vmouseover', function (e) {
- // Get coords relative to the element
- var coords = $.mobile.tizen.targetRelativeCoordsFromEvent(e);
- var shortcutsListOffset = self.shortcutsList.offset();
-
- // If the element is a list item, get coordinates relative to the shortcuts list
- if (e.target.tagName.toLowerCase() === "li") {
- coords.x += $(e.target).offset().left - shortcutsListOffset.left;
- coords.y += $(e.target).offset().top - shortcutsListOffset.top;
- }
-
- // Hit test each list item
- self.shortcutsList.find('li').each(function() {
- var listItem = $(this),
- l = listItem.offset().left - shortcutsListOffset.left,
- t = listItem.offset().top - shortcutsListOffset.top,
- r = l + Math.abs(listItem.outerWidth(true)),
- b = t + Math.abs(listItem.outerHeight(true));
-
- if (coords.x >= l && coords.x <= r && coords.y >= t && coords.y <= b) {
- jumpToDivider($(listItem.data('divider')));
- return false;
- }
- return true;
- });
-
- e.preventDefault();
- e.stopPropagation();
- })
- // bind mouseout of the shortcutscroll container to remove popup
- .bind('touchend mouseup vmouseup vmouseout', function () {
- $popup.hide();
- });
-
- if (page && !(page.is(':visible'))) {
- page.bind('pageshow', function () { self.refresh(); });
- }
- else {
- this.refresh();
- }
-
- // refresh the list when dividers are filtered out
- $el.bind('updatelayout', function () {
- self.refresh();
- });
- },
-
- refresh: function () {
- var self = this,
- shortcutsTop,
- minClipHeight;
-
- this.shortcutsList.find('li').remove();
-
- // get all the dividers from the list and turn them into
- // shortcuts
- var dividers = this.element.find('.ui-li-divider');
-
- // get all the list items
- var listItems = this.element.find('li:not(.ui-li-divider))');
-
- // only use visible dividers
- dividers = dividers.filter(':visible');
- listItems = listItems.filter(':visible');
-
- if (dividers.length < 2) {
- this.shortcutsList.hide();
- return;
- }
-
- this.shortcutsList.show();
-
- this.lastListItem = listItems.last();
-
- dividers.each(function (index, divider) {
- self.shortcutsList.append($('<li>' + $(divider).text() + '</li>')
- .data('divider', divider));
- });
-
- // position the shortcut flush with the top of the first
- // list divider
- shortcutsTop = dividers.first().position().top;
- this.shortcutsContainer.css('top', shortcutsTop);
-
- // make the scrollview clip tall enough to show the whole of
- // the shortcutslist
- minClipHeight = shortcutsTop + this.shortcutsContainer.outerHeight() + 'px';
- this.scrollview.css('min-height', minClipHeight);
- }
-});
-
-$(document).bind( "pagecreate create", function (e) {
- $($.tizen.shortcutscroll.prototype.options.initSelector, e.target)
- .not(":jqmData(role='none'), :jqmData(role='nojs')")
- .shortcutscroll();
-});
-
-})( jQuery );
+++ /dev/null
-.ui-slider .ui-btn-inner {
- padding: 4px 0 0 0 !important;
-}
-
-.ui-slider-popup {
- position: absolute !important;
- width: 64px;
- height: 64px;
- text-align: center;
- font-size: 40px;
- padding-top: 12px;
- z-index: 100;
- opacity: 0.8;
-}
+++ /dev/null
-.ui-swipelist-item {
- -webkit-user-select: none;
- -user-select: none;
-}
-
-.ui-swipelist-item * {
- -webkit-user-select: none;
- -user-select: none;
-}
-
-.ui-swipelist-item-cover {
- z-index: 99;
- position: absolute;
- border: none;
- top: 0%;
- left: 0%;
- width: 100%;
- height: 100%;
- z-index: 100;
-}
-
-.ui-swipelist-item-cover-inner * {
- -moz-user-select: none;
- -webkit-user-select: none;
- -user-select: none;
-}
+++ /dev/null
-/*
- * jQuery Mobile Widget @VERSION
- *
- * This software is licensed under the MIT licence (as defined by the OSI at
- * http://www.opensource.org/licenses/mit-license.php)
- *
- * ***************************************************************************
- * Copyright (C) 2011 by Intel Corporation Ltd.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- * ***************************************************************************
- *
- * Authors: Kalyan Kondapally <kalyan.kondapally@intel.com>,
- * Elliot Smith <elliot.smith@intel.com>
- */
-
-// Widget which turns a list into a "swipe list":
-// i.e. each list item has a sliding "cover" which can be swiped
-// to the right (to reveal buttons underneath) or left (to
-// cover the buttons again). Clicking on a button under a swipelist
-// also moves the cover back to the left.
-//
-// To create a swipelist, you need markup like this:
-//
-// <pre>
-// <ul data-role="swipelist"><br/>
-// <li><br/>
-// <div class="ui-grid-b"><br/>
-// <div class="ui-block-a"><br/>
-// <a href="#" data-role="button" data-theme="a">Twitter</a><br/>
-// </div><br/>
-// <div class="ui-block-b"><br/>
-// <a href="#" data-role="button" data-theme="b">FaceBook</a><br/>
-// </div><br/>
-// <div class="ui-block-c"><br/>
-// <a href="#" data-role="button" data-theme="c">Google+</a><br/>
-// </div><br/>
-// </div><br/>
-// <div data-role="swipelist-item-cover">Nigel</div><br/>
-// </li><br/>
-// ...<br/>
-// </ul>
-// </pre>
-//
-// In this case, the cover is over a grid of buttons;
-// but it is should also be possible to use other types of markup under the
-// list items.
-//
-// Note the use of a separate div, parented by the li element, marked
-// up with data-role="swipelist-item-cover". This div will usually
-// contain text. If you want other elements in your swipelist covers,
-// you may need to style them yourself. Because the covers aren't
-// technically list items, you may need to do some work to make them
-// look right.
-//
-// WARNING: This doesn't work well inside a scrollview widget, as
-// the touch events currently interfere with each other badly (e.g.
-// a swipe will work but cause a scroll as well).
-//
-// Theme: default is to use the theme on the target element,
-// theme passed in options, parent theme, or 'c' if none of the above.
-// If list items are themed individually, the cover will pick up the
-// theme of the list item which is its parent.
-//
-// Events:
-//
-// animationComplete: Triggered by a cover when it finishes sliding
-// (to either the right or left).
-(function ($) {
-
-$.widget("tizen.swipelist", $.mobile.widget, {
- options: {
- theme: null
- },
-
- _create: function () {
- // use the theme set on the element, set in options,
- // the parent theme, or 'c' (in that order of preference)
- var theme = this.element.jqmData('theme') ||
- this.options.theme ||
- this.element.parent().jqmData('theme') ||
- 'c';
-
- this.options.theme = theme;
-
- this.refresh();
- },
-
- refresh: function () {
- this._cleanupDom();
-
- var self = this,
- defaultCoverTheme,
- covers;
-
- defaultCoverTheme = 'ui-body-' + this.options.theme;
-
- // swipelist is a listview
- if (!this.element.hasClass('ui-listview')) {
- this.element.listview();
- }
-
- this.element.addClass('ui-swipelist');
-
- // get the list item covers
- covers = this.element.find(':jqmData(role="swipelist-item-cover")');
-
- covers.each(function () {
- var cover = $(this);
- var coverTheme = defaultCoverTheme;
-
- // get the parent li element and add classes
- var item = cover.closest('li');
-
- // add swipelist CSS classes
- item.addClass('ui-swipelist-item');
-
- cover.addClass('ui-swipelist-item-cover');
-
- // set swatch on cover: if the nearest list item has
- // a swatch set on it, that will be used; otherwise, use
- // the swatch set for the swipelist
- var itemHasThemeClass = item.attr('class')
- .match(/ui\-body\-[a-z]|ui\-bar\-[a-z]/);
-
- if (itemHasThemeClass) {
- coverTheme = itemHasThemeClass[0];
- }
-
- cover.addClass(coverTheme);
-
- // wrap inner HTML (so it can potentially be styled)
- if (cover.has('.ui-swipelist-item-cover-inner').length === 0) {
- cover.wrapInner($('<span/>').addClass('ui-swipelist-item-cover-inner'));
- }
-
- // bind to swipe events on the cover and the item
- if (!(cover.data('animateRight') && cover.data('animateLeft'))) {
- cover.data('animateRight', function () {
- self._animateCover(cover, 100);
- });
-
- cover.data('animateLeft', function () {
- self._animateCover(cover, 0);
- });
- }
-
- // bind to synthetic events
- item.bind('swipeleft', cover.data('animateLeft'));
- cover.bind('swiperight', cover.data('animateRight'));
-
- // any clicks on buttons inside the item also trigger
- // the cover to slide back to the left
- item.find('.ui-btn').bind('vclick', cover.data('animateLeft'));
- });
- },
-
- _cleanupDom: function () {
- var self = this,
- defaultCoverTheme,
- covers;
-
- defaultCoverTheme = 'ui-body-' + this.options.theme;
-
- this.element.removeClass('ui-swipelist');
-
- // get the list item covers
- covers = this.element.find(':jqmData(role="swipelist-item-cover")');
-
- covers.each(function () {
- var cover = $(this);
- var coverTheme = defaultCoverTheme;
- var text, wrapper;
-
- // get the parent li element and add classes
- var item = cover.closest('li');
-
- // remove swipelist CSS classes
- item.removeClass('ui-swipelist-item');
- cover.removeClass('ui-swipelist-item-cover');
-
- // remove swatch from cover: if the nearest list item has
- // a swatch set on it, that will be used; otherwise, use
- // the swatch set for the swipelist
- var itemClass = item.attr('class');
- var itemHasThemeClass = itemClass &&
- itemClass.match(/ui\-body\-[a-z]|ui\-bar\-[a-z]/);
-
- if (itemHasThemeClass) {
- coverTheme = itemHasThemeClass[0];
- }
-
- cover.removeClass(coverTheme);
-
- // remove wrapper HTML
- wrapper = cover.find('.ui-swipelist-item-cover-inner');
-
- wrapper.children().unwrap();
-
- text = wrapper.text()
-
- if (text) {
- cover.append(text);
- wrapper.remove();
- }
-
- // unbind swipe events
- if (cover.data('animateRight') && cover.data('animateLeft')) {
- cover.unbind('swiperight', cover.data('animateRight'));
- item.unbind('swipeleft', cover.data('animateLeft'));
-
- // unbind clicks on buttons inside the item
- item.find('.ui-btn').unbind('vclick', cover.data('animateLeft'));
-
- cover.data('animateRight', null);
- cover.data('animateLeft', null);
- }
- });
- },
-
- // NB I tried to use CSS animations for this, but the performance
- // and appearance was terrible on Android 2.2 browser;
- // so I reverted to jQuery animations
- //
- // once the cover animation is done, the cover emits an
- // animationComplete event
- _animateCover: function (cover, leftPercentage) {
- var animationOptions = {
- easing: 'linear',
- duration: 'fast',
- queue: true,
- complete: function () {
- cover.trigger('animationComplete');
- }
- };
-
- cover.stop();
- cover.clearQueue();
- cover.animate({left: '' + leftPercentage + '%'}, animationOptions);
- },
-
- destroy: function () {
- this._cleanupDom();
- }
-
-});
-
-$(document).bind("pagecreate", function (e) {
- $(e.target).find(":jqmData(role='swipelist')").swipelist();
-});
-
-})(jQuery);
+++ /dev/null
-@swipelistitem-width:480px;
-@swipelistitem-height:80px;
-@onelinelist-height:70px;
-@border-radius:8px;
-@margin:10px;
-
-.ui-swipelist {
- list-style-type: none;
-}
-
-.ui-swipelistitem {
- width:@swipelistitem-width;
- height:@swipelistitem-height;
- background:url(images/00_sweep_list_bg.png);
-}
-
-.ui-swipelistitemcontainer {
- overflow:hidden;
- position:relative;
- width:@swipelistitem-width;
- height:@swipelistitem-height;
-
- .ui-swipelistitemcover {
- position: absolute;
- top:0;
- left:0;
- background:url(images/00_sweep_list_bg.png);
- width:100%;
- height:100%;
- text-align: center;
- }
-
- .ui-swipelistitemcontent{
- text-align: center;
- position: absolute;
- width: 460px;
- height: 38px;
- margin-bottom: 7px;
- margin-left:@margin;
- margin-right:@margin;
- margin-top:35px;
- border:0;
- .ui-buttonlayout{
- margin-right:@margin;
- border:0px;
- height:38px;
- width:215px;
- text-align: center;
- border-radius:@border-radius;
- -webkit-border-radius:@border-radius;
- }
-
- .ui-swipebuttonlast{
- width:225px;
- margin-right:0px;
- }
-
- .ui-threebuttonlayout{
- width:137px;
- .ui-swipebuttonlast{
- width:147px;
- }
- }
-
- .ui-centrebutton{
- width:136px;
- }
-
- .ui-fourbuttonlayout{
- width:101px;
- margin-right:8px;
- .ui-swipebuttonlast{
- width:109px;
- }
- }
- }
-}
-
-.ui-onelinelist {
- height:@onelinelist-height;
- .ui-swipelistitemcontainer{
- height:@onelinelist-height;
- }
- .ui-swipelistitemcontent{
- margin-top:28px;
- margin-bottom:4px;
- }
-}
-
-
+++ /dev/null
-/*
- * jQuery Mobile Widget @VERSION
- *
- * This software is licensed under the MIT licence (as defined by the OSI at
- * http://www.opensource.org/licenses/mit-license.php)
- *
- * ***************************************************************************
- * Copyright (C) 2011 by Intel Corporation Ltd.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- * ***************************************************************************
- *
- * Authors: Gabriel Schulhof <gabriel.schulhof@intel.com>
- */
-
-// Displays a simple two-state switch.
-//
-// To apply, add the attribute data-role="switch" to a <div>
-// element inside a page. Alternatively, call switch()
-// on an element, like this :
-//
-// $("#myswitch").toggleswitch();
-// where the html might be :
-// <div id="myswitch"></div>
-//
-// Options:
-// checked: Boolean; the state of the switch
-// Default: true (up)
-//
-// Events:
-// changed: Emitted when the switch is changed
-
-(function($, undefined) {
-
-$.widget("tizen.toggleswitch", $.tizen.widgetex, {
- options: {
- onText : "On",
- offText : "Off",
- checked : true,
- initSelector : ":jqmData(role='toggleswitch')"
- },
-
- _htmlProto: {
- ui: {
- outer : "#outer",
- bg : "#bg",
- txtMovers : {
- normal : "#normal",
- active : "#active"
- },
- btn : "#button",
- btnSpan : "#btn-span",
- txt : {
- normal : "[data-normal-text]",
- active : "[data-active-text]",
- },
- }
- },
-
- _value: {
- attr: "data-" + ($.mobile.ns || "") + "checked",
- signal: "changed"
- },
-
- _create: function() {
- var self = this;
-
- this.element
- .css("display", "none")
- .after(this._ui.outer);
-
- this._ui.outer.find("a").buttonMarkup();
- this._ui.txtMovers.normal
- .add(this._ui.txtMovers.active)
- .find("*")
- .css({"border-color": "transparent"});
- this._ui.btn.addClass("toggleswitch-button");
-/*
- // Crutches for IE: It does not seem to understand opacity specified in a class, nor that opacity of an element
- // affects all its children
- if ($.mobile.browser.ie) {
- // Remove this class, because it has no effect in IE :-S
- this._ui.outer.find("*").removeClass("toggleswitch-button-transparent");
- // After adding the button markup, make everything transparent
- this._ui.normalBackground.find("*").css("opacity", 0.0);
- this._ui.activeBackground.find("*").css("opacity", 0.0);
- this._ui.refButton.add(this._ui.refButton.find("*")).css("opacity", 0.0);
- this._ui.realButton.add(this._ui.realButton.find("*")).css("opacity", 0.0);
- // ... except the buttons that display the inital position of the switch
- this._ui.initButtons
- .add(this._ui.initButtons.find("*"))
- .add(this._ui.fButton.find("*"))
- .add(this._ui.fButton)
- .css("opacity", 1.0);
- }
-*/
- $.extend(this, {
- _initial: true
- });
-
- this._ui.btn
- .add(this._ui.outer)
- .bind("vclick", function(e) {
- self._setChecked(!(self.options.checked));
- e.stopPropagation();
- });
- },
-/*
- _makeTransparent: function(obj, b) {
- if ($.mobile.browser.ie)
- obj.add(obj.find("*")).css("opacity", b ? 0.0 : 1.0);
- else
- obj[b ? "addClass" : "removeClass"]("toggleswitch-button-transparent");
- },
-*/
- _setDisabled: function(value) {
- $.tizen.widgetex.prototype._setDisabled.call(this, value);
- this._ui.outer[value ? "addClass" : "removeClass"]("ui-disabled");
- },
-
-
- _updateBtnText: function() {
- var noText = (((this.options.offText || "") === "" &&
- (this.options.onText || "") === ""));
- this._ui.btnSpan.html((noText ? "" : " "));
- this._ui.outer.find("a")[(noText ? "addClass" : "removeClass")]("ui-btn-icon-notext");
- },
-
- _setOnText: function(value) {
- this._ui.txt.active.text(value);
- this.options.onText = value;
- this.element.attr("data-" + ($.mobile.ns || "") + "on-text", value);
- this._updateBtnText();
- },
-
- _setOffText: function(value) {
- this._ui.txt.normal.text(value);
- this.options.offText = value;
- this.element.attr("data-" + ($.mobile.ns || "") + "off-text", value);
- this._updateBtnText();
- },
-
- _setChecked: function(checked) {
- if (this.options.checked != checked) {
- var dst = checked
- ? {bg: "0%", normalTop: "-50%", activeBot: "0%"}
- : {bg: "50%", normalTop: "0%", activeBot: "-50%"},
- method = (this._initial ? "css" : "animate")
-
- this._ui.btn.add(this._ui.bg)[method]({top: dst.bg});
- this._ui.txtMovers.normal[method]({top: dst.normalTop});
- this._ui.txtMovers.active[method]({bottom: dst.activeBot});
-
- this._initial = false;
-
- this.options.checked = checked;
- this.element.attr("data-" + ($.mobile.ns || "") + "checked", checked);
- this._setValue(checked);
- }
- }
-});
-
-$(document).bind("pagecreate create", function(e) {
- $($.tizen.toggleswitch.prototype.options.initSelector, e.target)
- .not(":jqmData(role='none'), :jqmData(role='nojs')")
- .toggleswitch();
-});
-
-})(jQuery);
+++ /dev/null
-.ui-toggleswitch {
- position: relative;
- overflow: hidden;
-
- .toggleswitch-background {
- position: absolute;
- margin: 0px;
- border: 0px;
- left: 0px;
- right: 0px;
- top: 0px;
- bottom: 0px;
- pointer-events: none;
- }
-
- .toggleswitch-sizer {
- margin: 0px;
- opacity: 0;
- pointer-events: none;
- }
-
- .toggleswitch-floating-button {
- position: absolute;
- margin: 0px;
- left: 0px;
- right: 0px;
- }
-
- .toggleswitch-mover {
- border-color: transparent;
- background: none;
- pointer-events: none;
- }
-}
+++ /dev/null
-<div id="outer" class="ui-btn ui-btn-corner-all ui-btn-inline ui-shadow ui-toggleswitch">
- <div class="ui-btn ui-btn-corner-all ui-btn-up-c toggleswitch-background"></div>
- <div class="ui-btn ui-btn-corner-all ui-btn-up-c toggleswitch-background ui-btn-active" id="bg"></div>
- <a data-role="button" data-shadow="false" class="toggleswitch-floating-button toggleswitch-mover" id="normal">
- <span data-normal-text="true"></span>
- </a>
- <a data-role="button" data-shadow="false" class="toggleswitch-floating-button toggleswitch-mover ui-btn-active" id="active">
- <span data-active-text="true"></span>
- </a>
- <a data-role="button" data-shadow="false" class="toggleswitch-sizer">
- <span data-normal-text="true"></span>
- </a>
- <a data-role="button" data-shadow="false" class="toggleswitch-sizer">
- <span data-active-text="true"></span>
- </a>
- <a data-role="button" data-shadow="false" class="toggleswitch-floating-button" id="button">
- <span id="btn-span"></span>
- </a>
-</div>
projects / platform / framework / web / web-ui-fw.git / commitdiff
