github/jquery-ui
1
1
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2026-02-05 20:54:58 -05:00
Code Issues Packages Projects Releases Wiki Activity

slightly reorganized/renamed demos to better reflect functionality

Browse Source
This commit is contained in:
Maggie Costello Wachs
2009-01-20 21:30:24 +00:00
parent 88d8063be4
commit 80e15e7dc9
5 changed files with 12 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
demos/tabs/ajax.html
View File

@@ -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">
<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>
<p>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.</p>
</div><!-- End demo-description -->

6
demos/tabs/collapsible.html
View File

@@ -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">
<p>
This example allows the tab strip to be toggled closed by setting the delectable option to true like this:
</p>
<p>Click the selected tab to toggle its content closed/open. To enable this functionality, set the <strong>deselectable</strong> option to true.</p>
<pre><code>deselectable: true
</code></pre>

6
demos/tabs/default.html
View File

@@ -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">
<p>
This is the basic default tab strip that swaps between different blocks of content.
</p>
<p>Click tabs to swap between content that is broken into logical sections.</p>
</div><!-- End demo-description -->

8
demos/tabs/index.html
View File

@@ -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>

6
demos/tabs/mouseover.html
View File

@@ -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">
<p>
This example changes the default swap event from a click to mouseover by changing the event option:
</p>
<p>Toggle sections open/closed on mouseover with the <strong>event</strong> option. The default value for event is "click."</p>
<pre><code>event: 'mouseover'
</code></pre>