← Back to branch summary

~jstys-z/helioviewer.org/client5

« back to all changes in this revision

Viewing changes to lib/jquery/jquery.ui-1.6rc2/demos/functional/templates/ui.tabs.ex1.html

  • Committer: V. Keith Hughitt
  • Date: 2009-03-26 19:20:57 UTC
  • Revision ID: hughitt1@kore-20090326192057-u0x8rf8sf5lmmnwh
nightly build 03-26-2009: Using alpha-channel JPEG 2000 dataset

Show diffs side-by-side

added added

removed removed

Lines of Context:
lib/jquery/jquery.ui-1.6rc2/demos/functional/templates/ui.tabs.ex1.html
1
 
<div id="tabsEx1">
2
 
        
3
 
                <input type="button" onclick="$('#tabsEx1 > ul').tabs('add', '#appended-tab', 'New Tab');" value="Add new tab">
4
 
                <input type="button" onclick="$('#tabsEx1 > ul').tabs('add', '#inserted-tab', 'New Tab', 1);" value="Insert tab">
5
 
                <input type="button" onclick="$('#tabsEx1 > ul').tabs('disable', 1);" value="Disable tab 2">
6
 
                <input type="button" onclick="$('#tabsEx1 > ul').tabs('enable', 1);" value="Enable tab 2">
7
 
                <input type="button" onclick="$('#tabsEx1 > ul').tabs('select', 2);" value="Select tab 3">
8
 
                
9
 
                <br><br>
10
 
        
11
 
    <ul style="height: 30px;">
12
 
        <li><a href="#fragment-1"><span>One</span></a></li>
13
 
        <li><a href="#fragment-2"><span>Two</span></a></li>
14
 
        <li><a href="#fragment-3"><span>Three</span></a></li>
15
 
    </ul>
16
 
    <div id="fragment-1">
17
 
        <p>First tab is active by default</p>
18
 
    </div>
19
 
    <div id="fragment-2">
20
 
                        <p><b>Second tab is active</b></p><br>
21
 
      <p>Alternative ways to specify the active tab will overrule this argument, listed in the order of their precedence:</p><br>
22
 
      <ol>
23
 
          <li>If a fragment identifier (hash) in the URL of the page refers to the id of a tab panel of a tab interface the corresponding tab will become the initial tab.</li>
24
 
          <li>Same if you use the cookie option to save the latest selected tab in.</li>
25
 
          <li>Last not least you can set the selected tab by attaching the selected tab class
26
 
          class (default: "ui-tabs-selected") to one of the <code>li</code> elements
27
 
          representing a single tab.</li>
28
 
      </ol>
29
 
    </div>
30
 
    <div id="fragment-3">
31
 
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
32
 
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
33
 
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
34
 
    </div>
35
 
</div>
 
 
b'\\ No newline at end of file'