+++ /dev/null
-<!doctype html>
-<html>
-<head>
- <title>jQuery UI Accordion Static Markup Test Page</title>
- <link rel="stylesheet" href="../../themes/base/ui.core.css" type="text/css" />
- <link rel="stylesheet" href="../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
- <link rel="stylesheet" href="../../themes/base/ui.allplugins.css" type="text/css" />
- <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="static_helpers.js"></script>
-</head>
-<body style="font-size: 62.5%;">
-
-<!-- Accordion -->
-<div class="ui-accordion ui-widget ui-helper-reset">
- <div class="ui-accordion-group selected">
- <h3 class="ui-accordion-header ui-helper-reset ui-state-active ui-corner-top" tabindex="0"><span class="ui-icon ui-icon-triangle-1-s"></span><a href="#">First</a></h3>
- <div>
- <div class="ui-accordion-content-wrap ui-helper-reset ui-widget-content ui-corner-bottom">
- <div class="ui-accordion-content">
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
- </div>
- </div>
- </div>
- </div>
- <div class="ui-accordion-group">
- <h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" tabindex="0"><span class="ui-icon ui-icon-triangle-1-e"></span><a href="#">Second</a></h3>
- <div>
- <div class="ui-accordion-content-wrap ui-helper-reset ui-widget-content ui-corner-bottom" style="height: 95px; display: none;">
- <div class="ui-accordion-content">
- <p>Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</p>
- </div>
- </div>
- </div>
- </div>
- <div class="ui-accordion-group">
- <h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" tabindex="0"><span class="ui-icon ui-icon-triangle-1-e"></span><a href="#">Third</a></h3>
- <div>
- <div class="ui-accordion-content-wrap ui-helper-reset ui-widget-content ui-corner-bottom" style="height: 95px; display: none;">
- <div class="ui-accordion-content">
- <p>Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</p>
- </div>
- </div>
- </div>
- </div>
-</div>
-
-</body>
-</html>
--- /dev/null
+<!doctype html>
+<html>
+<head>
+ <title>jQuery UI Accordion Static Markup Test Page</title>
+ <link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../static_helpers.js"></script>
+</head>
+<body style="font-size: 62.5%;">
+
+<!-- Accordion -->
+<div class="ui-accordion ui-widget ui-helper-reset">
+ <div class="ui-accordion-group selected">
+ <h3 class="ui-accordion-header ui-helper-reset ui-state-active ui-corner-top" tabindex="0"><span class="ui-icon ui-icon-triangle-1-s"></span><a href="#">First</a></h3>
+ <div>
+ <div class="ui-accordion-content-wrap ui-helper-reset ui-widget-content ui-corner-bottom">
+ <div class="ui-accordion-content">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="ui-accordion-group">
+ <h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" tabindex="0"><span class="ui-icon ui-icon-triangle-1-e"></span><a href="#">Second</a></h3>
+ <div>
+ <div class="ui-accordion-content-wrap ui-helper-reset ui-widget-content ui-corner-bottom" style="height: 95px; display: none;">
+ <div class="ui-accordion-content">
+ <p>Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="ui-accordion-group">
+ <h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" tabindex="0"><span class="ui-icon ui-icon-triangle-1-e"></span><a href="#">Third</a></h3>
+ <div>
+ <div class="ui-accordion-content-wrap ui-helper-reset ui-widget-content ui-corner-bottom" style="height: 95px; display: none;">
+ <div class="ui-accordion-content">
+ <p>Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+</body>
+</html>
<html>
<head>
<title>jQuery UI Static Markup Test Page</title>
- <link rel="stylesheet" href="../../themes/base/ui.core.css" type="text/css" />
+ <link rel="stylesheet" href="../../themes/base/ui.base.css" type="text/css" />
<link rel="stylesheet" href="../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
- <link rel="stylesheet" href="../../themes/base/ui.allplugins.css" type="text/css" />
<script type="text/javascript" src="../../jquery-1.3.1.js"></script>
<script type="text/javascript" src="static_helpers.js"></script>
<style type="text/css">
$("accordion datepicker dialog progressbar slider tabs".split(" ")).each(function() {
var pluginName = this;
- var url = pluginName + ".html";
+ var url = pluginName + '/' + pluginName + ".html";
$('<dt><a href="' + url + '">' + url + '</a></dt>').appendTo(plugins);
$('<dd class="plugin"></dd>').load(url, function() {
+++ /dev/null
-<!doctype html>
-<html>
-<head>
- <title>jQuery UI Datepicker Static Markup Test Page</title>
- <link rel="stylesheet" href="../../themes/base/ui.core.css" type="text/css" />
- <link rel="stylesheet" href="../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
- <link rel="stylesheet" href="../../themes/base/ui.allplugins.css" type="text/css" />
- <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="static_helpers.js"></script>
- <style type="text/css">
- .ui-datepicker { float:left; margin: 0 2em 2em 0;}
- .ui-datepicker-multi { clear:left; }
- </style>
- <!--[if gte IE 7]>
- <style type="text/css">
- .ui-datepicker { float:none; }
- </style>
- <![endif]-->
-</head>
-<body style="font-size: 62.5%;">
-
-<!-- Datepicker with read only month/year -->
-<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
- <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
- <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
- <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
- <div class="ui-datepicker-title">
- <span class="ui-datepicker-month">December</span>
- <span class="ui-datepicker-year">2008</span>
- </div>
- </div>
- <table class="ui-datepicker-calendar">
- <thead>
- <tr>
- <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
- <th><span title="Monday">Mo</span></th>
- <th><span title="Tuesday">Tu</span></th>
- <th><span title="Wednesday">We</span></th>
- <th><span title="Thursday">Th</span></th>
- <th><span title="Friday">Fr</span></th>
- <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class=""><a href="#" class="ui-state-default">1</a></td>
- <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
- <td class=""><a href="#" class="ui-state-default">3</a></td>
- <td class=""><a href="#" class="ui-state-default">4</a></td>
- <td class=""><a href="#" class="ui-state-default">5</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
- <td class=""><a href="#" class="ui-state-default">8</a></td>
- <td class=""><a href="#" class="ui-state-default">9</a></td>
- <td class=""><a href="#" class="ui-state-default">10</a></td>
- <td class=""><a href="#" class="ui-state-default">11</a></td>
- <td class=""><a href="#" class="ui-state-default">12</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
- <td class=""><a href="#" class="ui-state-default">15</a></td>
- <td class=""><a href="#" class="ui-state-default">16</a></td>
- <td class=""><a href="#" class="ui-state-default">17</a></td>
- <td class=""><a href="#" class="ui-state-default">18</a></td>
- <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
- <td class=""><a href="#" class="ui-state-default">22</a></td>
- <td class=""><a href="#" class="ui-state-default">23</a></td>
- <td class=""><a href="#" class="ui-state-default">24</a></td>
- <td class=""><a href="#" class="ui-state-default">25</a></td>
- <td class=""><a href="#" class="ui-state-default">26</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
- <td class=""><a href="#" class="ui-state-default">29</a></td>
- <td class=""><a href="#" class="ui-state-default">30</a></td>
- <td class=""><a href="#" class="ui-state-default">31</a></td>
- <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td></tr>
- </tbody>
- </table>
-</div>
-
-<!-- Datepicker with 1 combined select -->
-<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
- <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
- <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
- <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
- <div class="ui-datepicker-title">
- <select class="ui-datepicker-month-year">
- <optgroup name="2007">
- <option value="2007_0">January 2007</option>
- <option value="2007_1">February 2007</option>
- <option value="2007_2">March 2007</option>
- <option value="2007_3">April 2007</option>
- <option value="2007_4">May 2007</option>
- <option value="2007_5">June 2007</option>
- <option value="2007_6">July 2007</option>
- <option value="2007_7">August 2007</option>
- <option value="2007_8">September 2007</option>
- <option value="2007_9">October 2007</option>
- <option value="2007_10">November 2007</option>
- <option value="2007_11">December 2007</option>
- </optgroup>
- <optgroup name="2008">
- <option value="2008_0">January 2008</option>
- <option value="2008_1">February 2008</option>
- <option value="2008_2">March 2008</option>
- <option value="2008_3">April 2008</option>
- <option value="2008_4">May 2008</option>
- <option value="2008_5">June 2008</option>
- <option value="2008_6">July 2008</option>
- <option value="2008_7">August 2008</option>
- <option value="2008_8">September 2008</option>
- <option value="2008_9">October 2008</option>
- <option value="2008_10">November 2008</option>
- <option selected="selected" value="2008_11">December 2008</option>
- </optgroup>
- <optgroup name="2009">
- <option value="2009_0">January 2009</option>
- <option value="2009_1">February 2009</option>
- <option value="2009_2">March 2009</option>
- <option value="2009_3">April 2009</option>
- <option value="2009_4">May 2009</option>
- <option value="2009_5">June 2009</option>
- <option value="2009_6">July 2009</option>
- <option value="2009_7">August 2009</option>
- <option value="2009_8">September 2009</option>
- <option value="2009_9">October 2009</option>
- <option value="2009_10">November 2009</option>
- <option value="2009_11">December 2009</option>
- </optgroup>
- <optgroup name="2010">
- <option value="2010_0">January 2010</option>
- <option value="2010_1">February 2010</option>
- <option value="2010_2">March 2010</option>
- <option value="2010_3">April 2010</option>
- <option value="2010_4">May 2010</option>
- <option value="2010_5">June 2010</option>
- <option value="2010_6">July 2010</option>
- <option value="2010_7">August 2010</option>
- <option value="2010_8">September 2010</option>
- <option value="2010_9">October 2010</option>
- <option value="2010_10">November 2010</option>
- <option value="2010_11">December 2010</option>
- </optgroup>
- </select>
- </div>
- </div>
- <table class="ui-datepicker-calendar">
- <thead>
- <tr>
- <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
- <th><span title="Monday">Mo</span></th>
- <th><span title="Tuesday">Tu</span></th>
- <th><span title="Wednesday">We</span></th>
- <th><span title="Thursday">Th</span></th>
- <th><span title="Friday">Fr</span></th>
- <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class=""><a href="#" class="ui-state-default">1</a></td>
- <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
- <td class=""><a href="#" class="ui-state-default">3</a></td>
- <td class=""><a href="#" class="ui-state-default">4</a></td>
- <td class=""><a href="#" class="ui-state-default">5</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
- <td class=""><a href="#" class="ui-state-default">8</a></td>
- <td class=""><a href="#" class="ui-state-default">9</a></td>
- <td class=""><a href="#" class="ui-state-default">10</a></td>
- <td class=""><a href="#" class="ui-state-default">11</a></td>
- <td class=""><a href="#" class="ui-state-default">12</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
- <td class=""><a href="#" class="ui-state-default">15</a></td>
- <td class=""><a href="#" class="ui-state-default">16</a></td>
- <td class=""><a href="#" class="ui-state-default">17</a></td>
- <td class=""><a href="#" class="ui-state-default">18</a></td>
- <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
- <td class=""><a href="#" class="ui-state-default">22</a></td>
- <td class=""><a href="#" class="ui-state-default">23</a></td>
- <td class=""><a href="#" class="ui-state-default">24</a></td>
- <td class=""><a href="#" class="ui-state-default">25</a></td>
- <td class=""><a href="#" class="ui-state-default">26</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
- <td class=""><a href="#" class="ui-state-default">29</a></td>
- <td class=""><a href="#" class="ui-state-default">30</a></td>
- <td class=""><a href="#" class="ui-state-default">31</a></td>
- <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td></tr>
- </tbody>
- </table>
-</div>
-
-<!-- Datepicker with 2 selects -->
-<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
- <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
- <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
- <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
- <div class="ui-datepicker-title">
- <select class="ui-datepicker-month">
- <option value="0">Jan</option>
- <option value="1">Feb</option>
- <option value="2">Mar</option>
- <option value="3">Apr</option>
- <option value="4">May</option>
- <option value="5">Jun</option>
- <option value="6">Jul</option>
- <option value="7">Aug</option>
- <option value="8">Sep</option>
- <option value="9">Oct</option>
- <option value="10">Nov</option>
- <option value="11" selected="selected">Dec</option>
- </select>
- <select class="ui-datepicker-year">
- <option value="1998">1998</option>
- <option value="1999">1999</option>
- <option value="2000">2000</option>
- <option value="2001">2001</option>
- <option value="2002">2002</option>
- <option value="2003">2003</option>
- <option value="2004">2004</option>
- <option value="2005">2005</option>
- <option value="2006">2006</option>
- <option value="2007">2007</option>
- <option value="2008" selected="selected">2008</option>
- <option value="2009">2009</option>
- <option value="2010">2010</option>
- <option value="2011">2011</option>
- <option value="2012">2012</option>
- <option value="2013">2013</option>
- <option value="2014">2014</option>
- <option value="2015">2015</option>
- <option value="2016">2016</option>
- <option value="2017">2017</option>
- <option value="2018">2018</option>
- </select>
- </div>
- </div>
- <table class="ui-datepicker-calendar">
- <thead>
- <tr>
- <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
- <th><span title="Monday">Mo</span></th>
- <th><span title="Tuesday">Tu</span></th>
- <th><span title="Wednesday">We</span></th>
- <th><span title="Thursday">Th</span></th>
- <th><span title="Friday">Fr</span></th>
- <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class=""><a href="#" class="ui-state-default">1</a></td>
- <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
- <td class=""><a href="#" class="ui-state-default">3</a></td>
- <td class=""><a href="#" class="ui-state-default">4</a></td>
- <td class=""><a href="#" class="ui-state-default">5</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
- <td class=""><a href="#" class="ui-state-default">8</a></td>
- <td class=""><a href="#" class="ui-state-default">9</a></td>
- <td class=""><a href="#" class="ui-state-default">10</a></td>
- <td class=""><a href="#" class="ui-state-default">11</a></td>
- <td class=""><a href="#" class="ui-state-default">12</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
- <td class=""><a href="#" class="ui-state-default">15</a></td>
- <td class=""><a href="#" class="ui-state-default">16</a></td>
- <td class=""><a href="#" class="ui-state-default">17</a></td>
- <td class=""><a href="#" class="ui-state-default">18</a></td>
- <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
- <td class=""><a href="#" class="ui-state-default">22</a></td>
- <td class=""><a href="#" class="ui-state-default">23</a></td>
- <td class=""><a href="#" class="ui-state-default">24</a></td>
- <td class=""><a href="#" class="ui-state-default">25</a></td>
- <td class=""><a href="#" class="ui-state-default">26</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
- <td class=""><a href="#" class="ui-state-default">29</a></td>
- <td class=""><a href="#" class="ui-state-default">30</a></td>
- <td class=""><a href="#" class="ui-state-default">31</a></td>
- <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td></tr>
- </tbody>
- </table>
-</div>
-
-<!-- Datepicker with button bar -->
-<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
- <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
- <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
- <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
- <div class="ui-datepicker-title">
- <select class="ui-datepicker-month">
- <option value="0">Jan</option>
- <option value="1">Feb</option>
- <option value="2">Mar</option>
- <option value="3">Apr</option>
- <option value="4">May</option>
- <option value="5">Jun</option>
- <option value="6">Jul</option>
- <option value="7">Aug</option>
- <option value="8">Sep</option>
- <option value="9">Oct</option>
- <option value="10">Nov</option>
- <option value="11" selected="selected">Dec</option>
- </select>
- <select class="ui-datepicker-year">
- <option value="1998">1998</option>
- <option value="1999">1999</option>
- <option value="2000">2000</option>
- <option value="2001">2001</option>
- <option value="2002">2002</option>
- <option value="2003">2003</option>
- <option value="2004">2004</option>
- <option value="2005">2005</option>
- <option value="2006">2006</option>
- <option value="2007">2007</option>
- <option value="2008" selected="selected">2008</option>
- <option value="2009">2009</option>
- <option value="2010">2010</option>
- <option value="2011">2011</option>
- <option value="2012">2012</option>
- <option value="2013">2013</option>
- <option value="2014">2014</option>
- <option value="2015">2015</option>
- <option value="2016">2016</option>
- <option value="2017">2017</option>
- <option value="2018">2018</option>
- </select>
- </div>
- </div>
- <table class="ui-datepicker-calendar">
- <thead>
- <tr>
- <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
- <th><span title="Monday">Mo</span></th>
- <th><span title="Tuesday">Tu</span></th>
- <th><span title="Wednesday">We</span></th>
- <th><span title="Thursday">Th</span></th>
- <th><span title="Friday">Fr</span></th>
- <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class=""><a href="#" class="ui-state-default">1</a></td>
- <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
- <td class=""><a href="#" class="ui-state-default">3</a></td>
- <td class=""><a href="#" class="ui-state-default">4</a></td>
- <td class=""><a href="#" class="ui-state-default">5</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
- <td class=""><a href="#" class="ui-state-default">8</a></td>
- <td class=""><a href="#" class="ui-state-default">9</a></td>
- <td class=""><a href="#" class="ui-state-default">10</a></td>
- <td class=""><a href="#" class="ui-state-default">11</a></td>
- <td class=""><a href="#" class="ui-state-default">12</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
- <td class=""><a href="#" class="ui-state-default">15</a></td>
- <td class=""><a href="#" class="ui-state-default">16</a></td>
- <td class=""><a href="#" class="ui-state-default">17</a></td>
- <td class=""><a href="#" class="ui-state-default">18</a></td>
- <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
- <td class=""><a href="#" class="ui-state-default">22</a></td>
- <td class=""><a href="#" class="ui-state-default">23</a></td>
- <td class=""><a href="#" class="ui-state-default">24</a></td>
- <td class=""><a href="#" class="ui-state-default">25</a></td>
- <td class=""><a href="#" class="ui-state-default">26</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
- <td class=""><a href="#" class="ui-state-default">29</a></td>
- <td class=""><a href="#" class="ui-state-default">30</a></td>
- <td class=""><a href="#" class="ui-state-default">31</a></td>
- <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td></tr>
- </tbody>
- </table>
- <div class="ui-datepicker-buttonpane ui-widget-content">
- <button class="ui-state-default ui-priority-primary ui-corner-all">Done</button>
- <button class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all">Today</button>
- </div>
-</div>
-
-<!-- Multiple Datepickers with read only month/year -->
-<div class="ui-datepicker ui-datepicker-multi ui-datepicker-multi-2 ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="width:34em;">
- <div class="ui-datepicker-group ui-datepicker-group-first">
- <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-left">
- <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
- <div class="ui-datepicker-title">
- <span class="ui-datepicker-month">December</span>
- <span class="ui-datepicker-year">2008</span>
- </div>
- </div>
- <table class="ui-datepicker-calendar">
- <thead>
- <tr>
- <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
- <th><span title="Monday">Mo</span></th>
- <th><span title="Tuesday">Tu</span></th>
- <th><span title="Wednesday">We</span></th>
- <th><span title="Thursday">Th</span></th>
- <th><span title="Friday">Fr</span></th>
- <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class=""><a href="#" class="ui-state-default">1</a></td>
- <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
- <td class=""><a href="#" class="ui-state-default">3</a></td>
- <td class=""><a href="#" class="ui-state-default">4</a></td>
- <td class=""><a href="#" class="ui-state-default">5</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
- <td class=""><a href="#" class="ui-state-default">8</a></td>
- <td class=""><a href="#" class="ui-state-default">9</a></td>
- <td class=""><a href="#" class="ui-state-default">10</a></td>
- <td class=""><a href="#" class="ui-state-default">11</a></td>
- <td class=""><a href="#" class="ui-state-default">12</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
- <td class=""><a href="#" class="ui-state-default">15</a></td>
- <td class=""><a href="#" class="ui-state-default">16</a></td>
- <td class=""><a href="#" class="ui-state-default">17</a></td>
- <td class=""><a href="#" class="ui-state-default">18</a></td>
- <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
- <td class=""><a href="#" class="ui-state-default">22</a></td>
- <td class=""><a href="#" class="ui-state-default">23</a></td>
- <td class=""><a href="#" class="ui-state-default">24</a></td>
- <td class=""><a href="#" class="ui-state-default">25</a></td>
- <td class=""><a href="#" class="ui-state-default">26</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
- <td class=""><a href="#" class="ui-state-default">29</a></td>
- <td class=""><a href="#" class="ui-state-default">30</a></td>
- <td class=""><a href="#" class="ui-state-default">31</a></td>
- <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td></tr>
- </tbody>
- </table>
- </div>
- <div class="ui-datepicker-group ui-datepicker-group-last">
- <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right">
- <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
- <div class="ui-datepicker-title">
- <span class="ui-datepicker-month">January</span>
- <span class="ui-datepicker-year">2009</span>
- </div>
- </div>
- <table class="ui-datepicker-calendar">
- <thead>
- <tr>
- <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
- <th><span title="Monday">Mo</span></th>
- <th><span title="Tuesday">Tu</span></th>
- <th><span title="Wednesday">We</span></th>
- <th><span title="Thursday">Th</span></th>
- <th><span title="Friday">Fr</span></th>
- <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class=""><a href="#" class="ui-state-default">1</a></td>
- <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
- <td class=""><a href="#" class="ui-state-default">3</a></td>
- <td class=""><a href="#" class="ui-state-default">4</a></td>
- <td class=""><a href="#" class="ui-state-default">5</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
- <td class=""><a href="#" class="ui-state-default">8</a></td>
- <td class=""><a href="#" class="ui-state-default">9</a></td>
- <td class=""><a href="#" class="ui-state-default">10</a></td>
- <td class=""><a href="#" class="ui-state-default">11</a></td>
- <td class=""><a href="#" class="ui-state-default">12</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
- <td class=""><a href="#" class="ui-state-default">15</a></td>
- <td class=""><a href="#" class="ui-state-default">16</a></td>
- <td class=""><a href="#" class="ui-state-default">17</a></td>
- <td class=""><a href="#" class="ui-state-default">18</a></td>
- <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
- <td class=""><a href="#" class="ui-state-default">22</a></td>
- <td class=""><a href="#" class="ui-state-default">23</a></td>
- <td class=""><a href="#" class="ui-state-default">24</a></td>
- <td class=""><a href="#" class="ui-state-default">25</a></td>
- <td class=""><a href="#" class="ui-state-default">26</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
- <td class=""><a href="#" class="ui-state-default">29</a></td>
- <td class=""><a href="#" class="ui-state-default">30</a></td>
- <td class=""><a href="#" class="ui-state-default">31</a></td>
- <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td></tr>
- </tbody>
- </table>
- </div>
-</div>
-
-<!-- Multiple Datepickers with read only month/year -->
-<div class="ui-datepicker ui-datepicker-multi ui-datepicker-multi-3 ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="width:51em;">
- <div class="ui-datepicker-group ui-datepicker-group-first">
- <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-left">
- <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
- <div class="ui-datepicker-title">
- <span class="ui-datepicker-month">December</span>
- <span class="ui-datepicker-year">2008</span>
- </div>
- </div>
- <table class="ui-datepicker-calendar">
- <thead>
- <tr>
- <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
- <th><span title="Monday">Mo</span></th>
- <th><span title="Tuesday">Tu</span></th>
- <th><span title="Wednesday">We</span></th>
- <th><span title="Thursday">Th</span></th>
- <th><span title="Friday">Fr</span></th>
- <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class=""><a href="#" class="ui-state-default">1</a></td>
- <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
- <td class=""><a href="#" class="ui-state-default">3</a></td>
- <td class=""><a href="#" class="ui-state-default">4</a></td>
- <td class=""><a href="#" class="ui-state-default">5</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
- <td class=""><a href="#" class="ui-state-default">8</a></td>
- <td class=""><a href="#" class="ui-state-default">9</a></td>
- <td class=""><a href="#" class="ui-state-default">10</a></td>
- <td class=""><a href="#" class="ui-state-default">11</a></td>
- <td class=""><a href="#" class="ui-state-default">12</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
- <td class=""><a href="#" class="ui-state-default">15</a></td>
- <td class=""><a href="#" class="ui-state-default">16</a></td>
- <td class=""><a href="#" class="ui-state-default">17</a></td>
- <td class=""><a href="#" class="ui-state-default">18</a></td>
- <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
- <td class=""><a href="#" class="ui-state-default">22</a></td>
- <td class=""><a href="#" class="ui-state-default">23</a></td>
- <td class=""><a href="#" class="ui-state-default">24</a></td>
- <td class=""><a href="#" class="ui-state-default">25</a></td>
- <td class=""><a href="#" class="ui-state-default">26</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
- <td class=""><a href="#" class="ui-state-default">29</a></td>
- <td class=""><a href="#" class="ui-state-default">30</a></td>
- <td class=""><a href="#" class="ui-state-default">31</a></td>
- <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td></tr>
- </tbody>
- </table>
- </div>
- <div class="ui-datepicker-group ui-datepicker-group-middle">
- <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix">
- <div class="ui-datepicker-title">
- <span class="ui-datepicker-month">January</span>
- <span class="ui-datepicker-year">2009</span>
- </div>
- </div>
- <table class="ui-datepicker-calendar">
- <thead>
- <tr>
- <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
- <th><span title="Monday">Mo</span></th>
- <th><span title="Tuesday">Tu</span></th>
- <th><span title="Wednesday">We</span></th>
- <th><span title="Thursday">Th</span></th>
- <th><span title="Friday">Fr</span></th>
- <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class=""><a href="#" class="ui-state-default">1</a></td>
- <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
- <td class=""><a href="#" class="ui-state-default">3</a></td>
- <td class=""><a href="#" class="ui-state-default">4</a></td>
- <td class=""><a href="#" class="ui-state-default">5</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
- <td class=""><a href="#" class="ui-state-default">8</a></td>
- <td class=""><a href="#" class="ui-state-default">9</a></td>
- <td class=""><a href="#" class="ui-state-default">10</a></td>
- <td class=""><a href="#" class="ui-state-default">11</a></td>
- <td class=""><a href="#" class="ui-state-default">12</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
- <td class=""><a href="#" class="ui-state-default">15</a></td>
- <td class=""><a href="#" class="ui-state-default">16</a></td>
- <td class=""><a href="#" class="ui-state-default">17</a></td>
- <td class=""><a href="#" class="ui-state-default">18</a></td>
- <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
- <td class=""><a href="#" class="ui-state-default">22</a></td>
- <td class=""><a href="#" class="ui-state-default">23</a></td>
- <td class=""><a href="#" class="ui-state-default">24</a></td>
- <td class=""><a href="#" class="ui-state-default">25</a></td>
- <td class=""><a href="#" class="ui-state-default">26</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
- <td class=""><a href="#" class="ui-state-default">29</a></td>
- <td class=""><a href="#" class="ui-state-default">30</a></td>
- <td class=""><a href="#" class="ui-state-default">31</a></td>
- <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td></tr>
- </tbody>
- </table>
- </div>
- <div class="ui-datepicker-group ui-datepicker-group-last">
- <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right">
- <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
- <div class="ui-datepicker-title">
- <span class="ui-datepicker-month">February</span>
- <span class="ui-datepicker-year">2009</span>
- </div>
- </div>
- <table class="ui-datepicker-calendar">
- <thead>
- <tr>
- <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
- <th><span title="Monday">Mo</span></th>
- <th><span title="Tuesday">Tu</span></th>
- <th><span title="Wednesday">We</span></th>
- <th><span title="Thursday">Th</span></th>
- <th><span title="Friday">Fr</span></th>
- <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class=""><a href="#" class="ui-state-default">1</a></td>
- <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
- <td class=""><a href="#" class="ui-state-default">3</a></td>
- <td class=""><a href="#" class="ui-state-default">4</a></td>
- <td class=""><a href="#" class="ui-state-default">5</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
- <td class=""><a href="#" class="ui-state-default">8</a></td>
- <td class=""><a href="#" class="ui-state-default">9</a></td>
- <td class=""><a href="#" class="ui-state-default">10</a></td>
- <td class=""><a href="#" class="ui-state-default">11</a></td>
- <td class=""><a href="#" class="ui-state-default">12</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
- <td class=""><a href="#" class="ui-state-default">15</a></td>
- <td class=""><a href="#" class="ui-state-default">16</a></td>
- <td class=""><a href="#" class="ui-state-default">17</a></td>
- <td class=""><a href="#" class="ui-state-default">18</a></td>
- <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
- <td class=""><a href="#" class="ui-state-default">22</a></td>
- <td class=""><a href="#" class="ui-state-default">23</a></td>
- <td class=""><a href="#" class="ui-state-default">24</a></td>
- <td class=""><a href="#" class="ui-state-default">25</a></td>
- <td class=""><a href="#" class="ui-state-default">26</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
- <td class=""><a href="#" class="ui-state-default">29</a></td>
- <td class=""><a href="#" class="ui-state-default">30</a></td>
- <td class=""><a href="#" class="ui-state-default">31</a></td>
- <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td></tr>
- </tbody>
- </table>
- </div>
- <div class="ui-datepicker-buttonpane ui-widget-content">
- <button class="ui-state-default ui-priority-primary ui-corner-all">Done</button>
- <button class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all">Today</button>
- </div>
-</div>
-
-<!-- Multiple Datepickers with read only month/year -->
-<div class="ui-datepicker ui-datepicker-multi ui-datepicker-multi-4 ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="width:60em;">
- <div class="ui-datepicker-group ui-datepicker-group-first">
- <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-left">
- <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
- <div class="ui-datepicker-title">
- <span class="ui-datepicker-month">December</span>
- <span class="ui-datepicker-year">2008</span>
- </div>
- </div>
- <table class="ui-datepicker-calendar">
- <thead>
- <tr>
- <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
- <th><span title="Monday">Mo</span></th>
- <th><span title="Tuesday">Tu</span></th>
- <th><span title="Wednesday">We</span></th>
- <th><span title="Thursday">Th</span></th>
- <th><span title="Friday">Fr</span></th>
- <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class=""><a href="#" class="ui-state-default">1</a></td>
- <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
- <td class=""><a href="#" class="ui-state-default">3</a></td>
- <td class=""><a href="#" class="ui-state-default">4</a></td>
- <td class=""><a href="#" class="ui-state-default">5</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
- <td class=""><a href="#" class="ui-state-default">8</a></td>
- <td class=""><a href="#" class="ui-state-default">9</a></td>
- <td class=""><a href="#" class="ui-state-default">10</a></td>
- <td class=""><a href="#" class="ui-state-default">11</a></td>
- <td class=""><a href="#" class="ui-state-default">12</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
- <td class=""><a href="#" class="ui-state-default">15</a></td>
- <td class=""><a href="#" class="ui-state-default">16</a></td>
- <td class=""><a href="#" class="ui-state-default">17</a></td>
- <td class=""><a href="#" class="ui-state-default">18</a></td>
- <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
- <td class=""><a href="#" class="ui-state-default">22</a></td>
- <td class=""><a href="#" class="ui-state-default">23</a></td>
- <td class=""><a href="#" class="ui-state-default">24</a></td>
- <td class=""><a href="#" class="ui-state-default">25</a></td>
- <td class=""><a href="#" class="ui-state-default">26</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
- <td class=""><a href="#" class="ui-state-default">29</a></td>
- <td class=""><a href="#" class="ui-state-default">30</a></td>
- <td class=""><a href="#" class="ui-state-default">31</a></td>
- <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td></tr>
- </tbody>
- </table>
- </div>
- <div class="ui-datepicker-group ui-datepicker-group-middle">
- <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix">
- <div class="ui-datepicker-title">
- <span class="ui-datepicker-month">January</span>
- <span class="ui-datepicker-year">2009</span>
- </div>
- </div>
- <table class="ui-datepicker-calendar">
- <thead>
- <tr>
- <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
- <th><span title="Monday">Mo</span></th>
- <th><span title="Tuesday">Tu</span></th>
- <th><span title="Wednesday">We</span></th>
- <th><span title="Thursday">Th</span></th>
- <th><span title="Friday">Fr</span></th>
- <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class=""><a href="#" class="ui-state-default">1</a></td>
- <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
- <td class=""><a href="#" class="ui-state-default">3</a></td>
- <td class=""><a href="#" class="ui-state-default">4</a></td>
- <td class=""><a href="#" class="ui-state-default">5</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
- <td class=""><a href="#" class="ui-state-default">8</a></td>
- <td class=""><a href="#" class="ui-state-default">9</a></td>
- <td class=""><a href="#" class="ui-state-default">10</a></td>
- <td class=""><a href="#" class="ui-state-default">11</a></td>
- <td class=""><a href="#" class="ui-state-default">12</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
- <td class=""><a href="#" class="ui-state-default">15</a></td>
- <td class=""><a href="#" class="ui-state-default">16</a></td>
- <td class=""><a href="#" class="ui-state-default">17</a></td>
- <td class=""><a href="#" class="ui-state-default">18</a></td>
- <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
- <td class=""><a href="#" class="ui-state-default">22</a></td>
- <td class=""><a href="#" class="ui-state-default">23</a></td>
- <td class=""><a href="#" class="ui-state-default">24</a></td>
- <td class=""><a href="#" class="ui-state-default">25</a></td>
- <td class=""><a href="#" class="ui-state-default">26</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
- <td class=""><a href="#" class="ui-state-default">29</a></td>
- <td class=""><a href="#" class="ui-state-default">30</a></td>
- <td class=""><a href="#" class="ui-state-default">31</a></td>
- <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td></tr>
- </tbody>
- </table>
- </div>
- <div class="ui-datepicker-group ui-datepicker-group-middle">
- <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix">
- <div class="ui-datepicker-title">
- <span class="ui-datepicker-month">February</span>
- <span class="ui-datepicker-year">2009</span>
- </div>
- </div>
- <table class="ui-datepicker-calendar">
- <thead>
- <tr>
- <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
- <th><span title="Monday">Mo</span></th>
- <th><span title="Tuesday">Tu</span></th>
- <th><span title="Wednesday">We</span></th>
- <th><span title="Thursday">Th</span></th>
- <th><span title="Friday">Fr</span></th>
- <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class=""><a href="#" class="ui-state-default">1</a></td>
- <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
- <td class=""><a href="#" class="ui-state-default">3</a></td>
- <td class=""><a href="#" class="ui-state-default">4</a></td>
- <td class=""><a href="#" class="ui-state-default">5</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
- <td class=""><a href="#" class="ui-state-default">8</a></td>
- <td class=""><a href="#" class="ui-state-default">9</a></td>
- <td class=""><a href="#" class="ui-state-default">10</a></td>
- <td class=""><a href="#" class="ui-state-default">11</a></td>
- <td class=""><a href="#" class="ui-state-default">12</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
- <td class=""><a href="#" class="ui-state-default">15</a></td>
- <td class=""><a href="#" class="ui-state-default">16</a></td>
- <td class=""><a href="#" class="ui-state-default">17</a></td>
- <td class=""><a href="#" class="ui-state-default">18</a></td>
- <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
- <td class=""><a href="#" class="ui-state-default">22</a></td>
- <td class=""><a href="#" class="ui-state-default">23</a></td>
- <td class=""><a href="#" class="ui-state-default">24</a></td>
- <td class=""><a href="#" class="ui-state-default">25</a></td>
- <td class=""><a href="#" class="ui-state-default">26</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
- <td class=""><a href="#" class="ui-state-default">29</a></td>
- <td class=""><a href="#" class="ui-state-default">30</a></td>
- <td class=""><a href="#" class="ui-state-default">31</a></td>
- <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td></tr>
- </tbody>
- </table>
- </div>
- <div class="ui-datepicker-group ui-datepicker-group-last">
- <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right">
- <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
- <div class="ui-datepicker-title">
- <span class="ui-datepicker-month">March</span>
- <span class="ui-datepicker-year">2009</span>
- </div>
- </div>
- <table class="ui-datepicker-calendar">
- <thead>
- <tr>
- <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
- <th><span title="Monday">Mo</span></th>
- <th><span title="Tuesday">Tu</span></th>
- <th><span title="Wednesday">We</span></th>
- <th><span title="Thursday">Th</span></th>
- <th><span title="Friday">Fr</span></th>
- <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class=""><a href="#" class="ui-state-default">1</a></td>
- <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
- <td class=""><a href="#" class="ui-state-default">3</a></td>
- <td class=""><a href="#" class="ui-state-default">4</a></td>
- <td class=""><a href="#" class="ui-state-default">5</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
- <td class=""><a href="#" class="ui-state-default">8</a></td>
- <td class=""><a href="#" class="ui-state-default">9</a></td>
- <td class=""><a href="#" class="ui-state-default">10</a></td>
- <td class=""><a href="#" class="ui-state-default">11</a></td>
- <td class=""><a href="#" class="ui-state-default">12</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
- <td class=""><a href="#" class="ui-state-default">15</a></td>
- <td class=""><a href="#" class="ui-state-default">16</a></td>
- <td class=""><a href="#" class="ui-state-default">17</a></td>
- <td class=""><a href="#" class="ui-state-default">18</a></td>
- <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
- <td class=""><a href="#" class="ui-state-default">22</a></td>
- <td class=""><a href="#" class="ui-state-default">23</a></td>
- <td class=""><a href="#" class="ui-state-default">24</a></td>
- <td class=""><a href="#" class="ui-state-default">25</a></td>
- <td class=""><a href="#" class="ui-state-default">26</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
- <td class=""><a href="#" class="ui-state-default">29</a></td>
- <td class=""><a href="#" class="ui-state-default">30</a></td>
- <td class=""><a href="#" class="ui-state-default">31</a></td>
- <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td></tr>
- </tbody>
- </table>
- </div>
- <div class="ui-datepicker-group ui-datepicker-group-first">
- <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix">
- <div class="ui-datepicker-title">
- <span class="ui-datepicker-month">April</span>
- <span class="ui-datepicker-year">2009</span>
- </div>
- </div>
- <table class="ui-datepicker-calendar">
- <thead>
- <tr>
- <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
- <th><span title="Monday">Mo</span></th>
- <th><span title="Tuesday">Tu</span></th>
- <th><span title="Wednesday">We</span></th>
- <th><span title="Thursday">Th</span></th>
- <th><span title="Friday">Fr</span></th>
- <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class=""><a href="#" class="ui-state-default">1</a></td>
- <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
- <td class=""><a href="#" class="ui-state-default">3</a></td>
- <td class=""><a href="#" class="ui-state-default">4</a></td>
- <td class=""><a href="#" class="ui-state-default">5</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
- <td class=""><a href="#" class="ui-state-default">8</a></td>
- <td class=""><a href="#" class="ui-state-default">9</a></td>
- <td class=""><a href="#" class="ui-state-default">10</a></td>
- <td class=""><a href="#" class="ui-state-default">11</a></td>
- <td class=""><a href="#" class="ui-state-default">12</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
- <td class=""><a href="#" class="ui-state-default">15</a></td>
- <td class=""><a href="#" class="ui-state-default">16</a></td>
- <td class=""><a href="#" class="ui-state-default">17</a></td>
- <td class=""><a href="#" class="ui-state-default">18</a></td>
- <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
- <td class=""><a href="#" class="ui-state-default">22</a></td>
- <td class=""><a href="#" class="ui-state-default">23</a></td>
- <td class=""><a href="#" class="ui-state-default">24</a></td>
- <td class=""><a href="#" class="ui-state-default">25</a></td>
- <td class=""><a href="#" class="ui-state-default">26</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
- <td class=""><a href="#" class="ui-state-default">29</a></td>
- <td class=""><a href="#" class="ui-state-default">30</a></td>
- <td class=""><a href="#" class="ui-state-default">31</a></td>
- <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td></tr>
- </tbody>
- </table>
- </div>
- <div class="ui-datepicker-group ui-datepicker-group-middle">
- <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix">
- <div class="ui-datepicker-title">
- <span class="ui-datepicker-month">May</span>
- <span class="ui-datepicker-year">2009</span>
- </div>
- </div>
- <table class="ui-datepicker-calendar">
- <thead>
- <tr>
- <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
- <th><span title="Monday">Mo</span></th>
- <th><span title="Tuesday">Tu</span></th>
- <th><span title="Wednesday">We</span></th>
- <th><span title="Thursday">Th</span></th>
- <th><span title="Friday">Fr</span></th>
- <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class=""><a href="#" class="ui-state-default">1</a></td>
- <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
- <td class=""><a href="#" class="ui-state-default">3</a></td>
- <td class=""><a href="#" class="ui-state-default">4</a></td>
- <td class=""><a href="#" class="ui-state-default">5</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
- <td class=""><a href="#" class="ui-state-default">8</a></td>
- <td class=""><a href="#" class="ui-state-default">9</a></td>
- <td class=""><a href="#" class="ui-state-default">10</a></td>
- <td class=""><a href="#" class="ui-state-default">11</a></td>
- <td class=""><a href="#" class="ui-state-default">12</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
- <td class=""><a href="#" class="ui-state-default">15</a></td>
- <td class=""><a href="#" class="ui-state-default">16</a></td>
- <td class=""><a href="#" class="ui-state-default">17</a></td>
- <td class=""><a href="#" class="ui-state-default">18</a></td>
- <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
- <td class=""><a href="#" class="ui-state-default">22</a></td>
- <td class=""><a href="#" class="ui-state-default">23</a></td>
- <td class=""><a href="#" class="ui-state-default">24</a></td>
- <td class=""><a href="#" class="ui-state-default">25</a></td>
- <td class=""><a href="#" class="ui-state-default">26</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
- <td class=""><a href="#" class="ui-state-default">29</a></td>
- <td class=""><a href="#" class="ui-state-default">30</a></td>
- <td class=""><a href="#" class="ui-state-default">31</a></td>
- <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td></tr>
- </tbody>
- </table>
- </div>
- <div class="ui-datepicker-group ui-datepicker-group-middle">
- <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix">
- <div class="ui-datepicker-title">
- <span class="ui-datepicker-month">June</span>
- <span class="ui-datepicker-year">2009</span>
- </div>
- </div>
- <table class="ui-datepicker-calendar">
- <thead>
- <tr>
- <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
- <th><span title="Monday">Mo</span></th>
- <th><span title="Tuesday">Tu</span></th>
- <th><span title="Wednesday">We</span></th>
- <th><span title="Thursday">Th</span></th>
- <th><span title="Friday">Fr</span></th>
- <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class=""><a href="#" class="ui-state-default">1</a></td>
- <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
- <td class=""><a href="#" class="ui-state-default">3</a></td>
- <td class=""><a href="#" class="ui-state-default">4</a></td>
- <td class=""><a href="#" class="ui-state-default">5</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
- <td class=""><a href="#" class="ui-state-default">8</a></td>
- <td class=""><a href="#" class="ui-state-default">9</a></td>
- <td class=""><a href="#" class="ui-state-default">10</a></td>
- <td class=""><a href="#" class="ui-state-default">11</a></td>
- <td class=""><a href="#" class="ui-state-default">12</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
- <td class=""><a href="#" class="ui-state-default">15</a></td>
- <td class=""><a href="#" class="ui-state-default">16</a></td>
- <td class=""><a href="#" class="ui-state-default">17</a></td>
- <td class=""><a href="#" class="ui-state-default">18</a></td>
- <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
- <td class=""><a href="#" class="ui-state-default">22</a></td>
- <td class=""><a href="#" class="ui-state-default">23</a></td>
- <td class=""><a href="#" class="ui-state-default">24</a></td>
- <td class=""><a href="#" class="ui-state-default">25</a></td>
- <td class=""><a href="#" class="ui-state-default">26</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
- <td class=""><a href="#" class="ui-state-default">29</a></td>
- <td class=""><a href="#" class="ui-state-default">30</a></td>
- <td class=""><a href="#" class="ui-state-default">31</a></td>
- <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td></tr>
- </tbody>
- </table>
- </div>
- <div class="ui-datepicker-group ui-datepicker-group-last">
- <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right">
- <div class="ui-datepicker-title">
- <span class="ui-datepicker-month">July</span>
- <span class="ui-datepicker-year">2009</span>
- </div>
- </div>
- <table class="ui-datepicker-calendar">
- <thead>
- <tr>
- <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
- <th><span title="Monday">Mo</span></th>
- <th><span title="Tuesday">Tu</span></th>
- <th><span title="Wednesday">We</span></th>
- <th><span title="Thursday">Th</span></th>
- <th><span title="Friday">Fr</span></th>
- <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class=""><a href="#" class="ui-state-default">1</a></td>
- <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
- <td class=""><a href="#" class="ui-state-default">3</a></td>
- <td class=""><a href="#" class="ui-state-default">4</a></td>
- <td class=""><a href="#" class="ui-state-default">5</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
- <td class=""><a href="#" class="ui-state-default">8</a></td>
- <td class=""><a href="#" class="ui-state-default">9</a></td>
- <td class=""><a href="#" class="ui-state-default">10</a></td>
- <td class=""><a href="#" class="ui-state-default">11</a></td>
- <td class=""><a href="#" class="ui-state-default">12</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
- <td class=""><a href="#" class="ui-state-default">15</a></td>
- <td class=""><a href="#" class="ui-state-default">16</a></td>
- <td class=""><a href="#" class="ui-state-default">17</a></td>
- <td class=""><a href="#" class="ui-state-default">18</a></td>
- <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
- <td class=""><a href="#" class="ui-state-default">22</a></td>
- <td class=""><a href="#" class="ui-state-default">23</a></td>
- <td class=""><a href="#" class="ui-state-default">24</a></td>
- <td class=""><a href="#" class="ui-state-default">25</a></td>
- <td class=""><a href="#" class="ui-state-default">26</a></td>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
- </tr>
- <tr>
- <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
- <td class=""><a href="#" class="ui-state-default">29</a></td>
- <td class=""><a href="#" class="ui-state-default">30</a></td>
- <td class=""><a href="#" class="ui-state-default">31</a></td>
- <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
- </td></tr>
- </tbody>
- </table>
- </div>
-</div>
-
-</body>
-</html>
--- /dev/null
+<!doctype html>
+<html>
+<head>
+ <title>jQuery UI Datepicker Static Markup Test Page</title>
+ <link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../static_helpers.js"></script>
+ <style type="text/css">
+ .ui-datepicker { float:left; margin: 0 2em 2em 0;}
+ .ui-datepicker-multi { clear:left; }
+ </style>
+ <!--[if gte IE 7]>
+ <style type="text/css">
+ .ui-datepicker { float:none; }
+ </style>
+ <![endif]-->
+</head>
+<body style="font-size: 62.5%;">
+
+<!-- Datepicker with read only month/year -->
+<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
+ <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
+ <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
+ <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
+ <div class="ui-datepicker-title">
+ <span class="ui-datepicker-month">December</span>
+ <span class="ui-datepicker-year">2008</span>
+ </div>
+ </div>
+ <table class="ui-datepicker-calendar">
+ <thead>
+ <tr>
+ <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
+ <th><span title="Monday">Mo</span></th>
+ <th><span title="Tuesday">Tu</span></th>
+ <th><span title="Wednesday">We</span></th>
+ <th><span title="Thursday">Th</span></th>
+ <th><span title="Friday">Fr</span></th>
+ <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class=""><a href="#" class="ui-state-default">1</a></td>
+ <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
+ <td class=""><a href="#" class="ui-state-default">3</a></td>
+ <td class=""><a href="#" class="ui-state-default">4</a></td>
+ <td class=""><a href="#" class="ui-state-default">5</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
+ <td class=""><a href="#" class="ui-state-default">8</a></td>
+ <td class=""><a href="#" class="ui-state-default">9</a></td>
+ <td class=""><a href="#" class="ui-state-default">10</a></td>
+ <td class=""><a href="#" class="ui-state-default">11</a></td>
+ <td class=""><a href="#" class="ui-state-default">12</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
+ <td class=""><a href="#" class="ui-state-default">15</a></td>
+ <td class=""><a href="#" class="ui-state-default">16</a></td>
+ <td class=""><a href="#" class="ui-state-default">17</a></td>
+ <td class=""><a href="#" class="ui-state-default">18</a></td>
+ <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
+ <td class=""><a href="#" class="ui-state-default">22</a></td>
+ <td class=""><a href="#" class="ui-state-default">23</a></td>
+ <td class=""><a href="#" class="ui-state-default">24</a></td>
+ <td class=""><a href="#" class="ui-state-default">25</a></td>
+ <td class=""><a href="#" class="ui-state-default">26</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
+ <td class=""><a href="#" class="ui-state-default">29</a></td>
+ <td class=""><a href="#" class="ui-state-default">30</a></td>
+ <td class=""><a href="#" class="ui-state-default">31</a></td>
+ <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td></tr>
+ </tbody>
+ </table>
+</div>
+
+<!-- Datepicker with 1 combined select -->
+<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
+ <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
+ <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
+ <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
+ <div class="ui-datepicker-title">
+ <select class="ui-datepicker-month-year">
+ <optgroup name="2007">
+ <option value="2007_0">January 2007</option>
+ <option value="2007_1">February 2007</option>
+ <option value="2007_2">March 2007</option>
+ <option value="2007_3">April 2007</option>
+ <option value="2007_4">May 2007</option>
+ <option value="2007_5">June 2007</option>
+ <option value="2007_6">July 2007</option>
+ <option value="2007_7">August 2007</option>
+ <option value="2007_8">September 2007</option>
+ <option value="2007_9">October 2007</option>
+ <option value="2007_10">November 2007</option>
+ <option value="2007_11">December 2007</option>
+ </optgroup>
+ <optgroup name="2008">
+ <option value="2008_0">January 2008</option>
+ <option value="2008_1">February 2008</option>
+ <option value="2008_2">March 2008</option>
+ <option value="2008_3">April 2008</option>
+ <option value="2008_4">May 2008</option>
+ <option value="2008_5">June 2008</option>
+ <option value="2008_6">July 2008</option>
+ <option value="2008_7">August 2008</option>
+ <option value="2008_8">September 2008</option>
+ <option value="2008_9">October 2008</option>
+ <option value="2008_10">November 2008</option>
+ <option selected="selected" value="2008_11">December 2008</option>
+ </optgroup>
+ <optgroup name="2009">
+ <option value="2009_0">January 2009</option>
+ <option value="2009_1">February 2009</option>
+ <option value="2009_2">March 2009</option>
+ <option value="2009_3">April 2009</option>
+ <option value="2009_4">May 2009</option>
+ <option value="2009_5">June 2009</option>
+ <option value="2009_6">July 2009</option>
+ <option value="2009_7">August 2009</option>
+ <option value="2009_8">September 2009</option>
+ <option value="2009_9">October 2009</option>
+ <option value="2009_10">November 2009</option>
+ <option value="2009_11">December 2009</option>
+ </optgroup>
+ <optgroup name="2010">
+ <option value="2010_0">January 2010</option>
+ <option value="2010_1">February 2010</option>
+ <option value="2010_2">March 2010</option>
+ <option value="2010_3">April 2010</option>
+ <option value="2010_4">May 2010</option>
+ <option value="2010_5">June 2010</option>
+ <option value="2010_6">July 2010</option>
+ <option value="2010_7">August 2010</option>
+ <option value="2010_8">September 2010</option>
+ <option value="2010_9">October 2010</option>
+ <option value="2010_10">November 2010</option>
+ <option value="2010_11">December 2010</option>
+ </optgroup>
+ </select>
+ </div>
+ </div>
+ <table class="ui-datepicker-calendar">
+ <thead>
+ <tr>
+ <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
+ <th><span title="Monday">Mo</span></th>
+ <th><span title="Tuesday">Tu</span></th>
+ <th><span title="Wednesday">We</span></th>
+ <th><span title="Thursday">Th</span></th>
+ <th><span title="Friday">Fr</span></th>
+ <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class=""><a href="#" class="ui-state-default">1</a></td>
+ <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
+ <td class=""><a href="#" class="ui-state-default">3</a></td>
+ <td class=""><a href="#" class="ui-state-default">4</a></td>
+ <td class=""><a href="#" class="ui-state-default">5</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
+ <td class=""><a href="#" class="ui-state-default">8</a></td>
+ <td class=""><a href="#" class="ui-state-default">9</a></td>
+ <td class=""><a href="#" class="ui-state-default">10</a></td>
+ <td class=""><a href="#" class="ui-state-default">11</a></td>
+ <td class=""><a href="#" class="ui-state-default">12</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
+ <td class=""><a href="#" class="ui-state-default">15</a></td>
+ <td class=""><a href="#" class="ui-state-default">16</a></td>
+ <td class=""><a href="#" class="ui-state-default">17</a></td>
+ <td class=""><a href="#" class="ui-state-default">18</a></td>
+ <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
+ <td class=""><a href="#" class="ui-state-default">22</a></td>
+ <td class=""><a href="#" class="ui-state-default">23</a></td>
+ <td class=""><a href="#" class="ui-state-default">24</a></td>
+ <td class=""><a href="#" class="ui-state-default">25</a></td>
+ <td class=""><a href="#" class="ui-state-default">26</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
+ <td class=""><a href="#" class="ui-state-default">29</a></td>
+ <td class=""><a href="#" class="ui-state-default">30</a></td>
+ <td class=""><a href="#" class="ui-state-default">31</a></td>
+ <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td></tr>
+ </tbody>
+ </table>
+</div>
+
+<!-- Datepicker with 2 selects -->
+<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
+ <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
+ <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
+ <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
+ <div class="ui-datepicker-title">
+ <select class="ui-datepicker-month">
+ <option value="0">Jan</option>
+ <option value="1">Feb</option>
+ <option value="2">Mar</option>
+ <option value="3">Apr</option>
+ <option value="4">May</option>
+ <option value="5">Jun</option>
+ <option value="6">Jul</option>
+ <option value="7">Aug</option>
+ <option value="8">Sep</option>
+ <option value="9">Oct</option>
+ <option value="10">Nov</option>
+ <option value="11" selected="selected">Dec</option>
+ </select>
+ <select class="ui-datepicker-year">
+ <option value="1998">1998</option>
+ <option value="1999">1999</option>
+ <option value="2000">2000</option>
+ <option value="2001">2001</option>
+ <option value="2002">2002</option>
+ <option value="2003">2003</option>
+ <option value="2004">2004</option>
+ <option value="2005">2005</option>
+ <option value="2006">2006</option>
+ <option value="2007">2007</option>
+ <option value="2008" selected="selected">2008</option>
+ <option value="2009">2009</option>
+ <option value="2010">2010</option>
+ <option value="2011">2011</option>
+ <option value="2012">2012</option>
+ <option value="2013">2013</option>
+ <option value="2014">2014</option>
+ <option value="2015">2015</option>
+ <option value="2016">2016</option>
+ <option value="2017">2017</option>
+ <option value="2018">2018</option>
+ </select>
+ </div>
+ </div>
+ <table class="ui-datepicker-calendar">
+ <thead>
+ <tr>
+ <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
+ <th><span title="Monday">Mo</span></th>
+ <th><span title="Tuesday">Tu</span></th>
+ <th><span title="Wednesday">We</span></th>
+ <th><span title="Thursday">Th</span></th>
+ <th><span title="Friday">Fr</span></th>
+ <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class=""><a href="#" class="ui-state-default">1</a></td>
+ <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
+ <td class=""><a href="#" class="ui-state-default">3</a></td>
+ <td class=""><a href="#" class="ui-state-default">4</a></td>
+ <td class=""><a href="#" class="ui-state-default">5</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
+ <td class=""><a href="#" class="ui-state-default">8</a></td>
+ <td class=""><a href="#" class="ui-state-default">9</a></td>
+ <td class=""><a href="#" class="ui-state-default">10</a></td>
+ <td class=""><a href="#" class="ui-state-default">11</a></td>
+ <td class=""><a href="#" class="ui-state-default">12</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
+ <td class=""><a href="#" class="ui-state-default">15</a></td>
+ <td class=""><a href="#" class="ui-state-default">16</a></td>
+ <td class=""><a href="#" class="ui-state-default">17</a></td>
+ <td class=""><a href="#" class="ui-state-default">18</a></td>
+ <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
+ <td class=""><a href="#" class="ui-state-default">22</a></td>
+ <td class=""><a href="#" class="ui-state-default">23</a></td>
+ <td class=""><a href="#" class="ui-state-default">24</a></td>
+ <td class=""><a href="#" class="ui-state-default">25</a></td>
+ <td class=""><a href="#" class="ui-state-default">26</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
+ <td class=""><a href="#" class="ui-state-default">29</a></td>
+ <td class=""><a href="#" class="ui-state-default">30</a></td>
+ <td class=""><a href="#" class="ui-state-default">31</a></td>
+ <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td></tr>
+ </tbody>
+ </table>
+</div>
+
+<!-- Datepicker with button bar -->
+<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
+ <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
+ <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
+ <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
+ <div class="ui-datepicker-title">
+ <select class="ui-datepicker-month">
+ <option value="0">Jan</option>
+ <option value="1">Feb</option>
+ <option value="2">Mar</option>
+ <option value="3">Apr</option>
+ <option value="4">May</option>
+ <option value="5">Jun</option>
+ <option value="6">Jul</option>
+ <option value="7">Aug</option>
+ <option value="8">Sep</option>
+ <option value="9">Oct</option>
+ <option value="10">Nov</option>
+ <option value="11" selected="selected">Dec</option>
+ </select>
+ <select class="ui-datepicker-year">
+ <option value="1998">1998</option>
+ <option value="1999">1999</option>
+ <option value="2000">2000</option>
+ <option value="2001">2001</option>
+ <option value="2002">2002</option>
+ <option value="2003">2003</option>
+ <option value="2004">2004</option>
+ <option value="2005">2005</option>
+ <option value="2006">2006</option>
+ <option value="2007">2007</option>
+ <option value="2008" selected="selected">2008</option>
+ <option value="2009">2009</option>
+ <option value="2010">2010</option>
+ <option value="2011">2011</option>
+ <option value="2012">2012</option>
+ <option value="2013">2013</option>
+ <option value="2014">2014</option>
+ <option value="2015">2015</option>
+ <option value="2016">2016</option>
+ <option value="2017">2017</option>
+ <option value="2018">2018</option>
+ </select>
+ </div>
+ </div>
+ <table class="ui-datepicker-calendar">
+ <thead>
+ <tr>
+ <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
+ <th><span title="Monday">Mo</span></th>
+ <th><span title="Tuesday">Tu</span></th>
+ <th><span title="Wednesday">We</span></th>
+ <th><span title="Thursday">Th</span></th>
+ <th><span title="Friday">Fr</span></th>
+ <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class=""><a href="#" class="ui-state-default">1</a></td>
+ <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
+ <td class=""><a href="#" class="ui-state-default">3</a></td>
+ <td class=""><a href="#" class="ui-state-default">4</a></td>
+ <td class=""><a href="#" class="ui-state-default">5</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
+ <td class=""><a href="#" class="ui-state-default">8</a></td>
+ <td class=""><a href="#" class="ui-state-default">9</a></td>
+ <td class=""><a href="#" class="ui-state-default">10</a></td>
+ <td class=""><a href="#" class="ui-state-default">11</a></td>
+ <td class=""><a href="#" class="ui-state-default">12</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
+ <td class=""><a href="#" class="ui-state-default">15</a></td>
+ <td class=""><a href="#" class="ui-state-default">16</a></td>
+ <td class=""><a href="#" class="ui-state-default">17</a></td>
+ <td class=""><a href="#" class="ui-state-default">18</a></td>
+ <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
+ <td class=""><a href="#" class="ui-state-default">22</a></td>
+ <td class=""><a href="#" class="ui-state-default">23</a></td>
+ <td class=""><a href="#" class="ui-state-default">24</a></td>
+ <td class=""><a href="#" class="ui-state-default">25</a></td>
+ <td class=""><a href="#" class="ui-state-default">26</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
+ <td class=""><a href="#" class="ui-state-default">29</a></td>
+ <td class=""><a href="#" class="ui-state-default">30</a></td>
+ <td class=""><a href="#" class="ui-state-default">31</a></td>
+ <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td></tr>
+ </tbody>
+ </table>
+ <div class="ui-datepicker-buttonpane ui-widget-content">
+ <button class="ui-state-default ui-priority-primary ui-corner-all">Done</button>
+ <button class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all">Today</button>
+ </div>
+</div>
+
+<!-- Multiple Datepickers with read only month/year -->
+<div class="ui-datepicker ui-datepicker-multi ui-datepicker-multi-2 ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="width:34em;">
+ <div class="ui-datepicker-group ui-datepicker-group-first">
+ <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-left">
+ <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
+ <div class="ui-datepicker-title">
+ <span class="ui-datepicker-month">December</span>
+ <span class="ui-datepicker-year">2008</span>
+ </div>
+ </div>
+ <table class="ui-datepicker-calendar">
+ <thead>
+ <tr>
+ <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
+ <th><span title="Monday">Mo</span></th>
+ <th><span title="Tuesday">Tu</span></th>
+ <th><span title="Wednesday">We</span></th>
+ <th><span title="Thursday">Th</span></th>
+ <th><span title="Friday">Fr</span></th>
+ <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class=""><a href="#" class="ui-state-default">1</a></td>
+ <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
+ <td class=""><a href="#" class="ui-state-default">3</a></td>
+ <td class=""><a href="#" class="ui-state-default">4</a></td>
+ <td class=""><a href="#" class="ui-state-default">5</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
+ <td class=""><a href="#" class="ui-state-default">8</a></td>
+ <td class=""><a href="#" class="ui-state-default">9</a></td>
+ <td class=""><a href="#" class="ui-state-default">10</a></td>
+ <td class=""><a href="#" class="ui-state-default">11</a></td>
+ <td class=""><a href="#" class="ui-state-default">12</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
+ <td class=""><a href="#" class="ui-state-default">15</a></td>
+ <td class=""><a href="#" class="ui-state-default">16</a></td>
+ <td class=""><a href="#" class="ui-state-default">17</a></td>
+ <td class=""><a href="#" class="ui-state-default">18</a></td>
+ <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
+ <td class=""><a href="#" class="ui-state-default">22</a></td>
+ <td class=""><a href="#" class="ui-state-default">23</a></td>
+ <td class=""><a href="#" class="ui-state-default">24</a></td>
+ <td class=""><a href="#" class="ui-state-default">25</a></td>
+ <td class=""><a href="#" class="ui-state-default">26</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
+ <td class=""><a href="#" class="ui-state-default">29</a></td>
+ <td class=""><a href="#" class="ui-state-default">30</a></td>
+ <td class=""><a href="#" class="ui-state-default">31</a></td>
+ <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td></tr>
+ </tbody>
+ </table>
+ </div>
+ <div class="ui-datepicker-group ui-datepicker-group-last">
+ <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right">
+ <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
+ <div class="ui-datepicker-title">
+ <span class="ui-datepicker-month">January</span>
+ <span class="ui-datepicker-year">2009</span>
+ </div>
+ </div>
+ <table class="ui-datepicker-calendar">
+ <thead>
+ <tr>
+ <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
+ <th><span title="Monday">Mo</span></th>
+ <th><span title="Tuesday">Tu</span></th>
+ <th><span title="Wednesday">We</span></th>
+ <th><span title="Thursday">Th</span></th>
+ <th><span title="Friday">Fr</span></th>
+ <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class=""><a href="#" class="ui-state-default">1</a></td>
+ <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
+ <td class=""><a href="#" class="ui-state-default">3</a></td>
+ <td class=""><a href="#" class="ui-state-default">4</a></td>
+ <td class=""><a href="#" class="ui-state-default">5</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
+ <td class=""><a href="#" class="ui-state-default">8</a></td>
+ <td class=""><a href="#" class="ui-state-default">9</a></td>
+ <td class=""><a href="#" class="ui-state-default">10</a></td>
+ <td class=""><a href="#" class="ui-state-default">11</a></td>
+ <td class=""><a href="#" class="ui-state-default">12</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
+ <td class=""><a href="#" class="ui-state-default">15</a></td>
+ <td class=""><a href="#" class="ui-state-default">16</a></td>
+ <td class=""><a href="#" class="ui-state-default">17</a></td>
+ <td class=""><a href="#" class="ui-state-default">18</a></td>
+ <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
+ <td class=""><a href="#" class="ui-state-default">22</a></td>
+ <td class=""><a href="#" class="ui-state-default">23</a></td>
+ <td class=""><a href="#" class="ui-state-default">24</a></td>
+ <td class=""><a href="#" class="ui-state-default">25</a></td>
+ <td class=""><a href="#" class="ui-state-default">26</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
+ <td class=""><a href="#" class="ui-state-default">29</a></td>
+ <td class=""><a href="#" class="ui-state-default">30</a></td>
+ <td class=""><a href="#" class="ui-state-default">31</a></td>
+ <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td></tr>
+ </tbody>
+ </table>
+ </div>
+</div>
+
+<!-- Multiple Datepickers with read only month/year -->
+<div class="ui-datepicker ui-datepicker-multi ui-datepicker-multi-3 ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="width:51em;">
+ <div class="ui-datepicker-group ui-datepicker-group-first">
+ <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-left">
+ <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
+ <div class="ui-datepicker-title">
+ <span class="ui-datepicker-month">December</span>
+ <span class="ui-datepicker-year">2008</span>
+ </div>
+ </div>
+ <table class="ui-datepicker-calendar">
+ <thead>
+ <tr>
+ <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
+ <th><span title="Monday">Mo</span></th>
+ <th><span title="Tuesday">Tu</span></th>
+ <th><span title="Wednesday">We</span></th>
+ <th><span title="Thursday">Th</span></th>
+ <th><span title="Friday">Fr</span></th>
+ <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class=""><a href="#" class="ui-state-default">1</a></td>
+ <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
+ <td class=""><a href="#" class="ui-state-default">3</a></td>
+ <td class=""><a href="#" class="ui-state-default">4</a></td>
+ <td class=""><a href="#" class="ui-state-default">5</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
+ <td class=""><a href="#" class="ui-state-default">8</a></td>
+ <td class=""><a href="#" class="ui-state-default">9</a></td>
+ <td class=""><a href="#" class="ui-state-default">10</a></td>
+ <td class=""><a href="#" class="ui-state-default">11</a></td>
+ <td class=""><a href="#" class="ui-state-default">12</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
+ <td class=""><a href="#" class="ui-state-default">15</a></td>
+ <td class=""><a href="#" class="ui-state-default">16</a></td>
+ <td class=""><a href="#" class="ui-state-default">17</a></td>
+ <td class=""><a href="#" class="ui-state-default">18</a></td>
+ <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
+ <td class=""><a href="#" class="ui-state-default">22</a></td>
+ <td class=""><a href="#" class="ui-state-default">23</a></td>
+ <td class=""><a href="#" class="ui-state-default">24</a></td>
+ <td class=""><a href="#" class="ui-state-default">25</a></td>
+ <td class=""><a href="#" class="ui-state-default">26</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
+ <td class=""><a href="#" class="ui-state-default">29</a></td>
+ <td class=""><a href="#" class="ui-state-default">30</a></td>
+ <td class=""><a href="#" class="ui-state-default">31</a></td>
+ <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td></tr>
+ </tbody>
+ </table>
+ </div>
+ <div class="ui-datepicker-group ui-datepicker-group-middle">
+ <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix">
+ <div class="ui-datepicker-title">
+ <span class="ui-datepicker-month">January</span>
+ <span class="ui-datepicker-year">2009</span>
+ </div>
+ </div>
+ <table class="ui-datepicker-calendar">
+ <thead>
+ <tr>
+ <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
+ <th><span title="Monday">Mo</span></th>
+ <th><span title="Tuesday">Tu</span></th>
+ <th><span title="Wednesday">We</span></th>
+ <th><span title="Thursday">Th</span></th>
+ <th><span title="Friday">Fr</span></th>
+ <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class=""><a href="#" class="ui-state-default">1</a></td>
+ <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
+ <td class=""><a href="#" class="ui-state-default">3</a></td>
+ <td class=""><a href="#" class="ui-state-default">4</a></td>
+ <td class=""><a href="#" class="ui-state-default">5</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
+ <td class=""><a href="#" class="ui-state-default">8</a></td>
+ <td class=""><a href="#" class="ui-state-default">9</a></td>
+ <td class=""><a href="#" class="ui-state-default">10</a></td>
+ <td class=""><a href="#" class="ui-state-default">11</a></td>
+ <td class=""><a href="#" class="ui-state-default">12</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
+ <td class=""><a href="#" class="ui-state-default">15</a></td>
+ <td class=""><a href="#" class="ui-state-default">16</a></td>
+ <td class=""><a href="#" class="ui-state-default">17</a></td>
+ <td class=""><a href="#" class="ui-state-default">18</a></td>
+ <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
+ <td class=""><a href="#" class="ui-state-default">22</a></td>
+ <td class=""><a href="#" class="ui-state-default">23</a></td>
+ <td class=""><a href="#" class="ui-state-default">24</a></td>
+ <td class=""><a href="#" class="ui-state-default">25</a></td>
+ <td class=""><a href="#" class="ui-state-default">26</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
+ <td class=""><a href="#" class="ui-state-default">29</a></td>
+ <td class=""><a href="#" class="ui-state-default">30</a></td>
+ <td class=""><a href="#" class="ui-state-default">31</a></td>
+ <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td></tr>
+ </tbody>
+ </table>
+ </div>
+ <div class="ui-datepicker-group ui-datepicker-group-last">
+ <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right">
+ <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
+ <div class="ui-datepicker-title">
+ <span class="ui-datepicker-month">February</span>
+ <span class="ui-datepicker-year">2009</span>
+ </div>
+ </div>
+ <table class="ui-datepicker-calendar">
+ <thead>
+ <tr>
+ <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
+ <th><span title="Monday">Mo</span></th>
+ <th><span title="Tuesday">Tu</span></th>
+ <th><span title="Wednesday">We</span></th>
+ <th><span title="Thursday">Th</span></th>
+ <th><span title="Friday">Fr</span></th>
+ <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class=""><a href="#" class="ui-state-default">1</a></td>
+ <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
+ <td class=""><a href="#" class="ui-state-default">3</a></td>
+ <td class=""><a href="#" class="ui-state-default">4</a></td>
+ <td class=""><a href="#" class="ui-state-default">5</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
+ <td class=""><a href="#" class="ui-state-default">8</a></td>
+ <td class=""><a href="#" class="ui-state-default">9</a></td>
+ <td class=""><a href="#" class="ui-state-default">10</a></td>
+ <td class=""><a href="#" class="ui-state-default">11</a></td>
+ <td class=""><a href="#" class="ui-state-default">12</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
+ <td class=""><a href="#" class="ui-state-default">15</a></td>
+ <td class=""><a href="#" class="ui-state-default">16</a></td>
+ <td class=""><a href="#" class="ui-state-default">17</a></td>
+ <td class=""><a href="#" class="ui-state-default">18</a></td>
+ <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
+ <td class=""><a href="#" class="ui-state-default">22</a></td>
+ <td class=""><a href="#" class="ui-state-default">23</a></td>
+ <td class=""><a href="#" class="ui-state-default">24</a></td>
+ <td class=""><a href="#" class="ui-state-default">25</a></td>
+ <td class=""><a href="#" class="ui-state-default">26</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
+ <td class=""><a href="#" class="ui-state-default">29</a></td>
+ <td class=""><a href="#" class="ui-state-default">30</a></td>
+ <td class=""><a href="#" class="ui-state-default">31</a></td>
+ <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td></tr>
+ </tbody>
+ </table>
+ </div>
+ <div class="ui-datepicker-buttonpane ui-widget-content">
+ <button class="ui-state-default ui-priority-primary ui-corner-all">Done</button>
+ <button class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all">Today</button>
+ </div>
+</div>
+
+<!-- Multiple Datepickers with read only month/year -->
+<div class="ui-datepicker ui-datepicker-multi ui-datepicker-multi-4 ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="width:60em;">
+ <div class="ui-datepicker-group ui-datepicker-group-first">
+ <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-left">
+ <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
+ <div class="ui-datepicker-title">
+ <span class="ui-datepicker-month">December</span>
+ <span class="ui-datepicker-year">2008</span>
+ </div>
+ </div>
+ <table class="ui-datepicker-calendar">
+ <thead>
+ <tr>
+ <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
+ <th><span title="Monday">Mo</span></th>
+ <th><span title="Tuesday">Tu</span></th>
+ <th><span title="Wednesday">We</span></th>
+ <th><span title="Thursday">Th</span></th>
+ <th><span title="Friday">Fr</span></th>
+ <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class=""><a href="#" class="ui-state-default">1</a></td>
+ <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
+ <td class=""><a href="#" class="ui-state-default">3</a></td>
+ <td class=""><a href="#" class="ui-state-default">4</a></td>
+ <td class=""><a href="#" class="ui-state-default">5</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
+ <td class=""><a href="#" class="ui-state-default">8</a></td>
+ <td class=""><a href="#" class="ui-state-default">9</a></td>
+ <td class=""><a href="#" class="ui-state-default">10</a></td>
+ <td class=""><a href="#" class="ui-state-default">11</a></td>
+ <td class=""><a href="#" class="ui-state-default">12</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
+ <td class=""><a href="#" class="ui-state-default">15</a></td>
+ <td class=""><a href="#" class="ui-state-default">16</a></td>
+ <td class=""><a href="#" class="ui-state-default">17</a></td>
+ <td class=""><a href="#" class="ui-state-default">18</a></td>
+ <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
+ <td class=""><a href="#" class="ui-state-default">22</a></td>
+ <td class=""><a href="#" class="ui-state-default">23</a></td>
+ <td class=""><a href="#" class="ui-state-default">24</a></td>
+ <td class=""><a href="#" class="ui-state-default">25</a></td>
+ <td class=""><a href="#" class="ui-state-default">26</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
+ <td class=""><a href="#" class="ui-state-default">29</a></td>
+ <td class=""><a href="#" class="ui-state-default">30</a></td>
+ <td class=""><a href="#" class="ui-state-default">31</a></td>
+ <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td></tr>
+ </tbody>
+ </table>
+ </div>
+ <div class="ui-datepicker-group ui-datepicker-group-middle">
+ <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix">
+ <div class="ui-datepicker-title">
+ <span class="ui-datepicker-month">January</span>
+ <span class="ui-datepicker-year">2009</span>
+ </div>
+ </div>
+ <table class="ui-datepicker-calendar">
+ <thead>
+ <tr>
+ <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
+ <th><span title="Monday">Mo</span></th>
+ <th><span title="Tuesday">Tu</span></th>
+ <th><span title="Wednesday">We</span></th>
+ <th><span title="Thursday">Th</span></th>
+ <th><span title="Friday">Fr</span></th>
+ <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class=""><a href="#" class="ui-state-default">1</a></td>
+ <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
+ <td class=""><a href="#" class="ui-state-default">3</a></td>
+ <td class=""><a href="#" class="ui-state-default">4</a></td>
+ <td class=""><a href="#" class="ui-state-default">5</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
+ <td class=""><a href="#" class="ui-state-default">8</a></td>
+ <td class=""><a href="#" class="ui-state-default">9</a></td>
+ <td class=""><a href="#" class="ui-state-default">10</a></td>
+ <td class=""><a href="#" class="ui-state-default">11</a></td>
+ <td class=""><a href="#" class="ui-state-default">12</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
+ <td class=""><a href="#" class="ui-state-default">15</a></td>
+ <td class=""><a href="#" class="ui-state-default">16</a></td>
+ <td class=""><a href="#" class="ui-state-default">17</a></td>
+ <td class=""><a href="#" class="ui-state-default">18</a></td>
+ <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
+ <td class=""><a href="#" class="ui-state-default">22</a></td>
+ <td class=""><a href="#" class="ui-state-default">23</a></td>
+ <td class=""><a href="#" class="ui-state-default">24</a></td>
+ <td class=""><a href="#" class="ui-state-default">25</a></td>
+ <td class=""><a href="#" class="ui-state-default">26</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
+ <td class=""><a href="#" class="ui-state-default">29</a></td>
+ <td class=""><a href="#" class="ui-state-default">30</a></td>
+ <td class=""><a href="#" class="ui-state-default">31</a></td>
+ <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td></tr>
+ </tbody>
+ </table>
+ </div>
+ <div class="ui-datepicker-group ui-datepicker-group-middle">
+ <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix">
+ <div class="ui-datepicker-title">
+ <span class="ui-datepicker-month">February</span>
+ <span class="ui-datepicker-year">2009</span>
+ </div>
+ </div>
+ <table class="ui-datepicker-calendar">
+ <thead>
+ <tr>
+ <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
+ <th><span title="Monday">Mo</span></th>
+ <th><span title="Tuesday">Tu</span></th>
+ <th><span title="Wednesday">We</span></th>
+ <th><span title="Thursday">Th</span></th>
+ <th><span title="Friday">Fr</span></th>
+ <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class=""><a href="#" class="ui-state-default">1</a></td>
+ <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
+ <td class=""><a href="#" class="ui-state-default">3</a></td>
+ <td class=""><a href="#" class="ui-state-default">4</a></td>
+ <td class=""><a href="#" class="ui-state-default">5</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
+ <td class=""><a href="#" class="ui-state-default">8</a></td>
+ <td class=""><a href="#" class="ui-state-default">9</a></td>
+ <td class=""><a href="#" class="ui-state-default">10</a></td>
+ <td class=""><a href="#" class="ui-state-default">11</a></td>
+ <td class=""><a href="#" class="ui-state-default">12</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
+ <td class=""><a href="#" class="ui-state-default">15</a></td>
+ <td class=""><a href="#" class="ui-state-default">16</a></td>
+ <td class=""><a href="#" class="ui-state-default">17</a></td>
+ <td class=""><a href="#" class="ui-state-default">18</a></td>
+ <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
+ <td class=""><a href="#" class="ui-state-default">22</a></td>
+ <td class=""><a href="#" class="ui-state-default">23</a></td>
+ <td class=""><a href="#" class="ui-state-default">24</a></td>
+ <td class=""><a href="#" class="ui-state-default">25</a></td>
+ <td class=""><a href="#" class="ui-state-default">26</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
+ <td class=""><a href="#" class="ui-state-default">29</a></td>
+ <td class=""><a href="#" class="ui-state-default">30</a></td>
+ <td class=""><a href="#" class="ui-state-default">31</a></td>
+ <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td></tr>
+ </tbody>
+ </table>
+ </div>
+ <div class="ui-datepicker-group ui-datepicker-group-last">
+ <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right">
+ <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
+ <div class="ui-datepicker-title">
+ <span class="ui-datepicker-month">March</span>
+ <span class="ui-datepicker-year">2009</span>
+ </div>
+ </div>
+ <table class="ui-datepicker-calendar">
+ <thead>
+ <tr>
+ <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
+ <th><span title="Monday">Mo</span></th>
+ <th><span title="Tuesday">Tu</span></th>
+ <th><span title="Wednesday">We</span></th>
+ <th><span title="Thursday">Th</span></th>
+ <th><span title="Friday">Fr</span></th>
+ <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class=""><a href="#" class="ui-state-default">1</a></td>
+ <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
+ <td class=""><a href="#" class="ui-state-default">3</a></td>
+ <td class=""><a href="#" class="ui-state-default">4</a></td>
+ <td class=""><a href="#" class="ui-state-default">5</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
+ <td class=""><a href="#" class="ui-state-default">8</a></td>
+ <td class=""><a href="#" class="ui-state-default">9</a></td>
+ <td class=""><a href="#" class="ui-state-default">10</a></td>
+ <td class=""><a href="#" class="ui-state-default">11</a></td>
+ <td class=""><a href="#" class="ui-state-default">12</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
+ <td class=""><a href="#" class="ui-state-default">15</a></td>
+ <td class=""><a href="#" class="ui-state-default">16</a></td>
+ <td class=""><a href="#" class="ui-state-default">17</a></td>
+ <td class=""><a href="#" class="ui-state-default">18</a></td>
+ <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
+ <td class=""><a href="#" class="ui-state-default">22</a></td>
+ <td class=""><a href="#" class="ui-state-default">23</a></td>
+ <td class=""><a href="#" class="ui-state-default">24</a></td>
+ <td class=""><a href="#" class="ui-state-default">25</a></td>
+ <td class=""><a href="#" class="ui-state-default">26</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
+ <td class=""><a href="#" class="ui-state-default">29</a></td>
+ <td class=""><a href="#" class="ui-state-default">30</a></td>
+ <td class=""><a href="#" class="ui-state-default">31</a></td>
+ <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td></tr>
+ </tbody>
+ </table>
+ </div>
+ <div class="ui-datepicker-group ui-datepicker-group-first">
+ <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix">
+ <div class="ui-datepicker-title">
+ <span class="ui-datepicker-month">April</span>
+ <span class="ui-datepicker-year">2009</span>
+ </div>
+ </div>
+ <table class="ui-datepicker-calendar">
+ <thead>
+ <tr>
+ <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
+ <th><span title="Monday">Mo</span></th>
+ <th><span title="Tuesday">Tu</span></th>
+ <th><span title="Wednesday">We</span></th>
+ <th><span title="Thursday">Th</span></th>
+ <th><span title="Friday">Fr</span></th>
+ <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class=""><a href="#" class="ui-state-default">1</a></td>
+ <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
+ <td class=""><a href="#" class="ui-state-default">3</a></td>
+ <td class=""><a href="#" class="ui-state-default">4</a></td>
+ <td class=""><a href="#" class="ui-state-default">5</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
+ <td class=""><a href="#" class="ui-state-default">8</a></td>
+ <td class=""><a href="#" class="ui-state-default">9</a></td>
+ <td class=""><a href="#" class="ui-state-default">10</a></td>
+ <td class=""><a href="#" class="ui-state-default">11</a></td>
+ <td class=""><a href="#" class="ui-state-default">12</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
+ <td class=""><a href="#" class="ui-state-default">15</a></td>
+ <td class=""><a href="#" class="ui-state-default">16</a></td>
+ <td class=""><a href="#" class="ui-state-default">17</a></td>
+ <td class=""><a href="#" class="ui-state-default">18</a></td>
+ <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
+ <td class=""><a href="#" class="ui-state-default">22</a></td>
+ <td class=""><a href="#" class="ui-state-default">23</a></td>
+ <td class=""><a href="#" class="ui-state-default">24</a></td>
+ <td class=""><a href="#" class="ui-state-default">25</a></td>
+ <td class=""><a href="#" class="ui-state-default">26</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
+ <td class=""><a href="#" class="ui-state-default">29</a></td>
+ <td class=""><a href="#" class="ui-state-default">30</a></td>
+ <td class=""><a href="#" class="ui-state-default">31</a></td>
+ <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td></tr>
+ </tbody>
+ </table>
+ </div>
+ <div class="ui-datepicker-group ui-datepicker-group-middle">
+ <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix">
+ <div class="ui-datepicker-title">
+ <span class="ui-datepicker-month">May</span>
+ <span class="ui-datepicker-year">2009</span>
+ </div>
+ </div>
+ <table class="ui-datepicker-calendar">
+ <thead>
+ <tr>
+ <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
+ <th><span title="Monday">Mo</span></th>
+ <th><span title="Tuesday">Tu</span></th>
+ <th><span title="Wednesday">We</span></th>
+ <th><span title="Thursday">Th</span></th>
+ <th><span title="Friday">Fr</span></th>
+ <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class=""><a href="#" class="ui-state-default">1</a></td>
+ <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
+ <td class=""><a href="#" class="ui-state-default">3</a></td>
+ <td class=""><a href="#" class="ui-state-default">4</a></td>
+ <td class=""><a href="#" class="ui-state-default">5</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
+ <td class=""><a href="#" class="ui-state-default">8</a></td>
+ <td class=""><a href="#" class="ui-state-default">9</a></td>
+ <td class=""><a href="#" class="ui-state-default">10</a></td>
+ <td class=""><a href="#" class="ui-state-default">11</a></td>
+ <td class=""><a href="#" class="ui-state-default">12</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
+ <td class=""><a href="#" class="ui-state-default">15</a></td>
+ <td class=""><a href="#" class="ui-state-default">16</a></td>
+ <td class=""><a href="#" class="ui-state-default">17</a></td>
+ <td class=""><a href="#" class="ui-state-default">18</a></td>
+ <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
+ <td class=""><a href="#" class="ui-state-default">22</a></td>
+ <td class=""><a href="#" class="ui-state-default">23</a></td>
+ <td class=""><a href="#" class="ui-state-default">24</a></td>
+ <td class=""><a href="#" class="ui-state-default">25</a></td>
+ <td class=""><a href="#" class="ui-state-default">26</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
+ <td class=""><a href="#" class="ui-state-default">29</a></td>
+ <td class=""><a href="#" class="ui-state-default">30</a></td>
+ <td class=""><a href="#" class="ui-state-default">31</a></td>
+ <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td></tr>
+ </tbody>
+ </table>
+ </div>
+ <div class="ui-datepicker-group ui-datepicker-group-middle">
+ <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix">
+ <div class="ui-datepicker-title">
+ <span class="ui-datepicker-month">June</span>
+ <span class="ui-datepicker-year">2009</span>
+ </div>
+ </div>
+ <table class="ui-datepicker-calendar">
+ <thead>
+ <tr>
+ <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
+ <th><span title="Monday">Mo</span></th>
+ <th><span title="Tuesday">Tu</span></th>
+ <th><span title="Wednesday">We</span></th>
+ <th><span title="Thursday">Th</span></th>
+ <th><span title="Friday">Fr</span></th>
+ <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class=""><a href="#" class="ui-state-default">1</a></td>
+ <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
+ <td class=""><a href="#" class="ui-state-default">3</a></td>
+ <td class=""><a href="#" class="ui-state-default">4</a></td>
+ <td class=""><a href="#" class="ui-state-default">5</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
+ <td class=""><a href="#" class="ui-state-default">8</a></td>
+ <td class=""><a href="#" class="ui-state-default">9</a></td>
+ <td class=""><a href="#" class="ui-state-default">10</a></td>
+ <td class=""><a href="#" class="ui-state-default">11</a></td>
+ <td class=""><a href="#" class="ui-state-default">12</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
+ <td class=""><a href="#" class="ui-state-default">15</a></td>
+ <td class=""><a href="#" class="ui-state-default">16</a></td>
+ <td class=""><a href="#" class="ui-state-default">17</a></td>
+ <td class=""><a href="#" class="ui-state-default">18</a></td>
+ <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
+ <td class=""><a href="#" class="ui-state-default">22</a></td>
+ <td class=""><a href="#" class="ui-state-default">23</a></td>
+ <td class=""><a href="#" class="ui-state-default">24</a></td>
+ <td class=""><a href="#" class="ui-state-default">25</a></td>
+ <td class=""><a href="#" class="ui-state-default">26</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
+ <td class=""><a href="#" class="ui-state-default">29</a></td>
+ <td class=""><a href="#" class="ui-state-default">30</a></td>
+ <td class=""><a href="#" class="ui-state-default">31</a></td>
+ <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td></tr>
+ </tbody>
+ </table>
+ </div>
+ <div class="ui-datepicker-group ui-datepicker-group-last">
+ <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right">
+ <div class="ui-datepicker-title">
+ <span class="ui-datepicker-month">July</span>
+ <span class="ui-datepicker-year">2009</span>
+ </div>
+ </div>
+ <table class="ui-datepicker-calendar">
+ <thead>
+ <tr>
+ <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
+ <th><span title="Monday">Mo</span></th>
+ <th><span title="Tuesday">Tu</span></th>
+ <th><span title="Wednesday">We</span></th>
+ <th><span title="Thursday">Th</span></th>
+ <th><span title="Friday">Fr</span></th>
+ <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class=""><a href="#" class="ui-state-default">1</a></td>
+ <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
+ <td class=""><a href="#" class="ui-state-default">3</a></td>
+ <td class=""><a href="#" class="ui-state-default">4</a></td>
+ <td class=""><a href="#" class="ui-state-default">5</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
+ <td class=""><a href="#" class="ui-state-default">8</a></td>
+ <td class=""><a href="#" class="ui-state-default">9</a></td>
+ <td class=""><a href="#" class="ui-state-default">10</a></td>
+ <td class=""><a href="#" class="ui-state-default">11</a></td>
+ <td class=""><a href="#" class="ui-state-default">12</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
+ <td class=""><a href="#" class="ui-state-default">15</a></td>
+ <td class=""><a href="#" class="ui-state-default">16</a></td>
+ <td class=""><a href="#" class="ui-state-default">17</a></td>
+ <td class=""><a href="#" class="ui-state-default">18</a></td>
+ <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
+ <td class=""><a href="#" class="ui-state-default">22</a></td>
+ <td class=""><a href="#" class="ui-state-default">23</a></td>
+ <td class=""><a href="#" class="ui-state-default">24</a></td>
+ <td class=""><a href="#" class="ui-state-default">25</a></td>
+ <td class=""><a href="#" class="ui-state-default">26</a></td>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
+ </tr>
+ <tr>
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
+ <td class=""><a href="#" class="ui-state-default">29</a></td>
+ <td class=""><a href="#" class="ui-state-default">30</a></td>
+ <td class=""><a href="#" class="ui-state-default">31</a></td>
+ <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
+ </td></tr>
+ </tbody>
+ </table>
+ </div>
+</div>
+
+</body>
+</html>
+++ /dev/null
-<!doctype html>
-<html>
-<head>
- <title>jQuery UI Dialog Static Markup Test Page</title>
- <link rel="stylesheet" href="../../themes/base/ui.core.css" type="text/css" />
- <link rel="stylesheet" href="../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
- <link rel="stylesheet" href="../../themes/base/ui.allplugins.css" type="text/css" />
- <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="static_helpers.js"></script>
-</head>
-<body style="font-size: 62.5%;">
-
-<!-- Dialog -->
-<div class="ui-dialog ui-widget ui-widget-content ui-corner-all" role="dialog" aria-labelledby="ui-dialog-title-1">
- <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
- <span class="ui-dialog-title" id="ui-dialog-title-1">Dialog Title</span>
- <a href="#" class="ui-dialog-titlebar-close ui-corner-all" role="button" title="Close"><span class="ui-icon ui-icon-closethick">Close</span></a>
- </div>
- <div class="ui-dialog-content ui-widget-content" style="height: 13em;">
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
- </div>
- <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
- <button class="ui-state-default ui-priority-primary ui-corner-all">Primary</button>
- <button class="ui-state-default ui-priority-secondary ui-corner-all">Secondary</button>
- <button class="ui-state-default ui-state-disabled ui-corner-all">Disabled</button>
- </div>
- <div class="ui-resizable-n ui-resizable-handle"></div>
- <div class="ui-resizable-s ui-resizable-handle"></div>
- <div class="ui-resizable-e ui-resizable-handle"></div>
- <div class="ui-resizable-w ui-resizable-handle"></div>
- <div class="ui-resizable-ne ui-resizable-handle"></div>
- <div class="ui-resizable-se ui-resizable-handle ui-icon ui-icon-grip-diagonal-se"></div>
- <div class="ui-resizable-sw ui-resizable-handle"></div>
- <div class="ui-resizable-nw ui-resizable-handle"></div>
-</div>
-
-</body>
-</html>
--- /dev/null
+<!doctype html>
+<html>
+<head>
+ <title>jQuery UI Dialog Static Markup Test Page</title>
+ <link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../static_helpers.js"></script>
+</head>
+<body style="font-size: 62.5%;">
+
+<!-- Dialog -->
+<div class="ui-dialog ui-widget ui-widget-content ui-corner-all" role="dialog" aria-labelledby="ui-dialog-title-1">
+ <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
+ <span class="ui-dialog-title" id="ui-dialog-title-1">Dialog Title</span>
+ <a href="#" class="ui-dialog-titlebar-close ui-corner-all" role="button" title="Close"><span class="ui-icon ui-icon-closethick">Close</span></a>
+ </div>
+ <div class="ui-dialog-content ui-widget-content" style="height: 13em;">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+ </div>
+ <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
+ <button class="ui-state-default ui-priority-primary ui-corner-all">Primary</button>
+ <button class="ui-state-default ui-priority-secondary ui-corner-all">Secondary</button>
+ <button class="ui-state-default ui-state-disabled ui-corner-all">Disabled</button>
+ </div>
+ <div class="ui-resizable-n ui-resizable-handle"></div>
+ <div class="ui-resizable-s ui-resizable-handle"></div>
+ <div class="ui-resizable-e ui-resizable-handle"></div>
+ <div class="ui-resizable-w ui-resizable-handle"></div>
+ <div class="ui-resizable-ne ui-resizable-handle"></div>
+ <div class="ui-resizable-se ui-resizable-handle ui-icon ui-icon-grip-diagonal-se"></div>
+ <div class="ui-resizable-sw ui-resizable-handle"></div>
+ <div class="ui-resizable-nw ui-resizable-handle"></div>
+</div>
+
+</body>
+</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Themeroller CSS Framework Demo</title>
- <link rel="stylesheet" href="../../themes/base/ui.core.css" type="text/css" />
+ <link rel="stylesheet" href="../../themes/base/ui.base.css" type="text/css" />
<link rel="stylesheet" href="../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
- <link rel="stylesheet" href="../../themes/base/ui.allplugins.css" type="text/css" />
<script type="text/javascript" src="../../jquery-1.3.1.js"></script>
<script type="text/javascript" src="static_helpers.js"></script>
<style type="text/css">
<html>
<head>
<title>jQuery UI CSS Framework Icons Test Page</title>
- <link rel="stylesheet" href="../../themes/base/ui.core.css" type="text/css" />
+ <link rel="stylesheet" href="../../themes/base/ui.base.css" type="text/css" />
<link rel="stylesheet" href="../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
- <link rel="stylesheet" href="../../themes/base/ui.allplugins.css" type="text/css" />
<script type="text/javascript" src="../../jquery-1.3.1.js"></script>
<style type="text/css">
<html>
<head>
<title>jQuery UI Dialog Static Markup Test Page</title>
- <link rel="stylesheet" href="../../themes/base/ui.core.css" type="text/css" />
+ <link rel="stylesheet" href="../../themes/base/ui.base.css" type="text/css" />
<link rel="stylesheet" href="../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
- <link rel="stylesheet" href="../../themes/base/ui.allplugins.css" type="text/css" />
<script type="text/javascript" src="../../jquery-1.3.1.js"></script>
<script type="text/javascript" src="static_helpers.js"></script>
<script type="text/javascript">
+++ /dev/null
-<!doctype html>
-<html>
-<head>
- <title>jQuery UI Progressbar Static Markup Test Page</title>
- <link rel="stylesheet" href="../../themes/base/ui.core.css" type="text/css" />
- <link rel="stylesheet" href="../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
- <link rel="stylesheet" href="../../themes/base/ui.allplugins.css" type="text/css" />
- <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="static_helpers.js"></script>
-</head>
-<body style="font-size: 62.5%;">
-
-<!-- Progressbar -->
-<div class="ui-progressbar ui-widget ui-widget-content ui-corner-all" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="13">
- <div class="ui-progressbar-value ui-widget-header ui-corner-left" style="width:13%;"></div>
-</div>
-
-</body>
-</html>
--- /dev/null
+<!doctype html>
+<html>
+<head>
+ <title>jQuery UI Progressbar Static Markup Test Page</title>
+ <link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../static_helpers.js"></script>
+</head>
+<body style="font-size: 62.5%;">
+
+<!-- Progressbar -->
+<div class="ui-progressbar ui-widget ui-widget-content ui-corner-all" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="13">
+ <div class="ui-progressbar-value ui-widget-header ui-corner-left" style="width:13%;"></div>
+</div>
+
+</body>
+</html>
+++ /dev/null
-<!doctype html>
-<html>
-<head>
- <title>jQuery UI Slider Static Markup Test Page</title>
- <link rel="stylesheet" href="../../themes/base/ui.core.css" type="text/css" />
- <link rel="stylesheet" href="../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
- <link rel="stylesheet" href="../../themes/base/ui.allplugins.css" type="text/css" />
- <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="static_helpers.js"></script>
- <style type="text/css">
- .ui-slider {margin: 2em 0;}
- </style>
-</head>
-<body style="font-size: 62.5%;">
-
-<!-- Slider: horizontal -->
-<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
- <a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 15%;"></a>
- <a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 30%;"></a>
- <div class="ui-slider-range ui-widget-header" style="left: 15%; width: 15%;"></div>
-</div>
-
-<!-- Slider: vertical -->
-<div class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all" style="height: 100px;">
- <a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="top: 15%;"></a>
- <a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="top: 60%;"></a>
- <div class="ui-slider-range ui-widget-header" style="top: 15%; height: 45%;"></div>
-</div>
-
-</body>
-</html>
--- /dev/null
+<!doctype html>
+<html>
+<head>
+ <title>jQuery UI Slider Static Markup Test Page</title>
+ <link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../static_helpers.js"></script>
+ <style type="text/css">
+ .ui-slider {margin: 2em 0;}
+ </style>
+</head>
+<body style="font-size: 62.5%;">
+
+<!-- Slider: horizontal -->
+<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
+ <a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 15%;"></a>
+ <a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 30%;"></a>
+ <div class="ui-slider-range ui-widget-header" style="left: 15%; width: 15%;"></div>
+</div>
+
+<!-- Slider: vertical -->
+<div class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all" style="height: 100px;">
+ <a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="top: 15%;"></a>
+ <a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="top: 60%;"></a>
+ <div class="ui-slider-range ui-widget-header" style="top: 15%; height: 45%;"></div>
+</div>
+
+</body>
+</html>
+++ /dev/null
-<!doctype html>
-<html>
-<head>
- <title>jQuery UI Tabs Static Markup Test Page</title>
- <link rel="stylesheet" href="../../themes/base/ui.core.css" type="text/css" />
- <link rel="stylesheet" href="../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
- <link rel="stylesheet" href="../../themes/base/ui.allplugins.css" type="text/css" />
- <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="static_helpers.js"></script>
-</head>
-<body style="font-size: 62.5%;">
-
-<!-- Tabs -->
-<div class="ui-tabs ui-widget ui-widget-content ui-corner-all">
- <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
- <li class="ui-state-default ui-state-active ui-tabs-selected ui-corner-top"><a href="#fragment-1">First</a></li>
- <li class="ui-state-default ui-corner-top"><a href="#fragment-2">Second</span></a></li>
- <li class="ui-state-default ui-corner-top"><a href="#fragment-3">Third</a></li>
- <li class="ui-state-default ui-state-disabled ui-corner-top"><a href="#fragment-3">Disabled</a></li>
- </ul>
- <div id="fragment-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- </div>
- <div id="fragment-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">
- Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.
- </div>
- <div id="fragment-3" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">
- Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.
- </div>
-</div>
-
-</body>
-</html>
--- /dev/null
+<!doctype html>
+<html>
+<head>
+ <title>jQuery UI Tabs Static Markup Test Page</title>
+ <link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../static_helpers.js"></script>
+</head>
+<body style="font-size: 62.5%;">
+
+<!-- Tabs -->
+<div class="ui-tabs ui-widget ui-widget-content ui-corner-all">
+ <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
+ <li class="ui-state-default ui-state-active ui-tabs-selected ui-corner-top"><a href="#fragment-1">First</a></li>
+ <li class="ui-state-default ui-corner-top"><a href="#fragment-2">Second</span></a></li>
+ <li class="ui-state-default ui-corner-top"><a href="#fragment-3">Third</a></li>
+ <li class="ui-state-default ui-state-disabled ui-corner-top"><a href="#fragment-3">Disabled</a></li>
+ </ul>
+ <div id="fragment-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+ </div>
+ <div id="fragment-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">
+ Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.
+ </div>
+ <div id="fragment-3" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">
+ Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.
+ </div>
+</div>
+
+</body>
+</html>
+++ /dev/null
-<!doctype html>
-<html lang="en">
-<head>
- <title>jQuery UI Accordion Visual Test</title>
- <link rel="stylesheet" href="all.css" type="text/css">
- <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
- <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="../../ui/ui.core.js"></script>
- <script type="text/javascript" src="../../ui/ui.accordion.js"></script>
- <script type="text/javascript">
- $(function() {
- function on() {
- $("#accordion").accordion({ header: "h3" });
- }
- function off() {
- $("#accordion").accordion("destroy");
- }
- $("#toggle").toggle(on, off).click();
- })
- </script>
-</head>
-<body>
-
-<ul class="plugins">
-<li class="plugin">
- Accordion
- <div id="accordion">
- <div>
- <h3><a href="#">First</a></h3>
- <div>
- Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
- </div>
- </div>
- <div>
- <h3><a href="#">Second</a></h3>
- <div>
- Phasellus mattis tincidunt nibh.
- </div>
- </div>
- <div>
- <h3><a href="#">Third</a></h3>
- <div>
- Nam dui erat, auctor a, dignissim quis.
- </div>
- </div>
- </div>
- <button id="toggle">Toggle</button>
-</li>
-</ul>
-
-</body>
-</html>
--- /dev/null
+<!doctype html>
+<html lang="en">
+<head>
+ <title>jQuery UI Accordion Visual Test</title>
+ <link rel="stylesheet" href="../all.css" type="text/css">
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.accordion.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ function on() {
+ $("#accordion").accordion({ header: "h3" });
+ }
+ function off() {
+ $("#accordion").accordion("destroy");
+ }
+ $("#toggle").toggle(on, off).click();
+ })
+ </script>
+</head>
+<body>
+
+<ul class="plugins">
+<li class="plugin">
+ Accordion
+ <div id="accordion">
+ <div>
+ <h3><a href="#">First</a></h3>
+ <div>
+ Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
+ </div>
+ </div>
+ <div>
+ <h3><a href="#">Second</a></h3>
+ <div>
+ Phasellus mattis tincidunt nibh.
+ </div>
+ </div>
+ <div>
+ <h3><a href="#">Third</a></h3>
+ <div>
+ Nam dui erat, auctor a, dignissim quis.
+ </div>
+ </div>
+ </div>
+ <button id="toggle">Toggle</button>
+</li>
+</ul>
+
+</body>
+</html>
+++ /dev/null
-<!doctype html>
-<html lang="en">
-<head>
- <title>Simple Datepicker</title>
- <link rel="stylesheet" href="all.css" type="text/css">
- <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
- <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="../../ui/ui.core.js"></script>
- <script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
- <script type="text/javascript">
- $(function() {
- // simple datepicker
- $('#d1').datepicker();
- $('button.disable-d1').click(function(event){
- $('#d1').datepicker('disable');
- event.preventDefault();
- });
- $('button.enable-d1').click(function(event){
- $('#d1').datepicker('enable');
- event.preventDefault();
- });
- $('button.destroy-d1').click(function(event){
- $('#d1').datepicker('destroy');
- event.preventDefault();
- });
-
- // multi datepicker
- $('#d2').datepicker({numberOfMonths: 3, showButtonPanel: true});
- $('button.disable-d2').click(function(event){
- $('#d2').datepicker('disable');
- event.preventDefault();
- });
- $('button.enable-d2').click(function(event){
- $('#d2').datepicker('enable');
- event.preventDefault();
- });
- $('button.destroy-d2').click(function(event){
- $('#d2').datepicker('destroy');
- event.preventDefault();
- });
-
- // inline datepicker
- $('#inl').datepicker({minDate: -20, maxDate: '+1M +10D'});
- $('button.disable-inl').click(function(event){
- $('#inl').datepicker('disable');
- event.preventDefault();
- });
- $('button.enable-inl').click(function(event){
- $('#inl').datepicker('enable');
- event.preventDefault();
- });
- $('button.destroy-inl').click(function(event){
- $('#inl').datepicker('destroy');
- event.preventDefault();
- });
-
- // disabled input datepicker
- $('#d3').datepicker();
-
- // bottom-right datepicker
- $('#d4').datepicker({numberOfMonths: 3});
- });
- </script>
-</head>
-<body>
-
-<ul class="plugins">
- <li class="plugin">
- <button class="disable-d1">Disable</button>
- <button class="enable-d1">Enable</button>
- <button class="destroy-d1">Destroy</button>
-
- Datepicker Simple
- <div>
- <input type="text" id="d1" />
- </div>
- </li>
- <li class="plugin">
- <button class="disable-d2">Disable</button>
- <button class="enable-d2">Enable</button>
- <button class="destroy-d2">Destroy</button>
-
- Datepicker Multi
- <div>
- <input type="text" id="d2" />
- </div>
- </li>
- <li class="plugin">
- <button class="disable-inl">Disable</button>
- <button class="enable-inl">Enable</button>
- <button class="destroy-inl">Destroy</button>
-
- Datepicker Inline
- <div id="inl"></div>
- </li>
- <li class="plugin">
- Datepicker disabled input
- <div>
- <input type="text" id="d3" disabled="disabled" />
- </div>
- </li>
- <li class="plugin" style="position: absolute; right: 0; bottom: 0; height: 40px">
- Datepicker - positioned bottom-right
- <div>
- <input type="text" id="d4">
- </div>
- </li>
-</ul>
-
-</body>
-</html>
--- /dev/null
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Simple Datepicker</title>
+ <link rel="stylesheet" href="../all.css" type="text/css">
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.datepicker.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ // simple datepicker
+ $('#d1').datepicker();
+ $('button.disable-d1').click(function(event){
+ $('#d1').datepicker('disable');
+ event.preventDefault();
+ });
+ $('button.enable-d1').click(function(event){
+ $('#d1').datepicker('enable');
+ event.preventDefault();
+ });
+ $('button.destroy-d1').click(function(event){
+ $('#d1').datepicker('destroy');
+ event.preventDefault();
+ });
+
+ // multi datepicker
+ $('#d2').datepicker({numberOfMonths: 3, showButtonPanel: true});
+ $('button.disable-d2').click(function(event){
+ $('#d2').datepicker('disable');
+ event.preventDefault();
+ });
+ $('button.enable-d2').click(function(event){
+ $('#d2').datepicker('enable');
+ event.preventDefault();
+ });
+ $('button.destroy-d2').click(function(event){
+ $('#d2').datepicker('destroy');
+ event.preventDefault();
+ });
+
+ // inline datepicker
+ $('#inl').datepicker({minDate: -20, maxDate: '+1M +10D'});
+ $('button.disable-inl').click(function(event){
+ $('#inl').datepicker('disable');
+ event.preventDefault();
+ });
+ $('button.enable-inl').click(function(event){
+ $('#inl').datepicker('enable');
+ event.preventDefault();
+ });
+ $('button.destroy-inl').click(function(event){
+ $('#inl').datepicker('destroy');
+ event.preventDefault();
+ });
+
+ // disabled input datepicker
+ $('#d3').datepicker();
+
+ // bottom-right datepicker
+ $('#d4').datepicker({numberOfMonths: 3});
+ });
+ </script>
+</head>
+<body>
+
+<ul class="plugins">
+ <li class="plugin">
+ <button class="disable-d1">Disable</button>
+ <button class="enable-d1">Enable</button>
+ <button class="destroy-d1">Destroy</button>
+
+ Datepicker Simple
+ <div>
+ <input type="text" id="d1" />
+ </div>
+ </li>
+ <li class="plugin">
+ <button class="disable-d2">Disable</button>
+ <button class="enable-d2">Enable</button>
+ <button class="destroy-d2">Destroy</button>
+
+ Datepicker Multi
+ <div>
+ <input type="text" id="d2" />
+ </div>
+ </li>
+ <li class="plugin">
+ <button class="disable-inl">Disable</button>
+ <button class="enable-inl">Enable</button>
+ <button class="destroy-inl">Destroy</button>
+
+ Datepicker Inline
+ <div id="inl"></div>
+ </li>
+ <li class="plugin">
+ Datepicker disabled input
+ <div>
+ <input type="text" id="d3" disabled="disabled" />
+ </div>
+ </li>
+ <li class="plugin" style="position: absolute; right: 0; bottom: 0; height: 40px">
+ Datepicker - positioned bottom-right
+ <div>
+ <input type="text" id="d4">
+ </div>
+ </li>
+</ul>
+
+</body>
+</html>
+++ /dev/null
-<!doctype html>
-<html lang="en">
-<head>
- <title>Dialog Visual Tests Page</title>
- <link rel="stylesheet" href="all.css" type="text/css">
- <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
- <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="../../ui/ui.core.js"></script>
- <script type="text/javascript" src="../../ui/ui.dialog.js"></script>
- <script type="text/javascript" src="../../ui/ui.draggable.js"></script>
- <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
- <script type="text/javascript">
- $(function() {
- // Simple Dialog
- $("#dialog button").click(function() {
- $("#dlg").clone().removeAttr('id').dialog();
- });
-
- // Dialog with Buttons
- var dlgbuttons = $("#dlgbuttons").dialog({
- autoOpen: false,
- width: 600,
- buttons: {
- Ok: function() {},
- Cancel: function() {}
- }
- });
- $("#dialogbuttons").click(function() {
- dlgbuttons.dialog('open');
- });
-
- });
- </script>
-</head>
-<body>
-
-<ul class="plugins">
-<li class="plugin">
- Dialog
- <div id="dialog">
- <button>Open</button>
- <div id="dlg" title="Dialog Title">
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
- </div>
- </div>
-</li>
-<li class="plugin">
- Dialog with buttons
- <div id="dialogbuttons">
- <button>Open</button>
- <div id="dlgbuttons" title="Dialog Title">
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
- </div>
- </div>
-</li>
-</ul>
-
-</body>
-</html>
--- /dev/null
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Dialog Visual Tests Page</title>
+ <link rel="stylesheet" href="../all.css" type="text/css">
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.dialog.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.draggable.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.resizable.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ // Simple Dialog
+ $("#dialog button").click(function() {
+ $("#dlg").clone().removeAttr('id').dialog();
+ });
+
+ // Dialog with Buttons
+ var dlgbuttons = $("#dlgbuttons").dialog({
+ autoOpen: false,
+ width: 600,
+ buttons: {
+ Ok: function() {},
+ Cancel: function() {}
+ }
+ });
+ $("#dialogbuttons").click(function() {
+ dlgbuttons.dialog('open');
+ });
+
+ });
+ </script>
+</head>
+<body>
+
+<ul class="plugins">
+<li class="plugin">
+ Dialog
+ <div id="dialog">
+ <button>Open</button>
+ <div id="dlg" title="Dialog Title">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+ </div>
+ </div>
+</li>
+<li class="plugin">
+ Dialog with buttons
+ <div id="dialogbuttons">
+ <button>Open</button>
+ <div id="dlgbuttons" title="Dialog Title">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+ </div>
+ </div>
+</li>
+</ul>
+
+</body>
+</html>
+++ /dev/null
-<!doctype html>
-<html lang="en">
-<head>
- <title>Simple Draggable with Handle</title>
- <link rel="stylesheet" href="all.css" type="text/css">
- <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
- <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="../../ui/ui.core.js"></script>
- <script type="text/javascript" src="../../ui/ui.draggable.js"></script>
- <script type="text/javascript">
- $(function() {
- $("#draggable").draggable({
- handle: "span"
- });
- });
- </script>
-</head>
-<body>
-
-<ul class="plugins">
-<li class="plugin">
- Draggable
- <div id="draggable">
- <span>Handle</span>
- </div>
-</li>
-</ul>
-
-</body>
-</html>
+++ /dev/null
-<!doctype html>
-<html lang="en">
-<head>
- <title>Simple Draggable</title>
- <link rel="stylesheet" href="all.css" type="text/css">
- <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
- <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="../../ui/ui.core.js"></script>
- <script type="text/javascript" src="../../ui/ui.draggable.js"></script>
- <script type="text/javascript">
- $(function() {
- $("#draggable").draggable();
- });
- </script>
-</head>
-<body>
-
-<ul class="plugins">
-<li class="plugin">
- Draggable
- <div id="draggable"></div>
-</li>
-</ul>
-
-</body>
-</html>
+++ /dev/null
-<!doctype html>
-<html lang="en">
-<head>
- <title>Draggable Scroll Tests</title>
- <link rel="stylesheet" href="all.css" type="text/css">
- <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
- <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="../../ui/ui.core.js"></script>
- <script type="text/javascript" src="../../ui/ui.draggable.js"></script>
- <script type="text/javascript" src="../../ui/ui.sortable.js"></script>
- <style type="text/css">
- .draggable {
- width:100px;
- height:100px;
- background-color:green;
- color: #fff;
- padding: 5px;
- margin: 5px;
- border: 5px solid red;
- }
- .container {
- width: 500px;
- height: 200px;
- border: 5px solid black;
- padding: 5px;
- margin: 5px;
- float: left;
- background: #fff;
- }
- .enlarge {
- width: 1000px;
- height: 1000px;
- }
- </style>
- <script type="text/javascript">
- $(function(){
- $(".draggable").draggable({
- //helper: 'clone',
- drag: function(e, ui) {
- //console.log(ui.helper.offset());
- },
- scroll:true
- //containment:"parent"
- });
- });
- </script>
-</head>
-<body>
-
-<div class='draggable' style='z-index: 1000;'>Simple draggable</div>
-<br clear='both' />
-
-
-<div class='container' style="overflow:scroll;">
- <div class='draggable'>(Broken in IE)</div>
- <div class='enlarge'></div>
-</div>
-
-<div class='container' style="overflow:scroll; position: relative;">
- <div class='draggable'></div>
- <div class='enlarge'></div>
-</div>
-
-<div class='container' style="overflow:scroll;">
- <div class='draggable' style='position: absolute;top:0px;left:1000px;'>Absolute</div>
- <div class='enlarge'></div>
-</div>
-
-<div class='container' style="overflow:scroll; position: relative;">
- <div class='draggable' style='position: absolute;'>Absolute</div>
- <div class='enlarge'></div>
-</div>
-
-<div class='container' style="overflow:scroll;">
- <div class='draggable' style='position: fixed;'>Fixed</div>
- <div class='enlarge'></div>
-</div>
-
-<div class='container' style="overflow:scroll; position: relative;">
- <div class='draggable' style='position: fixed;'>Fixed</div>
- <div class='enlarge'></div>
-</div>
-
-<!-- Relative draggable with two containers -->
-
-<div class='container' style="overflow:scroll; position: relative;">
- <div class='container'>
- <div class='draggable'>Relative</div>
- <div class='enlarge'></div>
- </div>
-
-</div>
-
-<div class='container' style="overflow:scroll; position: relative;">
- <div class='container' style='position: relative;'>
- <div class='draggable'>Relative</div>
- <div class='enlarge'></div>
- </div>
-</div>
-
-<div class='container' style="position: relative;">
- <div class='container' style='overflow: scroll;'>
- <div class='draggable'>Relative (Broken in IE)</div>
- <div class='enlarge'></div>
- </div>
-
-</div>
-
-<div class='container' style="position: relative;">
- <div class='container' style='position: relative; overflow: scroll;'>
- <div class='draggable'>Relative</div>
- <div class='enlarge'></div>
- </div>
-</div>
-
-<!-- Absolute draggable with two containers -->
-
-<div class='container' style="overflow:scroll; position: relative;">
- <div class='container'>
- <div class='draggable' style='position: absolute;'>Absolute</div>
- <div class='enlarge'></div>
- </div>
-
-</div>
-
-<div class='container' style="overflow:scroll; position: relative;">
- <div class='container' style='position: relative;'>
- <div class='draggable' style='position: absolute;'>Absolute</div>
- <div class='enlarge'></div>
- </div>
-</div>
-
-<div class='container' style="position: relative;">
- <div class='container' style='overflow: scroll;'>
- <div class='draggable' style='position: absolute;top:0px;left:0px;'>Absolute</div>
- <div class='enlarge'></div>
- </div>
-
-</div>
-
-<div class='container' style="position: relative;">
- <div class='container' style='position: relative; overflow: scroll;'>
- <div class='draggable' style='position: absolute;'>Absolute</div>
- <div class='enlarge'></div>
- </div>
-</div>
-
-</body>
-</html>
--- /dev/null
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Simple Draggable with Handle</title>
+ <link rel="stylesheet" href="../all.css" type="text/css">
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.draggable.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $("#draggable").draggable({
+ handle: "span"
+ });
+ });
+ </script>
+</head>
+<body>
+
+<ul class="plugins">
+<li class="plugin">
+ Draggable
+ <div id="draggable">
+ <span>Handle</span>
+ </div>
+</li>
+</ul>
+
+</body>
+</html>
--- /dev/null
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Simple Draggable</title>
+ <link rel="stylesheet" href="../all.css" type="text/css">
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.draggable.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $("#draggable").draggable();
+ });
+ </script>
+</head>
+<body>
+
+<ul class="plugins">
+<li class="plugin">
+ Draggable
+ <div id="draggable"></div>
+</li>
+</ul>
+
+</body>
+</html>
--- /dev/null
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Draggable Scroll Tests</title>
+ <link rel="stylesheet" href="../all.css" type="text/css">
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.draggable.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.sortable.js"></script>
+ <style type="text/css">
+ .draggable {
+ width:100px;
+ height:100px;
+ background-color:green;
+ color: #fff;
+ padding: 5px;
+ margin: 5px;
+ border: 5px solid red;
+ }
+ .container {
+ width: 500px;
+ height: 200px;
+ border: 5px solid black;
+ padding: 5px;
+ margin: 5px;
+ float: left;
+ background: #fff;
+ }
+ .enlarge {
+ width: 1000px;
+ height: 1000px;
+ }
+ </style>
+ <script type="text/javascript">
+ $(function(){
+ $(".draggable").draggable({
+ //helper: 'clone',
+ drag: function(e, ui) {
+ //console.log(ui.helper.offset());
+ },
+ scroll:true
+ //containment:"parent"
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div class='draggable' style='z-index: 1000;'>Simple draggable</div>
+<br clear='both' />
+
+
+<div class='container' style="overflow:scroll;">
+ <div class='draggable'>(Broken in IE)</div>
+ <div class='enlarge'></div>
+</div>
+
+<div class='container' style="overflow:scroll; position: relative;">
+ <div class='draggable'></div>
+ <div class='enlarge'></div>
+</div>
+
+<div class='container' style="overflow:scroll;">
+ <div class='draggable' style='position: absolute;top:0px;left:1000px;'>Absolute</div>
+ <div class='enlarge'></div>
+</div>
+
+<div class='container' style="overflow:scroll; position: relative;">
+ <div class='draggable' style='position: absolute;'>Absolute</div>
+ <div class='enlarge'></div>
+</div>
+
+<div class='container' style="overflow:scroll;">
+ <div class='draggable' style='position: fixed;'>Fixed</div>
+ <div class='enlarge'></div>
+</div>
+
+<div class='container' style="overflow:scroll; position: relative;">
+ <div class='draggable' style='position: fixed;'>Fixed</div>
+ <div class='enlarge'></div>
+</div>
+
+<!-- Relative draggable with two containers -->
+
+<div class='container' style="overflow:scroll; position: relative;">
+ <div class='container'>
+ <div class='draggable'>Relative</div>
+ <div class='enlarge'></div>
+ </div>
+
+</div>
+
+<div class='container' style="overflow:scroll; position: relative;">
+ <div class='container' style='position: relative;'>
+ <div class='draggable'>Relative</div>
+ <div class='enlarge'></div>
+ </div>
+</div>
+
+<div class='container' style="position: relative;">
+ <div class='container' style='overflow: scroll;'>
+ <div class='draggable'>Relative (Broken in IE)</div>
+ <div class='enlarge'></div>
+ </div>
+
+</div>
+
+<div class='container' style="position: relative;">
+ <div class='container' style='position: relative; overflow: scroll;'>
+ <div class='draggable'>Relative</div>
+ <div class='enlarge'></div>
+ </div>
+</div>
+
+<!-- Absolute draggable with two containers -->
+
+<div class='container' style="overflow:scroll; position: relative;">
+ <div class='container'>
+ <div class='draggable' style='position: absolute;'>Absolute</div>
+ <div class='enlarge'></div>
+ </div>
+
+</div>
+
+<div class='container' style="overflow:scroll; position: relative;">
+ <div class='container' style='position: relative;'>
+ <div class='draggable' style='position: absolute;'>Absolute</div>
+ <div class='enlarge'></div>
+ </div>
+</div>
+
+<div class='container' style="position: relative;">
+ <div class='container' style='overflow: scroll;'>
+ <div class='draggable' style='position: absolute;top:0px;left:0px;'>Absolute</div>
+ <div class='enlarge'></div>
+ </div>
+
+</div>
+
+<div class='container' style="position: relative;">
+ <div class='container' style='position: relative; overflow: scroll;'>
+ <div class='draggable' style='position: absolute;'>Absolute</div>
+ <div class='enlarge'></div>
+ </div>
+</div>
+
+</body>
+</html>
+++ /dev/null
-<!doctype html>
-<html lang="en">
-<head>
- <title>Simple Droppable</title>
- <link rel="stylesheet" href="all.css" type="text/css">
- <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
- <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="../../ui/ui.core.js"></script>
- <script type="text/javascript" src="../../ui/ui.draggable.js"></script>
- <script type="text/javascript" src="../../ui/ui.droppable.js"></script>
- <script type="text/javascript">
- $(function() {
- $(".draggable").draggable();
- $("#droppable").droppable({
- accept: '.draggable',
- drop: function(ev, ui) {
- ui.draggable.css({ position: 'relative', top: 0, left: 0 }).clone().appendTo(this);
- }
- });
- });
- </script>
-</head>
-<body>
-
-<ul class="plugins">
-<li class="plugin">
- Droppable
- <div class="draggable">D</div>
- <div class="draggable">R</div>
- <div class="draggable">A</div>
- <div class="draggable">G</div>
- <div id="droppable">
- DROP
- <hr>
- </div>
-</li>
-</ul>
-
-</body>
-</html>
--- /dev/null
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Simple Droppable</title>
+ <link rel="stylesheet" href="../all.css" type="text/css">
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.draggable.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.droppable.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $(".draggable").draggable();
+ $("#droppable").droppable({
+ accept: '.draggable',
+ drop: function(ev, ui) {
+ ui.draggable.css({ position: 'relative', top: 0, left: 0 }).clone().appendTo(this);
+ }
+ });
+ });
+ </script>
+</head>
+<body>
+
+<ul class="plugins">
+<li class="plugin">
+ Droppable
+ <div class="draggable">D</div>
+ <div class="draggable">R</div>
+ <div class="draggable">A</div>
+ <div class="draggable">G</div>
+ <div id="droppable">
+ DROP
+ <hr>
+ </div>
+</li>
+</ul>
+
+</body>
+</html>
+++ /dev/null
-<!doctype html>
-<html lang="en">
-<head>
- <title>Simple Progressbar</title>
- <link rel="stylesheet" href="all.css" type="text/css" />
- <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css" />
- <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="../../ui/ui.core.js"></script>
- <script type="text/javascript" src="../../ui/ui.progressbar.js"></script>
- <script type="text/javascript">
- $(function() {
- $("#progressbar").progressbar({ value: 37 });
- });
- </script>
-</head>
-<body>
-
-<ul class="plugins">
-<li class="plugin">
- Progressbar
- <div id="progressbar"></div>
-</li>
-</ul>
-
-</body>
-</html>
--- /dev/null
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Simple Progressbar</title>
+ <link rel="stylesheet" href="../all.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css" />
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.progressbar.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $("#progressbar").progressbar({ value: 37 });
+ });
+ </script>
+</head>
+<body>
+
+<ul class="plugins">
+<li class="plugin">
+ Progressbar
+ <div id="progressbar"></div>
+</li>
+</ul>
+
+</body>
+</html>
+++ /dev/null
-<!doctype html>
-<html lang="en">
-<head>
- <title>Simple Resizable</title>
- <link rel="stylesheet" href="all.css" type="text/css">
- <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css" />
- <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="../../ui/ui.core.js"></script>
- <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
- <script type="text/javascript">
- $(function() {
- $("#resizable").resizable();
- });
- </script>
-</head>
-<body>
-
-<ul class="plugins">
-<li class="plugin">
- Resizable
- <div id="resizable"></div>
-</li>
-</ul>
-
-</body>
-</html>
--- /dev/null
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Simple Resizable</title>
+ <link rel="stylesheet" href="../all.css" type="text/css">
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css" />
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.resizable.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $("#resizable").resizable();
+ });
+ </script>
+</head>
+<body>
+
+<ul class="plugins">
+<li class="plugin">
+ Resizable
+ <div id="resizable"></div>
+</li>
+</ul>
+
+</body>
+</html>
+++ /dev/null
-<!doctype html>
-<html lang="en">
-<head>
- <title>Simple Selectable</title>
- <link rel="stylesheet" href="all.css" type="text/css">
- <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css" />
- <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="../../ui/ui.core.js"></script>
- <script type="text/javascript" src="../../ui/ui.selectable.js"></script>
- <script type="text/javascript">
- $(function() {
- $("#selectable").selectable();
- });
- </script>
-</head>
-
-<body>
-
-<ul class="plugins">
-<li class="plugin">
- Selectable
- <div id="selectable">
- <div>1</div>
- <div>2</div>
- <div>3</div>
- <div>4</div>
- <div>5</div>
- <div>6</div>
- <div>7</div>
- <div>8</div>
- <div>9</div>
- </div>
-</li>
-</ul>
-
-</body>
-</html>
--- /dev/null
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Simple Selectable</title>
+ <link rel="stylesheet" href="../all.css" type="text/css">
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css" />
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.selectable.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $("#selectable").selectable();
+ });
+ </script>
+</head>
+
+<body>
+
+<ul class="plugins">
+<li class="plugin">
+ Selectable
+ <div id="selectable">
+ <div>1</div>
+ <div>2</div>
+ <div>3</div>
+ <div>4</div>
+ <div>5</div>
+ <div>6</div>
+ <div>7</div>
+ <div>8</div>
+ <div>9</div>
+ </div>
+</li>
+</ul>
+
+</body>
+</html>
+++ /dev/null
-<!doctype html>
-<html lang="en">
-<head>
- <title>Slider Visual Test Page</title>
- <link rel="stylesheet" href="all.css" type="text/css">
- <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
- <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="../../ui/ui.core.js"></script>
- <script type="text/javascript" src="../../ui/ui.slider.js"></script>
- <script type="text/javascript">
- $(function() {
- $("#slider1").slider();
- $("#slider2").slider({
- step: 2,
- start: function(event, ui) {
- //console.log('start');
- },
- slide: function(event, ui) {
- //console.log('slide');
- //return (ui.value < 50 || ui.value > 63);
- },
- stop: function(event, ui) {
- //console.log('stop');
- },
- change: function(event, ui) {
- //console.log('change');
- },
- values: [10, 50, 90]
- });
- $("#slider3").slider({
- max: 10,
- orientation: 'vertical',
- step: 2,
- value: 3
- });
- $("#h-range-true").slider({ orientation: "horizontal", range: true });
- $("#h-range-max").slider({ orientation: "horizontal", range: 'max' });
- $("#h-range-min").slider({ orientation: "horizontal", range: 'min' });
- $("#v-range-true").slider({ orientation: "vertical", range: true });
- $("#v-range-max").slider({ orientation: "vertical", range: 'max' });
- $("#v-range-min").slider({ orientation: "vertical", range: 'min' });
- });
- </script>
-</head>
-
-<body>
-
-<ul class="plugins">
-
-<li class="plugin" style="padding:1em;">
- Slider
- <div id="slider1"></div>
-</li>
-
-<li class="plugin" style="padding:1em;">
- Slider - values: [10, 50, 90]
- <div id="slider2">
- <a id="foo" href="#" class="ui-slider-handle"></a>
- <a id="bar" href="#" class="ui-slider-handle"></a>
- </div>
-</li>
-
-<li class="plugin" style="padding:1em;">
- Slider - orientation: vertical
- <div id="slider3" style="height:100%;"></div>
-</li>
-
-</ul>
-
-<ul class="plugins">
-
-<li class="plugin" style="padding:1em;">
- Slider - range: true
- <div id="h-range-true"></div>
-</li>
-
-<li class="plugin" style="padding:1em;">
- Slider - range: 'max'
- <div id="h-range-max"></div>
-</li>
-
-<li class="plugin" style="padding:1em;">
- Slider - range: 'min'
- <div id="h-range-min"></div>
-</li>
-
-</ul>
-
-<ul class="plugins">
-
-<li class="plugin" style="padding:1em;">
- Slider - range: true
- <div id="v-range-true"></div>
-</li>
-
-<li class="plugin" style="padding:1em;">
- Slider - range: 'max'
- <div id="v-range-max"></div>
-</li>
-
-<li class="plugin" style="padding:1em;">
- Slider - range: 'min'
- <div id="v-range-min"></div>
-</li>
-
-</ul>
-
-</body>
-</html>
--- /dev/null
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test Page</title>
+ <link rel="stylesheet" href="../all.css" type="text/css">
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.slider.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $("#slider1").slider();
+ $("#slider2").slider({
+ step: 2,
+ start: function(event, ui) {
+ //console.log('start');
+ },
+ slide: function(event, ui) {
+ //console.log('slide');
+ //return (ui.value < 50 || ui.value > 63);
+ },
+ stop: function(event, ui) {
+ //console.log('stop');
+ },
+ change: function(event, ui) {
+ //console.log('change');
+ },
+ values: [10, 50, 90]
+ });
+ $("#slider3").slider({
+ max: 10,
+ orientation: 'vertical',
+ step: 2,
+ value: 3
+ });
+ $("#h-range-true").slider({ orientation: "horizontal", range: true });
+ $("#h-range-max").slider({ orientation: "horizontal", range: 'max' });
+ $("#h-range-min").slider({ orientation: "horizontal", range: 'min' });
+ $("#v-range-true").slider({ orientation: "vertical", range: true });
+ $("#v-range-max").slider({ orientation: "vertical", range: 'max' });
+ $("#v-range-min").slider({ orientation: "vertical", range: 'min' });
+ });
+ </script>
+</head>
+
+<body>
+
+<ul class="plugins">
+
+<li class="plugin" style="padding:1em;">
+ Slider
+ <div id="slider1"></div>
+</li>
+
+<li class="plugin" style="padding:1em;">
+ Slider - values: [10, 50, 90]
+ <div id="slider2">
+ <a id="foo" href="#" class="ui-slider-handle"></a>
+ <a id="bar" href="#" class="ui-slider-handle"></a>
+ </div>
+</li>
+
+<li class="plugin" style="padding:1em;">
+ Slider - orientation: vertical
+ <div id="slider3" style="height:100%;"></div>
+</li>
+
+</ul>
+
+<ul class="plugins">
+
+<li class="plugin" style="padding:1em;">
+ Slider - range: true
+ <div id="h-range-true"></div>
+</li>
+
+<li class="plugin" style="padding:1em;">
+ Slider - range: 'max'
+ <div id="h-range-max"></div>
+</li>
+
+<li class="plugin" style="padding:1em;">
+ Slider - range: 'min'
+ <div id="h-range-min"></div>
+</li>
+
+</ul>
+
+<ul class="plugins">
+
+<li class="plugin" style="padding:1em;">
+ Slider - range: true
+ <div id="v-range-true"></div>
+</li>
+
+<li class="plugin" style="padding:1em;">
+ Slider - range: 'max'
+ <div id="v-range-max"></div>
+</li>
+
+<li class="plugin" style="padding:1em;">
+ Slider - range: 'min'
+ <div id="v-range-min"></div>
+</li>
+
+</ul>
+
+</body>
+</html>
+++ /dev/null
-<!doctype html>
-<html lang="en">
-<head>
- <title>Simple Sortable</title>
- <link rel="stylesheet" href="all.css" type="text/css">
- <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css" />
- <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="../../ui/ui.core.js"></script>
- <script type="text/javascript" src="../../ui/ui.sortable.js"></script>
- <script type="text/javascript">
- $(function() {
- $("#sortable").sortable();
- });
- </script>
-</head>
-
-<body>
-
-<ul class="plugins">
-<li class="plugin">
- Sortable
- <div id="sortable">
- <div>C</div>
- <div>I</div>
- <div>G</div>
- <div>F</div>
- <div>D</div>
- <div>H</div>
- <div>A</div>
- <div>E</div>
- <div>B</div>
- </div>
-</li>
-</ul>
-
-</body>
-</html>
--- /dev/null
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Simple Sortable</title>
+ <link rel="stylesheet" href="../all.css" type="text/css">
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css" />
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.sortable.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $("#sortable").sortable();
+ });
+ </script>
+</head>
+
+<body>
+
+<ul class="plugins">
+<li class="plugin">
+ Sortable
+ <div id="sortable">
+ <div>C</div>
+ <div>I</div>
+ <div>G</div>
+ <div>F</div>
+ <div>D</div>
+ <div>H</div>
+ <div>A</div>
+ <div>E</div>
+ <div>B</div>
+ </div>
+</li>
+</ul>
+
+</body>
+</html>
--- /dev/null
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Sortable Massive Scale Test</title>
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css" />
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.sortable.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.draggable.js"></script>
+ <style>
+ ul {
+ list-style: none;
+ padding: 0;
+ border: 1px solid black;
+ width: 210px;
+ float: left;
+ margin-right: 10px;
+ }
+ li {
+ width: 200px;
+ background: #eee;
+ margin: 5px;
+ }
+ </style>
+ <script type="text/javascript">
+ $(function() {
+ $('ul').not(".draggable").sortable({ items: "li" });
+ $("ul.draggable li").draggable({ helper: "clone", connectToSortable: "ul" });
+ });
+ </script>
+</head>
+<body>
+
+<ul class="draggable">
+ <li>Draggable</li>
+</ul>
+
+<ul>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+</ul>
+
+<ul>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+</ul>
+
+<ul>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+</ul>
+
+<ul>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+</ul>
+
+<ul>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+ <li>Item 1</li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
+ <li>Item 13</li>
+ <li>Item 14</li>
+ <li>Item 15</li>
+ <li>Item 16</li>
+ <li>Item 17</li>
+ <li>Item 18</li>
+ <li>Item 19</li>
+ <li>Item 20</li>
+</ul>
+
+</body>
+</html>
+++ /dev/null
-<!doctype html>
-<html lang="en">
-<head>
- <title>Sortable Massive Scale Test</title>
- <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css" />
- <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="../../ui/ui.core.js"></script>
- <script type="text/javascript" src="../../ui/ui.sortable.js"></script>
- <script type="text/javascript" src="../../ui/ui.draggable.js"></script>
- <style>
- ul {
- list-style: none;
- padding: 0;
- border: 1px solid black;
- width: 210px;
- float: left;
- margin-right: 10px;
- }
- li {
- width: 200px;
- background: #eee;
- margin: 5px;
- }
- </style>
- <script type="text/javascript">
- $(function() {
- $('ul').not(".draggable").sortable({ items: "li" });
- $("ul.draggable li").draggable({ helper: "clone", connectToSortable: "ul" });
- });
- </script>
-</head>
-<body>
-
-<ul class="draggable">
- <li>Draggable</li>
-</ul>
-
-<ul>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
-</ul>
-
-<ul>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
-</ul>
-
-<ul>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
-</ul>
-
-<ul>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
-</ul>
-
-<ul>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
- <li>Item 1</li>
- <li>Item 2</li>
- <li>Item 3</li>
- <li>Item 4</li>
- <li>Item 5</li>
- <li>Item 6</li>
- <li>Item 7</li>
- <li>Item 8</li>
- <li>Item 9</li>
- <li>Item 10</li>
- <li>Item 11</li>
- <li>Item 12</li>
- <li>Item 13</li>
- <li>Item 14</li>
- <li>Item 15</li>
- <li>Item 16</li>
- <li>Item 17</li>
- <li>Item 18</li>
- <li>Item 19</li>
- <li>Item 20</li>
-</ul>
-
-</body>
-</html>
+++ /dev/null
-<!doctype html>
-<html lang="en">
-<head>
- <title>Simple Tabs</title>
- <link rel="stylesheet" href="all.css" type="text/css">
- <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
- <script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="../../ui/ui.core.js"></script>
- <script type="text/javascript" src="../../ui/ui.tabs.js"></script>
- <script type="text/javascript">
- $(function() {
- $("#tabs").tabs();
- });
- </script>
-</head>
-<body>
-
-<ul class="plugins">
-<li class="plugin">
- Tabs
- <div id="tabs">
- <ul>
- <li><a href="#tabs-1">First</a></li>
- <li><a href="#tabs-2">Second</a></li>
- <li><a href="#tabs-3">Third</a></li>
- </ul>
- <div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
- <div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
- <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
- </div>
-</li>
-</ul>
-
-</body>
-</html>
--- /dev/null
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Simple Tabs</title>
+ <link rel="stylesheet" href="../all.css" type="text/css">
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.tabs.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $("#tabs").tabs();
+ });
+ </script>
+</head>
+<body>
+
+<ul class="plugins">
+<li class="plugin">
+ Tabs
+ <div id="tabs">
+ <ul>
+ <li><a href="#tabs-1">First</a></li>
+ <li><a href="#tabs-2">Second</a></li>
+ <li><a href="#tabs-3">Third</a></li>
+ </ul>
+ <div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
+ <div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
+ <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
+ </div>
+</li>
+</ul>
+
+</body>
+</html>
projects / jquery-ui.git / commitdiff