<script type="text/javascript" src="qunit/testrunner.js"></script>
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
+ <script type="text/javascript" src="plugins/cookie/jquery.cookie.js"></script>
<script type="text/javascript" src="accordion.js"></script>
<script type="text/javascript" src="datepicker.js"></script>
<script type="text/javascript" src="slider.js"></script>
<script type="text/javascript" src="sortable.js"></script>
<script type="text/javascript" src="spinner.js"></script>
+ <script type="text/javascript" src="tabs.js"></script>
<style type="text/css">
@import "../themes/flora/flora.datepicker.css";
- .xerror, .error { display: none }
+ .xerror, .error, .ui-tabs-hide {
+ display: none;
+ }
</style>
</head>
<li><a href="slider.html">Slider</a></li>
<li><a href="sortable.html">Sortable</a></li>
<li><a href="spinner.html">Spinner</a></li>
+ <li><a href="tabs.html">Tabs</a></li>
</ul>
<ol id="tests"></ol>
<div id="progressbar"></div>
+ <div id="tabs1">
+ <ul>
+ <li><a href="#fragment-1">1</a></li>
+ <li><a href="#fragment-2">2</a></li>
+ <li><a href="#fragment-3">3</a></li>
+ </ul>
+ <div id="fragment-1"></div>
+ <div id="fragment-2"></div>
+ <div id="fragment-3"></div>
+ </div>
+ <div id="tabs2">
+ <ul>
+ <li><a href="#colon:test">1</a></li>
+ <li><a href="#inline-style">2</a></li>
+ </ul>
+ <div id="colon:test"></div>
+ <div style="height: 300px;" id="inline-style"></div>
+ </div>
+
</div>
</body>
</html>
\ No newline at end of file
<script type="text/javascript" src="../ui/ui.core.js"></script>
<script type="text/javascript">
- var components = ["accordion","datepicker","dialog","draggable","progressbar","resizable","selectable","slider","sortable","spinner"];
+ var components = ["accordion","datepicker","dialog","draggable","progressbar","resizable","selectable","slider","sortable","spinner","tabs"];
- $(document).ready(function(){
+ $(function() {
var $list = $("#individual_list"),
$main = $("#main");
$.each(components, function(i, val){
$list.append('<li><a href="' + val + '.html">' + val + '</a></li>');
$('<div class="component_panel" id="' + val + '">').appendTo($main);
- $('div#'+val).load(val + '.html #main *');
+ $('#' + val).load(val + '.html #main *');
});
loadScripts();
function loadScripts() {
if ( $("div.component_panel").length == components.length ) {
$.each(components, function(i, val){
- $('head').append('<script type="text/javascript" src="'+val+'.js"></scr'+'pit>');
+ $('head').append('<script type="text/javascript" src="' + val + '.js"></scr'+'ipt>');
});
} else {
- setTimeout( function (){ loadScripts(); } ,10);
+ setTimeout(loadScripts, 10);
}
}
<script type="text/javascript" src="qunit/testrunner.js"></script>
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
+ <script type="text/javascript" src="plugins/cookie/jquery.cookie.js"></script>
<style type="text/css">
@import "../themes/flora/flora.datepicker.css";
- .xerror, .error { display: none }
+ .xerror, .error, .ui-tabs-hide {
+ display: none;
+ }
</style>
</head>
<ol id="tests"></ol>
- <div id="main" style="position:absolute;top:-2000000px;">
+ <div id="main" style="position:absolute; top:-2000000px;">
</div>