Author: fg.maggie
Date: Tue Jan 20 13:30:24 2009
New Revision: 1729
Modified:
trunk/demos/tabs/ajax.html
trunk/demos/tabs/collapsible.html
trunk/demos/tabs/default.html
trunk/demos/tabs/index.html
trunk/demos/tabs/mouseover.html
Log:
slightly reorganized/renamed demos to better reflect functionality
Modified: trunk/demos/tabs/ajax.html
==============================================================================
--- trunk/demos/tabs/ajax.html (original)
+++ trunk/demos/tabs/ajax.html Tue Jan 20 13:30:24 2009
@@ -1,7 +1,7 @@
<!doctype html>
<html lang="en">
<head>
- <title>jQuery UI Tabs - Ajax Demo</title>
+ <title>jQuery UI Tabs - Content via Ajax</title>
<link type="text/css" href="../../themes/base/ui.all.css"
rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.3.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
@@ -32,10 +32,7 @@
<div class="demo-description">
-
-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.
-
+Fetch external content via Ajax for the 2nd and 3rd tabs 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.
</div><!-- End demo-description -->
Modified: trunk/demos/tabs/collapsible.html
==============================================================================
--- trunk/demos/tabs/collapsible.html (original)
+++ trunk/demos/tabs/collapsible.html Tue Jan 20 13:30:24 2009
@@ -1,7 +1,7 @@
<!doctype html>
<html lang="en">
<head>
- <title>jQuery UI Tabs - Collapsible Demo</title>
+ <title>jQuery UI Tabs - Collapse content</title>
<link type="text/css" href="../../themes/base/ui.all.css"
rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.3.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
@@ -43,9 +43,7 @@
<div class="demo-description">
-
-This example allows the tab strip to be toggled closed by setting the
delectable option to true like this:
-
+Click the selected tab to toggle its content closed/open. To enable
this functionality, set the <strong>deselectable</strong> option to
true.
<pre><code>deselectable: true
</code></pre>
Modified: trunk/demos/tabs/default.html
==============================================================================
--- trunk/demos/tabs/default.html (original)
+++ trunk/demos/tabs/default.html Tue Jan 20 13:30:24 2009
@@ -1,7 +1,7 @@
<!doctype html>
<html lang="en">
<head>
- <title>jQuery UI Tabs - Default Demo</title>
+ <title>jQuery UI Tabs - Default functionality</title>
<link type="text/css" href="../../themes/base/ui.all.css"
rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.3.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
@@ -39,9 +39,7 @@
<div class="demo-description">
-
-This is the basic default tab strip that swaps between different blocks of
content.
-
+Click tabs to swap between content that is broken into logical
sections.
</div><!-- End demo-description -->
Modified: trunk/demos/tabs/index.html
==============================================================================
--- trunk/demos/tabs/index.html (original)
+++ trunk/demos/tabs/index.html Tue Jan 20 13:30:24 2009
@@ -9,10 +9,10 @@
<div class="demos-nav">
<h4>Examples</h4>
<ul>
- <li class="demo-config-on"><a href="default.html">Default Tabs</a></li>
- <li><a href="ajax.html">Ajax</a></li>
- <li><a href="collapsible.html">Collapsible</a></li>
- <li><a href="mouseover.html">Mouseover event</a></li>
+ <li class="demo-config-on"><a href="default.html">Default
functionality</a></li>
+ <li><a href="ajax.html">Content via Ajax</a></li>
+ <li><a href="mouseover.html">Open on mouseover</a></li>
+ <li><a href="collapsible.html">Collapse content</a></li>
</ul>
</div>
Modified: trunk/demos/tabs/mouseover.html
==============================================================================
--- trunk/demos/tabs/mouseover.html (original)
+++ trunk/demos/tabs/mouseover.html Tue Jan 20 13:30:24 2009
@@ -1,7 +1,7 @@
<!doctype html>
<html lang="en">
<head>
- <title>jQuery UI Tabs - Mouseover Demo</title>
+ <title>jQuery UI Tabs - Open on mouseover</title>
<link type="text/css" href="../../themes/base/ui.all.css"
rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.3.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
@@ -41,9 +41,7 @@
<div class="demo-description">
-
-This example changes the default swap event from a click to mouseover by
changing the event option:
-
+Toggle sections open/closed on mouseover with the
<strong>event</strong> option. The default value for event is "click."
<pre><code>event: 'mouseover'
</code></pre>