diff options
Diffstat (limited to 'src/main/webapp/jquery-ui-1.9pre/tests/static')
16 files changed, 2040 insertions, 0 deletions
diff --git a/src/main/webapp/jquery-ui-1.9pre/tests/static/button/default.html b/src/main/webapp/jquery-ui-1.9pre/tests/static/button/default.html new file mode 100644 index 0000000..606df0a --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/tests/static/button/default.html @@ -0,0 +1,161 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>Button Static Test : Default</title> + <link rel="stylesheet" href="../static.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> + <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> + <script type="text/javascript" src="../static.js"></script> + <style> + div { margin: 0 0 1em; } + h2 { margin: 2em 0 1em; } + </style> +</head> +<body> + + <h2>Using button elements</h2> + + <div> + <button class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-all"> + <span class="ui-button-text">Button</span> + </button> + + <button class="ui-button ui-button-icon-only ui-widget ui-state-default ui-corner-all" title="Button"> + <span class="ui-button-icon-primary ui-icon ui-icon-gear"></span> + <span class="ui-button-text">Primary icon</span> + </button> + + <button class="ui-button ui-button-icon-only ui-widget ui-state-default ui-corner-all" title="Button"> + <span class="ui-button-text">Secondary icon</span> + <span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-s"></span> + </button> + + <button class="ui-button ui-button-text-icon-primary ui-widget ui-state-default ui-corner-all"> + <span class="ui-button-icon-primary ui-icon ui-icon-gear"></span> + <span class="ui-button-text">Primary icon</span> + </button> + + <button class="ui-button ui-button-text-icon-secondary ui-widget ui-state-default ui-corner-all"> + <span class="ui-button-text">Secondary icon</span> + <span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-s"></span> + </button> + + <button class="ui-button ui-button-text-icons ui-widget ui-state-default ui-corner-all"> + <span class="ui-button-icon-primary ui-icon ui-icon-gear"></span> + <span class="ui-button-text">Both icons</span> + <span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-s"></span> + </button> + + <button class="ui-button ui-button-icons-only ui-widget ui-state-default ui-corner-all"> + <span class="ui-button-icon-primary ui-icon ui-icon-gear"></span> + <span class="ui-button-text">No text</span> + <span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-s"></span> + </button> + </div> + + <h2>Using anchor elements</h2> + + <div> + <a href="#" class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-all"> + <span class="ui-button-text">Button</span> + </a> + + <a href="#" class="ui-button ui-button-icon-only ui-widget ui-state-default ui-corner-all" title="Button"> + <span class="ui-button-icon-primary ui-icon ui-icon-gear"></span> + <span class="ui-button-text">Primary icon</span> + </a> + + <a href="#" class="ui-button ui-button-icon-only ui-widget ui-state-default ui-corner-all" title="Button"> + <span class="ui-button-text">Secondary icon</span> + <span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-s"></span> + </a> + + <a href="#" class="ui-button ui-button-text-icon-primary ui-widget ui-state-default ui-corner-all"> + <span class="ui-button-icon-primary ui-icon ui-icon-gear"></span> + <span class="ui-button-text">Primary icon</span> + </a> + + <a href="#" class="ui-button ui-button-text-icon-secondary ui-widget ui-state-default ui-corner-all"> + <span class="ui-button-text">Secondary icon</span> + <span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-s"></span> + </a> + + <a href="#" class="ui-button ui-button-text-icons ui-widget ui-state-default ui-corner-all"> + <span class="ui-button-icon-primary ui-icon ui-icon-gear"></span> + <span class="ui-button-text">Both icons</span> + <span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-s"></span> + </a> + + <a href="#" class="ui-button ui-button-icons-only ui-widget ui-state-default ui-corner-all"> + <span class="ui-button-icon-primary ui-icon ui-icon-gear"></span> + <span class="ui-button-text">No text</span> + <span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-s"></span> + </a> + </div> + + + + <h2>Using label elements (used when proxying to radio or check inputs)</h2> + + <div> + <label class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-all"> + <span class="ui-button-text">Button</span> + </label> + + <label class="ui-button ui-button-icon-only ui-widget ui-state-default ui-corner-all" title="Button"> + <span class="ui-button-icon-primary ui-icon ui-icon-gear"></span> + <span class="ui-button-text">Primary icon</span> + </label> + + <label class="ui-button ui-button-icon-only ui-widget ui-state-default ui-corner-all" title="Button"> + <span class="ui-button-text">Secondary icon</span> + <span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-s"></span> + </label> + + <label class="ui-button ui-button-text-icon-primary ui-widget ui-state-default ui-corner-all"> + <span class="ui-button-icon-primary ui-icon ui-icon-gear"></span> + <span class="ui-button-text">Primary icon</span> + </label> + + <label class="ui-button ui-button-text-icon-secondary ui-widget ui-state-default ui-corner-all"> + <span class="ui-button-text">Secondary icon</span> + <span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-s"></span> + </label> + + <label class="ui-button ui-button-text-icons ui-widget ui-state-default ui-corner-all"> + <span class="ui-button-icon-primary ui-icon ui-icon-gear"></span> + <span class="ui-button-text">Both icons</span> + <span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-s"></span> + </label> + + <label class="ui-button ui-button-icons-only ui-widget ui-state-default ui-corner-all"> + <span class="ui-button-icon-primary ui-icon ui-icon-gear"></span> + <span class="ui-button-text">No text</span> + <span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-s"></span> + </label> + </div> + + + <h2>Button Sets</h2> + + <div class="ui-buttonset"> + <button class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-left"><span class="ui-button-text">First</span></button> + <button class="ui-button ui-button-text-only ui-widget ui-state-default"><span class="ui-button-text">Middle</span></button> + <button class="ui-button ui-button-text-only ui-widget ui-state-default"><span class="ui-button-text">Middle</span></button> + <button class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-right"><span class="ui-button-text">Last</span></button> + </div> + + + +<script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script> +<script> + $('<div/>').css({ + position: "absolute", + right: 10, + top: 10 + }).appendTo(document.body).themeswitcher(); +</script> +</body> +</html> diff --git a/src/main/webapp/jquery-ui-1.9pre/tests/static/datepicker/datepicker.html b/src/main/webapp/jquery-ui-1.9pre/tests/static/datepicker/datepicker.html new file mode 100644 index 0000000..6b8253b --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/tests/static/datepicker/datepicker.html @@ -0,0 +1,1367 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Datepicker Static Markup Test Page</title> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> + <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> + <script type="text/javascript" src="../static.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="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-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-other-month ui-datepicker-unselectable ui-state-disabled"></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">1</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">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=""><a href="#" class="ui-state-default">6</a></td> + <td class=""><a href="#" class="ui-state-default">7</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">8</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><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=""><a href="#" class="ui-state-default">13</a></td> + <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">14</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">15</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><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=""><a href="#" class="ui-state-default">19</a></td> + <td class=""><a href="#" class="ui-state-default">20</a></td> + <td class=""><a href="#" class="ui-state-default">21</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">22</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><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=""><a href="#" class="ui-state-default">27</a></td> + <td class=""><a href="#" class="ui-state-default">28</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">29</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><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-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-row-break"></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="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-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-other-month ui-datepicker-unselectable ui-state-disabled"></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">1</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">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=""><a href="#" class="ui-state-default">6</a></td> + <td class=""><a href="#" class="ui-state-default">7</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">8</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><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=""><a href="#" class="ui-state-default">13</a></td> + <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">14</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">15</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><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=""><a href="#" class="ui-state-default">19</a></td> + <td class=""><a href="#" class="ui-state-default">20</a></td> + <td class=""><a href="#" class="ui-state-default">21</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">22</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><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=""><a href="#" class="ui-state-default">27</a></td> + <td class=""><a href="#" class="ui-state-default">28</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">29</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><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-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> diff --git a/src/main/webapp/jquery-ui-1.9pre/tests/static/datepicker/default.html b/src/main/webapp/jquery-ui-1.9pre/tests/static/datepicker/default.html new file mode 100644 index 0000000..9c81be1 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/tests/static/datepicker/default.html @@ -0,0 +1,86 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>Datepicker Static Test : Default</title> + <link rel="stylesheet" href="../static.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> + <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> + <script type="text/javascript" src="../static.js"></script> +</head> +<body> + +<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> + +</body> +</html> diff --git a/src/main/webapp/jquery-ui-1.9pre/tests/static/icons.html b/src/main/webapp/jquery-ui-1.9pre/tests/static/icons.html new file mode 100644 index 0000000..49edb0e --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/tests/static/icons.html @@ -0,0 +1,246 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI CSS Framework Icons Test Page</title> + <link rel="stylesheet" href="../../themes/base/jquery.ui.base.css" type="text/css" /> + <link rel="stylesheet" href="../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> + <script type="text/javascript" src="../../jquery-1.7.1.js"></script> + + <style type="text/css"> + body {font-size: 62.5%; margin: 20px; font-family: Verdana, sans-serif; color: #444;} + h1 {font-size: 1.5em; margin: 1em 0;} + h2 {font-size: 1.3em; margin: 2em 0 .5em;} + h2 a {font-size: .8em;} + p {font-size: 1.2em; } + ul {margin: 0; padding: 0;} + td div {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;} + span.ui-icon { float: left; margin: 0 4px;} + </style> + + <script type="text/javascript"> + $(function(){ + $('.ui-state-default').hover( + function(){ $(this).addClass('ui-state-hover'); }, + function(){ $(this).removeClass('ui-state-hover'); } + ); + + $('.ui-state-default').click(function(){ + $(this).toggleClass('ui-state-active'); + }); + + }); + </script> +</head> +<body> + +<p class="icons"></p> + +<table class="ui-widget icon-collection" cellpaddding="0" cellspacing="0"> + <tr> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-n"><span class="ui-icon ui-icon-carat-1-n"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-ne"><span class="ui-icon ui-icon-carat-1-ne"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-e"><span class="ui-icon ui-icon-carat-1-e"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-se"><span class="ui-icon ui-icon-carat-1-se"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-s"><span class="ui-icon ui-icon-carat-1-s"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-sw"><span class="ui-icon ui-icon-carat-1-sw"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-w"><span class="ui-icon ui-icon-carat-1-w"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-nw"><span class="ui-icon ui-icon-carat-1-nw"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-carat-2-n-s"><span class="ui-icon ui-icon-carat-2-n-s"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-carat-2-e-w"><span class="ui-icon ui-icon-carat-2-e-w"></span></div></td> + </tr> + <tr> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-n"><span class="ui-icon ui-icon-triangle-1-n"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-ne"><span class="ui-icon ui-icon-triangle-1-ne"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-e"><span class="ui-icon ui-icon-triangle-1-e"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-se"><span class="ui-icon ui-icon-triangle-1-se"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-s"><span class="ui-icon ui-icon-triangle-1-s"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-sw"><span class="ui-icon ui-icon-triangle-1-sw"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-w"><span class="ui-icon ui-icon-triangle-1-w"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-nw"><span class="ui-icon ui-icon-triangle-1-nw"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-triangle-2-n-s"><span class="ui-icon ui-icon-triangle-2-n-s"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-triangle-2-e-w"><span class="ui-icon ui-icon-triangle-2-e-w"></span></div></td> + </tr> + <tr> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-n"><span class="ui-icon ui-icon-arrow-1-n"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-ne"><span class="ui-icon ui-icon-arrow-1-ne"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-e"><span class="ui-icon ui-icon-arrow-1-e"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-se"><span class="ui-icon ui-icon-arrow-1-se"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-s"><span class="ui-icon ui-icon-arrow-1-s"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-sw"><span class="ui-icon ui-icon-arrow-1-sw"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-w"><span class="ui-icon ui-icon-arrow-1-w"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-nw"><span class="ui-icon ui-icon-arrow-1-nw"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-n-s"><span class="ui-icon ui-icon-arrow-2-n-s"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-ne-sw"><span class="ui-icon ui-icon-arrow-2-ne-sw"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-e-w"><span class="ui-icon ui-icon-arrow-2-e-w"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-se-nw"><span class="ui-icon ui-icon-arrow-2-se-nw"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-n"><span class="ui-icon ui-icon-arrowstop-1-n"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-e"><span class="ui-icon ui-icon-arrowstop-1-e"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-s"><span class="ui-icon ui-icon-arrowstop-1-s"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-w"><span class="ui-icon ui-icon-arrowstop-1-w"></span></div></td> + </tr> + <tr> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-n"><span class="ui-icon ui-icon-arrowthick-1-n"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-ne"><span class="ui-icon ui-icon-arrowthick-1-ne"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-e"><span class="ui-icon ui-icon-arrowthick-1-e"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-se"><span class="ui-icon ui-icon-arrowthick-1-se"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-s"><span class="ui-icon ui-icon-arrowthick-1-s"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-sw"><span class="ui-icon ui-icon-arrowthick-1-sw"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-w"><span class="ui-icon ui-icon-arrowthick-1-w"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-nw"><span class="ui-icon ui-icon-arrowthick-1-nw"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-n-s"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-ne-sw"><span class="ui-icon ui-icon-arrowthick-2-ne-sw"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-e-w"><span class="ui-icon ui-icon-arrowthick-2-e-w"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-se-nw"><span class="ui-icon ui-icon-arrowthick-2-se-nw"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-n"><span class="ui-icon ui-icon-arrowthickstop-1-n"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-e"><span class="ui-icon ui-icon-arrowthickstop-1-e"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-s"><span class="ui-icon ui-icon-arrowthickstop-1-s"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-w"><span class="ui-icon ui-icon-arrowthickstop-1-w"></span></div></td> + </tr> + <tr> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-w"><span class="ui-icon ui-icon-arrowreturnthick-1-w"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-n"><span class="ui-icon ui-icon-arrowreturnthick-1-n"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-e"><span class="ui-icon ui-icon-arrowreturnthick-1-e"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-s"><span class="ui-icon ui-icon-arrowreturnthick-1-s"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-w"><span class="ui-icon ui-icon-arrowreturn-1-w"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-n"><span class="ui-icon ui-icon-arrowreturn-1-n"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-e"><span class="ui-icon ui-icon-arrowreturn-1-e"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-s"><span class="ui-icon ui-icon-arrowreturn-1-s"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-w"><span class="ui-icon ui-icon-arrowrefresh-1-w"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-n"><span class="ui-icon ui-icon-arrowrefresh-1-n"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-e"><span class="ui-icon ui-icon-arrowrefresh-1-e"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-s"><span class="ui-icon ui-icon-arrowrefresh-1-s"></span></div></td> + </tr> + <tr> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrow-4"><span class="ui-icon ui-icon-arrow-4"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-arrow-4-diag"><span class="ui-icon ui-icon-arrow-4-diag"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-extlink"><span class="ui-icon ui-icon-extlink"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-newwin"><span class="ui-icon ui-icon-newwin"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-refresh"><span class="ui-icon ui-icon-refresh"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-shuffle"><span class="ui-icon ui-icon-shuffle"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-transfer-e-w"><span class="ui-icon ui-icon-transfer-e-w"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-transferthick-e-w"><span class="ui-icon ui-icon-transferthick-e-w"></span></div></td> + </tr> + <tr> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-folder-collapsed"><span class="ui-icon ui-icon-folder-collapsed"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-folder-open"><span class="ui-icon ui-icon-folder-open"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-document"><span class="ui-icon ui-icon-document"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-document-b"><span class="ui-icon ui-icon-document-b"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-note"><span class="ui-icon ui-icon-note"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-mail-closed"><span class="ui-icon ui-icon-mail-closed"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-mail-open"><span class="ui-icon ui-icon-mail-open"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-suitcase"><span class="ui-icon ui-icon-suitcase"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-comment"><span class="ui-icon ui-icon-comment"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-person"><span class="ui-icon ui-icon-person"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-print"><span class="ui-icon ui-icon-print"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-trash"><span class="ui-icon ui-icon-trash"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-locked"><span class="ui-icon ui-icon-locked"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-unlocked"><span class="ui-icon ui-icon-unlocked"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-bookmark"><span class="ui-icon ui-icon-bookmark"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-tag"><span class="ui-icon ui-icon-tag"></span></div></td> + </tr> + <tr> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-home"><span class="ui-icon ui-icon-home"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-flag"><span class="ui-icon ui-icon-flag"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-calculator"><span class="ui-icon ui-icon-calculator"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-cart"><span class="ui-icon ui-icon-cart"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-pencil"><span class="ui-icon ui-icon-pencil"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-clock"><span class="ui-icon ui-icon-clock"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-disk"><span class="ui-icon ui-icon-disk"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-calendar"><span class="ui-icon ui-icon-calendar"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-zoomin"><span class="ui-icon ui-icon-zoomin"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-zoomout"><span class="ui-icon ui-icon-zoomout"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-search"><span class="ui-icon ui-icon-search"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-wrench"><span class="ui-icon ui-icon-wrench"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-gear"><span class="ui-icon ui-icon-gear"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-heart"><span class="ui-icon ui-icon-heart"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-star"><span class="ui-icon ui-icon-star"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-link"><span class="ui-icon ui-icon-link"></span></div></td> + </tr> + <tr> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-cancel"><span class="ui-icon ui-icon-cancel"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-plus"><span class="ui-icon ui-icon-plus"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-plusthick"><span class="ui-icon ui-icon-plusthick"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-minus"><span class="ui-icon ui-icon-minus"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-minusthick"><span class="ui-icon ui-icon-minusthick"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-close"><span class="ui-icon ui-icon-close"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-closethick"><span class="ui-icon ui-icon-closethick"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-key"><span class="ui-icon ui-icon-key"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-lightbulb"><span class="ui-icon ui-icon-lightbulb"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-scissors"><span class="ui-icon ui-icon-scissors"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-clipboard"><span class="ui-icon ui-icon-clipboard"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-copy"><span class="ui-icon ui-icon-copy"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-contact"><span class="ui-icon ui-icon-contact"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-image"><span class="ui-icon ui-icon-image"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-video"><span class="ui-icon ui-icon-video"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-script"><span class="ui-icon ui-icon-script"></span></div></td> + </tr> + <tr> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-alert"><span class="ui-icon ui-icon-alert"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-info"><span class="ui-icon ui-icon-info"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-notice"><span class="ui-icon ui-icon-notice"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-help"><span class="ui-icon ui-icon-help"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-check"><span class="ui-icon ui-icon-check"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-bullet"><span class="ui-icon ui-icon-bullet"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-radio-off"><span class="ui-icon ui-icon-radio-off"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-radio-on"><span class="ui-icon ui-icon-radio-on"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-pin-w"><span class="ui-icon ui-icon-pin-w"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-pin-s"><span class="ui-icon ui-icon-pin-s"></span></div></td> + </tr> + <tr> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-play"><span class="ui-icon ui-icon-play"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-pause"><span class="ui-icon ui-icon-pause"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-seek-next"><span class="ui-icon ui-icon-seek-next"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-seek-prev"><span class="ui-icon ui-icon-seek-prev"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-seek-end"><span class="ui-icon ui-icon-seek-end"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-seek-first"><span class="ui-icon ui-icon-seek-first"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-stop"><span class="ui-icon ui-icon-stop"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-eject"><span class="ui-icon ui-icon-eject"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-volume-off"><span class="ui-icon ui-icon-volume-off"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-volume-on"><span class="ui-icon ui-icon-volume-on"></span></div></td> + </tr> + <tr> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-power"><span class="ui-icon ui-icon-power"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-signal-diag"><span class="ui-icon ui-icon-signal-diag"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-signal"><span class="ui-icon ui-icon-signal"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-battery-0"><span class="ui-icon ui-icon-battery-0"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-battery-1"><span class="ui-icon ui-icon-battery-1"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-battery-2"><span class="ui-icon ui-icon-battery-2"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-battery-3"><span class="ui-icon ui-icon-battery-3"></span></div></td> + </tr> + <tr> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-circle-plus"><span class="ui-icon ui-icon-circle-plus"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-circle-minus"><span class="ui-icon ui-icon-circle-minus"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-circle-close"><span class="ui-icon ui-icon-circle-close"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-e"><span class="ui-icon ui-icon-circle-triangle-e"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-s"><span class="ui-icon ui-icon-circle-triangle-s"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-w"><span class="ui-icon ui-icon-circle-triangle-w"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-n"><span class="ui-icon ui-icon-circle-triangle-n"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-e"><span class="ui-icon ui-icon-circle-arrow-e"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-s"><span class="ui-icon ui-icon-circle-arrow-s"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-w"><span class="ui-icon ui-icon-circle-arrow-w"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-n"><span class="ui-icon ui-icon-circle-arrow-n"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-circle-zoomin"><span class="ui-icon ui-icon-circle-zoomin"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-circle-zoomout"><span class="ui-icon ui-icon-circle-zoomout"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-circle-check"><span class="ui-icon ui-icon-circle-check"></span></div></td> + </tr> + <tr> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-plus"><span class="ui-icon ui-icon-circlesmall-plus"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-minus"><span class="ui-icon ui-icon-circlesmall-minus"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-close"><span class="ui-icon ui-icon-circlesmall-close"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-plus"><span class="ui-icon ui-icon-squaresmall-plus"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-minus"><span class="ui-icon ui-icon-squaresmall-minus"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-close"><span class="ui-icon ui-icon-squaresmall-close"></span></div></td> + </tr> + <tr> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-grip-dotted-vertical"><span class="ui-icon ui-icon-grip-dotted-vertical"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-grip-dotted-horizontal"><span class="ui-icon ui-icon-grip-dotted-horizontal"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-grip-solid-vertical"><span class="ui-icon ui-icon-grip-solid-vertical"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-grip-solid-horizontal"><span class="ui-icon ui-icon-grip-solid-horizontal"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-gripsmall-diagonal-se"><span class="ui-icon ui-icon-gripsmall-diagonal-se"></span></div></td> + <td><div class="ui-state-default ui-corner-all" title=".ui-icon-grip-diagonal-se"><span class="ui-icon ui-icon-grip-diagonal-se"></span></div></td></ul> + </tr> +</table> + +</body> +</html> diff --git a/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/default.html b/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/default.html new file mode 100644 index 0000000..aec1f78 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/default.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>Slider Static Test : Default</title> + <link rel="stylesheet" href="../static.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> + <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> + <script type="text/javascript" src="../static.js"></script> +</head> +<body> + +<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><a style="left: 0%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div> + +</body> +</html> diff --git a/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/default_vertical.html b/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/default_vertical.html new file mode 100644 index 0000000..6ddf1de --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/default_vertical.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>Slider Static Test : Default vertical</title> + <link rel="stylesheet" href="../static.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> + <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> + <script type="text/javascript" src="../static.js"></script> +</head> +<body> + +<div class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all"><a style="bottom: 0%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div> + +</body> +</html> diff --git a/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_horizontal.html b/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_horizontal.html new file mode 100644 index 0000000..e28d9d7 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_horizontal.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>Slider Static Test : Slider horizontal</title> + <link rel="stylesheet" href="../static.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> + <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> + <script type="text/javascript" src="../static.js"></script> +</head> +<body> + +<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><a style="left: 50%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div> + +</body> +</html> diff --git a/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_horizontal_range.html b/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_horizontal_range.html new file mode 100644 index 0000000..227ce44 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_horizontal_range.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>Slider Static Test : Slider horizontal range</title> + <link rel="stylesheet" href="../static.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> + <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> + <script type="text/javascript" src="../static.js"></script> +</head> +<body> + +<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><div style="left: 25%; width: 50%;" class="ui-slider-range ui-widget-header"></div><a style="left: 25%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a><a style="left: 75%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div> + +</body> +</html> diff --git a/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_horizontal_range_max.html b/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_horizontal_range_max.html new file mode 100644 index 0000000..11b2a96 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_horizontal_range_max.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>Slider Static Test : Slider horizontal range max</title> + <link rel="stylesheet" href="../static.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> + <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> + <script type="text/javascript" src="../static.js"></script> +</head> +<body> + +<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><div style="width:25%;" class="ui-slider-range ui-slider-range-max ui-widget-header"></div><a style="left: 75%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div> + +</body> +</html> diff --git a/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_horizontal_range_min.html b/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_horizontal_range_min.html new file mode 100644 index 0000000..9ed15f5 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_horizontal_range_min.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>Slider Static Test : Slider horizontal range min</title> + <link rel="stylesheet" href="../static.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> + <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> + <script type="text/javascript" src="../static.js"></script> +</head> +<body> + +<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><div style="width: 25%;" class="ui-slider-range ui-slider-range-min ui-widget-header"></div><a style="left: 25%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div> + +</body> +</html> diff --git a/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_vertical.html b/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_vertical.html new file mode 100644 index 0000000..63ef3d1 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_vertical.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>Slider Static Test : Slider vertical</title> + <link rel="stylesheet" href="../static.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> + <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> + <script type="text/javascript" src="../static.js"></script> +</head> +<body> + +<div class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all"><a style="bottom: 50%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div> + +</body> +</html> diff --git a/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_vertical_range.html b/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_vertical_range.html new file mode 100644 index 0000000..4f1ffb0 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_vertical_range.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>Slider Static Test : Slider vertical range</title> + <link rel="stylesheet" href="../static.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> + <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> + <script type="text/javascript" src="../static.js"></script> +</head> +<body> + +<div class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all"><div style="bottom: 25%; height: 50%;" class="ui-slider-range ui-widget-header"></div><a style="bottom: 25%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a><a style="bottom: 75%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div> + +</body> +</html> diff --git a/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_vertical_range_max.html b/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_vertical_range_max.html new file mode 100644 index 0000000..a5c9857 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_vertical_range_max.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>Slider Static Test : Slider vertical range max</title> + <link rel="stylesheet" href="../static.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> + <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> + <script type="text/javascript" src="../static.js"></script> +</head> +<body> + +<div class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all"><div style="height: 25%;" class="ui-slider-range ui-slider-range-max ui-widget-header"></div><a style="bottom: 75%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div> + +</body> +</html> diff --git a/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_vertical_range_min.html b/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_vertical_range_min.html new file mode 100644 index 0000000..b43d451 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/tests/static/slider/slider_vertical_range_min.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>Slider Static Test : Slider vertical range min</title> + <link rel="stylesheet" href="../static.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> + <script type="text/javascript" src="../../../jquery-1.7.1.js"></script> + <script type="text/javascript" src="../static.js"></script> +</head> +<body> + +<div class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all"><div style="height:25%;" class="ui-slider-range ui-slider-range-min ui-widget-header"></div><a style="bottom: 25%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a></div> + +</body> +</html> diff --git a/src/main/webapp/jquery-ui-1.9pre/tests/static/static.css b/src/main/webapp/jquery-ui-1.9pre/tests/static/static.css new file mode 100644 index 0000000..60f25b5 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/tests/static/static.css @@ -0,0 +1 @@ +body { font-size: 62.5%; } diff --git a/src/main/webapp/jquery-ui-1.9pre/tests/static/static.js b/src/main/webapp/jquery-ui-1.9pre/tests/static/static.js new file mode 100644 index 0000000..1c29079 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/tests/static/static.js @@ -0,0 +1,9 @@ +/* static_helpers.js + */ +$(function(){ + //add hover states on the static widgets + $('.ui-state-default:not(.ui-state-disabled, .ui-slider-range, .ui-progressbar-value), a.ui-datepicker-next, a.ui-datepicker-prev, .ui-dialog-titlebar-close').hover( + function(){ $(this).addClass('ui-state-hover'); }, + function(){ $(this).removeClass('ui-state-hover'); } + ); +}); |