]> source.dussan.org Git - jquery-ui.git/commitdiff
added tabs to test overview
authorKlaus Hartl <klaus.hartl@googlemail.com>
Mon, 6 Oct 2008 11:37:51 +0000 (11:37 +0000)
committerKlaus Hartl <klaus.hartl@googlemail.com>
Mon, 6 Oct 2008 11:37:51 +0000 (11:37 +0000)
tests/all.html
tests/all_2.html

index d069148add9b5f5eb3efe73373d8fca106270437..989b3b880646d9bad5c0e8193857ab1c4bdc10a8 100644 (file)
@@ -21,6 +21,7 @@
        
        <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>
@@ -55,6 +59,7 @@
                <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
index efaf4c7068f1f43c866ac02ed7d943b2045fe73e..5a55a324c5d620058f267cca7262588640794a98 100644 (file)
@@ -8,9 +8,9 @@
        <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");
@@ -18,7 +18,7 @@
                $.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>
@@ -72,7 +75,7 @@
 
        <ol id="tests"></ol>
 
-       <div id="main" style="position:absolute;top:-2000000px;">
+       <div id="main" style="position:absolute; top:-2000000px;">
 
        </div>