<link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
<script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="../static_helpers.js"></script>
+ <script type="text/javascript" src="../static.js"></script>
</head>
<body style="font-size: 62.5%;">
--- /dev/null
+<!doctype html>\r
+<html>\r
+<head>\r
+ <title>Accordion Static Test : Default</title>\r
+ <link rel="stylesheet" href="../static.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />\r
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>\r
+ <script type="text/javascript" src="../static.js"></script>\r
+</head>\r
+<body>\r
+\r
+<div class="ui-accordion ui-widget ui-helper-reset">\r
+ <div class="ui-accordion-group ui-accordion-selected">\r
+ <h3 class="ui-accordion-header ui-helper-reset ui-state-active ui-corner-top" tabindex="0"><span class="ui-icon ui-icon-triangle-1-s"></span><a href="#">First</a></h3>\r
+ <div>\r
+ <div class="ui-accordion-content-wrap ui-helper-reset ui-widget-content ui-corner-bottom">\r
+ <div class="ui-accordion-content">\r
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ <div class="ui-accordion-group">\r
+ <h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" tabindex="0"><span class="ui-icon ui-icon-triangle-1-e"></span><a href="#">Second</a></h3>\r
+ <div>\r
+ <div class="ui-accordion-content-wrap ui-helper-reset ui-widget-content ui-corner-bottom" style="height: 95px; display: none;">\r
+ <div class="ui-accordion-content">\r
+ <p>Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</p>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ <div class="ui-accordion-group">\r
+ <h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" tabindex="0"><span class="ui-icon ui-icon-triangle-1-e"></span><a href="#">Third</a></h3>\r
+ <div>\r
+ <div class="ui-accordion-content-wrap ui-helper-reset ui-widget-content ui-corner-bottom" style="height: 95px; display: none;">\r
+ <div class="ui-accordion-content">\r
+ <p>Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</p>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ </div>\r
+</div>\r
+\r
+</body>\r
+</html>\r
<link rel="stylesheet" href="../../themes/base/ui.base.css" type="text/css" />
<link rel="stylesheet" href="../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
<script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="static_helpers.js"></script>
+ <script type="text/javascript" src="static.js"></script>
<style type="text/css">
dd.plugin { margin-top: 0.3em; margin-bottom: 1em; }
</style>
<link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
<script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="../static_helpers.js"></script>
+ <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; }
--- /dev/null
+<!doctype html>\r
+<html>\r
+<head>\r
+ <title>Datepicker Static Test : Default</title>\r
+ <link rel="stylesheet" href="../static.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />\r
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>\r
+ <script type="text/javascript" src="../static.js"></script>\r
+</head>\r
+<body>\r
+\r
+<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">\r
+ <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">\r
+ <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>\r
+ <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>\r
+ <div class="ui-datepicker-title">\r
+ <span class="ui-datepicker-month">December</span>\r
+ <span class="ui-datepicker-year">2008</span>\r
+ </div>\r
+ </div>\r
+ <table class="ui-datepicker-calendar">\r
+ <thead>\r
+ <tr>\r
+ <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>\r
+ <th><span title="Monday">Mo</span></th>\r
+ <th><span title="Tuesday">Tu</span></th>\r
+ <th><span title="Wednesday">We</span></th>\r
+ <th><span title="Thursday">Th</span></th>\r
+ <th><span title="Friday">Fr</span></th>\r
+ <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>\r
+ </tr>\r
+ </thead>\r
+ <tbody>\r
+ <tr>\r
+ <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">\r
+ </td><td class=""><a href="#" class="ui-state-default">1</a></td>\r
+ <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>\r
+ <td class=""><a href="#" class="ui-state-default">3</a></td>\r
+ <td class=""><a href="#" class="ui-state-default">4</a></td>\r
+ <td class=""><a href="#" class="ui-state-default">5</a></td>\r
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>\r
+ </tr>\r
+ <tr>\r
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>\r
+ <td class=""><a href="#" class="ui-state-default">8</a></td>\r
+ <td class=""><a href="#" class="ui-state-default">9</a></td>\r
+ <td class=""><a href="#" class="ui-state-default">10</a></td>\r
+ <td class=""><a href="#" class="ui-state-default">11</a></td>\r
+ <td class=""><a href="#" class="ui-state-default">12</a></td>\r
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>\r
+ </tr>\r
+ <tr>\r
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>\r
+ <td class=""><a href="#" class="ui-state-default">15</a></td>\r
+ <td class=""><a href="#" class="ui-state-default">16</a></td>\r
+ <td class=""><a href="#" class="ui-state-default">17</a></td>\r
+ <td class=""><a href="#" class="ui-state-default">18</a></td>\r
+ <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>\r
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>\r
+ </tr>\r
+ <tr>\r
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>\r
+ <td class=""><a href="#" class="ui-state-default">22</a></td>\r
+ <td class=""><a href="#" class="ui-state-default">23</a></td>\r
+ <td class=""><a href="#" class="ui-state-default">24</a></td>\r
+ <td class=""><a href="#" class="ui-state-default">25</a></td>\r
+ <td class=""><a href="#" class="ui-state-default">26</a></td>\r
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>\r
+ </tr>\r
+ <tr>\r
+ <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>\r
+ <td class=""><a href="#" class="ui-state-default">29</a></td>\r
+ <td class=""><a href="#" class="ui-state-default">30</a></td>\r
+ <td class=""><a href="#" class="ui-state-default">31</a></td>\r
+ <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">\r
+ </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">\r
+ </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">\r
+ </td></tr>\r
+ </tbody>\r
+ </table>\r
+</div>\r
+\r
+</body>\r
+</html>\r
--- /dev/null
+<!doctype html>\r
+<html>\r
+<head>\r
+ <title>Dialog Static Test : Default</title>\r
+ <link rel="stylesheet" href="../static.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />\r
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>\r
+ <script type="text/javascript" src="../static.js"></script>\r
+</head>\r
+<body>\r
+\r
+<div class="ui-dialog ui-widget ui-widget-content ui-corner-all" role="dialog" aria-labelledby="ui-dialog-title-1">\r
+ <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">\r
+ <span class="ui-dialog-title" id="ui-dialog-title-1">Dialog Title</span>\r
+ <a href="#" class="ui-dialog-titlebar-close ui-corner-all" role="button" title="Close"><span class="ui-icon ui-icon-closethick">Close</span></a>\r
+ </div>\r
+ <div class="ui-dialog-content ui-widget-content" style="height: 13em;">\r
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\r
+ </div>\r
+ <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">\r
+ <button class="ui-state-default ui-priority-primary ui-corner-all">Primary</button>\r
+ <button class="ui-state-default ui-priority-secondary ui-corner-all">Secondary</button>\r
+ <button class="ui-state-default ui-state-disabled ui-corner-all">Disabled</button>\r
+ </div>\r
+ <div class="ui-resizable-n ui-resizable-handle"></div>\r
+ <div class="ui-resizable-s ui-resizable-handle"></div>\r
+ <div class="ui-resizable-e ui-resizable-handle"></div>\r
+ <div class="ui-resizable-w ui-resizable-handle"></div>\r
+ <div class="ui-resizable-ne ui-resizable-handle"></div>\r
+ <div class="ui-resizable-se ui-resizable-handle ui-icon ui-icon-grip-diagonal-se"></div>\r
+ <div class="ui-resizable-sw ui-resizable-handle"></div>\r
+ <div class="ui-resizable-nw ui-resizable-handle"></div>\r
+</div>\r
+\r
+</body>\r
+</html>\r
<link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
<script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="../static_helpers.js"></script>
+ <script type="text/javascript" src="../static.js"></script>
</head>
<body style="font-size: 62.5%;">
--- /dev/null
+<!doctype html>\r
+<html>\r
+<head>\r
+ <title>Draggable Static Test : Default</title>\r
+ <link rel="stylesheet" href="../static.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />\r
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>\r
+ <script type="text/javascript" src="../static.js"></script>\r
+</head>\r
+<body>\r
+\r
+<div class="ui-draggable">\r
+</div>\r
+\r
+</body>\r
+</html>\r
--- /dev/null
+<!doctype html>\r
+<html>\r
+<head>\r
+ <title>Droppable Static Test : Default</title>\r
+ <link rel="stylesheet" href="../static.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />\r
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>\r
+ <script type="text/javascript" src="../static.js"></script>\r
+</head>\r
+<body>\r
+\r
+<div class="ui-droppable">\r
+</div>\r
+\r
+</body>\r
+</html>\r
<link rel="stylesheet" href="../../themes/base/ui.base.css" type="text/css" />
<link rel="stylesheet" href="../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
<script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="static_helpers.js"></script>
+ <script type="text/javascript" src="static.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;}
<link rel="stylesheet" href="../../themes/base/ui.base.css" type="text/css" />
<link rel="stylesheet" href="../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
<script type="text/javascript" src="../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="static_helpers.js"></script>
+ <script type="text/javascript" src="static.js"></script>
<script type="text/javascript">
//overlay sample plugin ( to become part of positionTo )
--- /dev/null
+<!doctype html>\r
+<html>\r
+<head>\r
+ <title>Progressbar Static Test : Default</title>\r
+ <link rel="stylesheet" href="../static.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />\r
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>\r
+ <script type="text/javascript" src="../static.js"></script>\r
+</head>\r
+<body>\r
+\r
+<div class="ui-progressbar ui-widget ui-widget-content ui-corner-all" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="13">\r
+ <div class="ui-progressbar-value ui-widget-header ui-corner-left" style="width: 0%;"></div>\r
+</div>\r
+\r
+</body>\r
+</html>\r
<link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
<script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="../static_helpers.js"></script>
+ <script type="text/javascript" src="../static.js"></script>
</head>
<body style="font-size: 62.5%;">
--- /dev/null
+<!doctype html>\r
+<html>\r
+<head>\r
+ <title>Resizable Static Test : Default</title>\r
+ <link rel="stylesheet" href="../static.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />\r
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>\r
+ <script type="text/javascript" src="../static.js"></script>\r
+</head>\r
+<body>\r
+\r
+<div class="ui-resizable">\r
+ <div class="ui-resizable-handle ui-resizable-e"></div>\r
+ <div class="ui-resizable-handle ui-resizable-s"></div>\r
+ <div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se"></div>\r
+</div>\r
+\r
+</body>\r
+</html>\r
--- /dev/null
+<!doctype html>\r
+<html>\r
+<head>\r
+ <title>Selectable Static Test : Default</title>\r
+ <link rel="stylesheet" href="../static.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />\r
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>\r
+ <script type="text/javascript" src="../static.js"></script>\r
+</head>\r
+<body>\r
+\r
+<div class="ui-selectable">\r
+ <div class="ui-selectee">First</div>\r
+ <div class="ui-selectee">Second</div>\r
+ <div class="ui-selectee">Third</div>\r
+</div>\r
+\r
+</body>\r
+</html>\r
--- /dev/null
+<!doctype html>\r
+<html>\r
+<head>\r
+ <title>Slider Static Test : Default</title>\r
+ <link rel="stylesheet" href="../static.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />\r
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>\r
+ <script type="text/javascript" src="../static.js"></script>\r
+</head>\r
+<body>\r
+\r
+<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">\r
+ <a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 0%;"></a>\r
+</div>\r
+\r
+</body>\r
+</html>\r
<link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
<script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="../static_helpers.js"></script>
+ <script type="text/javascript" src="../static.js"></script>
<style type="text/css">
.ui-slider {margin: 2em 0;}
</style>
--- /dev/null
+<!doctype html>\r
+<html>\r
+<head>\r
+ <title>Sortable Static Test : Default</title>\r
+ <link rel="stylesheet" href="../static.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />\r
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>\r
+ <script type="text/javascript" src="../static.js"></script>\r
+</head>\r
+<body>\r
+\r
+<div class="ui-sortable">\r
+ <div>First</div>\r
+ <div>Second</div>\r
+ <div>Third</div>\r
+</div>\r
+\r
+</body>\r
+</html>\r
--- /dev/null
+body { font-size: 62.5%; }\r
--- /dev/null
+/* 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'); }
+ );
+});
+++ /dev/null
-/* 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'); }
- );
-});
--- /dev/null
+<!doctype html>\r
+<html>\r
+<head>\r
+ <title>jQuery UI Tabs Static Markup Test Page</title>\r
+ <link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />\r
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>\r
+ <script type="text/javascript" src="../static.js"></script>\r
+</head>\r
+<body style="font-size: 62.5%;">\r
+\r
+<!-- Tabs -->\r
+<div class="ui-tabs ui-widget ui-widget-content ui-corner-all">\r
+ <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">\r
+ <li class="ui-state-default ui-state-active ui-tabs-selected ui-corner-top"><a href="#fragment-1">First</a></li>\r
+ <li class="ui-state-default ui-corner-top"><a href="#fragment-2">Second</span></a></li>\r
+ <li class="ui-state-default ui-corner-top"><a href="#fragment-3">Third</a></li>\r
+ <li class="ui-state-default ui-state-disabled ui-corner-top"><a href="#fragment-3">Disabled</a></li>\r
+ </ul>\r
+ <div id="fragment-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom">\r
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\r
+ </div>\r
+ <div id="fragment-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">\r
+ Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.\r
+ </div>\r
+ <div id="fragment-3" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">\r
+ Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.\r
+ </div>\r
+</div>\r
+\r
+</body>\r
+</html>\r
<!doctype html>
<html>
<head>
- <title>jQuery UI Tabs Static Markup Test Page</title>
+ <title>Tabs Static Test : Default</title>
+ <link rel="stylesheet" href="../static.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
<script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
- <script type="text/javascript" src="../static_helpers.js"></script>
+ <script type="text/javascript" src="../static.js"></script>
</head>
-<body style="font-size: 62.5%;">
+<body>
-<!-- Tabs -->
<div class="ui-tabs ui-widget ui-widget-content ui-corner-all">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li class="ui-state-default ui-state-active ui-tabs-selected ui-corner-top"><a href="#fragment-1">First</a></li>
<body>\r
\r
<div id="selectable">\r
- <div>1</div>\r
- <div>2</div>\r
- <div>3</div>\r
- <div>4</div>\r
- <div>5</div>\r
- <div>6</div>\r
- <div>7</div>\r
- <div>8</div>\r
- <div>9</div>\r
+ <div>First</div>\r
+ <div>Second</div>\r
+ <div>Third</div>\r
</div>\r
\r
</body>\r
<body>\r
\r
<div id="sortable">\r
- <div>C</div>\r
- <div>I</div>\r
- <div>G</div>\r
- <div>F</div>\r
- <div>D</div>\r
- <div>H</div>\r
- <div>A</div>\r
- <div>E</div>\r
- <div>B</div>\r
+ <div>First</div>\r
+ <div>Second</div>\r
+ <div>Third</div>\r
</div>\r
\r
</body>\r