Bug Tracker

Show
Ignore:
Timestamp:
11/25/07 18:42:56 (1 year ago)
Author:
klaus.hartl
Message:

enable easier theme testing via url parameter

Files:
1 modified

Legend:

Unmodified
Added
Removed

  • trunk/ui/current/tests/tabs.html

    r3922 r3930  
    88 
    99        <title>jQuery UI Tabs</title> 
    10          
    11         <link rel="stylesheet" href="../../../themes/flora/flora.tabs.css" type="text/css" media="print, projection, screen" title="Flora"> 
    12         <link rel="alternate stylesheet" href="../../../themes/light/light.tabs.css" type="text/css" media="print, projection, screen" title="Light"> 
    13         <link rel="alternate stylesheet" href="../../../themes/dark/dark.tabs.css" type="text/css" media="print, projection, screen" title="Dark"> 
    1410         
    1511        <script type="text/javascript" src="../../../jquery/src/core.js"></script> 
    … …  
    2117        <script type="text/javascript" src="../../../plugins/cookie/jquery.cookie.js"></script> 
    2218        <script type="text/javascript" src="../ui.tabs.js"></script> 
     19 
    2320        <script type="text/javascript"> 
     21            var theme = location.search && location.search.split('=')[1] || 'flora'; 
     22            document.write('<link rel="stylesheet" href="../../../themes/' + theme + '/' + theme + '.tabs.css" type="text/css" media="print, projection, screen">'); 
     23             
    2424            $(function() { 
     25                $(document.body).addClass(theme); 
     26 
    2527                $('#container-1 ul').tabs(); 
    2628                $('#container-2 ul').tabs(2); 
    … …  
    4244                }); 
    4345                $('#container-7 ul').tabs({ fxShow: { height: 'show', opacity: 'show' }, fxSpeed: 'normal' }); 
    44                 $('#container-8 ul').tabs({ cache: false }); 
     46                $('#container-8 ul').tabs({ cache: true, unselected: false }); 
    4547                $('#container-9 ul').tabs({ disabled: [3] }); 
    4648                $('<p><a href="#">Remove tab<\/a><\/p>').prependTo('#fragment-22').find('a').click(function() { 
    … …  
    9799        </style> 
    98100    </head> 
    99     <body class="flora"> 
     101    <body> 
    100102        <h1><a href="http://ui.jquery.com">jQuery UI</a> Tabs</h1> 
    101103