diff options
| author | Todd Parker <fg.todd@gmail.com> | 2008-12-30 19:12:57 +0000 |
|---|---|---|
| committer | Todd Parker <fg.todd@gmail.com> | 2008-12-30 19:12:57 +0000 |
| commit | ed25622f4b539e5b8c7b8ea0a74a1d6a32de2683 (patch) | |
| tree | 4da7b5bf5d06f6d0a189b0f1860dfc4088560e97 /demos/tabs/ajax.html | |
| parent | 0ea93717d2490d009869efcccbf6c7dfdb8ba21b (diff) | |
| download | jquery-ui-ed25622f4b539e5b8c7b8ea0a74a1d6a32de2683.tar.gz jquery-ui-ed25622f4b539e5b8c7b8ea0a74a1d6a32de2683.zip | |
Added container divs and descriptions
Diffstat (limited to 'demos/tabs/ajax.html')
| -rw-r--r-- | demos/tabs/ajax.html | 20 |
1 files changed, 16 insertions, 4 deletions
diff --git a/demos/tabs/ajax.html b/demos/tabs/ajax.html index 722e66aff..46760c289 100644 --- a/demos/tabs/ajax.html +++ b/demos/tabs/ajax.html @@ -15,18 +15,30 @@ </head> <body> +<div class="demo"> + <div id="tabs"> <ul> <li><a href="#tabs-1">Nunc tincidunt</a></li> - <li><a href="ajax/content1.html">Ajax Tab</a></li> - <li><a href="ajax/content2.html">Ajax Tab</a></li> + <li><a href="ajax/content1.html">Ajax Tab 1</a></li> + <li><a href="ajax/content2.html">Ajax Tab 2</a></li> </ul> <div id="tabs-1"> <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p> - <p>Mauris vitae ante. Curabitur augue. Nulla purus nibh, lobortis ut, feugiat at, aliquam id, purus. Sed venenatis, lorem venenatis volutpat commodo, purus quam lacinia justo, mattis interdum pede pede a odio. Fusce nibh. Morbi nisl mauris, dapibus in, tristique eget, accumsan et, pede. Donec mauris risus, pulvinar ut, faucibus eu, mollis in, nunc. In augue massa, commodo a, cursus vehicula, varius eu, dui. Suspendisse sodales suscipit lorem. Morbi malesuada, eros quis condimentum dignissim, lectus nibh tristique urna, non bibendum diam massa vel risus. Morbi suscipit. Proin egestas, eros at scelerisque scelerisque, dolor lacus fringilla lacus, ut ullamcorper mi magna at quam. Aliquam sed elit. Aliquam turpis purus, congue quis, iaculis id, ullamcorper sit amet, justo. Maecenas sed mauris. Proin magna justo, interdum in, tincidunt eu, viverra eu, turpis. Suspendisse mollis. In magna. Phasellus pellentesque, urna pellentesque convallis pellentesque, augue sem blandit pede, at rhoncus libero nisl a odio.</p> - <p>Sed vitae nibh non magna semper tempor. Duis dolor. Nam congue laoreet arcu. Fusce lobortis enim quis ligula. Maecenas commodo odio id mi. Maecenas scelerisque tellus eu odio. Etiam dolor purus, lacinia a, imperdiet in, aliquam et, eros. In pellentesque. Nullam ac massa. Integer et turpis. Ut quam augue, congue non, imperdiet id, eleifend ac, nisi. Etiam ac arcu. Cras iaculis accumsan erat. Nullam vulputate sapien nec nisi pretium rhoncus. Aliquam a nibh. Vivamus est ante, fermentum a, tincidunt ut, imperdiet nec, velit. Aenean non tortor. Sed nec mauris eget tellus condimentum rutrum.</p> </div> </div> +</div><!-- End demo --> + + + +<div class="demo-description"> + +<p>This example fetches in external content via AJAX for the 2nd and 3rd tabs just by setting an href for the tabs. While the AJAX request is waiting for a response, the tab label changes to say "Loading...", then returns to the normal label once loaded.</p> + +</div><!-- End demo-description --> + + + </body> </html> |