[jquery-ui] r4153 committed - Fixed docs.

26 views

Skip to first unread message

jque...@googlecode.com

unread,

Sep 29, 2012, 12:24:36 PM9/29/12

to jquery...@googlegroups.com

Revision: 4153
Author: scottgonzalez
Date: Sat Sep 29 09:23:39 2012
Log: Fixed docs.
http://code.google.com/p/jquery-ui/source/detail?r=4153

Modified:
/tags/1.8.24/docs/accordion.html
/tags/1.8.24/docs/addClass.html
/tags/1.8.24/docs/animate.html
/tags/1.8.24/docs/autocomplete.html
/tags/1.8.24/docs/button.html
/tags/1.8.24/docs/datepicker.html
/tags/1.8.24/docs/dialog.html
/tags/1.8.24/docs/draggable.html
/tags/1.8.24/docs/droppable.html
/tags/1.8.24/docs/effect-blind.html
/tags/1.8.24/docs/effect-bounce.html
/tags/1.8.24/docs/effect-clip.html
/tags/1.8.24/docs/effect-drop.html
/tags/1.8.24/docs/effect-explode.html
/tags/1.8.24/docs/effect-fade.html
/tags/1.8.24/docs/effect-fold.html
/tags/1.8.24/docs/effect-highlight.html
/tags/1.8.24/docs/effect-puff.html
/tags/1.8.24/docs/effect-pulsate.html
/tags/1.8.24/docs/effect-scale.html
/tags/1.8.24/docs/effect-shake.html
/tags/1.8.24/docs/effect-size.html
/tags/1.8.24/docs/effect-slide.html
/tags/1.8.24/docs/effect-transfer.html
/tags/1.8.24/docs/effect.html
/tags/1.8.24/docs/hide.html
/tags/1.8.24/docs/position.html
/tags/1.8.24/docs/progressbar.html
/tags/1.8.24/docs/removeClass.html
/tags/1.8.24/docs/resizable.html
/tags/1.8.24/docs/selectable.html
/tags/1.8.24/docs/show.html
/tags/1.8.24/docs/slider.html
/tags/1.8.24/docs/sortable.html
/tags/1.8.24/docs/switchClass.html
/tags/1.8.24/docs/tabs.html
/tags/1.8.24/docs/toggle.html
/tags/1.8.24/docs/toggleClass.html

=======================================
--- /tags/1.8.24/docs/accordion.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/accordion.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,1021 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/API/1.8/Accordion - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Accordion</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>Make the selected elements Accordion widgets. Semantic
requirements:</p>
+<p>The markup of your accordion container needs pairs of headers and
content panels:</p>
+<pre><div id="accordion">
+ <h3><a href="#">First header</a></h3>
+ <div>First content</div>
+ <h3><a href="#">Second
header</a></h3>
+ <div>Second content</div>
+</div></pre>
+<p>If you use a different element for the header, specify the
header-option with an appropriate selector, eg. header: 'a.header'. The
content element must be always next to its header.</p>
+<p>If you have links inside the accordion content and use a-elements as
headers, add a class to them and use that as the header, eg.
header: 'a.header'.</p>
+<p>Use activate(Number) to change the active content programmatically.</p>
+<h4> <span class="mw-headline"
id="NOTE:_If_you_want_multiple_sections_open_at_once.2C_don.27t_use_an_accordion">NOTE:
If you want multiple sections open at once, don't use an
accordion</span></h4>
+<p>An accordion doesn't allow more than one content panel to be open at
the same time, and it takes a lot of effort to do that. If you are looking
for a widget that allows more than one content panel to be open, don't use
this. Usually it can be written with a few lines of jQuery instead,
something like this:</p>
+<pre>jQuery(document).ready(function(){
+ $('.accordion .head').click(function() {
+ $(this).next().toggle();
+ return false;
+ }).next().hide();
+});</pre>
+<p>Or animated:</p>
+<pre>jQuery(document).ready(function(){
+ $('.accordion .head').click(function() {
+ $(this).next().toggle('slow');
+ return false;
+ }).next().hide();
+});</pre>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>UI Core</li>
+<li>UI Widget</li>
+<li>UI Effects Core (Optional - only for non-default animations)</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="310">
+A simple jQuery UI Accordion.<br />
+</p>
+<pre>$("#accordion").accordion();
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+
+ <script>
+ $(document).ready(function() {
+ $("#accordion").accordion();
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div id="accordion">
+ <h3><a href="#">Section 1</a></h3>
+ <div>
+ <p>
+ Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
+ ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
+ amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
+ odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque
vulputate.
+ </p>
+ </div>
+ <h3><a href="#">Section 2</a></h3>
+ <div>
+ <p>
+ Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
+ purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis
porttitor
+ velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
+ suscipit faucibus urna.
+ </p>
+ </div>
+ <h3><a href="#">Section 3</a></h3>
+ <div>
+ <p>
+ Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque
lobortis.
+ Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac
libero
+ ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
+ lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis
dui.
+ </p>
+ <ul>
+ <li>List item one</li>
+ <li>List item two</li>
+ <li>List item three</li>
+ </ul>
+ </div>
+ <h3><a href="#">Section 4</a></h3>
+ <div>
+ <p>
+ Cras dictum. Pellentesque habitant morbi tristique senectus et netus
+ et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
+ faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
+ mauris vel est.
+ </p>
+ <p>
+ Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat
lectus.
+ Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
+ inceptos himenaeos.
+ </p>
+ </div>
+</div>

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/API/1.8/Accordion","wgTitle":"Action/render/UI/API/1.8/Accordion","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/API/1.8/Accordion","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Options</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-disabled">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-disabled">disabled</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Disables (true) or enables (false) the accordion. Can be set when
initialising (first creating) the accordion.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>disabled</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).accordion({ disabled: true });</code></pre>
+</dd>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_API_1_8_Accordion skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+
+<dt>
+ Get or set the <code>disabled</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var disabled = $( ".selector" ).accordion( "option", "disabled" );
+//setter
+$( ".selector" ).accordion( "option", "disabled", true );</code></pre>
+</dd>

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+ </dl>
+ </div>
+</li>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>

- <h1>Documentation</h1>
+<li class="option" id="option-active">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-active">active</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Selector, Element, jQuery, Boolean,
Number</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">first child</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Selector for the active element. Set to false to display none at
start. Needs <code>collapsible: true</code>.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>active</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).accordion({ active: 2 });</code></pre>
+</dd>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
+
+<dt>
+ Get or set the <code>active</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var active = $( ".selector" ).accordion( "option", "active" );
+//setter
+$( ".selector" ).accordion( "option", "active", 2 );</code></pre>
+</dd>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/API/1.8/Accordion" title="A
list of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/API/1.8/Accordion&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/API/1.8/Accordion?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/API/1.8/Accordion?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+ </dl>
+ </div>
+</li>

-

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
+<li class="option" id="option-animated">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-animated">animated</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean, String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"slide"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Choose your favorite animation, or disable them (set to false). In
addition to the default, 'bounceslide' and all defined easing methods are
supported ('bounceslide' requires UI Effects Core).</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>animated</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).accordion({ animated: 'bounceslide'
});</code></pre>
+</dd>

-
+
+<dt>
+ Get or set the <code>animated</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var animated = $( ".selector" ).accordion( "option", "animated" );
+//setter
+$( ".selector" ).accordion( "option", "animated", 'bounceslide'
);</code></pre>
+</dd>

-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FAPI%2F1.8%2FAccordion"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
+ </dl>
+ </div>
+</li>

-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/API/1.8/Accordion</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/API/1.8/Accordion"
title="Special:Search/Action/render/UI/API/1.8/Accordion">search for this
page title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/API/1.8/Accordion">search
the related logs</a></span>, but you do not have permission to create this
page.
+
+<li class="option" id="option-autoHeight">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-autoHeight">autoHeight</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">true</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If set, the highest content part is used as height reference for
all other parts. Provides more consistent animations.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>autoHeight</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).accordion({ autoHeight: false });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>autoHeight</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var autoHeight = $( ".selector" ).accordion( "option", "autoHeight" );
+//setter
+$( ".selector" ).accordion( "option", "autoHeight", false );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-clearStyle">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-clearStyle">clearStyle</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If set, clears height and overflow styles after finishing
animations. This enables accordions to work with dynamic content. Won't
work together with autoHeight.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>clearStyle</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).accordion({ clearStyle: true });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>clearStyle</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var clearStyle = $( ".selector" ).accordion( "option", "clearStyle" );
+//setter
+$( ".selector" ).accordion( "option", "clearStyle", true );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-collapsible">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-collapsible">collapsible</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Whether all the sections can be closed at once. Allows collapsing
the active section by the triggering event (click is the default).</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>collapsible</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).accordion({ collapsible: true });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>collapsible</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var collapsible = $( ".selector" ).accordion( "option", "collapsible" );
+//setter
+$( ".selector" ).accordion( "option", "collapsible", true );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-event">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-event">event</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"click"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The event on which to trigger the accordion.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>event</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).accordion({ event: 'mouseover' });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>event</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var event = $( ".selector" ).accordion( "option", "event" );
+//setter
+$( ".selector" ).accordion( "option", "event", 'mouseover' );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-fillSpace">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-fillSpace">fillSpace</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If set, the accordion completely fills the height of the parent
element. Overrides autoheight.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>fillSpace</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).accordion({ fillSpace: true });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>fillSpace</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var fillSpace = $( ".selector" ).accordion( "option", "fillSpace" );
+//setter
+$( ".selector" ).accordion( "option", "fillSpace", true );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-header">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-header">header</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Selector, jQuery</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"> li
> :first-child,> :not(li):even"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Selector for the header element.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>header</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).accordion({ header: 'h3' });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>header</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var header = $( ".selector" ).accordion( "option", "header" );
+//setter
+$( ".selector" ).accordion( "option", "header", 'h3' );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-icons">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-icons">icons</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Object</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">{ "header":
"ui-icon-triangle-1-e", "headerSelected":
"ui-icon-triangle-1-s" }</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Icons to use for headers. Icons may be specified for 'header'
and 'headerSelected', and we recommend using the icons native to the jQuery
UI CSS Framework manipulated by <a rel=nofollow class="external text"
href="http://www.themeroller.com">jQuery UI ThemeRoller</a>. Set to false
to have no icons displayed.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>icons</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).accordion({ icons: { "header":
"ui-icon-plus", "headerSelected":
"ui-icon-minus" } });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>icons</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var icons = $( ".selector" ).accordion( "option", "icons" );
+//setter
+$( ".selector" ).accordion( "option", "icons", { "header":
"ui-icon-plus", "headerSelected":
"ui-icon-minus" } );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-navigation">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-navigation">navigation</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If set, looks for the anchor that matches location.href and
activates it. Great for href-based state-saving. Use navigationFilter to
implement your own matcher.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>navigation</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).accordion({ navigation: true });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>navigation</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var navigation = $( ".selector" ).accordion( "option", "navigation" );
+//setter
+$( ".selector" ).accordion( "option", "navigation", true );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-navigationFilter">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-navigationFilter">navigationFilter</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Function</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default"> </dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Overwrite the default location.href-matching with your own
matcher.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a accordion with the <code>navigationFilter</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).accordion({ navigationFilter: function(){ ...
} });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>navigationFilter</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var navigationFilter = $( ".selector"
).accordion( "option", "navigationFilter" );
+//setter
+$( ".selector" ).accordion( "option", "navigationFilter", function(){ ...
} );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+ </ul>
+ </div>
+ <div id="events">
+ <h2 class="top-header">Events</h2>
+ <ul class="events-list">
+
+<li class="event" id="event-create">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-create">create</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">accordioncreate</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered when accordion is created.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>create</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).accordion({
+ create: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>create</code> event by type:
<code>accordioncreate</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind( "accordioncreate",
function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-change">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-change">change</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">accordionchange</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered every time the accordion changes. If the
accordion is animated, the event will be triggered upon completion of the
animation; otherwise, it is triggered immediately.
</p>
+<pre>$('.ui-accordion').bind('accordionchange', function(event, ui) {
+ ui.newHeader // jQuery object, activated header
+ ui.oldHeader // jQuery object, previous header
+ ui.newContent // jQuery object, activated content
+ ui.oldContent // jQuery object, previous content
+});</pre></p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>change</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).accordion({
+ change: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>change</code> event by type:
<code>accordionchange</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind( "accordionchange",
function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+<p>
+<li class="event" id="event-changestart">
+ <div class="event-header">
+ <h3 class="event-name"><a
href="#event-changestart">changestart</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">accordionchangestart</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered every time the accordion starts to change.
+</p>
+<pre>$('.ui-accordion').bind('accordionchangestart', function(event, ui) {
+ ui.newHeader // jQuery object, activated header
+ ui.oldHeader // jQuery object, previous header
+ ui.newContent // jQuery object, activated content
+ ui.oldContent // jQuery object, previous content
+});</pre></p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>changestart</code> event
as an init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).accordion({
+ changestart: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>changestart</code> event by type:
<code>accordionchangestart</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind(
"accordionchangestart", function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+ </ul>
+ </div>
+ <div id="methods">
+ <h2 class="top-header">Methods</h2>
+ <ul class="methods-list">
+
+<li class="method" id="method-destroy">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-destroy">destroy</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.accordion( "destroy"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Remove the accordion functionality completely. This will return the
element back to its pre-init state.</p>
+ </div>
+</li>
+
+<p>
+<li class="method" id="method-disable">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-disable">disable</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.accordion( "disable"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Disable the accordion.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-enable">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-enable">enable</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.accordion( "enable"
+
+
+
***The diff for this file has been truncated for email.***
=======================================
--- /tags/1.8.24/docs/addClass.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/addClass.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,113 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/addClass - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
-
-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/addClass","wgTitle":"Action/render/UI/Effects/addClass","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/addClass","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
-
-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_addClass skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
-
- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
-
- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
-
- <h1>Documentation</h1>
-
- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
-
- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI addClass</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <h3> <span class="mw-headline"
id="addClass.28_class.2C_.5Bduration.5D_.29">addClass( class, <span
class="optional">[</span>duration<span class="optional">]</span>
)</span></h3>
+<p>Adds the specified class to each of the set of matched elements with an
optional transition between the states.</p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/addClass" title="A
list of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/addClass&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/addClass?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/addClass?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="100">
+Adds the class 'selected' to the matched elements with a one second
transition.<br />
+</p>
+<pre>$("p").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<strong
class="selflink">addClass</strong>("selected", 1000);
+ });
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <script
src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
+<style type="text/css">
+ p { cursor: pointer; font-size: 1.2em; }
+ .selected { color:red; }
+</style>
+ <script>
+ $(document).ready(function() {
+ $("p").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<strong
class="selflink">addClass</strong>("selected", 1000);
+ });
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+ <p>Click me to add a 'selected' class.</p>
+<p>Click me to add a 'selected' class.</p>
+<p>Click me to add a 'selected' class.</p>
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-class">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-class">class</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>One CSS class to add to the elements.</p>
+ </div>
+</li>

-

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
+<li class="option" id="option-duration">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-duration">duration</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String, Number</dd>
+
+ <dt class="option-optional-label">Optional</dt>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>A string representing one of the three predefined speeds
("slow", "normal", or "fast") or the number of milliseconds to run the
animation (e.g. 1000).</p>
+ </div>
+</li>

-
-
-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2FaddClass"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
+ </ul>
+ </div>
</div>

-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/addClass</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/addClass"
title="Special:Search/Action/render/UI/Effects/addClass">search for this
page title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/addClass">search
the related logs</a></span>, but you do not have permission to create this
page.
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/addClass">http://docs.jquery.com/Action/render/UI/Effects/addClass</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
=======================================
--- /tags/1.8.24/docs/animate.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/animate.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,82 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/animate - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}
+<p>The jQuery UI effects core extends the <a
href="http://docs.jquery.com/Effects/animate"
title="Effects/animate">animate</a> function to be able to animate colors
as well. It's heavily used by the class transition feature and it's able to
color animate the following properties:
+</p>
+<ul><li> <b>backgroundColor</b>
+</li><li> <b>borderBottomColor</b>
+</li><li> <b>borderLeftColor</b>
+</li><li> <b>borderRightColor</b>
+</li><li> <b>borderTopColor</b>
+</li><li> <b>color</b>
+</li><li> <b>outlineColor</b>
+</li></ul>
+<p>with one of the following combinations:
+</p>
+<ul><li> <b>hex (#FF0000)</b>
+</li><li> <b>rgb (rgb(255,255,255))</b>
+</li><li> <b>names ("black")</b>
+</li></ul>
+<p><br />
+</p><p><div class="options list"><table class="options examples"
cellspacing="0"><thead><tr><th>Name</th><th>Type</th></tr></thead><tbody>
+</table><b class="options">Example:</b><table class="options examples"
cellspacing="0"><thead><tr><th>Name</th><th>Type</th></tr></thead><tbody>
+<div class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<div id="demo" class="tabs-container" rel="125">
+A simple color animation.<br />
+</p>
+<pre>$(".block").<a href="http://docs.jquery.com/Events/toggle"
title="Events/toggle">toggle</a>(function() {
+ $(this).<a href="http://docs.jquery.com/Effects/animate"
title="Effects/animate">animate</a>({ backgroundColor: "black" },
1000);
+},function() {
+ $(this).<a href="http://docs.jquery.com/Effects/animate"
title="Effects/animate">animate</a>({ backgroundColor: "#68BFEF"
}, 500);
+});

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+ "<a rel=nofollow class="external free"
href="http://www.w3.org/TR/html4/loose.dtd">http://www.w3.org/TR/html4/loose.dtd</a>">
+<html>
+<head>
+ <script src="<a rel=nofollow class="external free"
href="http://code.jquery.com/jquery-latest.js">http://code.jquery.com/jquery-latest.js</a>"></script>
+
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/animate","wgTitle":"Action/render/UI/Effects/animate","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/animate","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+ <script>
+ $(document).ready(function(){
+ $(".block").<a href="http://docs.jquery.com/Events/toggle"
title="Events/toggle">toggle</a>(function() {
+ $(this).<a href="http://docs.jquery.com/Effects/animate"
title="Effects/animate">animate</a>({ backgroundColor: "black" },
1000);
+},function() {
+ $(this).<a href="http://docs.jquery.com/Effects/animate"
title="Effects/animate">animate</a>({ backgroundColor: "#68BFEF"
}, 500);
+});

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_animate skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
-
- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
-
- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
-
- <h1>Documentation</h1>
-
- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
-
- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/animate" title="A
list of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/animate&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/animate?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/animate?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
-
-
-
-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
-
-
-
-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2Fanimate"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
-
-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/animate</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/animate"
title="Special:Search/Action/render/UI/Effects/animate">search for this
page title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/animate">search
the related logs</a></span>, but you do not have permission to create this
page.
+ });
+ </script>
+ <style>
+ .block {
+ color: white;
+ background-color: #68BFEF;
+ width: 150px;
+ height: 70px;
+ margin: 10px;
+ }
+ </style>
+</head>
+<body>
+ <div class="block"> Click me</div>
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+</p><p></tbody></table></div>
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/animate">http://docs.jquery.com/Action/render/UI/Effects/animate</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
=======================================
--- /tags/1.8.24/docs/autocomplete.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/autocomplete.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,884 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/API/1.8/Autocomplete - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Autocomplete</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>Autocomplete, when added to an input field, enables users to
quickly find and select from a pre-populated list of values as they type,
leveraging searching and filtering.</p>
+<p>By giving an Autocomplete field focus or entering something into it,
the plugin starts searching for entries that match and displays a list of
values to choose from. By entering more characters, the user can filter
down the list to better matches.</p>
+<p>This can be used to enter previous selected values, for example you
could use Autocomplete for entering tags, to complete an address, you could
enter a city name and get the zip code, or maybe enter email addresses from
an address book.</p>
+<p>You can pull data in from a local and/or a remote source: Local is good
for small data sets (like an address book with 50 entries), remote is
necessary for big data sets, like a database with hundreds or millions of
entries to select from.</p>
+<p>Autocomplete can be customized to work with various data sources, by
just specifying the source option. A data source can be:</p>
+<ul>
+<li>an Array with local data</li>
+<li>a String, specifying a URL</li>
+<li>a Callback</li>
+</ul>
+<p><b>Expected data format</b></p>
+<p>The data from local data, a url or a callback can come in two
variants:</p>
+<ul>
+<li>An Array of Strings:<br /><code>[ "Choice1", "Choice2" ]</code></li>
+<li>An Array of Objects with label and value properties:<br /><code>[ {
label: "Choice1", value: "value1" }, ... ]</code></li>
+</ul>
+<p>The label property is displayed in the suggestion menu. The value will
be inserted into the input element after the user selected something from
the menu. If just one property is specified, it will be used for both, eg.
if you provide only value-properties, the value will also be used as the
label.</p>
+<p>When a String is used, the Autocomplete plugin expects that string to
point to a URL resource that will return JSON data. It can be on the same
host or on a different one (must provide JSONP). The Autocomplete plugin
does not filter the results, instead the request parameter "term" gets
added to the URL, which the server-side script should use for filtering the
results. The data itself can be in the same format as the local data
described above.</p>
+<p>The third variation, the callback, provides the most flexibility, and
can be used to connect any data source to Autocomplete. The callback gets
two arguments:</p>
+<ul>
+<li>A request object, with a single property called "term", which refers
to the value currently in the text input. For example, when the user
entered "new yo" in a city field, the Autocomplete term will equal "new
yo".</li>
+<li>A response callback, which expects a single argument to contain the
data to suggest to the user. This data should be filtered based on the
provided term, and can be in any of the formats described above for simple
local data (String-Array or Object-Array with label/value/both properties).
It's important when providing a custom source callback to handle errors
during the request. You must always call the response callback even if you
encounter an error. This ensures that the widget always has the correct
state.</li>
+</ul>
+<p>The label is always treated as text, if you want the label to be
treated as html you can use <a rel=nofollow class="external text"
href="https://github.com/scottgonzalez/jquery-ui-extensions/blob/master/autocomplete/jquery.ui.autocomplete.html.js">Scott
González' html extension</a>. The demos all focus on different variations
of the source-option - look for the one that matches your use case, and
take a look at the code.</p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>UI Core</li>
+<li>UI Widget</li>
+<li>UI Position</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="300">
+A simple jQuery UI Autocomplete.<br />
+</p>
+<pre>$("input#autocomplete").autocomplete({
+ source: ["c++", "java", "php",
"coldfusion", "javascript", "asp",
"ruby"]
+});
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+
+ <script>
+ $(document).ready(function() {
+ $("input#autocomplete").autocomplete({
+ source: ["c++", "java", "php",
"coldfusion", "javascript", "asp",
"ruby"]
+});
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<input id="autocomplete" />

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/API/1.8/Autocomplete","wgTitle":"Action/render/UI/API/1.8/Autocomplete","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/API/1.8/Autocomplete","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Options</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-disabled">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-disabled">disabled</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Disables (true) or enables (false) the autocomplete. Can be set
when initialising (first creating) the autocomplete.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a autocomplete with the <code>disabled</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).autocomplete({ disabled: true });</code></pre>
+</dd>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_API_1_8_Autocomplete skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+
+<dt>
+ Get or set the <code>disabled</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var disabled = $( ".selector" ).autocomplete( "option", "disabled" );
+//setter
+$( ".selector" ).autocomplete( "option", "disabled", true );</code></pre>
+</dd>

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+ </dl>
+ </div>
+</li>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>

- <h1>Documentation</h1>
+<li class="option" id="option-appendTo">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-appendTo">appendTo</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Selector</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"body"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Which element the menu should be appended to.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a autocomplete with the <code>appendTo</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).autocomplete({ appendTo: "#someElem"
});</code></pre>
+</dd>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
+
+<dt>
+ Get or set the <code>appendTo</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var appendTo = $( ".selector" ).autocomplete( "option", "appendTo" );
+//setter
+$( ".selector" ).autocomplete( "option", "appendTo", "#someElem"
);</code></pre>
+</dd>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/API/1.8/Autocomplete"
title="A list of all wiki pages that link here [j]" accesskey=j>What links
here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/API/1.8/Autocomplete&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/API/1.8/Autocomplete?redlink=1" title="View
the content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/API/1.8/Autocomplete?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+ </dl>
+ </div>
+</li>

-

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
+<li class="option" id="option-autoFocus">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-autoFocus">autoFocus</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If set to true the first item will be automatically focused.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a autocomplete with the <code>autoFocus</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).autocomplete({ autoFocus: true });</code></pre>
+</dd>

-
+
+<dt>
+ Get or set the <code>autoFocus</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var autoFocus = $( ".selector" ).autocomplete( "option", "autoFocus" );
+//setter
+$( ".selector" ).autocomplete( "option", "autoFocus", true );</code></pre>
+</dd>

-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FAPI%2F1.8%2FAutocomplete"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
+ </dl>
+ </div>
+</li>

-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/API/1.8/Autocomplete</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/API/1.8/Autocomplete"
title="Special:Search/Action/render/UI/API/1.8/Autocomplete">search for
this page title</a> in other pages, or <span class="plainlinks"><a
rel=nofollow class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/API/1.8/Autocomplete">search
the related logs</a></span>, but you do not have permission to create this
page.
+
+<li class="option" id="option-delay">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-delay">delay</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">300</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The delay in milliseconds the Autocomplete waits after a keystroke
to activate itself. A zero-delay makes sense for local data (more
responsive), but can produce a lot of load for remote data, while being
less responsive.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a autocomplete with the <code>delay</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).autocomplete({ delay: 0 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>delay</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var delay = $( ".selector" ).autocomplete( "option", "delay" );
+//setter
+$( ".selector" ).autocomplete( "option", "delay", 0 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-minLength">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-minLength">minLength</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">1</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The minimum number of characters a user has to type before the
Autocomplete activates. Zero is useful for local data with just a few
items. Should be increased when there are a lot of items, where a single
character would match a few thousand items.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a autocomplete with the <code>minLength</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).autocomplete({ minLength: 0 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>minLength</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var minLength = $( ".selector" ).autocomplete( "option", "minLength" );
+//setter
+$( ".selector" ).autocomplete( "option", "minLength", 0 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-position">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-position">position</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Object</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">{ my: "left top", at:
"left bottom", collision: "none" }</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Identifies the position of the Autocomplete widget in relation to
the associated input element. The "of" option defaults to the input
element, but you can specify another element to position against. You can
refer to the <a rel=nofollow class="external text"
href="http://docs.jquery.com/UI/Position">jQuery UI Position</a> utility
for more details about the various options.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a autocomplete with the <code>position</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).autocomplete({ position: { my : "right
top", at: "right bottom" } });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>position</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var position = $( ".selector" ).autocomplete( "option", "position" );
+//setter
+$( ".selector" ).autocomplete( "option", "position", { my : "right
top", at: "right bottom" } );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-source">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-source">source</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String, Array, Callback</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">none, must be specified</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Defines the data to use, must be specified. See Overview section
for more details, and look at the various demos.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a autocomplete with the <code>source</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).autocomplete({ source: ["c++",
"java", "php", "coldfusion",
"javascript", "asp", "ruby"] });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>source</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var source = $( ".selector" ).autocomplete( "option", "source" );
+//setter
+$( ".selector" ).autocomplete( "option", "source", ["c++",
"java", "php", "coldfusion",
"javascript", "asp", "ruby"] );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+ </ul>
+ </div>
+ <div id="events">
+ <h2 class="top-header">Events</h2>
+ <ul class="events-list">
+
+<li class="event" id="event-create">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-create">create</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">autocompletecreate</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered when autocomplete is created.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>create</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).autocomplete({
+ create: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>create</code> event by type:
<code>autocompletecreate</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind(
"autocompletecreate", function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-search">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-search">search</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">autocompletesearch</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>Before a request (source-option) is started, after minLength and
delay are met. Can be canceled (return false), then no request will be
started and no items suggested.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>search</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).autocomplete({
+ search: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>search</code> event by type:
<code>autocompletesearch</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind(
"autocompletesearch", function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-open">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-open">open</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">autocompleteopen</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>Triggered when the suggestion menu is opened.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>open</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).autocomplete({
+ open: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>open</code> event by type:
<code>autocompleteopen</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind( "autocompleteopen",
function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-focus">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-focus">focus</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">autocompletefocus</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>Before focus is moved to an item (not selecting), ui.item refers to
the focused item. The default action of focus is to replace the text
field's value with the value of the focused item, though only if the focus
event was triggered by a keyboard interaction. Canceling this event
prevents the value from being updated, but does not prevent the menu item
from being focused.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>focus</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).autocomplete({
+ focus: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>focus</code> event by type:
<code>autocompletefocus</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind( "autocompletefocus",
function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-select">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-select">select</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">autocompleteselect</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>Triggered when an item is selected from the menu; ui.item refers to
the selected item. The default action of select is to replace the text
field's value with the value of the selected item. Canceling this event
prevents the value from being updated, but does not prevent the menu from
closing.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>select</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).autocomplete({
+ select: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>select</code> event by type:
<code>autocompleteselect</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind(
"autocompleteselect", function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-close">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-close">close</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">autocompleteclose</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>When the list is hidden - doesn't have to occur together with a
change.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>close</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).autocomplete({
+ close: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>close</code> event by type:
<code>autocompleteclose</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind( "autocompleteclose",
function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-change">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-change">change</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">autocompletechange</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>Triggered when the field is blurred, if the value has changed;
ui.item refers to the selected item.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>change</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).autocomplete({
+ change: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>change</code> event by type:
<code>autocompletechange</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind(
"autocompletechange", function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+ </ul>
+ </div>
+ <div id="methods">
+ <h2 class="top-header">Methods</h2>
+ <ul class="methods-list">
+
+<li class="method" id="method-destroy">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-destroy">destroy</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.autocomplete( "destroy"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Remove the autocomplete functionality completely. This will return
the element back to its pre-init state.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-disable">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-disable">disable</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.autocomplete( "disable"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Disable the autocomplete.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-enable">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-enable">enable</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.autocomplete( "enable"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Enable the autocomplete.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-option">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-option">option</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.autocomplete( "option"
+
+, optionName
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Get or set any autocomplete option. If no value is specified, will
act as a getter.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-option">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-option">option</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.autocomplete( "option"
+
+, options
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Set multiple autocomplete options at once by providing an options
object.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-widget">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-widget">widget</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.autocomplete( "widget"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Returns the .ui-autocomplete element.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-search">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-search">search</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.autocomplete( "search"
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Triggers a search event, which, when data is available, then will
display the suggestions; can be used by a selectbox-like button to open the
suggestions when clicked. If no value argument is specified, the current
input's value is used. Can be called with an empty string and minLength: 0
to display all items.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-close">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-close">close</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.autocomplete( "close"
+
+
+
+
+
+
***The diff for this file has been truncated for email.***
=======================================
--- /tags/1.8.24/docs/button.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/button.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,504 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/API/1.8/Button - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Button</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>Button enhances standard form elements like button, input of
type submit or reset or anchors to themable buttons with appropiate
mouseover and active styles.</p>
+<p>In addition to basic push buttons, radio buttons and checkboxes (inputs
of type radio and checkbox) can be converted to buttons: Their associated
label is styled to appear as the button, while the underlying input is
updated on click.</p>
+<p>In order to group radio buttons, Button also provides an additional
widget-method, called Buttonset. Its used by selecting a container element
(which contains the radio buttons) and calling buttonset(). Buttonset will
also provide visual grouping, and therefore should be used whenever you
have a group of buttons. It works by selecting all descendents and applying
button() to them. You can enable and disable a buttonset, which will enable
and disable all contained buttons. Destroying a buttonset also calls the
button's destroy method.</p>
+<p>When using an input of type button, submit or reset, support is limited
to plain text labels with no icons.</p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>UI Core</li>
+<li>UI Widget</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="300">
+A simple jQuery UI Button.<br />
+</p>
+<pre>$("button").button();
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+
+ <script>
+ $(document).ready(function() {
+ $("button").button();
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<button>Button label</button>

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/API/1.8/Button","wgTitle":"Action/render/UI/API/1.8/Button","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/API/1.8/Button","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+<div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<div id="demo" class="tabs-container" rel="300">
+A simple jQuery UI Button.<br />
+</p>
+<pre>$("#radio").buttonset();
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+
+ <script>
+ $(document).ready(function() {
+ $("#radio").buttonset();
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div id="radio">
+ <input type="radio" id="radio1"
name="radio" /><label for="radio1">Choice
1</label>
+ <input type="radio" id="radio2"
name="radio" checked="checked" /><label
for="radio2">Choice 2</label>
+ <input type="radio" id="radio3"
name="radio" /><label for="radio3">Choice
3</label>
+</div>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_API_1_8_Button skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Options</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-disabled">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-disabled">disabled</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Disables (true) or enables (false) the button. Can be set when
initialising (first creating) the button.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a button with the <code>disabled</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).button({ disabled: true });</code></pre>
+</dd>

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+
+<dt>
+ Get or set the <code>disabled</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var disabled = $( ".selector" ).button( "option", "disabled" );
+//setter
+$( ".selector" ).button( "option", "disabled", true );</code></pre>
+</dd>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
+ </dl>
+ </div>
+</li>

- <h1>Documentation</h1>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
+<li class="option" id="option-text">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-text">text</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">true</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Whether to show any text - when set to false (display no text),
icons (see icons option) must be enabled, otherwise it'll be ignored.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a button with the <code>text</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).button({ text: false });</code></pre>
+</dd>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/API/1.8/Button" title="A list
of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/API/1.8/Button&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/API/1.8/Button?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/API/1.8/Button?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+
+<dt>
+ Get or set the <code>text</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var text = $( ".selector" ).button( "option", "text" );
+//setter
+$( ".selector" ).button( "option", "text", false );</code></pre>
+</dd>

-
+ </dl>
+ </div>
+</li>

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>

-
+<li class="option" id="option-icons">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-icons">icons</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Options</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">{ primary: null, secondary: null }</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Icons to display, with or without text (see text option). The
primary icon is displayed by default on the left of the label text, the
secondary by default is on the right. Value for the primary and secondary
properties must be a classname (String), eg. "ui-icon-gear". For using only
one icon: icons: {primary:'ui-icon-locked'}. For using two icons: icons:
{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a button with the <code>icons</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).button({ icons:
{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'} });</code></pre>
+</dd>

-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FAPI%2F1.8%2FButton"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
+
+<dt>
+ Get or set the <code>icons</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var icons = $( ".selector" ).button( "option", "icons" );
+//setter
+$( ".selector" ).button( "option", "icons",
{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'} );</code></pre>
+</dd>

-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/API/1.8/Button</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/API/1.8/Button"
title="Special:Search/Action/render/UI/API/1.8/Button">search for this page
title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/API/1.8/Button">search
the related logs</a></span>, but you do not have permission to create this
page.
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-label">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-label">label</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">HTML content of the button, or value
attribute</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Text to show on the button. When not specified (null), the
element's html content is used, or its value attribute when it's an input
element of type submit or reset; or the html content of the associated
label element if its an input of type radio or checkbox</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a button with the <code>label</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).button({ label: "custom label" });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>label</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var label = $( ".selector" ).button( "option", "label" );
+//setter
+$( ".selector" ).button( "option", "label", "custom label" );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+ </ul>
+ </div>
+ <div id="events">
+ <h2 class="top-header">Events</h2>
+ <ul class="events-list">
+
+<li class="event" id="event-create">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-create">create</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">buttoncreate</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered when button is created.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>create</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).button({
+ create: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>create</code> event by type: <code>buttoncreate</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind( "buttoncreate",
function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
</p>
+<p>There are no events for this plugin.</p>
+ </ul>
+ </div>
+ <div id="methods">
+ <h2 class="top-header">Methods</h2>
+ <ul class="methods-list">
+
+<li class="method" id="method-destroy">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-destroy">destroy</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.button( "destroy"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Remove the button functionality completely. This will return the
element back to its pre-init state.</p>
+ </div>
+</li>
+
+<p>
+<li class="method" id="method-disable">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-disable">disable</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.button( "disable"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Disable the button.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-enable">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-enable">enable</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.button( "enable"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Enable the button.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-option">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-option">option</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.button( "option"
+
+, optionName
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Get or set any button option. If no value is specified, will act as
a getter.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-option">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-option">option</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.button( "option"
+
+, options
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Set multiple button options at once by providing an options
object.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-widget">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-widget">widget</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.button( "widget"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Returns the .ui-button element.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-refresh">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-refresh">refresh</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.button( "refresh"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Refreshes the visual state of the button. Useful for updating
button state after the native element's checked or disabled state is
changed programatically.</p>
+ </div>
+</li>
+
+ </ul>
+ </div>
+ <div id="theming">
+ <h2 class="top-header">Theming</h2>
+ <p>The jQuery UI Button plugin uses the jQuery UI CSS Framework to
style its look and feel, including colors and background textures. We
recommend using the ThemeRoller tool to create and download custom themes
that are easy to build and maintain.
+</p>
+ <p>If a deeper level of customization is needed, there are
widget-specific classes referenced within the jquery.ui.button.css
stylesheet that can be modified. These classes are highlighed in bold below.
+</p>
+
+ <h3>Sample markup with jQuery UI CSS Framework classes</h3>
+ <button class="<strong>ui-button ui-button-text-only</strong>
ui-widget ui-state-default ui-corner-all"><br />
+   <span
class="<strong>ui-button-text</strong>">Button
Label</span><br /></button>
+ <p class="theme-note">
+ <strong>
+ Note: This is a sample of markup generated by the button plugin, not
markup you should use to create a button. The only markup needed for that
is <button>Button Label</button>.
+ </strong>
+ </p>
+
+ </div>
</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/API/1.8/Button">http://docs.jquery.com/Action/render/UI/API/1.8/Button</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+</p>
+
+
+
=======================================
--- /tags/1.8.24/docs/datepicker.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/datepicker.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,2536 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/API/1.8/Datepicker - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Datepicker</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>The jQuery UI Datepicker is a highly configurable plugin that
adds datepicker functionality to your pages. You can customize the date
format and language, restrict the selectable date ranges and add in buttons
and other navigation options easily.</p>
+<p>By default, the datepicker calendar opens in a small overlay onFocus
and closes automatically onBlur or when a date is selected. For an inline
calendar, simply attach the datepicker to a div or span.
+</p><p>You can use keyboard shortcuts to drive the datepicker:
+</p>
+<ul>
+ <li>page up/down - previous/next month</li>
+ <li>ctrl+page up/down - previous/next year</li>
+ <li>ctrl+home - current month or open when closed</li>
+ <li>ctrl+left/right - previous/next day</li>
+ <li>ctrl+up/down - previous/next week</li>
+ <li>enter - accept the selected date</li>
+ <li>ctrl+end - close and erase the date</li>
+ <li>escape - close the datepicker without selection</li>
+</ul>
+<h3 id="utility-functions"> <span class="mw-headline"
id="Utility_functions">Utility functions</span></h3>
+<ul>
+ <li><a href="http://docs.jquery.com/UI/Datepicker/setDefaults"
title="UI/Datepicker/setDefaults">$.datepicker.setDefaults( settings )</a>
- Set settings for all datepicker instances.</li>
+ <li><a href="http://docs.jquery.com/UI/Datepicker/formatDate"
title="UI/Datepicker/formatDate">$.datepicker.formatDate( format, date,
settings )</a> - Format a date into a string value with a specified
format.</li>
+ <li><a href="http://docs.jquery.com/UI/Datepicker/parseDate"
title="UI/Datepicker/parseDate">$.datepicker.parseDate( format, value,
settings ) </a> - Extract a date from a string value with a specified
format.</li>
+ <li><a href="http://docs.jquery.com/UI/Datepicker/iso8601Week"
title="UI/Datepicker/iso8601Week">$.datepicker.iso8601Week( date )</a> -
Determine the week of the year for a given date: 1 to 53.</li>
+ <li><a href="http://docs.jquery.com/UI/Datepicker/noWeekends"
title="UI/Datepicker/noWeekends">$.datepicker.noWeekends</a> - Set as
beforeShowDay function to prevent selection of weekends.</li>
+</ul>
+<h3> <span class="mw-headline" id="Localization">Localization</span></h3>
+<p>Datepicker provides support for localizing its content to cater for
different languages
+ and date formats. Each localization is contained within its own file with
the
+ language code appended to the name, e.g.
<code>jquery.ui.datepicker-fr.js</code> for French.
+ The desired localization file should be included after the main
datepicker code. They add their settings to the set
+ of available localizations and automatically apply them as defaults for
all instances.</p>
+<p>The <code>$.datepicker.regional</code> attribute holds an array of
localizations,
+ indexed by language code, with "" referring to the default
(English). Each entry is
+ an object with the following attributes: <code>closeText</code>,
<code>prevText</code>,
+ <code>nextText</code>, <code>currentText</code>, <code>monthNames</code>,
+ <code>monthNamesShort</code>, <code>dayNames</code>,
<code>dayNamesShort</code>,
+ <code>dayNamesMin</code>, <code>weekHeader</code>,
<code>dateFormat</code>,
+ <code>firstDay</code>, <code>isRTL</code>,
<code>showMonthAfterYear</code>,
+ and <code>yearSuffix</code>.</p>
+<p>You can restore the default localizations with:</p>
+<p><code>$.datepicker.setDefaults($.datepicker.regional[""]);</code>
+</p>
+<p>And can then override an individual datepicker for a specific
locale:</p>
+<p><code>$(selector).datepicker($.datepicker.regional['fr']);</code>
+</p>
+The localization files are included when using the <a rel=nofollow
class="external text" href="http://jqueryui.com/download/">jQuery UI
download builder</a>.
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>UI Core</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="220">
+A simple jQuery UI Datepicker.<br />
+</p>
+<pre>$("#datepicker").datepicker();
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+
+ <script>
+ $(document).ready(function() {
+ $("#datepicker").datepicker();
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div id="datepicker"></div>

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/API/1.8/Datepicker","wgTitle":"Action/render/UI/API/1.8/Datepicker","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/API/1.8/Datepicker","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Options</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-disabled">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-disabled">disabled</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Disables (true) or enables (false) the datepicker. Can be set when
initialising (first creating) the datepicker.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a datepicker with the <code>disabled</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).datepicker({ disabled: true });</code></pre>
+</dd>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_API_1_8_Datepicker skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+
+<dt>
+ Get or set the <code>disabled</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var disabled = $( ".selector" ).datepicker( "option", "disabled" );
+//setter
+$( ".selector" ).datepicker( "option", "disabled", true );</code></pre>
+</dd>

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+ </dl>
+ </div>
+</li>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>

- <h1>Documentation</h1>
+<li class="option" id="option-altField">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-altField">altField</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Selector, jQuery, Element</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">""</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The jQuery selector for another field that is to be updated with
the selected date from the datepicker. Use the <code><a
href="http://docs.jquery.com/UI/Datepicker#option-altFormat"
title="UI/Datepicker" class=mw-redirect>altFormat</a></code> setting to
change the format of the date within this field. Leave as blank for no
alternate field.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a datepicker with the <code>altField</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).datepicker({ altField: "#actualDate"
});</code></pre>
+</dd>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
+
+<dt>
+ Get or set the <code>altField</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var altField = $( ".selector" ).datepicker( "option", "altField" );
+//setter
+$( ".selector" ).datepicker( "option", "altField", "#actualDate"
);</code></pre>
+</dd>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/API/1.8/Datepicker" title="A
list of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/API/1.8/Datepicker&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/API/1.8/Datepicker?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/API/1.8/Datepicker?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+ </dl>
+ </div>
+</li>

-

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
+<li class="option" id="option-altFormat">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-altFormat">altFormat</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">""</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The <code><a
href="http://docs.jquery.com/UI/Datepicker#option-dateFormat"
title="UI/Datepicker" class=mw-redirect>dateFormat</a></code> to be used
for the <code><a
href="http://docs.jquery.com/UI/Datepicker#option-altField"
title="UI/Datepicker" class=mw-redirect>altField</a></code> option. This
allows one date format to be shown to the user for selection purposes,
while a different format is actually sent behind the scenes. For a full
list of the possible formats see the <a
href="http://docs.jquery.com/UI/Datepicker/formatDate"
title="UI/Datepicker/formatDate">formatDate</a> function</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a datepicker with the <code>altFormat</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).datepicker({ altFormat: "yy-mm-dd"
});</code></pre>
+</dd>

-
+
+<dt>
+ Get or set the <code>altFormat</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var altFormat = $( ".selector" ).datepicker( "option", "altFormat" );
+//setter
+$( ".selector" ).datepicker( "option", "altFormat", "yy-mm-dd"
);</code></pre>
+</dd>

-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FAPI%2F1.8%2FDatepicker"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
+ </dl>
+ </div>
+</li>

-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/API/1.8/Datepicker</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/API/1.8/Datepicker"
title="Special:Search/Action/render/UI/API/1.8/Datepicker">search for this
page title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/API/1.8/Datepicker">search
the related logs</a></span>, but you do not have permission to create this
page.
+
+<li class="option" id="option-appendText">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-appendText">appendText</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">""</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The text to display after each date field, e.g. to show the
required format.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a datepicker with the <code>appendText</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).datepicker({ appendText: "(yyyy-mm-dd)"
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>appendText</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var appendText = $( ".selector" ).datepicker( "option", "appendText" );
+//setter
+$( ".selector" ).datepicker( "option", "appendText", "(yyyy-mm-dd)"
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-autoSize">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-autoSize">autoSize</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Set to true to automatically resize the input field to accommodate
dates in the current <code><a
href="http://docs.jquery.com/UI/Datepicker#option-dateFormat"
title="UI/Datepicker" class=mw-redirect>dateFormat</a></code>.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a datepicker with the <code>autoSize</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).datepicker({ autoSize: true });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>autoSize</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var autoSize = $( ".selector" ).datepicker( "option", "autoSize" );
+//setter
+$( ".selector" ).datepicker( "option", "autoSize", true );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-buttonImage">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-buttonImage">buttonImage</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">""</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The URL for the popup button image. If set, <code><a
href="http://docs.jquery.com/UI/Datepicker#option-buttonText"
title="UI/Datepicker" class=mw-redirect>buttonText</a></code> becomes the
<i>alt</i> value and is not directly displayed.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a datepicker with the <code>buttonImage</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).datepicker({
buttonImage: "/images/datepicker.gif" });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>buttonImage</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var buttonImage = $( ".selector" ).datepicker( "option", "buttonImage" );
+//setter
+$( ".selector"
).datepicker( "option", "buttonImage", "/images/datepicker.gif"
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-buttonImageOnly">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-buttonImageOnly">buttonImageOnly</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Set to true to place an image after the field to use as the trigger
without it appearing on a button.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a datepicker with the <code>buttonImageOnly</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).datepicker({ buttonImageOnly: true
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>buttonImageOnly</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var buttonImageOnly = $( ".selector"
).datepicker( "option", "buttonImageOnly" );
+//setter
+$( ".selector" ).datepicker( "option", "buttonImageOnly", true
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-buttonText">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-buttonText">buttonText</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"..."</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The text to display on the trigger button. Use in conjunction with
<code><a href="http://docs.jquery.com/UI/Datepicker#option-showOn"
title="UI/Datepicker" class=mw-redirect>showOn</a></code> equal to 'button'
or 'both'.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a datepicker with the <code>buttonText</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).datepicker({ buttonText: "Choose"
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>buttonText</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var buttonText = $( ".selector" ).datepicker( "option", "buttonText" );
+//setter
+$( ".selector" ).datepicker( "option", "buttonText", "Choose"
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-calculateWeek">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-calculateWeek">calculateWeek</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Function</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">$.datepicker.iso8601Week</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>A function to calculate the week of the year for a given date. The
default implementation uses the ISO 8601 definition: weeks start on a
Monday; the first week of the year contains the first Thursday of the
year.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a datepicker with the <code>calculateWeek</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).datepicker({ calculateWeek: myWeekCalc
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>calculateWeek</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var calculateWeek = $( ".selector" ).datepicker( "option", "calculateWeek"
);
+//setter
+$( ".selector" ).datepicker( "option", "calculateWeek", myWeekCalc
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-changeMonth">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-changeMonth">changeMonth</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Allows you to change the month by selecting from a drop-down list.
You can enable this feature by setting the attribute to true.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a datepicker with the <code>changeMonth</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).datepicker({ changeMonth: true });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>changeMonth</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var changeMonth = $( ".selector" ).datepicker( "option", "changeMonth" );
+//setter
+$( ".selector" ).datepicker( "option", "changeMonth", true );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-changeYear">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-changeYear">changeYear</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Allows you to change the year by selecting from a drop-down list.
You can enable this feature by setting the attribute to true. Use the
<code><a href="http://docs.jquery.com/UI/Datepicker#option-yearRange"
title="UI/Datepicker" class=mw-redirect>yearRange</a></code> option to
control which years are made available for selection.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a datepicker with the <code>changeYear</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).datepicker({ changeYear: true });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>changeYear</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var changeYear = $( ".selector" ).datepicker( "option", "changeYear" );
+//setter
+$( ".selector" ).datepicker( "option", "changeYear", true );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-closeText">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-closeText">closeText</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"Done"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The text to display for the close link. This attribute is one of
the regionalisation attributes. Use the <code><a
href="http://docs.jquery.com/UI/Datepicker#option-showButtonPanel"
title="UI/Datepicker" class=mw-redirect>showButtonPanel</a></code> to
display this button.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a datepicker with the <code>closeText</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).datepicker({ closeText: "X" });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>closeText</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var closeText = $( ".selector" ).datepicker( "option", "closeText" );
+//setter
+$( ".selector" ).datepicker( "option", "closeText", "X" );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-constrainInput">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-constrainInput">constrainInput</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">true</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>When true entry in the input field is constrained to those
characters allowed by the current <code><a
href="http://docs.jquery.com/UI/Datepicker#option-dateFormat"
title="UI/Datepicker" class=mw-redirect>dateFormat</a></code>.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a datepicker with the <code>constrainInput</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).datepicker({ constrainInput: false
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>constrainInput</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var constrainInput = $( ".selector"
).datepicker( "option", "constrainInput" );
+//setter
+$( ".selector" ).datepicker( "option", "constrainInput", false
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-currentText">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-currentText">currentText</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"Today"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The text to display for the current day link. This attribute is one
of the regionalisation attributes. Use the <code><a
href="http://docs.jquery.com/UI/Datepicker#option-showButtonPanel"
title="UI/Datepicker" class=mw-redirect>showButtonPanel</a></code> to
display this button.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a datepicker with the <code>currentText</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).datepicker({ currentText: "Now"
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>currentText</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var currentText = $( ".selector" ).datepicker( "option", "currentText" );
+//setter
+$( ".selector" ).datepicker( "option", "currentText", "Now" );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-dateFormat">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-dateFormat">dateFormat</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"mm/dd/yy"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The format for parsed and displayed dates. This attribute is one of
the regionalisation attributes. For a full list of the possible formats see
the <code><a href="http://docs.jquery.com/UI/Datepicker/formatDate"
title="UI/Datepicker/formatDate">formatDate</a></code> function.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a datepicker with the <code>dateFormat</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).datepicker({ dateFormat: "yy-mm-dd"
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>dateFormat</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var dateFormat = $( ".selector" ).datepicker( "option", "dateFormat" );
+//setter
+$( ".selector" ).datepicker( "option", "dateFormat", "yy-mm-dd"
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-dayNames">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-dayNames">dayNames</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Array</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd
class="option-default">["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The list of long day names, starting from Sunday, for use as
requested via the <code><a
href="http://docs.jquery.com/UI/Datepicker#option-dateFormat"
title="UI/Datepicker" class=mw-redirect>dateFormat</a></code> setting. They
also appear as popup hints when hovering over the corresponding column
headings. This attribute is one of the regionalisation attributes.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a datepicker with the <code>dayNames</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).datepicker({ dayNames:
["Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi"]
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>dayNames</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var dayNames = $( ".selector" ).datepicker( "option", "dayNames" );
+//setter
+$( ".selector" ).datepicker( "option", "dayNames",
["Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi"]
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-dayNamesMin">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-dayNamesMin">dayNamesMin</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Array</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd
class="option-default">["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The list of minimised day names, starting from Sunday, for use as
column headers within the datepicker. This attribute is one of the
regionalisation attributes.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a datepicker with the <code>dayNamesMin</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).datepicker({ dayNamesMin:
["Di", "Lu", "Ma", "Me", "Je", "Ve", "Sa"] });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>dayNamesMin</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var dayNamesMin = $( ".selector" ).datepicker( "option", "dayNamesMin" );
+//setter
+$( ".selector" ).datepicker( "option", "dayNamesMin",
["Di", "Lu", "Ma", "Me", "Je", "Ve", "Sa"] );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-dayNamesShort">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-dayNamesShort">dayNamesShort</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Array</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd
class="option-default">["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The list of abbreviated day names, starting from Sunday, for use as
requested via the <code><a
href="http://docs.jquery.com/UI/Datepicker#option-dateFormat"
title="UI/Datepicker" class=mw-redirect>dateFormat</a></code> setting. This
attribute is one of the regionalisation attributes.</p>
+ </div>
+ <div class="option-examples">
***The diff for this file has been truncated for email.***
=======================================
--- /tags/1.8.24/docs/dialog.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/dialog.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,1786 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/API/1.8/Dialog - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Dialog</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>A dialog is a floating window that contains a title bar and a
content area. The dialog window can be moved, resized and closed with
the 'x' icon by default.</p>
+<p>If the content length exceeds the maximum height, a scrollbar will
automatically appear.</p>
+<p>A bottom button bar and semi-transparent modal overlay layer are common
options that can be added.</p>
+<p>A call to <code>$(foo).dialog()</code> will initialize a dialog
instance and will auto-open the dialog by default. If you want to reuse a
dialog, the easiest way is to disable the "auto-open" option with:
<code>$(foo).dialog({ autoOpen: false })</code> and open it with
<code>$(foo).dialog('open')</code>. To close it, use
<code>$(foo).dialog('close')</code>. A more in-depth explanation with a
full demo is available on <a rel=nofollow class="external text"
href="http://blog.nemikor.com/2009/04/08/basic-usage-of-the-jquery-ui-dialog/">the
Nemikor blog</a>.</p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>UI Core</li>
+<li>UI Position</li>
+<li>UI Widget</li>
+<li>UI Mouse (Optional; only needed if using UI Draggable or UI
Resizable)</li>
+<li>UI Draggable (Optional)</li>
+<li>UI Resizable (Optional)</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="300">
+A simple jQuery UI Dialog.<br />
+</p>
+<pre>$("#dialog").dialog();
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+
+ <script>
+ $(document).ready(function() {
+ $("#dialog").dialog();
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div id="dialog" title="Dialog Title">I'm in a
dialog</div>

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/API/1.8/Dialog","wgTitle":"Action/render/UI/API/1.8/Dialog","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/API/1.8/Dialog","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Options</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-disabled">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-disabled">disabled</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Disables (true) or enables (false) the dialog. Can be set when
initialising (first creating) the dialog.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a dialog with the <code>disabled</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).dialog({ disabled: true });</code></pre>
+</dd>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_API_1_8_Dialog skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+
+<dt>
+ Get or set the <code>disabled</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var disabled = $( ".selector" ).dialog( "option", "disabled" );
+//setter
+$( ".selector" ).dialog( "option", "disabled", true );</code></pre>
+</dd>

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+ </dl>
+ </div>
+</li>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>

- <h1>Documentation</h1>
+<li class="option" id="option-autoOpen">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-autoOpen">autoOpen</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">true</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>When <i>autoOpen</i> is <i>true</i> the dialog will open
automatically when <i>dialog</i> is called. If <i>false</i> it will stay
hidden until <i>.dialog("open")</i> is called on it.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a dialog with the <code>autoOpen</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).dialog({ autoOpen: false });</code></pre>
+</dd>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
+
+<dt>
+ Get or set the <code>autoOpen</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var autoOpen = $( ".selector" ).dialog( "option", "autoOpen" );
+//setter
+$( ".selector" ).dialog( "option", "autoOpen", false );</code></pre>
+</dd>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/API/1.8/Dialog" title="A list
of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/API/1.8/Dialog&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/API/1.8/Dialog?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/API/1.8/Dialog?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+ </dl>
+ </div>
+</li>

-

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
+<li class="option" id="option-buttons">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-buttons">buttons</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Object</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">{ }</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Specifies which buttons should be displayed on the dialog. The
property key is the text of the button. The value is the callback function
for when the button is clicked. The context of the callback is the dialog
element; if you need access to the button, it is available as the target of
the event object.
+</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a dialog with the <code>buttons</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).dialog({ buttons: { "Ok": function()
{ $(this).dialog("close"); } } });</code></pre>
+</dd>

-
+
+<dt>
+ Get or set the <code>buttons</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var buttons = $( ".selector" ).dialog( "option", "buttons" );
+//setter
+$( ".selector" ).dialog( "option", "buttons", { "Ok": function()
{ $(this).dialog("close"); } } );</code></pre>
+</dd>

-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FAPI%2F1.8%2FDialog"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
+ </dl>
+ </div>
+</li>

-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/API/1.8/Dialog</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/API/1.8/Dialog"
title="Special:Search/Action/render/UI/API/1.8/Dialog">search for this page
title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/API/1.8/Dialog">search
the related logs</a></span>, but you do not have permission to create this
page.
+
+<li class="option" id="option-buttons">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-buttons">buttons</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Array</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">[ ]</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Specifies which buttons should be displayed on the dialog. Each
element of the array must be an Object defining the properties to set on
the button.
</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a dialog with the <code>buttons</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).dialog({ buttons: [
+ {
+ text: "Ok",
+ click: function() { $(this).dialog("close"); }
+ }
+] });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>buttons</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var buttons = $( ".selector" ).dialog( "option", "buttons" );
+//setter
+$( ".selector" ).dialog( "option", "buttons", [
+ {
+ text: "Ok",
+ click: function() { $(this).dialog("close"); }
+ }
+] );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-closeOnEscape">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-closeOnEscape">closeOnEscape</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">true</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Specifies whether the dialog should close when it has focus and the
user presses the esacpe (ESC) key.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a dialog with the <code>closeOnEscape</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).dialog({ closeOnEscape: false });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>closeOnEscape</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var closeOnEscape = $( ".selector" ).dialog( "option", "closeOnEscape" );
+//setter
+$( ".selector" ).dialog( "option", "closeOnEscape", false );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-closeText">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-closeText">closeText</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"close"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Specifies the text for the close button. Note that the close text
is visibly hidden when using a standard theme.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a dialog with the <code>closeText</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).dialog({ closeText: 'hide' });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>closeText</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var closeText = $( ".selector" ).dialog( "option", "closeText" );
+//setter
+$( ".selector" ).dialog( "option", "closeText", 'hide' );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-dialogClass">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-dialogClass">dialogClass</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">""</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The specified class name(s) will be added to the dialog, for
additional theming.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a dialog with the <code>dialogClass</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).dialog({ dialogClass: "alert" });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>dialogClass</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var dialogClass = $( ".selector" ).dialog( "option", "dialogClass" );
+//setter
+$( ".selector" ).dialog( "option", "dialogClass", "alert" );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-draggable">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-draggable">draggable</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">true</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If set to true, the dialog will be draggable will be draggable by
the titlebar.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a dialog with the <code>draggable</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).dialog({ draggable: false });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>draggable</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var draggable = $( ".selector" ).dialog( "option", "draggable" );
+//setter
+$( ".selector" ).dialog( "option", "draggable", false );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-height">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-height">height</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Number</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"auto"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The height of the dialog, in pixels. Specifying 'auto' is also
supported to make the dialog adjust based on its content.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a dialog with the <code>height</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).dialog({ height: 530 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>height</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var height = $( ".selector" ).dialog( "option", "height" );
+//setter
+$( ".selector" ).dialog( "option", "height", 530 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-hide">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-hide">hide</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">null</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The effect to be used when the dialog is closed.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a dialog with the <code>hide</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).dialog({ hide: "slide" });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>hide</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var hide = $( ".selector" ).dialog( "option", "hide" );
+//setter
+$( ".selector" ).dialog( "option", "hide", "slide" );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-hide">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-hide">hide</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Object</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">null</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The effect to be used when the dialog is closed.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a dialog with the <code>hide</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).dialog({ hide: { effect: 'drop',
direction: "down" } });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>hide</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var hide = $( ".selector" ).dialog( "option", "hide" );
+//setter
+$( ".selector" ).dialog( "option", "hide", { effect: 'drop',
direction: "down" } );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-maxHeight">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-maxHeight">maxHeight</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Number</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The maximum height to which the dialog can be resized, in
pixels.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a dialog with the <code>maxHeight</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).dialog({ maxHeight: 400 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>maxHeight</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var maxHeight = $( ".selector" ).dialog( "option", "maxHeight" );
+//setter
+$( ".selector" ).dialog( "option", "maxHeight", 400 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-maxWidth">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-maxWidth">maxWidth</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Number</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The maximum width to which the dialog can be resized, in pixels.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a dialog with the <code>maxWidth</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).dialog({ maxWidth: 600 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>maxWidth</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var maxWidth = $( ".selector" ).dialog( "option", "maxWidth" );
+//setter
+$( ".selector" ).dialog( "option", "maxWidth", 600 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-minHeight">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-minHeight">minHeight</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Number</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">150</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The minimum height to which the dialog can be resized, in
pixels.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a dialog with the <code>minHeight</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).dialog({ minHeight: 300 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>minHeight</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var minHeight = $( ".selector" ).dialog( "option", "minHeight" );
+//setter
+$( ".selector" ).dialog( "option", "minHeight", 300 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-minWidth">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-minWidth">minWidth</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Number</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">150</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The minimum width to which the dialog can be resized, in pixels.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a dialog with the <code>minWidth</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).dialog({ minWidth: 400 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>minWidth</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var minWidth = $( ".selector" ).dialog( "option", "minWidth" );
+//setter
+$( ".selector" ).dialog( "option", "minWidth", 400 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-modal">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-modal">modal</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If set to true, the dialog will have modal behavior; other items on
the page will be disabled (i.e. cannot be interacted with). Modal dialogs
create an overlay below the dialog but above other page elements.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a dialog with the <code>modal</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).dialog({ modal: true });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>modal</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var modal = $( ".selector" ).dialog( "option", "modal" );
+//setter
+$( ".selector" ).dialog( "option", "modal", true );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-position">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-position">position</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String, Array</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"center"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Specifies where the dialog should be displayed. Possible values:
<br />1) a single string representing position within
viewport: 'center', 'left', 'right', 'top', 'bottom'. <br />2) an array
containing an <em>x,y</em> coordinate pair in pixel offset from left, top
corner of viewport (e.g. [350,100]) <br />3) an array containing
<em>x,y</em> position string values (e.g. ['right','top'] for top right
corner).</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a dialog with the <code>position</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).dialog({ position: "top" });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>position</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var position = $( ".selector" ).dialog( "option", "position" );
+//setter
+$( ".selector" ).dialog( "option", "position", "top" );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-resizable">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-resizable">resizable</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">true</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If set to true, the dialog will be resizable.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a dialog with the <code>resizable</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).dialog({ resizable: false });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>resizable</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var resizable = $( ".selector" ).dialog( "option", "resizable" );
+//setter
+$( ".selector" ).dialog( "option", "resizable", false );</code></pre>
+</dd>
+
+ </dl>
***The diff for this file has been truncated for email.***
=======================================
--- /tags/1.8.24/docs/draggable.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/draggable.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,1581 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/API/1.8/Draggable - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Draggable</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>The jQuery UI Draggable plugin makes selected elements
draggable by mouse.</p>
+<p>Draggable elements gets a class of <code>ui-draggable</code>. During
drag the element also gets a class of <code>ui-draggable-dragging</code>.
If you want not just drag, but drag-and-drop, see the jQuery UI Droppable
plugin, which provides a drop target for draggables.</p>
+<p>All callbacks (start, stop, drag) receive two arguments: The original
browser event and a prepared ui object, view below for a documentation of
this object (if you name your second argument 'ui'):</p>
+<ul>
+<li><b>ui.helper</b> - the jQuery object representing the helper that's
being dragged</li>
+<li><b>ui.position</b> - current position of the helper as { top, left }
object, relative to the offset element</li>
+<li><b>ui.offset</b> - current absolute position of the helper as { top,
left } object, relative to page</li>
+</ul>
+<p><br />
+</p>
+<p>To manipulate the position of a draggable during drag, you can either
<a rel=nofollow class="external text"
href="http://jsbin.com/etako/edit">use a wrapper as the draggable
helper</a> and position the wrapped element with absolute positioning, or
you can correct internal values like so:
<code>$(this).data('draggable').offset.click.top -= x</code>.</p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>UI Core</li>
+<li>UI Widget</li>
+<li>UI Mouse</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Initialize a draggable with default options.<br />
+</p>
+<pre>$("#draggable").draggable();
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <style type="text/css">
+ #draggable { width: 100px; height: 70px; background: silver; }
+ </style>
+ <script>
+ $(document).ready(function() {
+ $("#draggable").draggable();
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div id="draggable">Drag me</div>

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/API/1.8/Draggable","wgTitle":"Action/render/UI/API/1.8/Draggable","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/API/1.8/Draggable","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Options</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-disabled">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-disabled">disabled</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Disables (true) or enables (false) the draggable. Can be set when
initialising (first creating) the draggable.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a draggable with the <code>disabled</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).draggable({ disabled: true });</code></pre>
+</dd>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_API_1_8_Draggable skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+
+<dt>
+ Get or set the <code>disabled</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var disabled = $( ".selector" ).draggable( "option", "disabled" );
+//setter
+$( ".selector" ).draggable( "option", "disabled", true );</code></pre>
+</dd>

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+ </dl>
+ </div>
+</li>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>

- <h1>Documentation</h1>
+<li class="option" id="option-addClasses">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-addClasses">addClasses</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">true</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If set to false, will prevent the <code>ui-draggable</code> class
from being added. This may be desired as a performance optimization when
calling <code>.draggable()</code> init on many hundreds of elements.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a draggable with the <code>addClasses</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).draggable({ addClasses: false });</code></pre>
+</dd>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
+
+<dt>
+ Get or set the <code>addClasses</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var addClasses = $( ".selector" ).draggable( "option", "addClasses" );
+//setter
+$( ".selector" ).draggable( "option", "addClasses", false );</code></pre>
+</dd>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/API/1.8/Draggable" title="A
list of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/API/1.8/Draggable&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/API/1.8/Draggable?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/API/1.8/Draggable?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+ </dl>
+ </div>
+</li>

-

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
+<li class="option" id="option-appendTo">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-appendTo">appendTo</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Element, Selector</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"parent"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The element passed to or selected by the <code>appendTo</code>
option will be used as the draggable helper's container during dragging. By
default, the helper is appended to the same container as the draggable.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a draggable with the <code>appendTo</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).draggable({ appendTo: "body" });</code></pre>
+</dd>

-
+
+<dt>
+ Get or set the <code>appendTo</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var appendTo = $( ".selector" ).draggable( "option", "appendTo" );
+//setter
+$( ".selector" ).draggable( "option", "appendTo", "body" );</code></pre>
+</dd>

-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FAPI%2F1.8%2FDraggable"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
+ </dl>
+ </div>
+</li>

-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/API/1.8/Draggable</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/API/1.8/Draggable"
title="Special:Search/Action/render/UI/API/1.8/Draggable">search for this
page title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/API/1.8/Draggable">search
the related logs</a></span>, but you do not have permission to create this
page.
+
+<li class="option" id="option-axis">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-axis">axis</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Constrains dragging to either the horizontal (x) or vertical (y)
axis. Possible values: 'x', 'y'.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a draggable with the <code>axis</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).draggable({ axis: "x" });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>axis</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var axis = $( ".selector" ).draggable( "option", "axis" );
+//setter
+$( ".selector" ).draggable( "option", "axis", "x" );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-cancel">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-cancel">cancel</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Selector</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">":input,option"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Prevents dragging from starting on specified elements.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a draggable with the <code>cancel</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).draggable({ cancel: "button" });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>cancel</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var cancel = $( ".selector" ).draggable( "option", "cancel" );
+//setter
+$( ".selector" ).draggable( "option", "cancel", "button" );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-connectToSortable">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-connectToSortable">connectToSortable</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Selector</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Allows the draggable to be dropped onto the specified sortables. If
this option is used (<code>helper</code> must be set to 'clone' in order to
work flawlessly), a draggable can be dropped onto a sortable list and then
becomes part of it.
+</p><p>Note: Specifying this option as an array of selectors has been
removed.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a draggable with the <code>connectToSortable</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).draggable({ connectToSortable: "ul#myList"
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>connectToSortable</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var connectToSortable = $( ".selector"
).draggable( "option", "connectToSortable" );
+//setter
+$( ".selector" ).draggable( "option", "connectToSortable", "ul#myList"
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-containment">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-containment">containment</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Selector, Element, String, Array</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Constrains dragging to within the bounds of the specified element
or region. Possible string values: 'parent', 'document', 'window', [x1, y1,
x2, y2].</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a draggable with the <code>containment</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).draggable({ containment: "parent"
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>containment</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var containment = $( ".selector" ).draggable( "option", "containment" );
+//setter
+$( ".selector" ).draggable( "option", "containment", "parent"
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-cursor">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-cursor">cursor</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"auto"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The css cursor during the drag operation.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a draggable with the <code>cursor</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).draggable({ cursor: "crosshair"
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>cursor</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var cursor = $( ".selector" ).draggable( "option", "cursor" );
+//setter
+$( ".selector" ).draggable( "option", "cursor", "crosshair" );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-cursorAt">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-cursorAt">cursorAt</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Object</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Sets the offset of the dragging helper relative to the mouse
cursor. Coordinates can be given as a hash using a combination of one or
two keys: <code>{ top, left, right, bottom }</code>.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a draggable with the <code>cursorAt</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).draggable({ cursorAt: { left: 5 }
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>cursorAt</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var cursorAt = $( ".selector" ).draggable( "option", "cursorAt" );
+//setter
+$( ".selector" ).draggable( "option", "cursorAt", { left: 5 }
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-delay">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-delay">delay</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">0</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Time in milliseconds after mousedown until dragging should start.
This option can be used to prevent unwanted drags when clicking on an
element.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a draggable with the <code>delay</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).draggable({ delay: 500 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>delay</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var delay = $( ".selector" ).draggable( "option", "delay" );
+//setter
+$( ".selector" ).draggable( "option", "delay", 500 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-distance">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-distance">distance</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">1</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Distance in pixels after mousedown the mouse must move before
dragging should start. This option can be used to prevent unwanted drags
when clicking on an element.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a draggable with the <code>distance</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).draggable({ distance: 30 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>distance</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var distance = $( ".selector" ).draggable( "option", "distance" );
+//setter
+$( ".selector" ).draggable( "option", "distance", 30 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-grid">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-grid">grid</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Array</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Snaps the dragging helper to a grid, every x and y pixels. Array
values: [x, y]</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a draggable with the <code>grid</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).draggable({ grid: [50, 20] });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>grid</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var grid = $( ".selector" ).draggable( "option", "grid" );
+//setter
+$( ".selector" ).draggable( "option", "grid", [50, 20] );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-handle">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-handle">handle</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Element, Selector</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If specified, restricts drag start click to the specified
element(s).</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a draggable with the <code>handle</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).draggable({ handle: "h2" });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>handle</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var handle = $( ".selector" ).draggable( "option", "handle" );
+//setter
+$( ".selector" ).draggable( "option", "handle", "h2" );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-helper">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-helper">helper</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String, Function</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"original"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Allows for a helper element to be used for dragging display.
Possible values: 'original', 'clone', Function. If a function is specified,
it must return a DOMElement.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a draggable with the <code>helper</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).draggable({ helper: "clone" });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>helper</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var helper = $( ".selector" ).draggable( "option", "helper" );
+//setter
+$( ".selector" ).draggable( "option", "helper", "clone" );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-iframeFix">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-iframeFix">iframeFix</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean, Selector</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Prevent iframes from capturing the mousemove events during a drag.
Useful in combination with cursorAt, or in any case, if the mouse cursor is
not over the helper. If set to true, transparent overlays will be placed
over all iframes on the page. If a selector is supplied, the matched
iframes will have an overlay placed over them.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a draggable with the <code>iframeFix</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).draggable({ iframeFix: true });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>iframeFix</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var iframeFix = $( ".selector" ).draggable( "option", "iframeFix" );
+//setter
+$( ".selector" ).draggable( "option", "iframeFix", true );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-opacity">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-opacity">opacity</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Float</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Opacity for the helper while being dragged.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a draggable with the <code>opacity</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).draggable({ opacity: 0.35 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>opacity</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var opacity = $( ".selector" ).draggable( "option", "opacity" );
+//setter
+$( ".selector" ).draggable( "option", "opacity", 0.35 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-refreshPositions">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-refreshPositions">refreshPositions</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If set to true, all droppable positions are calculated on every
mousemove. Caution: This solves issues on highly dynamic pages, but
dramatically decreases performance.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a draggable with the <code>refreshPositions</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).draggable({ refreshPositions: true
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>refreshPositions</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var refreshPositions = $( ".selector"
).draggable( "option", "refreshPositions" );
+//setter
+$( ".selector" ).draggable( "option", "refreshPositions", true
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-revert">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-revert">revert</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean, String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If set to true, the element will return to its start position when
dragging stops. Possible string values: 'valid', 'invalid'. If set to
invalid, revert will only occur if the draggable has not been dropped on a
droppable. For valid, it's the other way around.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a draggable with the <code>revert</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).draggable({ revert: true });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>revert</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var revert = $( ".selector" ).draggable( "option", "revert" );
+//setter
+$( ".selector" ).draggable( "option", "revert", true );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-revertDuration">
***The diff for this file has been truncated for email.***
=======================================
--- /tags/1.8.24/docs/droppable.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/droppable.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,833 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/API/1.8/Droppable - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Droppable</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>The jQuery UI Droppable plugin makes selected elements
droppable (meaning they accept being dropped on by draggables). You can
specify which (individually) or which kind of draggables each will
accept.</p>
+<p>All callbacks receive two arguments: The original browser event and a
prepared ui object, view below for a documentation of this object (if you
name your second argument 'ui'):</p>
+<ul>
+ <li> <b>ui.draggable</b> - current draggable element, a jQuery
object.</li>
+ <li> <b>ui.helper</b> - current draggable helper, a jQuery object</li>
+ <li> <b>ui.position</b> - current position of the draggable helper {
top: , left: }</li>
+ <li> <b>ui.offset</b> - current absolute position of the draggable helper
{ top: , left: }</li>
+</ul>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>UI Core</li>
+<li>UI Widget</li>
+<li>UI Mouse</li>
+<li><a href="http://docs.jquery.com/UI/Draggable" title="UI/Draggable"
class=mw-redirect>UI Draggable</a></li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="100">
+Makes the div droppable (a drop target for a draggable).<br />
+</p>
+<pre>$("#draggable").draggable();
+ $("#droppable").droppable({
+ drop: function() { alert('dropped'); }
+ });
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <style type="text/css">
+ #draggable { width: 75px; height: 25px; background: silver; padding:
10px; }
+ #droppable { position: absolute; left: 250px; top: 0; width: 125px;
height: 75px; background: gray; color: white; padding: 10px; }
+ </style>
+ <script>
+ $(document).ready(function() {
+ $("#draggable").draggable();
+ $("#droppable").droppable({
+ drop: function() { alert('dropped'); }
+ });
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div id="droppable">Drop here</div>
+<div id="draggable">Drag me</div>

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/API/1.8/Droppable","wgTitle":"Action/render/UI/API/1.8/Droppable","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/API/1.8/Droppable","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Options</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-disabled">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-disabled">disabled</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Disables (true) or enables (false) the droppable. Can be set when
initialising (first creating) the droppable.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a droppable with the <code>disabled</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).droppable({ disabled: true });</code></pre>
+</dd>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_API_1_8_Droppable skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+
+<dt>
+ Get or set the <code>disabled</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var disabled = $( ".selector" ).droppable( "option", "disabled" );
+//setter
+$( ".selector" ).droppable( "option", "disabled", true );</code></pre>
+</dd>

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+ </dl>
+ </div>
+</li>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>

- <h1>Documentation</h1>
+<li class="option" id="option-accept">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-accept">accept</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Selector, Function</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"*"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>All draggables that match the selector will be accepted. If a
function is specified, the function will be called for each draggable on
the page (passed as the first argument to the function), to provide a
custom filter. The function should return true if the draggable should be
accepted.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a droppable with the <code>accept</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).droppable({ accept: ".special" });</code></pre>
+</dd>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
+
+<dt>
+ Get or set the <code>accept</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var accept = $( ".selector" ).droppable( "option", "accept" );
+//setter
+$( ".selector" ).droppable( "option", "accept", ".special" );</code></pre>
+</dd>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-activeClass">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-activeClass">activeClass</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If specified, the class will be added to the droppable while an
acceptable draggable is being dragged.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a droppable with the <code>activeClass</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).droppable({ activeClass: "ui-state-highlight"
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>activeClass</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var activeClass = $( ".selector" ).droppable( "option", "activeClass" );
+//setter
+$( ".selector" ).droppable( "option", "activeClass", "ui-state-highlight"
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-addClasses">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-addClasses">addClasses</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">true</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If set to false, will prevent the ui-droppable class from being
added. This may be desired as a performance optimization when
calling .droppable() init on many hundreds of elements.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a droppable with the <code>addClasses</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).droppable({ addClasses: false });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>addClasses</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var addClasses = $( ".selector" ).droppable( "option", "addClasses" );
+//setter
+$( ".selector" ).droppable( "option", "addClasses", false );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-greedy">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-greedy">greedy</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If true, will prevent event propagation on nested droppables.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a droppable with the <code>greedy</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).droppable({ greedy: true });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>greedy</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var greedy = $( ".selector" ).droppable( "option", "greedy" );
+//setter
+$( ".selector" ).droppable( "option", "greedy", true );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-hoverClass">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-hoverClass">hoverClass</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If specified, the class will be added to the droppable while an
acceptable draggable is being hovered.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a droppable with the <code>hoverClass</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).droppable({ hoverClass: "drophover"
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>hoverClass</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var hoverClass = $( ".selector" ).droppable( "option", "hoverClass" );
+//setter
+$( ".selector" ).droppable( "option", "hoverClass", "drophover"
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-scope">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-scope">scope</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"default"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Used to group sets of draggable and droppable items, in addition to
droppable's accept option. A draggable with the same scope value as a
droppable will be accepted.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a droppable with the <code>scope</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).droppable({ scope: "tasks" });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>scope</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var scope = $( ".selector" ).droppable( "option", "scope" );
+//setter
+$( ".selector" ).droppable( "option", "scope", "tasks" );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-tolerance">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-tolerance">tolerance</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"intersect"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Specifies which mode to use for testing whether a draggable
is 'over' a droppable. Possible
values: 'fit', 'intersect', 'pointer', 'touch'.
+</p>
+<ul>
+<li><b>fit</b>: draggable overlaps the droppable entirely</li>
+<li><b>intersect</b>: draggable overlaps the droppable at least 50%</li>
+<li><b>pointer</b>: mouse pointer overlaps the droppable</li>
+<li><b>touch</b>: draggable overlaps the droppable any amount</li>
</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/API/1.8/Droppable" title="A
list of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/API/1.8/Droppable&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/API/1.8/Droppable?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/API/1.8/Droppable?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+<p></p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a droppable with the <code>tolerance</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).droppable({ tolerance: "fit" });</code></pre>
+</dd>

-
+
+<dt>
+ Get or set the <code>tolerance</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var tolerance = $( ".selector" ).droppable( "option", "tolerance" );
+//setter
+$( ".selector" ).droppable( "option", "tolerance", "fit" );</code></pre>
+</dd>

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
+ </dl>
+ </div>
+</li>

-
+ </ul>
+ </div>
+ <div id="events">
+ <h2 class="top-header">Events</h2>
+ <ul class="events-list">
+
+<li class="event" id="event-create">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-create">create</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">dropcreate</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered when droppable is created.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>create</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).droppable({
+ create: function(event, ui) { ... }
+});</code></pre>
+</dd>

-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FAPI%2F1.8%2FDroppable"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
+
+<dt>
+ Bind to the <code>create</code> event by type: <code>dropcreate</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind( "dropcreate",
function(event, ui) {
+ ...
+});</code></pre>
+</dd>

-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/API/1.8/Droppable</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/API/1.8/Droppable"
title="Special:Search/Action/render/UI/API/1.8/Droppable">search for this
page title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/API/1.8/Droppable">search
the related logs</a></span>, but you do not have permission to create this
page.
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-activate">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-activate">activate</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">dropactivate</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered any time an accepted draggable starts
dragging. This can be useful if you want to make the droppable 'light up'
when it can be dropped on.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>activate</code> event as
an init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).droppable({
+ activate: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>activate</code> event by type:
<code>dropactivate</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind( "dropactivate",
function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-deactivate">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-deactivate">deactivate</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">dropdeactivate</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered any time an accepted draggable stops
dragging.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>deactivate</code> event
as an init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).droppable({
+ deactivate: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>deactivate</code> event by type:
<code>dropdeactivate</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind( "dropdeactivate",
function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-over">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-over">over</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">dropover</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered as an accepted draggable is dragged 'over'
(within the tolerance of) this droppable.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>over</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).droppable({
+ over: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>over</code> event by type: <code>dropover</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind( "dropover",
function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-out">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-out">out</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">dropout</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered when an accepted draggable is dragged out
(within the tolerance of) this droppable.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>out</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).droppable({
+ out: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>out</code> event by type: <code>dropout</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind( "dropout",
function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-drop">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-drop">drop</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">drop</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered when an accepted draggable is
dropped 'over' (within the tolerance of) this droppable. In the callback,
$(this) represents the droppable the draggable is dropped on.
+ui.draggable represents the draggable.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>drop</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).droppable({
+ drop: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>drop</code> event by type: <code>drop</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind( "drop",
function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+ </ul>
+ </div>
+ <div id="methods">
+ <h2 class="top-header">Methods</h2>
+ <ul class="methods-list">
+
+<li class="method" id="method-destroy">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-destroy">destroy</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.droppable( "destroy"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Remove the droppable functionality completely. This will return the
element back to its pre-init state.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-disable">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-disable">disable</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.droppable( "disable"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Disable the droppable.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-enable">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-enable">enable</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.droppable( "enable"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Enable the droppable.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-option">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-option">option</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.droppable( "option"
+
+, optionName
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Get or set any droppable option. If no value is specified, will act
as a getter.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-option">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-option">option</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.droppable( "option"
+
+, options
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Set multiple droppable options at once by providing an options
object.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-widget">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-widget">widget</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.droppable( "widget"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Returns the .ui-droppable element.</p>
+ </div>
+</li>
+
+
+ </ul>
+ </div>
+ <div id="theming">
+ <h2 class="top-header">Theming</h2>
+ <p>The jQuery UI Droppable plugin uses the jQuery UI CSS Framework to
style its look and feel, including colors and background textures. We
recommend using the ThemeRoller tool to create and download custom themes
that are easy to build and maintain.
</p>
+ <p>If a deeper level of customization is needed, there are
widget-specific classes referenced within the jquery.ui.droppable.css
stylesheet that can be modified. These classes are highlighed in bold below.
+</p>
+
+ <h3>Sample markup with jQuery UI CSS Framework classes</h3>
+ <div class="<strong>ui-droppable</strong>"></div>
+ <p class="theme-note">
+ <strong>
+ Note: This is a sample of markup generated by the droppable plugin,
not markup you should use to create a droppable. The only markup needed for
that is <div></div>.
+ </strong>
+ </p>
+
+ </div>
</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/API/1.8/Droppable">http://docs.jquery.com/Action/render/UI/API/1.8/Droppable</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-

***The diff for this file has been truncated for email.***
=======================================
--- /tags/1.8.24/docs/effect-blind.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/effect-blind.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,116 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/Blind - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
-
-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/Blind","wgTitle":"Action/render/UI/Effects/Blind","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/Blind","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
-
-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_Blind skin-jqdocs action-view" id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
-
- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
-
- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
-
- <h1>Documentation</h1>
-
- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
-
- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Blind Effect</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>Blinds the element away or shows it by blinding it in.</p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/Blind" title="A list
of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/Blind&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/Blind?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/Blind?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Hides the element by blinding it horizontally.<br />
+</p>
+<pre>
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/hide"
title="UI/Effects/hide">hide</a>("blind", { direction:
"horizontal" }, 1000);
+});

-
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <style type="text/css">
+ div { margin: 0px; width: 100px; height: 80px; background: green;
border: 1px solid black; position: relative; }
+</style>

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
+ <script>
+ $(document).ready(function() {
+
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/hide"
title="UI/Effects/hide">hide</a>("blind", { direction:
"horizontal" }, 1000);
+});

-
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+ <div></div>
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-direction">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-direction">direction</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"vertical"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The direction of the effect. Can be "vertical" or "horizontal".</p>
+ </div>
+</li>

-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2FBlind"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
+<li class="option" id="option-mode">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-mode">mode</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"hide"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The mode of the effect. Can be "show" or "hide".</p>
+ </div>
+</li>
+
+ </ul>
+ </div>
</div>

-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/Blind</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/Blind"
title="Special:Search/Action/render/UI/Effects/Blind">search for this page
title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/Blind">search
the related logs</a></span>, but you do not have permission to create this
page.
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/Blind">http://docs.jquery.com/Action/render/UI/Effects/Blind</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
=======================================
--- /tags/1.8.24/docs/effect-bounce.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/effect-bounce.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,152 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/Bounce - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Bounce Effect</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>Bounces the element multiple times, vertically or horizontally.
</p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Bounces 3 times when clicking on the element.<br />
+</p>
+<pre>
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/effect"
title="UI/Effects/effect">effect</a>("bounce", { times:3 }, 300);
+});

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/Bounce","wgTitle":"Action/render/UI/Effects/Bounce","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/Bounce","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <style type="text/css">
+ div { margin: 0px; width: 100px; height: 80px; background: green;
border: 1px solid black; position: relative; }
+</style>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_Bounce skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+ <script>
+ $(document).ready(function() {
+
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/effect"
title="UI/Effects/effect">effect</a>("bounce", { times:3 }, 300);
+});

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
<p></p><p></p><p></p><p></p><div></div>
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-direction">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-direction">direction</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"up"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The direction of the effect. Can
be "up", "down", "left", "right".</p>
+ </div>
+</li>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
+<li class="option" id="option-distance">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-distance">distance</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">20</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Distance to bounce.</p>
+ </div>
+</li>

- <h1>Documentation</h1>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
+<li class="option" id="option-mode">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-mode">mode</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"effect"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The mode of the effect. Can be "show", "hide" or "effect". .</p>
+ </div>
+</li>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/Bounce" title="A list
of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/Bounce&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/Bounce?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/Bounce?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>

-
+<li class="option" id="option-times">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-times">times</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">5</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Times to bounce.</p>
+ </div>
+</li>

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
+ </ul>
+ </div>
</div>

-
-
-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2FBounce"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
-
-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/Bounce</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/Bounce"
title="Special:Search/Action/render/UI/Effects/Bounce">search for this page
title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/Bounce">search
the related logs</a></span>, but you do not have permission to create this
page.
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/Bounce">http://docs.jquery.com/Action/render/UI/Effects/Bounce</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
=======================================
--- /tags/1.8.24/docs/effect-clip.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/effect-clip.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,117 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/Clip - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Clip Effect</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>Clips the element on or off, vertically or horizontally.</p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Hides the element by clipping it off horizontal.<br />
+</p>
+<pre>
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/hide"
title="UI/Effects/hide">hide</a>("clip", { direction:
"horizontal" }, 1000);
+});

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/Clip","wgTitle":"Action/render/UI/Effects/Clip","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/Clip","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <style type="text/css">
+ div { margin: 0px; width: 100px; height: 80px; background: green;
border: 1px solid black; position: relative; }
+</style>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_Clip skin-jqdocs action-view" id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+ <script>
+ $(document).ready(function() {
+
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/hide"
title="UI/Effects/hide">hide</a>("clip", { direction:
"horizontal" }, 1000);
+});

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+ <div></div>
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-direction">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-direction">direction</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"vertical"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The direction of the effect. Can be "vertical" or "horizontal".</p>
+ </div>
+</li>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>

- <h1>Documentation</h1>
+<li class="option" id="option-mode">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-mode">mode</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"hide"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The mode of the effect. Can be "show" or "hide".</p>
+ </div>
+</li>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
-
- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/Clip" title="A list
of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/Clip&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/Clip?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/Clip?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
+ </ul>
+ </div>
</div>

-
-
-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
-
-
-
-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2FClip"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
-
-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/Clip</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/Clip"
title="Special:Search/Action/render/UI/Effects/Clip">search for this page
title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/Clip">search
the related logs</a></span>, but you do not have permission to create this
page.
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/Clip">http://docs.jquery.com/Action/render/UI/Effects/Clip</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
=======================================
--- /tags/1.8.24/docs/effect-drop.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/effect-drop.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,117 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/Drop - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Drop Effect</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>Drops the element away or shows it by dropping it in. </p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Hides the element by dropping it down.<br />
+</p>
+<pre>
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/hide"
title="UI/Effects/hide">hide</a>("drop", { direction:
"down" }, 1000);
+});

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/Drop","wgTitle":"Action/render/UI/Effects/Drop","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/Drop","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <style type="text/css">
+ div { margin: 0px; width: 100px; height: 80px; background: green;
border: 1px solid black; position: relative; }
+</style>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_Drop skin-jqdocs action-view" id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+ <script>
+ $(document).ready(function() {
+
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/hide"
title="UI/Effects/hide">hide</a>("drop", { direction:
"down" }, 1000);
+});

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+ <div></div>
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-direction">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-direction">direction</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"left"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The direction of the effect. Can
be "left", "right", "up", "down".</p>
+ </div>
+</li>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>

- <h1>Documentation</h1>
+<li class="option" id="option-mode">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-mode">mode</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"hide"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The mode of the effect. Can be "show" or "hide".</p>
+ </div>
+</li>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
-
- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/Drop" title="A list
of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/Drop&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/Drop?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/Drop?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
+ </ul>
+ </div>
</div>

-
-
-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
-
-
-
-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2FDrop"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
-
-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/Drop</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/Drop"
title="Special:Search/Action/render/UI/Effects/Drop">search for this page
title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/Drop">search
the related logs</a></span>, but you do not have permission to create this
page.
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/Drop">http://docs.jquery.com/Action/render/UI/Effects/Drop</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
=======================================
--- /tags/1.8.24/docs/effect-explode.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/effect-explode.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,156 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/Explode - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Explode Effect</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>Explodes or implodes the element into/from many pieces. </p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Hides the element by exploding it into 9 pieces.<br />
+</p>
+<pre>
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/hide"
title="UI/Effects/hide">hide</a>("explode", 1000);
+});

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/Explode","wgTitle":"Action/render/UI/Effects/Explode","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/Explode","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <style type="text/css">
+ div { margin: 0px; width: 100px; height: 80px; background: green;
border: 1px solid black; position: relative; }
+</style>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_Explode skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+ <script>
+ $(document).ready(function() {
+
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/hide"
title="UI/Effects/hide">hide</a>("explode", 1000);
+});

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+ <div></div>
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+<div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<div id="demo" class="tabs-container" rel="170">
+Shows the element by imploding it from 16 pieces.<br />
+</p>
+<pre>
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/show"
title="UI/Effects/show">show</a>("explode", { pieces: 16 }, 2000);
+});

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+
+<script
src="http://dev.jquery.com/view/tags/ui/latest/ui/effects.core.js"></script>
+<script
src="http://dev.jquery.com/view/tags/ui/latest/ui/effects.explode.js"></script>
+<style type="text/css">
+ div { margin: 0px; width: 100px; height: 80px; background: green;
border: 1px solid black; position: relative; }
+</style>

- <h1>Documentation</h1>
+ <script>
+ $(document).ready(function() {
+
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/show"
title="UI/Effects/show">show</a>("explode", { pieces: 16 }, 2000);
+});

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+ <div></div>
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-mode">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-mode">mode</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The mode of the animation. Can be set to "show" or "hide".</p>
+ </div>
+</li>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/Explode" title="A
list of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/Explode&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/Explode?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/Explode?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+<li class="option" id="option-pieces">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-pieces">pieces</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">9</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Number of pieces to be exploded to/imploded from.</p>
+ </div>
+</li>

-
-
-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
+ </ul>
+ </div>
</div>

-
-
-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2FExplode"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
-
-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/Explode</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/Explode"
title="Special:Search/Action/render/UI/Effects/Explode">search for this
page title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/Explode">search
the related logs</a></span>, but you do not have permission to create this
page.
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/Explode">http://docs.jquery.com/Action/render/UI/Effects/Explode</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
=======================================
--- /tags/1.8.24/docs/effect-fade.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/effect-fade.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,83 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/Fade - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
-
-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/Fade","wgTitle":"Action/render/UI/Effects/Fade","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/Fade","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
-
-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_Fade skin-jqdocs action-view" id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
-
- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
-
- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
-
- <h1>Documentation</h1>
-
- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
-
- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Fade Effect</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>Fades the element. The same effect as jQuery's fadeIn/Out/To
methods, but exposes it to the show, hide and effect methods.</p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/Fade" title="A list
of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/Fade&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/Fade?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/Fade?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Hides the element by fading it out.<br />
+</p>
+<pre>
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/hide"
title="UI/Effects/hide">hide</a>("fade", {}, 1000);
+});

-
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <style type="text/css">
+ div { margin: 0px; width: 100px; height: 80px; background: green;
border: 1px solid black; position: relative; }
+</style>

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
+ <script>
+ $(document).ready(function() {
+
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/hide"
title="UI/Effects/hide">hide</a>("fade", {}, 1000);
+});

-
-
-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2FFade"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
-
-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/Fade</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/Fade"
title="Special:Search/Action/render/UI/Effects/Fade">search for this page
title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/Fade">search
the related logs</a></span>, but you do not have permission to create this
page.
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+ <div></div>
+</body>
+</html>
+</pre>
+<p></div>
</p>
</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/Fade">http://docs.jquery.com/Action/render/UI/Effects/Fade</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+ <p>The fade effect has no arguments</p>
+ </ul>
+ </div>
</div>
-

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
+
+
+
=======================================
--- /tags/1.8.24/docs/effect-fold.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/effect-fold.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,136 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/Fold - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Fold Effect</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>Folds the element like a piece of paper. </p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Hides the element by folding it first to 15px, then completely.<br />
+</p>
+<pre>
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/hide"
title="UI/Effects/hide">hide</a>("fold", {}, 1000);
+});

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/Fold","wgTitle":"Action/render/UI/Effects/Fold","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/Fold","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+
+<script
src="http://jqueryui.com/latest/ui/effects.core.js"></script>
+<script
src="http://jqueryui.com/latest/ui/effects.fold.js"></script>
+<style type="text/css">
+ div { margin: 0px; width: 100px; height: 80px; background: green;
border: 1px solid black; position: relative; }
+</style>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_Fold skin-jqdocs action-view" id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+ <script>
+ $(document).ready(function() {
+
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/hide"
title="UI/Effects/hide">hide</a>("fold", {}, 1000);
+});

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+ <div></div>
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-horizFirst">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-horizFirst">horizFirst</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Whether to fold horizontally first or not. Can be true or false.</p>
+ </div>
+</li>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
+<li class="option" id="option-mode">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-mode">mode</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"hide"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The mode of the effect. Can be "show" or "hide".</p>
+ </div>
+</li>

- <h1>Documentation</h1>
+<li class="option" id="option-size">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-size">size</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">15</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Size to be folded to.</p>
+ </div>
+</li>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
-
- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/Fold" title="A list
of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/Fold&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/Fold?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/Fold?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
+ </ul>
+ </div>
</div>

-
-
-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
-
-
-
-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2FFold"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
-
-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/Fold</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/Fold"
title="Special:Search/Action/render/UI/Effects/Fold">search for this page
title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/Fold">search
the related logs</a></span>, but you do not have permission to create this
page.
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/Fold">http://docs.jquery.com/Action/render/UI/Effects/Fold</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
=======================================
--- /tags/1.8.24/docs/effect-highlight.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/effect-highlight.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,116 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/Highlight - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
-
-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/Highlight","wgTitle":"Action/render/UI/Effects/Highlight","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/Highlight","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
-
-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_Highlight skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
-
- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
-
- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
-
- <h1>Documentation</h1>
-
- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
-
- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Highlight Effect</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>Highlights the element's background with a specific color,
default is yellow. </p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/Highlight" title="A
list of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/Highlight&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/Highlight?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/Highlight?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Simple highlight when clicking on the element.<br />
+</p>
+<pre>
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/effect"
title="UI/Effects/effect">effect</a>("highlight", {}, 3000);
+});

-
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <style type="text/css">
+ div { margin: 0px; width: 100px; height: 80px; background: #666; border:
1px solid black; position: relative; }
+</style>

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
+ <script>
+ $(document).ready(function() {
+
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/effect"
title="UI/Effects/effect">effect</a>("highlight", {}, 3000);
+});

-
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+ <div></div>
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-color">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-color">color</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"#ffff99"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Highlight color</p>
+ </div>
+</li>

-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2FHighlight"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
+<li class="option" id="option-mode">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-mode">mode</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"show"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The mode of the effect. Can be "show" or "hide".</p>
+ </div>
+</li>
+
+ </ul>
+ </div>
</div>

-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/Highlight</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/Highlight"
title="Special:Search/Action/render/UI/Effects/Highlight">search for this
page title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/Highlight">search
the related logs</a></span>, but you do not have permission to create this
page.
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/Highlight">http://docs.jquery.com/Action/render/UI/Effects/Highlight</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
=======================================
--- /tags/1.8.24/docs/effect-puff.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/effect-puff.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,117 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/Puff - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
-
-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/Puff","wgTitle":"Action/render/UI/Effects/Puff","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/Puff","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
-
-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_Puff skin-jqdocs action-view" id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
-
- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
-
- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
-
- <h1>Documentation</h1>
-
- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
-
- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Puff Effect</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>This is the only effect without seperate file, it uses
effects.scale.js. It creates a puff effect by scaling the element up and
hiding it at the same time. </p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
+<li>Scale effect</li>
</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/Puff" title="A list
of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/Puff&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/Puff?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/Puff?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Puff the element away.<br />
+</p>
+<pre>
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/hide"
title="UI/Effects/hide">hide</a>("puff", {}, 1000);
+});

-
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <style type="text/css">
+ div { margin: 0px; width: 100px; height: 80px; background: green;
border: 1px solid black; position: relative; }
+</style>

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
+ <script>
+ $(document).ready(function() {
+
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/hide"
title="UI/Effects/hide">hide</a>("puff", {}, 1000);
+});

-
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+ <div></div>
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-mode">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-mode">mode</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"hide"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The mode of the effect. Can be "show" or "hide"</p>
+ </div>
+</li>

-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2FPuff"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
+<li class="option" id="option-percent">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-percent">percent</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">150</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The percentage to scale to.</p>
+ </div>
+</li>
+
+ </ul>
+ </div>
</div>

-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/Puff</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/Puff"
title="Special:Search/Action/render/UI/Effects/Puff">search for this page
title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/Puff">search
the related logs</a></span>, but you do not have permission to create this
page.
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/Puff">http://docs.jquery.com/Action/render/UI/Effects/Puff</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
=======================================
--- /tags/1.8.24/docs/effect-pulsate.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/effect-pulsate.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,116 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/Pulsate - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
-
-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/Pulsate","wgTitle":"Action/render/UI/Effects/Pulsate","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/Pulsate","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
-
-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_Pulsate skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
-
- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
-
- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
-
- <h1>Documentation</h1>
-
- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
-
- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Pulsate Effect</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>Pulsates the opacity of the element multiple times. </p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/Pulsate" title="A
list of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/Pulsate&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/Pulsate?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/Pulsate?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Pulsate 3 times when clicking on the element.<br />
+</p>
+<pre>
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/effect"
title="UI/Effects/effect">effect</a>("pulsate", { times:3 },
2000);
+});

-
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <style type="text/css">
+ div { margin: 0px; width: 100px; height: 80px; background: green;
border: 1px solid black; position: relative; }
+</style>

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
+ <script>
+ $(document).ready(function() {
+
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/effect"
title="UI/Effects/effect">effect</a>("pulsate", { times:3 },
2000);
+});

-
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+ <div></div>
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-mode">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-mode">mode</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"show"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The mode of the effect. Can be "show" or "hide".</p>
+ </div>
+</li>

-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2FPulsate"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
+<li class="option" id="option-times">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-times">times</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">5</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Times to pulsate.</p>
+ </div>
+</li>
+
+ </ul>
+ </div>
</div>

-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/Pulsate</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/Pulsate"
title="Special:Search/Action/render/UI/Effects/Pulsate">search for this
page title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/Pulsate">search
the related logs</a></span>, but you do not have permission to create this
page.
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/Pulsate">http://docs.jquery.com/Action/render/UI/Effects/Pulsate</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
=======================================
--- /tags/1.8.24/docs/effect-scale.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/effect-scale.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,208 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/Scale - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Scale Effect</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>Shrink or grow an element by a percentage factor. </p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Scale the element to 0%, with the hide method (center vanishing point).<br
/>
+</p>
+<pre>
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/hide"
title="UI/Effects/hide">hide</a>("scale", {}, 1000);
+});

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/Scale","wgTitle":"Action/render/UI/Effects/Scale","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/Scale","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <style type="text/css">
+ div { margin: 0px; width: 100px; height: 80px; background: green;
border: 1px solid black; position: relative; }
+</style>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_Scale skin-jqdocs action-view" id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+ <script>
+ $(document).ready(function() {
+
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/hide"
title="UI/Effects/hide">hide</a>("scale", {}, 1000);
+});

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+ <div></div>
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+<div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<div id="demo" class="tabs-container" rel="170">
+Scale the element to 200%, only horizontal.<br />
+</p>
+<pre>
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/effect"
title="UI/Effects/effect">effect</a>("scale", { percent: 200,
direction: 'horizontal' }, 1000);
+});

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <style type="text/css">
+ div { margin: 0px; width: 100px; height: 80px; background: green;
border: 1px solid black; position: relative; }
+</style>

- <h1>Documentation</h1>
+ <script>
+ $(document).ready(function() {
+
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/effect"
title="UI/Effects/effect">effect</a>("scale", { percent: 200,
direction: 'horizontal' }, 1000);
+});

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+ <div></div>
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-direction">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-direction">direction</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"both"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The direction of the effect. Can be "both", "vertical"
or "horizontal".</p>
+ </div>
+</li>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/Scale" title="A list
of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/Scale&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/Scale?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/Scale?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>

-
+<li class="option" id="option-from">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-from">from</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Object</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>state at beginning, usually not needed.{ height: .., width: .. }</p>
+ </div>
+</li>

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>

-
+<li class="option" id="option-origin">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-origin">origin</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Array</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">['middle','center']</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>the vanishing point, default for show/hide</p>
+ </div>
+</li>

-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2FScale"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
+
+<li class="option" id="option-percent">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-percent">percent</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">0/100</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>the percentage to scale to, number.</p>
+ </div>
+</li>
+
+
+<li class="option" id="option-scale">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-scale">scale</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"both"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Which areas of the element will be
resized: 'both', 'box', 'content' Box resizes the border and padding of the
element Content resizes any content inside of the element</p>
+ </div>
+</li>
+
+ </ul>
+ </div>
</div>

-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/Scale</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/Scale"
title="Special:Search/Action/render/UI/Effects/Scale">search for this page
title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/Scale">search
the related logs</a></span>, but you do not have permission to create this
page.
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/Scale">http://docs.jquery.com/Action/render/UI/Effects/Scale</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
=======================================
--- /tags/1.8.24/docs/effect-shake.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/effect-shake.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,133 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/Shake - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Shake Effect</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>Shakes the element multiple times, vertically or horizontally.
</p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Shakes 3 times when clicking on the element.<br />
+</p>
+<pre>
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/effect"
title="UI/Effects/effect">effect</a>("shake", { times:3 }, 300);
+});

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/Shake","wgTitle":"Action/render/UI/Effects/Shake","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/Shake","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <style type="text/css">
+ div { margin: 0px; width: 100px; height: 80px; background: green;
border: 1px solid black; position: relative; }
+</style>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_Shake skin-jqdocs action-view" id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+ <script>
+ $(document).ready(function() {
+
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/effect"
title="UI/Effects/effect">effect</a>("shake", { times:3 }, 300);
+});

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
<p></p><p></p><p></p><p></p><div></div>
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-direction">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-direction">direction</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"left"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The direction of the effect. Can
be "up", "down", "left", "right".</p>
+ </div>
+</li>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
+<li class="option" id="option-distance">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-distance">distance</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">20</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Distance to shake.</p>
+ </div>
+</li>

- <h1>Documentation</h1>
+<li class="option" id="option-times">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-times">times</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">3</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Times to shake.</p>
+ </div>
+</li>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
-
- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/Shake" title="A list
of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/Shake&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/Shake?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/Shake?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
+ </ul>
+ </div>
</div>

-
-
-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
-
-
-
-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2FShake"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
-
-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/Shake</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/Shake"
title="Special:Search/Action/render/UI/Effects/Shake">search for this page
title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/Shake">search
the related logs</a></span>, but you do not have permission to create this
page.
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/Shake">http://docs.jquery.com/Action/render/UI/Effects/Shake</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
=======================================
--- /tags/1.8.24/docs/effect-size.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/effect-size.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,148 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/Size - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Size Effect</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>Resize an element to a specified width and height. </p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
+<li>Scale effect</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Size an element to 200 x 60.<br />
+</p>
+<pre>
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/effect"
title="UI/Effects/effect">effect</a>("size", { to: {width:
200,height: 60} }, 1000);
+});

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/Size","wgTitle":"Action/render/UI/Effects/Size","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/Size","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <style type="text/css">
+ div { margin: 0px; width: 100px; height: 80px; background: green;
border: 1px solid black; position: relative; }
+</style>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_Size skin-jqdocs action-view" id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+ <script>
+ $(document).ready(function() {
+
+$("div").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<a href="http://docs.jquery.com/UI/Effects/effect"
title="UI/Effects/effect">effect</a>("size", { to: {width:
200,height: 60} }, 1000);
+});

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+ <div></div>
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-from">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-from">from</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Object</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>state at beginning, usually not needed.{ height: .., width: .. }</p>
+ </div>
+</li>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>

- <h1>Documentation</h1>
+<li class="option" id="option-to">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-to">to</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Object</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Height and width to resize to.{ height: .., width: .. }</p>
+ </div>
+</li>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/Size" title="A list
of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/Size&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/Size?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/Size?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+<li class="option" id="option-origin">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-origin">origin</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Array</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">['top','left']</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>the vanishing point, default for show/hide</p>
+ </div>
+</li>

-

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
+<li class="option" id="option-scale">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-scale">scale</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"both"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Which areas of the element will be
resized: 'both', 'box', 'content' Box resizes the border and padding of the
element Content resizes any content inside of the element</p>
+ </div>
+</li>

-
-
-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2FSize"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
+ </ul>
+ </div>
</div>

-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/Size</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/Size"
title="Special:Search/Action/render/UI/Effects/Size">search for this page
title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/Size">search
the related logs</a></span>, but you do not have permission to create this
page.
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/Size">http://docs.jquery.com/Action/render/UI/Effects/Size</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
=======================================
--- /tags/1.8.24/docs/effect-slide.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/effect-slide.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,133 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/Slide - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Slide Effect</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>Slides the element out of the viewport. </p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Hides the element by sliding it down.<br />
+</p>
+<pre>
+$("div").click(function () {
+ $(this).hide("slide", { direction: "down" },
1000);
+});

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/Slide","wgTitle":"Action/render/UI/Effects/Slide","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/Slide","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <style type="text/css">
+ div { margin: 0px; width: 100px; height: 80px; background: green;
border: 1px solid black; position: relative; }
+</style>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_Slide skin-jqdocs action-view" id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+ <script>
+ $(document).ready(function() {
+
+$("div").click(function () {
+ $(this).hide("slide", { direction: "down" },
1000);
+});

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+ <div></div>
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-direction">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-direction">direction</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"left"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The direction of the effect. Can
be "left", "right", "up", "down".</p>
+ </div>
+</li>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
+<li class="option" id="option-distance">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-distance">distance</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">el.outerWidth</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The distance of the effect. Is set to either the height or width of
the elemenet depending on the direction option. Can be set to any integer
less than the width/height of the element.</p>
+ </div>
+</li>

- <h1>Documentation</h1>
+<li class="option" id="option-mode">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-mode">mode</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"show"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The mode of the effect. Can be "show" or "hide".</p>
+ </div>
+</li>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
-
- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/Slide" title="A list
of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/Slide&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/Slide?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/Slide?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
+ </ul>
+ </div>
</div>

-
-
-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
-
-
-
-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2FSlide"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
-
-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/Slide</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/Slide"
title="Special:Search/Action/render/UI/Effects/Slide">search for this page
title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/Slide">search
the related logs</a></span>, but you do not have permission to create this
page.
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/Slide">http://docs.jquery.com/Action/render/UI/Effects/Slide</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
=======================================
--- /tags/1.8.24/docs/effect-transfer.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/effect-transfer.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,118 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/Transfer - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Transfer Effect</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>Transfers the outline of an element to another element. Very
useful when trying to visualize interaction between two elements.</p>
+<p>The transfer element iself has the class name "ui-effects-transfer",
and needs to be styled by you, for example by adding a background or
border. </p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Clicking on the green element transfers to the other.<br />
+</p>
+<pre>
+$("div").click(function () {
+ var i = 1 - $("div").index(this);
+ $(this).effect("transfer", { to: $("div").eq(i)
}, 1000);
+});

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/Transfer","wgTitle":"Action/render/UI/Effects/Transfer","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/Transfer","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <style type="text/css">
+ div.green { margin: 0px; width: 100px; height: 80px; background: green;
border: 1px solid black; position: relative; }
+ div.red { margin-top: 10px; width: 50px; height: 30px; background: red;
border: 1px solid black; position: relative; }
+ .ui-effects-transfer { border: 2px solid black; }

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_Transfer skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+</style>

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+ <script>
+ $(document).ready(function() {
+
+$("div").click(function () {
+ var i = 1 - $("div").index(this);
+ $(this).effect("transfer", { to: $("div").eq(i)
}, 1000);
+});

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+ <div class="green"></div>
+<div class="red"></div>

- <h1>Documentation</h1>
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-className">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-className">className</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Optional class name the transfer element will receive.</p>
+ </div>
+</li>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
+<li class="option" id="option-to">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-to">to</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>jQuery selector, the element to transfer to.</p>
+ </div>
+</li>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/Transfer" title="A
list of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/Transfer&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/Transfer?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/Transfer?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
+ </ul>
+ </div>
</div>

-
-
-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
-
-
-
-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2FTransfer"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
-
-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/Transfer</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/Transfer"
title="Special:Search/Action/render/UI/Effects/Transfer">search for this
page title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/Transfer">search
the related logs</a></span>, but you do not have permission to create this
page.
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/Transfer">http://docs.jquery.com/Action/render/UI/Effects/Transfer</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
=======================================
--- /tags/1.8.24/docs/effect.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/effect.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,147 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/effect - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI effect</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <h3> <span class="mw-headline"
id="effect.28_effect.2C_.5Boptions.5D.2C_.5Bspeed.5D.2C_.5Bcallback.5D_.29">effect(
effect, <span class="optional">[</span>options<span
class="optional">]</span>, <span class="optional">[</span>speed<span
class="optional">]</span>, <span class="optional">[</span>callback<span
class="optional">]</span> )</span></h3>
+<p>Uses a specific effect on an element (without the show/hide logic).</p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Apply the effect explode if you click on the element.<br />
+</p>
+<pre>$("p").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $("div").<strong
class="selflink">effect</strong>("explode");
+ });
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <script
src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
+<script
src="http://ui.jquery.com/latest/ui/effects.explode.js"></script>
+<style type="text/css">
+ div { margin: 0 auto; width: 100px; height: 80px; background: blue;
position: relative; }
+</style>
+ <script>
+ $(document).ready(function() {
+ $("p").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $("div").<strong
class="selflink">effect</strong>("explode");
+ });
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<p>Click me</p><div></div>

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/effect","wgTitle":"Action/render/UI/Effects/effect","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/effect","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-effect">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-effect">effect</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The effect to be used. Possible
values: 'blind', 'bounce', 'clip', 'drop', 'explode', 'fold', 'highlight', 'puff', 'pulsate', 'scale', 'shake', 'size', 'slide', 'transfer'.</p>
+ </div>
+</li>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_effect skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+<li class="option" id="option-options">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-options">options</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Hash</dd>
+
+ <dt class="option-optional-label">Optional</dt>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>A object/hash including specific options for the effect.</p>
+ </div>
+</li>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>

- <h1>Documentation</h1>
+<li class="option" id="option-speed">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-speed">speed</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String, Number</dd>
+
+ <dt class="option-optional-label">Optional</dt>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>A string representing one of the three predefined speeds
("slow", "normal", or "fast") or the number of milliseconds to run the
animation (e.g. 1000).</p>
+ </div>
+</li>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/effect" title="A list
of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/effect&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/effect?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/effect?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+<li class="option" id="option-callback">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-callback">callback</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Function</dd>
+
+ <dt class="option-optional-label">Optional</dt>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>A function that is called after the effect is completed.</p>
+ </div>
+</li>

-
-
-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
+ </ul>
+ </div>
</div>

-
-
-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2Feffect"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
-
-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/effect</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/effect"
title="Special:Search/Action/render/UI/Effects/effect">search for this page
title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/effect">search
the related logs</a></span>, but you do not have permission to create this
page.
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/effect">http://docs.jquery.com/Action/render/UI/Effects/effect</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
=======================================
--- /tags/1.8.24/docs/hide.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/hide.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,148 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/hide - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI hide</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <h3> <span class="mw-headline"
id="hide.28_effect.2C_.5Boptions.5D.2C_.5Bspeed.5D.2C_.5Bcallback.5D_.29">hide(
effect, <span class="optional">[</span>options<span
class="optional">]</span>, <span class="optional">[</span>speed<span
class="optional">]</span>, <span class="optional">[</span>callback<span
class="optional">]</span> )</span></h3>
+<p>The enhanced hide method optionally accepts jQuery UI advanced
effects.</p>
+<p>Uses a specific effect on an element to hide the element if the first
argument is an effect string.</p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Apply the effect slide if you click on the p to hide a div.<br />
+</p>
+<pre>$("p").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $("div").<strong
class="selflink">hide</strong>("slide", {}, 1000);
+ });
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <script
src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
+<script
src="http://ui.jquery.com/latest/ui/effects.slide.js"></script>
+<style type="text/css">
+ div { margin: 0px; width: 100px; height: 80px; background: blue;
position: relative; }
+</style>
+ <script>
+ $(document).ready(function() {
+ $("p").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $("div").<strong
class="selflink">hide</strong>("slide", {}, 1000);
+ });
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<p>Click me</p><div></div>

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/hide","wgTitle":"Action/render/UI/Effects/hide","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/hide","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-effect">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-effect">effect</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The effect to be used. Possible
values: 'blind', 'clip', 'drop', 'explode', 'fold', 'puff', 'slide', 'scale', 'size', 'pulsate'.</p>
+ </div>
+</li>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_hide skin-jqdocs action-view" id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+<li class="option" id="option-options">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-options">options</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Hash</dd>
+
+ <dt class="option-optional-label">Optional</dt>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>A object/hash including specific options for the effect.</p>
+ </div>
+</li>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>

- <h1>Documentation</h1>
+<li class="option" id="option-speed">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-speed">speed</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String, Number</dd>
+
+ <dt class="option-optional-label">Optional</dt>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>A string representing one of the predefined speeds ("slow"
or "fast") or the number of milliseconds to run the animation (e.g.
1000).</p>
+ </div>
+</li>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/hide" title="A list
of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/hide&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/hide?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/hide?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+<li class="option" id="option-callback">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-callback">callback</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Function</dd>
+
+ <dt class="option-optional-label">Optional</dt>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>A function that is called after the effect is completed.</p>
+ </div>
+</li>

-
-
-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
+ </ul>
+ </div>
</div>

-
-
-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2Fhide"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
-
-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/hide</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/hide"
title="Special:Search/Action/render/UI/Effects/hide">search for this page
title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/hide">search
the related logs</a></span>, but you do not have permission to create this
page.
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/hide">http://docs.jquery.com/Action/render/UI/Effects/hide</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
=======================================
--- /tags/1.8.24/docs/position.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/position.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,249 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/API/1.8/Position - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Position Utility</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>Utility script for positioning any widget relative to the
window, document, a particular element, or the cursor/mouse.</p>
+<p><em>Note: jQuery UI does not support positioning hidden
elements.</em></p>
+<p>Does not need ui.core.js or effects.core.js.</p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li><i>none (only jQuery core)</i></li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="300">
+Clicking on the green element transfers to the other.<br />
+</p>
+<pre>
+$("#position1").position({
+ my: "center",
+ at: "center",
+ of: "#targetElement"
+});
+$("#position2").position({
+ my: "left top",
+ at: "left top",
+ of: "#targetElement"
+});
+$("#position3").position({
+ my: "right center",
+ at: "right bottom",
+ of: "#targetElement"
+});
+$(document).mousemove(function(ev){
+ $("#position4").position({
+ my: "left bottom",
+ of: ev,
+ offset: "3 -3",
+ collision: "fit"
+ });
+});

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/API/1.8/Position","wgTitle":"Action/render/UI/API/1.8/Position","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/API/1.8/Position","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <style type="text/css">
+#targetElement {
width:240px;height:200px;background-color:#999;margin:30px auto; }
+.positionDiv { width:50px;height:50px;opacity:0.6; }
+#position1 {background-color:#F00;}
+#position2 {background-color:#0F0;}
+#position3 {background-color:#00F;}
+#position4 {background-color:#FF0;}
+</style>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_API_1_8_Position skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+ <script>
+ $(document).ready(function() {
+
+$("#position1").position({
+ my: "center",
+ at: "center",
+ of: "#targetElement"
+});
+$("#position2").position({
+ my: "left top",
+ at: "left top",
+ of: "#targetElement"
+});
+$("#position3").position({
+ my: "right center",
+ at: "right bottom",
+ of: "#targetElement"
+});
+$(document).mousemove(function(ev){
+ $("#position4").position({
+ my: "left bottom",
+ of: ev,
+ offset: "3 -3",
+ collision: "fit"
+ });
+});

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div id="targetElement">
+ <div class="positionDiv"
id="position1"></div>
+ <div class="positionDiv"
id="position2"></div>
+ <div class="positionDiv"
id="position3"></div>
+ <div class="positionDiv"
id="position4"></div>
+</div>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-my">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-my">my</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"center"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Defines which position on <b>the element being positioned</b> to
align with the target element: "horizontal vertical" alignment. A single
value such as "right" will default to "right center", "top" will default
to "center top" (following CSS convention). Acceptable
values: "top", "center", "bottom", "left", "right". Example: "left top"
or "center center"</p>
+ </div>
+</li>

- <h1>Documentation</h1>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
+<li class="option" id="option-at">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-at">at</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"center"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Defines which position on <b>the target element</b> to align the
positioned element against: "horizontal vertical" alignment. A single value
such as "right" will default to "right center", "top" will default
to "center top" (following CSS convention). Acceptable
values: "top", "center", "bottom", "left", "right". Example: "left top"
or "center center"</p>
+ </div>
+</li>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/API/1.8/Position" title="A
list of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/API/1.8/Position&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/API/1.8/Position?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/API/1.8/Position?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>

-
+<li class="option" id="option-of">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-of">of</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Selector, Element, jQuery, Event</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">null</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Element to position against. If you provide a selector, the first
matching element will be used. If you provide a jQuery object, the first
element will be used. If you provide an event object, the pageX and pageY
properties will be used. Example: "#top-menu"</p>
+ </div>
+</li>

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>

-
+<li class="option" id="option-offset">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-offset">offset</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">null</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Add these left-top values to the calculated position, eg. "50 50"
(left top) A single value such as "50" will apply to both.</p>
+ </div>
+</li>

-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FAPI%2F1.8%2FPosition"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>

-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/API/1.8/Position</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/API/1.8/Position"
title="Special:Search/Action/render/UI/API/1.8/Position">search for this
page title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/API/1.8/Position">search
the related logs</a></span>, but you do not have permission to create this
page.
+<li class="option" id="option-collision">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-collision">collision</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"flip"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>When the positioned element overflows the window in some direction,
move it to an alternative position. Similar to my and at, this accepts a
single value or a pair for horizontal/vertical, eg. "flip", "fit", "fit
flip", "fit none".
</p>
+<ul><li> <b>flip</b>: to the opposite side and the collision detection is
run again to see if it will fit. Whichever side allows more of the element
to be visible will be used.
+</li><li> <b>fit</b>: so the element keeps in the desired direction, but
is re-positioned so it fits.
+</li><li> <b>none</b>: not do collision detection.
+</li></ul>
+<p></p>
+ </div>
+</li>
+
+
+<li class="option" id="option-using">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-using">using</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Function</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">null</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>When specified the actual property setting is delegated to this
callback. Receives a single parameter which is a hash of top and left
values for the position that should be set.</p>
+ </div>
+</li>
+
+ </ul>
+ </div>
</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/API/1.8/Position">http://docs.jquery.com/Action/render/UI/API/1.8/Position</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+</p>
+
+
+
=======================================
--- /tags/1.8.24/docs/progressbar.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/progressbar.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,464 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/API/1.8/Progressbar - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Progressbar</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>
+The progress bar is designed to simply display the current % complete
for a process. The bar is coded to be flexibly sized through CSS and will
scale to fit inside it's parent container by default.
+</p>
+<p>
+This is a determinate progress bar, meaning that it should only be used in
situations where the system can accurately update the current status
complete. A determinate progress bar should never fill from left to right,
then loop back to empty for a single process -- if the actual percent
complete status cannot be calculated, an indeterminate progress bar (coming
soon) or spinner animation is a better way to provide user feedback.
+</p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>UI Core</li>
+<li>UI Widget</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="100">
+A simple jQuery UI Progressbar.<br />
+</p>
+<pre>$("#progressbar").progressbar({ value: 37 });
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+
+ <script>
+ $(document).ready(function() {
+ $("#progressbar").progressbar({ value: 37 });
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div id="progressbar"></div>

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/API/1.8/Progressbar","wgTitle":"Action/render/UI/API/1.8/Progressbar","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/API/1.8/Progressbar","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Options</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-disabled">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-disabled">disabled</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Disables (true) or enables (false) the progressbar. Can be set when
initialising (first creating) the progressbar.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a progressbar with the <code>disabled</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).progressbar({ disabled: true });</code></pre>
+</dd>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_API_1_8_Progressbar skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+
+<dt>
+ Get or set the <code>disabled</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var disabled = $( ".selector" ).progressbar( "option", "disabled" );
+//setter
+$( ".selector" ).progressbar( "option", "disabled", true );</code></pre>
+</dd>

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+ </dl>
+ </div>
+</li>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>

- <h1>Documentation</h1>
+<li class="option" id="option-value">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-value">value</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Number</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">0</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The value of the progressbar.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a progressbar with the <code>value</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).progressbar({ value: 37 });</code></pre>
+</dd>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
+
+<dt>
+ Get or set the <code>value</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var value = $( ".selector" ).progressbar( "option", "value" );
+//setter
+$( ".selector" ).progressbar( "option", "value", 37 );</code></pre>
+</dd>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/API/1.8/Progressbar" title="A
list of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/API/1.8/Progressbar&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/API/1.8/Progressbar?redlink=1" title="View
the content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/API/1.8/Progressbar?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+ </dl>
+ </div>
+</li>

-
+ </ul>
+ </div>
+ <div id="events">
+ <h2 class="top-header">Events</h2>
+ <ul class="events-list">
+
+<li class="event" id="event-create">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-create">create</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">progressbarcreate</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered when progressbar is created.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>create</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).progressbar({
+ create: function(event, ui) { ... }
+});</code></pre>
+</dd>

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
+
+<dt>
+ Bind to the <code>create</code> event by type:
<code>progressbarcreate</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind( "progressbarcreate",
function(event, ui) {
+ ...
+});</code></pre>
+</dd>

-
+ </dl>
+ </div>
+</li>

-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FAPI%2F1.8%2FProgressbar"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>

-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/API/1.8/Progressbar</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/API/1.8/Progressbar"
title="Special:Search/Action/render/UI/API/1.8/Progressbar">search for this
page title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/API/1.8/Progressbar">search
the related logs</a></span>, but you do not have permission to create this
page.
+<li class="event" id="event-change">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-change">change</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">progressbarchange</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered when the value of the progressbar
changes.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>change</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).progressbar({
+ change: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>change</code> event by type:
<code>progressbarchange</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind( "progressbarchange",
function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-complete">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-complete">complete</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">progressbarcomplete</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered when the value of the progressbar reaches
the maximum value of 100.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>complete</code> event as
an init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).progressbar({
+ complete: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>complete</code> event by type:
<code>progressbarcomplete</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind(
"progressbarcomplete", function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+ </ul>
+ </div>
+ <div id="methods">
+ <h2 class="top-header">Methods</h2>
+ <ul class="methods-list">
+
+<li class="method" id="method-destroy">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-destroy">destroy</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.progressbar( "destroy"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Remove the progressbar functionality completely. This will return
the element back to its pre-init state.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-disable">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-disable">disable</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.progressbar( "disable"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Disable the progressbar.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-enable">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-enable">enable</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.progressbar( "enable"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Enable the progressbar.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-option">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-option">option</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.progressbar( "option"
+
+, optionName
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Get or set any progressbar option. If no value is specified, will
act as a getter.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-option">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-option">option</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.progressbar( "option"
+
+, options
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Set multiple progressbar options at once by providing an options
object.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-widget">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-widget">widget</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.progressbar( "widget"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Returns the .ui-progressbar element.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-value">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-value">value</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.progressbar( "value"
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>This method gets or sets the current value of the progressbar.</p>
+ </div>
+</li>
+
+ </ul>
+ </div>
+ <div id="theming">
+ <h2 class="top-header">Theming</h2>
+ <p>The jQuery UI Progressbar plugin uses the jQuery UI CSS Framework
to style its look and feel, including colors and background textures. We
recommend using the ThemeRoller tool to create and download custom themes
that are easy to build and maintain.
</p>
+ <p>If a deeper level of customization is needed, there are
widget-specific classes referenced within the jquery.ui.progressbar.css
stylesheet that can be modified. These classes are highlighed in bold below.
+</p>
+
+ <h3>Sample markup with jQuery UI CSS Framework classes</h3>
+ <div class="<strong>ui-progressbar </strong>ui-widget
ui-widget-content ui-corner-all"><br />
+    <div style="width: 37%;"
class="<strong>ui-progressbar-value</strong> ui-widget-header
ui-corner-left"></div><br />
+ </div>
+ <p class="theme-note">
+ <strong>
+ Note: This is a sample of markup generated by the progressbar
plugin, not markup you should use to create a progressbar. The only markup
needed for that is <div></div>.
+ </strong>
+ </p>
+
+ </div>
</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/API/1.8/Progressbar">http://docs.jquery.com/Action/render/UI/API/1.8/Progressbar</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+</p>
+
+
+
=======================================
--- /tags/1.8.24/docs/removeClass.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/removeClass.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,117 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/removeClass - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
-
-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/removeClass","wgTitle":"Action/render/UI/Effects/removeClass","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/removeClass","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
-
-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_removeClass skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
-
- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
-
- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
-
- <h1>Documentation</h1>
-
- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
-
- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI removeClass</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <h3> <span class="mw-headline"
id="removeClass.28_.5Bclass.5D.2C_.5Bduration.5D_.29">removeClass( <span
class="optional">[</span>class<span class="optional">]</span>, <span
class="optional">[</span>duration<span class="optional">]</span>
)</span></h3>
+<p>Removes all or specified class from each of the set of matched elements
with an optional transition between the states.</p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/removeClass" title="A
list of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/removeClass&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/removeClass?redlink=1" title="View
the content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/removeClass?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="100">
+Removes the class 'selected' from the matched elements with a one second
transition.<br />
+</p>
+<pre>$("p").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<strong
class="selflink">removeClass</strong>("selected", 1000);
+ });
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <script
src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
+<style type="text/css">
+ p { cursor: pointer; font-size: 1.2em; }
+ .selected { color:red; }
+</style>
+ <script>
+ $(document).ready(function() {
+ $("p").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<strong
class="selflink">removeClass</strong>("selected", 1000);
+ });
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<p class="selected">Click me to remove 'selected'
class.</p>
+<p class="selected">Click me to remove 'selected'
class.</p>
+<p class="selected">Click me to remove 'selected'
class.</p>

-
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-class">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-class">class</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-optional-label">Optional</dt>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>CSS classes to remove from the elements.</p>
+ </div>
+</li>

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>

-
+<li class="option" id="option-duration">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-duration">duration</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String, Number</dd>
+
+ <dt class="option-optional-label">Optional</dt>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>A string representing one of the three predefined speeds
("slow", "normal", or "fast") or the number of milliseconds to run the
animation (e.g. 1000).</p>
+ </div>
+</li>

-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2FremoveClass"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
+ </ul>
+ </div>
</div>

-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/removeClass</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/removeClass"
title="Special:Search/Action/render/UI/Effects/removeClass">search for this
page title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/removeClass">search
the related logs</a></span>, but you do not have permission to create this
page.
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/removeClass">http://docs.jquery.com/Action/render/UI/Effects/removeClass</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
=======================================
--- /tags/1.8.24/docs/resizable.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/resizable.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,1205 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/API/1.8/Resizable - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Resizable</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>The jQuery UI Resizable plugin makes selected elements
resizable (meaning they have draggable resize handles). You can specify one
or more handles as well as min and max width and height.</p>
+<p>All callbacks (start,stop,resize) receive two arguments: The original
browser event and a prepared ui object. The ui object has the following
fields:</p>
+<ul>
+<li><b>ui.helper</b> - a jQuery object containing the helper element</li>
+<li><b>ui.originalPosition</b> - {top, left} before resizing started</li>
+<li><b>ui.originalSize</b> - {width, height} before resizing started</li>
+<li><b>ui.position</b> - {top, left} current position</li>
+<li><b>ui.size</b> - {width, height} current size</li>
+</ul>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>UI Core</li>
+<li>UI Widget</li>
+<li>UI Mouse</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="250">
+A simple jQuery UI Resizable.<br />
+</p>
+<pre>$("#resizable").resizable();
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <style type="text/css">
+ #resizable { width: 100px; height: 100px; background: silver; }
+ </style>
+ <script>
+ $(document).ready(function() {
+ $("#resizable").resizable();
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div id="resizable"></div>

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/API/1.8/Resizable","wgTitle":"Action/render/UI/API/1.8/Resizable","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/API/1.8/Resizable","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Options</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-disabled">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-disabled">disabled</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Disables (true) or enables (false) the resizable. Can be set when
initialising (first creating) the resizable.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a resizable with the <code>disabled</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).resizable({ disabled: true });</code></pre>
+</dd>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_API_1_8_Resizable skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+
+<dt>
+ Get or set the <code>disabled</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var disabled = $( ".selector" ).resizable( "option", "disabled" );
+//setter
+$( ".selector" ).resizable( "option", "disabled", true );</code></pre>
+</dd>

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+ </dl>
+ </div>
+</li>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>

- <h1>Documentation</h1>
+<li class="option" id="option-alsoResize">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-alsoResize">alsoResize</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Selector, jQuery, Element</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Resize these elements synchronous when resizing.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a resizable with the <code>alsoResize</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).resizable({ alsoResize: ".other"
});</code></pre>
+</dd>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
+
+<dt>
+ Get or set the <code>alsoResize</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var alsoResize = $( ".selector" ).resizable( "option", "alsoResize" );
+//setter
+$( ".selector" ).resizable( "option", "alsoResize", ".other"
);</code></pre>
+</dd>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/API/1.8/Resizable" title="A
list of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/API/1.8/Resizable&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/API/1.8/Resizable?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/API/1.8/Resizable?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+ </dl>
+ </div>
+</li>

-

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
+<li class="option" id="option-animate">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-animate">animate</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Animates to the final size after resizing.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a resizable with the <code>animate</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).resizable({ animate: true });</code></pre>
+</dd>

-
+
+<dt>
+ Get or set the <code>animate</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var animate = $( ".selector" ).resizable( "option", "animate" );
+//setter
+$( ".selector" ).resizable( "option", "animate", true );</code></pre>
+</dd>

-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FAPI%2F1.8%2FResizable"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
+ </dl>
+ </div>
+</li>

-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/API/1.8/Resizable</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/API/1.8/Resizable"
title="Special:Search/Action/render/UI/API/1.8/Resizable">search for this
page title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/API/1.8/Resizable">search
the related logs</a></span>, but you do not have permission to create this
page.
+
+<li class="option" id="option-animateDuration">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-animateDuration">animateDuration</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer, String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"slow"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Duration time for animating, in milliseconds. Other possible
values: 'slow', 'normal', 'fast'.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a resizable with the <code>animateDuration</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).resizable({ animateDuration: 500
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>animateDuration</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var animateDuration = $( ".selector"
).resizable( "option", "animateDuration" );
+//setter
+$( ".selector" ).resizable( "option", "animateDuration", 500
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-animateEasing">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-animateEasing">animateEasing</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"swing"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Easing effect for animating.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a resizable with the <code>animateEasing</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).resizable({ animateEasing: "swing"
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>animateEasing</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var animateEasing = $( ".selector" ).resizable( "option", "animateEasing"
);
+//setter
+$( ".selector" ).resizable( "option", "animateEasing", "swing"
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-aspectRatio">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-aspectRatio">aspectRatio</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean, Float</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If set to true, resizing is constrained by the original aspect
ratio. Otherwise a custom aspect ratio can be specified, such as 9 / 16, or
0.5.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a resizable with the <code>aspectRatio</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).resizable({ aspectRatio: .75 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>aspectRatio</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var aspectRatio = $( ".selector" ).resizable( "option", "aspectRatio" );
+//setter
+$( ".selector" ).resizable( "option", "aspectRatio", .75 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-autoHide">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-autoHide">autoHide</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If set to true, automatically hides the handles except when the
mouse hovers over the element.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a resizable with the <code>autoHide</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).resizable({ autoHide: true });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>autoHide</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var autoHide = $( ".selector" ).resizable( "option", "autoHide" );
+//setter
+$( ".selector" ).resizable( "option", "autoHide", true );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-cancel">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-cancel">cancel</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Selector</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">":input,option"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Prevents resizing if you start on elements matching the
selector.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a resizable with the <code>cancel</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).resizable({ cancel: ":input,option"
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>cancel</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var cancel = $( ".selector" ).resizable( "option", "cancel" );
+//setter
+$( ".selector" ).resizable( "option", "cancel", ":input,option"
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-containment">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-containment">containment</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String, Element, Selector</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Constrains resizing to within the bounds of the specified element.
Possible values: 'parent', 'document', a DOMElement, or a Selector.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a resizable with the <code>containment</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).resizable({ containment: "parent"
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>containment</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var containment = $( ".selector" ).resizable( "option", "containment" );
+//setter
+$( ".selector" ).resizable( "option", "containment", "parent"
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-delay">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-delay">delay</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">0</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Tolerance, in milliseconds, for when resizing should start. If
specified, resizing will not start until after mouse is moved beyond
duration. This can help prevent unintended resizing when clicking on an
element.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a resizable with the <code>delay</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).resizable({ delay: 20 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>delay</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var delay = $( ".selector" ).resizable( "option", "delay" );
+//setter
+$( ".selector" ).resizable( "option", "delay", 20 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-distance">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-distance">distance</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">1</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Tolerance, in pixels, for when resizing should start. If specified,
resizing will not start until after mouse is moved beyond distance. This
can help prevent unintended resizing when clicking on an element.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a resizable with the <code>distance</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).resizable({ distance: 20 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>distance</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var distance = $( ".selector" ).resizable( "option", "distance" );
+//setter
+$( ".selector" ).resizable( "option", "distance", 20 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-ghost">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-ghost">ghost</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If set to true, a semi-transparent helper element is shown for
resizing.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a resizable with the <code>ghost</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).resizable({ ghost: true });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>ghost</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var ghost = $( ".selector" ).resizable( "option", "ghost" );
+//setter
+$( ".selector" ).resizable( "option", "ghost", true );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-grid">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-grid">grid</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Array</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Snaps the resizing element to a grid, every x and y pixels. Array
values: [x, y]</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a resizable with the <code>grid</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).resizable({ grid: [50, 50] });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>grid</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var grid = $( ".selector" ).resizable( "option", "grid" );
+//setter
+$( ".selector" ).resizable( "option", "grid", [50, 50] );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-handles">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-handles">handles</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String, Object</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"e, s, se"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If specified as a string, should be a comma-split list of any of
the following: 'n, e, s, w, ne, se, sw, nw, all'. The necessary handles
will be auto-generated by the plugin.
+</p><p>If specified as an object, the following keys are supported: { n,
e, s, w, ne, se, sw, nw }. The value of any specified should be a jQuery
selector matching the child element of the resizable to use as that handle.
If the handle is not a child of the resizable, you can pass in the
DOMElement or a valid jQuery object directly.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a resizable with the <code>handles</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).resizable({ handles: "n, e, s, w"
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>handles</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var handles = $( ".selector" ).resizable( "option", "handles" );
+//setter
+$( ".selector" ).resizable( "option", "handles", "n, e, s, w"
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-helper">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-helper">helper</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>This is the css class that will be added to a proxy element to
outline the resize during the drag of the resize handle. Once the resize is
complete, the original element is sized.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a resizable with the <code>helper</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).resizable({ helper: "ui-state-highlight"
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>helper</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var helper = $( ".selector" ).resizable( "option", "helper" );
+//setter
+$( ".selector" ).resizable( "option", "helper", "ui-state-highlight"
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-maxHeight">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-maxHeight">maxHeight</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">null</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>This is the maximum height the resizable should be allowed to
resize to.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a resizable with the <code>maxHeight</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).resizable({ maxHeight: 300 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>maxHeight</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var maxHeight = $( ".selector" ).resizable( "option", "maxHeight" );
+//setter
+$( ".selector" ).resizable( "option", "maxHeight", 300 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-maxWidth">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-maxWidth">maxWidth</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">null</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>This is the maximum width the resizable should be allowed to resize
to.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a resizable with the <code>maxWidth</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).resizable({ maxWidth: 250 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>maxWidth</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var maxWidth = $( ".selector" ).resizable( "option", "maxWidth" );
+//setter
+$( ".selector" ).resizable( "option", "maxWidth", 250 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-minHeight">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-minHeight">minHeight</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">10</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>This is the minimum height the resizable should be allowed to
resize to.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a resizable with the <code>minHeight</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).resizable({ minHeight: 150 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>minHeight</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var minHeight = $( ".selector" ).resizable( "option", "minHeight" );
+//setter
+$( ".selector" ).resizable( "option", "minHeight", 150 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-minWidth">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-minWidth">minWidth</a></h3>
***The diff for this file has been truncated for email.***
=======================================
--- /tags/1.8.24/docs/selectable.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/selectable.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,852 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/API/1.8/Selectable - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Selectable</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>The jQuery UI Selectable plugin allows for elements to be
selected by dragging a box (sometimes called a lasso) with the mouse over
the elements. Also, elements can be selected by click or drag while holding
the Ctrl/Meta key, allowing for multiple (non-contiguous) selections.</p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>UI Core</li>
+<li>UI Widget</li>
+<li>UI Mouse</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="">
+A simple jQuery UI Selectable.<br />
+</p>
+<pre>$("#selectable").selectable();
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <style type="text/css">
+#selectable .ui-selecting {
+ background: silver;
+}
+#selectable .ui-selected {
+ background: gray;
+}
+</style>

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/API/1.8/Selectable","wgTitle":"Action/render/UI/API/1.8/Selectable","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/API/1.8/Selectable","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+ <script>
+ $(document).ready(function() {
+ $("#selectable").selectable();
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<ul id="selectable">
+<li>Item 1</li>
+<li>Item 2</li>
+<li>Item 3</li>
+<li>Item 4</li>
+<li>Item 5</li>
+</ul>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_API_1_8_Selectable skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Options</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-disabled">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-disabled">disabled</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Disables (true) or enables (false) the selectable. Can be set when
initialising (first creating) the selectable.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a selectable with the <code>disabled</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).selectable({ disabled: true });</code></pre>
+</dd>

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+
+<dt>
+ Get or set the <code>disabled</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var disabled = $( ".selector" ).selectable( "option", "disabled" );
+//setter
+$( ".selector" ).selectable( "option", "disabled", true );</code></pre>
+</dd>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
+ </dl>
+ </div>
+</li>

- <h1>Documentation</h1>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
+<li class="option" id="option-autoRefresh">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-autoRefresh">autoRefresh</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">true</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>This determines whether to refresh (recalculate) the position and
size of each selectee at the beginning of each select operation. If you
have many many items, you may want to set this to false and call the
refresh method manually.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a selectable with the <code>autoRefresh</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).selectable({ autoRefresh: false
});</code></pre>
+</dd>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
+
+<dt>
+ Get or set the <code>autoRefresh</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var autoRefresh = $( ".selector" ).selectable( "option", "autoRefresh" );
+//setter
+$( ".selector" ).selectable( "option", "autoRefresh", false );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-cancel">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-cancel">cancel</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Selector</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">":input,option"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Prevents selecting if you start on elements matching the
selector.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a selectable with the <code>cancel</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).selectable({ cancel: ":input,option"
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>cancel</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var cancel = $( ".selector" ).selectable( "option", "cancel" );
+//setter
+$( ".selector" ).selectable( "option", "cancel", ":input,option"
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-delay">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-delay">delay</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">0</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Time in milliseconds to define when the selecting should start. It
helps preventing unwanted selections when clicking on an element.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a selectable with the <code>delay</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).selectable({ delay: 20 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>delay</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var delay = $( ".selector" ).selectable( "option", "delay" );
+//setter
+$( ".selector" ).selectable( "option", "delay", 20 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-distance">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-distance">distance</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">0</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Tolerance, in pixels, for when selecting should start. If
specified, selecting will not start until after mouse is dragged beyond
distance.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a selectable with the <code>distance</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).selectable({ distance: 20 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>distance</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var distance = $( ".selector" ).selectable( "option", "distance" );
+//setter
+$( ".selector" ).selectable( "option", "distance", 20 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-filter">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-filter">filter</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Selector</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"*"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The matching child elements will be made selectees (able to be
selected).</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a selectable with the <code>filter</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).selectable({ filter: "li" });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>filter</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var filter = $( ".selector" ).selectable( "option", "filter" );
+//setter
+$( ".selector" ).selectable( "option", "filter", "li" );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-tolerance">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-tolerance">tolerance</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"touch"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Possible values: 'touch', 'fit'.
+</p>
+<ul>
+<li><b>fit</b>: draggable overlaps the droppable entirely</li>
+<li><b>touch</b>: draggable overlaps the droppable any amount</li>
</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/API/1.8/Selectable" title="A
list of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/API/1.8/Selectable&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/API/1.8/Selectable?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/API/1.8/Selectable?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+<p></p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a selectable with the <code>tolerance</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).selectable({ tolerance: "fit" });</code></pre>
+</dd>

-
+
+<dt>
+ Get or set the <code>tolerance</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var tolerance = $( ".selector" ).selectable( "option", "tolerance" );
+//setter
+$( ".selector" ).selectable( "option", "tolerance", "fit" );</code></pre>
+</dd>

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
+ </dl>
+ </div>
+</li>

-
+ </ul>
+ </div>
+ <div id="events">
+ <h2 class="top-header">Events</h2>
+ <ul class="events-list">
+
+<li class="event" id="event-create">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-create">create</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">selectablecreate</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered when selectable is created.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>create</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).selectable({
+ create: function(event, ui) { ... }
+});</code></pre>
+</dd>

-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FAPI%2F1.8%2FSelectable"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
+
+<dt>
+ Bind to the <code>create</code> event by type:
<code>selectablecreate</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind( "selectablecreate",
function(event, ui) {
+ ...
+});</code></pre>
+</dd>

-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/API/1.8/Selectable</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/API/1.8/Selectable"
title="Special:Search/Action/render/UI/API/1.8/Selectable">search for this
page title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/API/1.8/Selectable">search
the related logs</a></span>, but you do not have permission to create this
page.
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-selected">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-selected">selected</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">selectableselected</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered at the end of the select operation, on each
element added to the selection.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>selected</code> event as
an init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).selectable({
+ selected: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>selected</code> event by type:
<code>selectableselected</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind(
"selectableselected", function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-selecting">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-selecting">selecting</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">selectableselecting</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered during the select operation, on each
element added to the selection.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>selecting</code> event as
an init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).selectable({
+ selecting: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>selecting</code> event by type:
<code>selectableselecting</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind(
"selectableselecting", function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-start">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-start">start</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">selectablestart</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered at the beginning of the select
operation.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>start</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).selectable({
+ start: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>start</code> event by type:
<code>selectablestart</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind( "selectablestart",
function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-stop">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-stop">stop</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">selectablestop</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered at the end of the select operation.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>stop</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).selectable({
+ stop: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>stop</code> event by type: <code>selectablestop</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind( "selectablestop",
function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-unselected">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-unselected">unselected</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">selectableunselected</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered at the end of the select operation, on each
element removed from the selection.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>unselected</code> event
as an init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).selectable({
+ unselected: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>unselected</code> event by type:
<code>selectableunselected</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind(
"selectableunselected", function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-unselecting">
+ <div class="event-header">
+ <h3 class="event-name"><a
href="#event-unselecting">unselecting</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">selectableunselecting</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered during the select operation, on each
element removed from the selection.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>unselecting</code> event
as an init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).selectable({
+ unselecting: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>unselecting</code> event by type:
<code>selectableunselecting</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind(
"selectableunselecting", function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+ </ul>
+ </div>
+ <div id="methods">
+ <h2 class="top-header">Methods</h2>
+ <ul class="methods-list">
+
+<li class="method" id="method-destroy">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-destroy">destroy</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.selectable( "destroy"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Remove the selectable functionality completely. This will return
the element back to its pre-init state.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-disable">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-disable">disable</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.selectable( "disable"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Disable the selectable.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-enable">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-enable">enable</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.selectable( "enable"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Enable the selectable.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-option">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-option">option</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.selectable( "option"
+
+, optionName
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Get or set any selectable option. If no value is specified, will
act as a getter.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-option">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-option">option</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.selectable( "option"
+
+, options
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Set multiple selectable options at once by providing an options
object.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-widget">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-widget">widget</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.selectable( "widget"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Returns the .ui-selectable element.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-refresh">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-refresh">refresh</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.selectable( "refresh"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Refresh the position and size of each selectee element. This method
can be used to manually recalculate the position and size of each selectee
element. Very useful if autoRefresh is set to false.</p>
+ </div>
+</li>
+
+ </ul>
+ </div>
+ <div id="theming">
+ <h2 class="top-header">Theming</h2>
+ <p>The jQuery UI Selectable plugin uses the jQuery UI CSS Framework to
style its look and feel, including colors and background textures. We
recommend using the ThemeRoller tool to create and download custom themes
that are easy to build and maintain.
</p>
+ <p>If a deeper level of customization is needed, there are
widget-specific classes referenced within the jquery.ui.selectable.css
stylesheet that can be modified. These classes are highlighed in bold below.
+</p>
+
+ <h3>Sample markup with jQuery UI CSS Framework classes</h3>
+ <ul class="<strong>ui-selectable</strong>"><br />
+   <li
class="<strong>ui-selectee</strong>"></li><br />
+   <li
class="<strong>ui-selectee</strong>"></li><br />
+   <li
class="<strong>ui-selectee</strong>"></li><br />
+</ul>
+ <p class="theme-note">
+ <strong>
+ Note: This is a sample of markup generated by the selectable plugin,
not markup you should use to create a selectable. The only markup needed
for that is <br /><ul><br />
+   <li></li><br />
+   <li></li><br />
+   <li></li><br />
***The diff for this file has been truncated for email.***
=======================================
--- /tags/1.8.24/docs/show.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/show.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,148 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/show - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI show</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <h3> <span class="mw-headline"
id="show.28_effect.2C_.5Boptions.5D.2C_.5Bspeed.5D.2C_.5Bcallback.5D_.29">show(
effect, <span class="optional">[</span>options<span
class="optional">]</span>, <span class="optional">[</span>speed<span
class="optional">]</span>, <span class="optional">[</span>callback<span
class="optional">]</span> )</span></h3>
+<p>The enhanced show method optionally accepts jQuery UI advanced
effects.</p>
+<p>Uses a specific effect on an element to show the element if the first
argument is a effect string.</p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Apply the effect slide if you click on the p to show a div.<br />
+</p>
+<pre>$("p").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $("div").<strong
class="selflink">show</strong>("slide", {}, 1000);
+ });
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <script
src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
+<script
src="http://ui.jquery.com/latest/ui/effects.slide.js"></script>
+<style type="text/css">
+ div { display: none; margin: 0px; width: 100px; height: 80px;
background: blue; position: relative; }
+</style>
+ <script>
+ $(document).ready(function() {
+ $("p").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $("div").<strong
class="selflink">show</strong>("slide", {}, 1000);
+ });
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<p>Click me</p><div></div>

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/show","wgTitle":"Action/render/UI/Effects/show","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/show","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-effect">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-effect">effect</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The effect to be used. Possible
values: 'blind', 'clip', 'drop', 'explode', 'fold', 'puff', 'slide', 'scale', 'size', 'pulsate'.</p>
+ </div>
+</li>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_show skin-jqdocs action-view" id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+<li class="option" id="option-options">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-options">options</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Hash</dd>
+
+ <dt class="option-optional-label">Optional</dt>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>A object/hash including specific options for the effect.</p>
+ </div>
+</li>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>

- <h1>Documentation</h1>
+<li class="option" id="option-speed">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-speed">speed</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String, Number</dd>
+
+ <dt class="option-optional-label">Optional</dt>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>A string representing one of the predefined speeds ("slow"
or "fast") or the number of milliseconds to run the animation (e.g.
1000).</p>
+ </div>
+</li>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/show" title="A list
of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/show&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/show?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/show?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+<li class="option" id="option-callback">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-callback">callback</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Function</dd>
+
+ <dt class="option-optional-label">Optional</dt>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>A function that is called after the effect is completed.</p>
+ </div>
+</li>

-
-
-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
+ </ul>
+ </div>
</div>

-
-
-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2Fshow"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
-
-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/show</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/show"
title="Special:Search/Action/render/UI/Effects/show">search for this page
title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/show">search
the related logs</a></span>, but you do not have permission to create this
page.
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/show">http://docs.jquery.com/Action/render/UI/Effects/show</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
=======================================
--- /tags/1.8.24/docs/slider.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/slider.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,864 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/API/1.8/Slider - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Slider</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>The jQuery UI Slider plugin makes selected elements into
sliders. There are various options such as multiple handles, and ranges.
The handle can be moved with the mouse or the arrow keys.</p>
+<p>The start, slide, and stop callbacks receive two arguments: The
original browser event and a prepared ui object, view below for a
documentation of this object (if you name your second argument 'ui'):
+</p><p>The slider widget will create handle elements with the
class 'ui-slider-handle' on initialization. You can specify custom handle
elements by creating and appending the elements and adding
the 'ui-slider-handle' class before init. It will only create the number of
handles needed to match the length of value/values. For example, if you
specify 'values: [1, 5, 18]' and create one custom handle, the plugin will
create the other two.
+</p>
+<ul>
+ <li><b>ui.handle</b>: DOMElement - the current focused handle</li>
+ <li><b>ui.value</b>: Integer - the current handle's value</li>
+</ul>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>UI Core</li>
+<li>UI Widget</li>
+<li>UI Mouse</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="">
+A simple jQuery UI Slider.<br />
+</p>
+<pre>$("#slider").slider();
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <style type="text/css">
+ #slider { margin: 10px; }
+ </style>
+ <script>
+ $(document).ready(function() {
+ $("#slider").slider();
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div id="slider"></div>

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/API/1.8/Slider","wgTitle":"Action/render/UI/API/1.8/Slider","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/API/1.8/Slider","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Options</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-disabled">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-disabled">disabled</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Disables (true) or enables (false) the slider. Can be set when
initialising (first creating) the slider.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a slider with the <code>disabled</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).slider({ disabled: true });</code></pre>
+</dd>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_API_1_8_Slider skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+
+<dt>
+ Get or set the <code>disabled</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var disabled = $( ".selector" ).slider( "option", "disabled" );
+//setter
+$( ".selector" ).slider( "option", "disabled", true );</code></pre>
+</dd>

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+ </dl>
+ </div>
+</li>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>

- <h1>Documentation</h1>
+<li class="option" id="option-animate">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-animate">animate</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean, String, Number</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Whether to slide handle smoothly when user click outside handle on
the bar. Will also accept a string representing one of the three predefined
speeds ("slow", "normal", or "fast") or the number of milliseconds to run
the animation (e.g. 1000).</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a slider with the <code>animate</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).slider({ animate: true });</code></pre>
+</dd>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
+
+<dt>
+ Get or set the <code>animate</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var animate = $( ".selector" ).slider( "option", "animate" );
+//setter
+$( ".selector" ).slider( "option", "animate", true );</code></pre>
+</dd>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/API/1.8/Slider" title="A list
of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/API/1.8/Slider&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/API/1.8/Slider?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/API/1.8/Slider?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+ </dl>
+ </div>
+</li>

-

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
+<li class="option" id="option-max">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-max">max</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Number</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">100</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The maximum value of the slider.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a slider with the <code>max</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).slider({ max: 7 });</code></pre>
+</dd>

-
+
+<dt>
+ Get or set the <code>max</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var max = $( ".selector" ).slider( "option", "max" );
+//setter
+$( ".selector" ).slider( "option", "max", 7 );</code></pre>
+</dd>

-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FAPI%2F1.8%2FSlider"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
+ </dl>
+ </div>
+</li>

-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/API/1.8/Slider</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/API/1.8/Slider"
title="Special:Search/Action/render/UI/API/1.8/Slider">search for this page
title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/API/1.8/Slider">search
the related logs</a></span>, but you do not have permission to create this
page.
+
+<li class="option" id="option-min">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-min">min</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Number</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">0</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The minimum value of the slider.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a slider with the <code>min</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).slider({ min: -7 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>min</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var min = $( ".selector" ).slider( "option", "min" );
+//setter
+$( ".selector" ).slider( "option", "min", -7 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-orientation">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-orientation">orientation</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"horizontal"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>This option determines whether the slider has the min at the left,
the max at the right or the min at the bottom, the max at the top. Possible
values: 'horizontal', 'vertical'.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a slider with the <code>orientation</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).slider({ orientation: "vertical"
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>orientation</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var orientation = $( ".selector" ).slider( "option", "orientation" );
+//setter
+$( ".selector" ).slider( "option", "orientation", "vertical"
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-range">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-range">range</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean, String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If set to true, the slider will detect if you have two handles and
create a stylable range element between these two. Two other possible
values are 'min' and 'max'. A min range goes from the slider min to one
handle. A max range goes from one handle to the slider max.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a slider with the <code>range</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).slider({ range: 'min' });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>range</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var range = $( ".selector" ).slider( "option", "range" );
+//setter
+$( ".selector" ).slider( "option", "range", 'min' );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-step">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-step">step</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Number</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">1</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Determines the size or amount of each interval or step the slider
takes between min and max. The full specified value range of the slider
(max - min) needs to be evenly divisible by the step.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a slider with the <code>step</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).slider({ step: 5 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>step</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var step = $( ".selector" ).slider( "option", "step" );
+//setter
+$( ".selector" ).slider( "option", "step", 5 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-value">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-value">value</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Number</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">0</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Determines the value of the slider, if there's only one handle. If
there is more than one handle, determines the value of the first handle.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a slider with the <code>value</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).slider({ value: 37 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>value</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var value = $( ".selector" ).slider( "option", "value" );
+//setter
+$( ".selector" ).slider( "option", "value", 37 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-values">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-values">values</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Array</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">null</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>This option can be used to specify multiple handles. If range is
set to true, the length of 'values' should be 2.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a slider with the <code>values</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).slider({ values: [1,5,9] });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>values</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var values = $( ".selector" ).slider( "option", "values" );
+//setter
+$( ".selector" ).slider( "option", "values", [1,5,9] );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+ </ul>
+ </div>
+ <div id="events">
+ <h2 class="top-header">Events</h2>
+ <ul class="events-list">
+
+<li class="event" id="event-create">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-create">create</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">slidecreate</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered when slider is created.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>create</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).slider({
+ create: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>create</code> event by type: <code>slidecreate</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind( "slidecreate",
function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-start">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-start">start</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">slidestart</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered when the user starts sliding.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>start</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).slider({
+ start: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>start</code> event by type: <code>slidestart</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind( "slidestart",
function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-slide">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-slide">slide</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">slide</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered on every mouse move during slide. Use
ui.value (single-handled sliders) to obtain the value of the current
handle, $(..).slider('value', index) to get another handles' value.
+</p><p>Return false in order to prevent a slide, based on ui.value.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>slide</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).slider({
+ slide: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>slide</code> event by type: <code>slide</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind( "slide",
function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-change">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-change">change</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">slidechange</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered on slide stop, or if the value is changed
programmatically (by the <code>value</code> method). Takes arguments event
and ui. Use event.originalEvent to detect whether the value changed by
mouse, keyboard, or programmatically. Use ui.value (single-handled sliders)
to obtain the value of the current handle, $(this).slider('values', index)
to get another handle's value.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>change</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).slider({
+ change: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>change</code> event by type: <code>slidechange</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind( "slidechange",
function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="event" id="event-stop">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-stop">stop</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">slidestop</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered when the user stops sliding.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>stop</code> event as an
init option.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).slider({
+ stop: function(event, ui) { ... }
+});</code></pre>
+</dd>
+
+
+<dt>
+ Bind to the <code>stop</code> event by type: <code>slidestop</code>.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).bind( "slidestop",
function(event, ui) {
+ ...
+});</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+ </ul>
+ </div>
+ <div id="methods">
+ <h2 class="top-header">Methods</h2>
+ <ul class="methods-list">
+
+<li class="method" id="method-destroy">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-destroy">destroy</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.slider( "destroy"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Remove the slider functionality completely. This will return the
element back to its pre-init state.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-disable">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-disable">disable</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.slider( "disable"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Disable the slider.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-enable">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-enable">enable</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.slider( "enable"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Enable the slider.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-option">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-option">option</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.slider( "option"
+
+, optionName
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Get or set any slider option. If no value is specified, will act as
a getter.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-option">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-option">option</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.slider( "option"
+
+, options
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Set multiple slider options at once by providing an options
object.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-widget">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-widget">widget</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.slider( "widget"
+
+
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Returns the .ui-slider element.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-value">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-value">value</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.slider( "value"
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Gets or sets the value of the slider. For single handle sliders.</p>
+ </div>
+</li>
+
+
+<li class="method" id="method-values">
+ <div class="method-header">
+ <h3 class="method-name"><a href="#method-values">values</a></h3>
+ <dl>
+ <dt class="method-signature-label">Signature:</dt>
+ <dd class="method-signature">.slider( "values"
+
+, index
+
+, <span class="optional">[</span>value<span class="optional">] </span>
+
+
+
+)</dd>
+ </dl>
+ </div>
+ <div class="method-description">
+ <p>Gets or sets the values of the slider. For multiple handle or range
sliders.</p>
+ </div>
+</li>
+
+ </ul>
+ </div>
***The diff for this file has been truncated for email.***
=======================================
--- /tags/1.8.24/docs/sortable.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/sortable.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,1957 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/API/1.8/Sortable - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Sortable</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>The jQuery UI Sortable plugin makes selected elements sortable
by dragging with the mouse.</p>
+<p>All callbacks receive two arguments: The original browser event and a
prepared ui object, view below for a documentation of this object (if you
name your second argument 'ui'):</p>
+<ul>
+<li><b>ui.helper</b> - the current helper element (most often a clone of
the item)</li>
+<li><b>ui.position</b> - current position of the helper</li>
+<li><b>ui.offset</b> - current absolute position of the helper</li>
+<li><b>ui.item</b> - the current dragged element</li>
+<li><b>ui.placeholder</b> - the placeholder (if you defined one)</li>
+<li><b>ui.sender</b> - the sortable where the item comes from (only exists
if you move from one connected list to another)</li>
+</ul>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>UI Core</li>
+<li>UI Widget</li>
+<li>UI Mouse</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="100">
+A simple jQuery UI Sortable.<br />
+</p>
+<pre>$("#sortable").sortable();
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+
+ <script>
+ $(document).ready(function() {
+ $("#sortable").sortable();
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<ul id="sortable">
+<li>Item 1</li>
+<li>Item 2</li>
+<li>Item 3</li>
+<li>Item 4</li>
+<li>Item 5</li>
+</ul>

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/API/1.8/Sortable","wgTitle":"Action/render/UI/API/1.8/Sortable","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/API/1.8/Sortable","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Options</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-disabled">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-disabled">disabled</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Disables (true) or enables (false) the sortable. Can be set when
initialising (first creating) the sortable.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a sortable with the <code>disabled</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).sortable({ disabled: true });</code></pre>
+</dd>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_API_1_8_Sortable skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+
+<dt>
+ Get or set the <code>disabled</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var disabled = $( ".selector" ).sortable( "option", "disabled" );
+//setter
+$( ".selector" ).sortable( "option", "disabled", true );</code></pre>
+</dd>

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+ </dl>
+ </div>
+</li>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>

- <h1>Documentation</h1>
+<li class="option" id="option-appendTo">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-appendTo">appendTo</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">'parent'</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Defines where the helper that moves with the mouse is being
appended to during the drag (for example, to resolve overlap/zIndex
issues).</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a sortable with the <code>appendTo</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).sortable({ appendTo: 'body' });</code></pre>
+</dd>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
+
+<dt>
+ Get or set the <code>appendTo</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var appendTo = $( ".selector" ).sortable( "option", "appendTo" );
+//setter
+$( ".selector" ).sortable( "option", "appendTo", 'body' );</code></pre>
+</dd>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-axis">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-axis">axis</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If defined, the items can be dragged only horizontally or
vertically. Possible values:'x', 'y'.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a sortable with the <code>axis</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).sortable({ axis: 'x' });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>axis</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var axis = $( ".selector" ).sortable( "option", "axis" );
+//setter
+$( ".selector" ).sortable( "option", "axis", 'x' );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-cancel">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-cancel">cancel</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Selector</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">':input,button'</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Prevents sorting if you start on elements matching the selector.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a sortable with the <code>cancel</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).sortable({ cancel: 'button' });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>cancel</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var cancel = $( ".selector" ).sortable( "option", "cancel" );
+//setter
+$( ".selector" ).sortable( "option", "cancel", 'button' );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-connectWith">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-connectWith">connectWith</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Selector</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Takes a jQuery selector with items that also have sortables
applied. If used, the sortable is now connected to the other one-way, so
you can drag from this sortable to the other.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a sortable with the <code>connectWith</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).sortable({ connectWith: '.otherlist'
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>connectWith</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var connectWith = $( ".selector" ).sortable( "option", "connectWith" );
+//setter
+$( ".selector" ).sortable( "option", "connectWith", '.otherlist'
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-containment">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-containment">containment</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Element, String, Selector</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Constrains dragging to within the bounds of the specified element -
can be a DOM element, 'parent', 'document', 'window', or a jQuery selector.
+</p><p>Note: the element specified for containment must have a calculated
width and height (though it need not be explicit), so for example, if you
have float:left sortable children and specify containment:'parent' be sure
to have float:left on the sortable/parent container as well or it will have
height: 0, causing undefined behavior.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a sortable with the <code>containment</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).sortable({ containment: 'parent'
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>containment</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var containment = $( ".selector" ).sortable( "option", "containment" );
+//setter
+$( ".selector" ).sortable( "option", "containment", 'parent'
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-cursor">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-cursor">cursor</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">'auto'</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Defines the cursor that is being shown while sorting.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a sortable with the <code>cursor</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).sortable({ cursor: 'crosshair' });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>cursor</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var cursor = $( ".selector" ).sortable( "option", "cursor" );
+//setter
+$( ".selector" ).sortable( "option", "cursor", 'crosshair' );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-cursorAt">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-cursorAt">cursorAt</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Object</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Moves the sorting element or helper so the cursor always appears to
drag from the same position. Coordinates can be given as a hash using a
combination of one or two keys: <code>{ top, left, right, bottom
}</code>.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a sortable with the <code>cursorAt</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).sortable({ cursorAt: { left: 5 }
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>cursorAt</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var cursorAt = $( ".selector" ).sortable( "option", "cursorAt" );
+//setter
+$( ".selector" ).sortable( "option", "cursorAt", { left: 5 }
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-delay">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-delay">delay</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">0</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Time in milliseconds to define when the sorting should start. It
helps preventing unwanted drags when clicking on an element.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a sortable with the <code>delay</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).sortable({ delay: 500 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>delay</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var delay = $( ".selector" ).sortable( "option", "delay" );
+//setter
+$( ".selector" ).sortable( "option", "delay", 500 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-distance">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-distance">distance</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">1</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Tolerance, in pixels, for when sorting should start. If specified,
sorting will not start until after mouse is dragged beyond distance. Can be
used to allow for clicks on elements within a handle.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a sortable with the <code>distance</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).sortable({ distance: 30 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>distance</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var distance = $( ".selector" ).sortable( "option", "distance" );
+//setter
+$( ".selector" ).sortable( "option", "distance", 30 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-dropOnEmpty">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-dropOnEmpty">dropOnEmpty</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">true</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If false items from this sortable can't be dropped to an empty
linked sortable.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a sortable with the <code>dropOnEmpty</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).sortable({ dropOnEmpty: false });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>dropOnEmpty</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var dropOnEmpty = $( ".selector" ).sortable( "option", "dropOnEmpty" );
+//setter
+$( ".selector" ).sortable( "option", "dropOnEmpty", false );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-forceHelperSize">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-forceHelperSize">forceHelperSize</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If true, forces the helper to have a size.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a sortable with the <code>forceHelperSize</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).sortable({ forceHelperSize: true
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>forceHelperSize</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var forceHelperSize = $( ".selector"
).sortable( "option", "forceHelperSize" );
+//setter
+$( ".selector" ).sortable( "option", "forceHelperSize", true
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-forcePlaceholderSize">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-forcePlaceholderSize">forcePlaceholderSize</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If true, forces the placeholder to have a size.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a sortable with the <code>forcePlaceholderSize</code> option
specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).sortable({ forcePlaceholderSize: true
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>forcePlaceholderSize</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var forcePlaceholderSize = $( ".selector"
).sortable( "option", "forcePlaceholderSize" );
+//setter
+$( ".selector" ).sortable( "option", "forcePlaceholderSize", true
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-grid">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-grid">grid</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Array</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Snaps the sorting element or helper to a grid, every x and y
pixels. Array values: [x, y]</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a sortable with the <code>grid</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).sortable({ grid: [50, 20] });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>grid</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var grid = $( ".selector" ).sortable( "option", "grid" );
+//setter
+$( ".selector" ).sortable( "option", "grid", [50, 20] );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-handle">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-handle">handle</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Selector, Element</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Restricts sort start click to the specified element.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a sortable with the <code>handle</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).sortable({ handle: 'h2' });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>handle</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var handle = $( ".selector" ).sortable( "option", "handle" );
+//setter
+$( ".selector" ).sortable( "option", "handle", 'h2' );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-helper">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-helper">helper</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String, Function</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">'original'</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Allows for a helper element to be used for dragging display. The
supplied function receives the event and the element being sorted, and
should return a DOMElement to be used as a custom proxy helper. Possible
values: 'original', 'clone'</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a sortable with the <code>helper</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).sortable({ helper: 'clone' });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>helper</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var helper = $( ".selector" ).sortable( "option", "helper" );
+//setter
+$( ".selector" ).sortable( "option", "helper", 'clone' );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-items">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-items">items</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Selector</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">'> *'</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Specifies which items inside the element should be sortable.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a sortable with the <code>items</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).sortable({ items: 'li' });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>items</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var items = $( ".selector" ).sortable( "option", "items" );
+//setter
+$( ".selector" ).sortable( "option", "items", 'li' );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-opacity">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-opacity">opacity</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Float</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Defines the opacity of the helper while sorting. From 0.01 to 1</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a sortable with the <code>opacity</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).sortable({ opacity: 0.6 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>opacity</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var opacity = $( ".selector" ).sortable( "option", "opacity" );
+//setter
+$( ".selector" ).sortable( "option", "opacity", 0.6 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-placeholder">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-placeholder">placeholder</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Class that gets applied to the otherwise white space.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a sortable with the <code>placeholder</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).sortable({ placeholder: 'ui-state-highlight'
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>placeholder</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var placeholder = $( ".selector" ).sortable( "option", "placeholder" );
+//setter
+$( ".selector" ).sortable( "option", "placeholder", 'ui-state-highlight'
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-revert">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-revert">revert</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean/Integer</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If set to true, the item will be reverted to its new DOM position
with a smooth animation. Optionally, it can also be set to a number that
controls the duration of the animation in ms.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a sortable with the <code>revert</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).sortable({ revert: true });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>revert</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var revert = $( ".selector" ).sortable( "option", "revert" );
+//setter
+$( ".selector" ).sortable( "option", "revert", true );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-scroll">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-scroll">scroll</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
***The diff for this file has been truncated for email.***
=======================================
--- /tags/1.8.24/docs/switchClass.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/switchClass.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,133 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/switchClass - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI switchClass</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <h3> <span class="mw-headline"
id="switchClass.28_remove.2C_add.2C_.5Bduration.5D_.29">switchClass(
remove, add, <span class="optional">[</span>duration<span
class="optional">]</span> )</span></h3>
+<p>Switches from the class defined in the first argument to the class
defined as second argument, using an optional transition.</p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Switch the class 'highlight' to 'blue' when a paragraph is clicked with a
one second transition.<br />
+</p>
+<pre>$("p").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<strong
class="selflink">switchClass</strong>("highlight",
"blue", 1000);
+ });
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <script
src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
+<style type="text/css">
+ p { margin: 4px; font-size:16px; font-weight:bolder;
+ cursor:pointer; }
+ .blue { background: blue; }
+ .highlight { background:yellow; }
+</style>
+ <script>
+ $(document).ready(function() {
+ $("p").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<strong
class="selflink">switchClass</strong>("highlight",
"blue", 1000);
+ });
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<p class="highlight">Click to switch</p>
+<p class="highlight">to blue</p>
+<p class="highlight">on these</p>
+<p class="highlight">paragraphs</p>

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/switchClass","wgTitle":"Action/render/UI/Effects/switchClass","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/switchClass","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-remove">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-remove">remove</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The CSS class that will be removed.</p>
+ </div>
+</li>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_switchClass skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+<li class="option" id="option-add">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-add">add</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The CSS class that will be added.</p>
+ </div>
+</li>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>

- <h1>Documentation</h1>
+<li class="option" id="option-duration">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-duration">duration</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String, Number</dd>
+
+ <dt class="option-optional-label">Optional</dt>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>A string representing one of the three predefined speeds
("slow", "normal", or "fast") or the number of milliseconds to run the
animation (e.g. 1000).</p>
+ </div>
+</li>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
-
- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/switchClass" title="A
list of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/switchClass&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/switchClass?redlink=1" title="View
the content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/switchClass?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
+ </ul>
+ </div>
</div>

-
-
-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
-
-
-
-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2FswitchClass"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
-
-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/switchClass</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/switchClass"
title="Special:Search/Action/render/UI/Effects/switchClass">search for this
page title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/switchClass">search
the related logs</a></span>, but you do not have permission to create this
page.
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/switchClass">http://docs.jquery.com/Action/render/UI/Effects/switchClass</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
=======================================
--- /tags/1.8.24/docs/tabs.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/tabs.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,1536 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/API/1.8/Tabs - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Options</a></li>
+<li><a href="#events">Events</a></li>
+<li><a href="#methods">Methods</a></li>
+<li><a href="#theming">Theming</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI Tabs</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <p>Tabs are generally used to break content into multiple sections
that can be swapped to save space, much like an accordion.</p>
+<p>By default a tab widget will swap between tabbed sections onClick, but
the events can be changed to onHover through an option. Tab content can be
loaded via Ajax by setting an href on a tab.</p>
+<p><em>NOTE: Tabs created dynamically using .tabs( "add", ... ) are given
an id of ui-tabs-NUM, where NUM is an auto-incrementing id. If you use this
naming convention for your own elements, you may encounter
problems.</em></p>
+<table id="toc" class="toc"><tr><td><div
id="toctitle"><h2>Contents</h2></div>
+<ul>
+<li class="toclevel-1"><a href="#Events"><span class="tocnumber">1</span>
<span class="toctext">Events</span></a></li>
+<li class="toclevel-1"><a href="#Ajax_mode"><span
class="tocnumber">2</span> <span class="toctext">Ajax mode</span></a>
+<ul>
+<li class="toclevel-2"><a href="#Back_button_and_bookmarking"><span
class="tocnumber">2.1</span> <span class="toctext">Back button and
bookmarking</span></a></li>
+</ul>
+</li>
+<li class="toclevel-1"><a href="#How_to..."><span
class="tocnumber">3</span> <span class="toctext">How to...</span></a>
+<ul>
+<li class="toclevel-2"><a
href="#...retrieve_the_index_of_the_currently_selected_tab"><span
class="tocnumber">3.1</span> <span class="toctext">...retrieve the index of
the currently selected tab</span></a></li>
+<li class="toclevel-2"><a
href="#...open_links_in_the_current_tab_instead_of_leaving_the_page"><span
class="tocnumber">3.2</span> <span class="toctext">...open links in the
current tab instead of leaving the page</span></a></li>
+<li class="toclevel-2"><a
href="#...select_a_tab_from_a_text_link_instead_of_clicking_a_tab_itself"><span
class="tocnumber">3.3</span> <span class="toctext">...select a tab from a
text link instead of clicking a tab itself</span></a></li>
+<li class="toclevel-2"><a
href="#...prevent_switching_to_the_tab_on_click_depending_on_form_validation"><span
class="tocnumber">3.4</span> <span class="toctext">...prevent switching to
the tab on click depending on form validation</span></a></li>
+<li class="toclevel-2"><a
href="#...immediately_select_a_just_added_tab"><span
class="tocnumber">3.5</span> <span class="toctext">...immediately select a
just added tab</span></a></li>
+<li class="toclevel-2"><a
href="#...prevent_a_FOUC_.28Flash_of_Unstyled_Content.29_before_tabs_are_initialized"><span
class="tocnumber">3.6</span> <span class="toctext">...prevent a FOUC (Flash
of Unstyled Content) before tabs are initialized</span></a></li>
+</ul>
+</li>
+<li class="toclevel-1"><a href="#Why_does..."><span
class="tocnumber">4</span> <span class="toctext">Why does...</span></a>
+<ul>
+<li class="toclevel-2"><a
href="#...my_slider.2C_Google_Map.2C_sIFR_etc._not_work_when_placed_in_a_hidden_.28inactive.29_tab.3F"><span
class="tocnumber">4.1</span> <span class="toctext">...my slider, Google
Map, sIFR etc. not work when placed in a hidden (inactive)
tab?</span></a></li>
+</ul>
+</li>
+</ul>
+</td></tr></table>
+<h2> <span class="mw-headline" id="Events">Events</span></h2>
+<p>A series of events fire when interacting with a tabs interface:
+</p>
+<ul><li> tabsselect, tabsload, tabsshow (in that order)
+</li><li> tabsadd, tabsremove
+</li><li> tabsenable, tabsdisable
+</li></ul>
+<p>Event binding example:
+</p>
+<pre>$('#example').bind('tabsselect', function(event, ui) {

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/API/1.8/Tabs","wgTitle":"Action/render/UI/API/1.8/Tabs","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/API/1.8/Tabs","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+ // Objects available in the function context:
+ ui.tab // anchor element of the selected (clicked) tab
+ ui.panel // element, that contains the selected/clicked tab contents
+ ui.index // zero-based index of the selected (clicked) tab

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_API_1_8_Tabs skin-jqdocs action-view" id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
+});</pre>
+<p>Note that if a handler for the tabsselect event returns false, the
clicked tab will not become selected (useful for example if switching to
the next tab requires a form validation).
+</p>
+<h2> <span class="mw-headline" id="Ajax_mode"> Ajax mode </span></h2>
+<p>Tabs supports loading tab content via Ajax in an unobtrusive manner.
+</p><p>The HTML you need is slightly different from the one that is used
for static tabs: A list of links pointing to existing resources (from where
the content gets loaded) and no additional containers at all
(unobtrusive!). The containers' markup is going to be created on the fly:
+</p>
+<pre>
+<div id="example">
+ <ul>
+ <li><a
href="ahah_1.html"><span>Content
1</span></a></li>
+ <li><a
href="ahah_2.html"><span>Content
2</span></a></li>
+ <li><a
href="ahah_3.html"><span>Content
3</span></a></li>
+ </ul>
+</div>
+</pre>
+<p>Obviously this degrades gracefully - the links, e.g. the content, will
still be accessible with JavaScript disabled.
+</p><p>Note that if you wish to reuse an existing container, you
+could do so by matching a title attribute and the container's id:
+</p>
+<pre>
+<li><a href="hello/world.html" title="Todo
Overview"> ... </a></li>
+</pre>
+<p>and a container like:
+</p>
+<pre>
+<div id="Todo_Overview"> ... </div>
+</pre>
+<p>(Note how white space is replaced with an underscore)
+</p><p>This is useful if you want a human readable hash in the URL instead
of
+a cryptic generated one.
+</p>
+<h3> <span class="mw-headline" id="Back_button_and_bookmarking">Back
button and bookmarking</span></h3>
+<p>Tabs 2 already supported this functionality, although the history
plugin needs a rewrite first (it doesn't support Safari 3 and is in general
a little inflexible) before it can be build back into the tabs. It is
planned and Klaus is working on it whenever he finds the time. Actual bugs
in the UI Tabs plugin itself always have higher priority though.
+</p>
+<h2> <span class="mw-headline" id="How_to...">How to...</span></h2>
+<h3> <span class="mw-headline"
id="...retrieve_the_index_of_the_currently_selected_tab">...retrieve the
index of the currently selected tab</span></h3>
+<pre>var $tabs = $('#example').tabs();
+var selected = $tabs.tabs('option', 'selected'); // => 0</pre>
+<h3> <span class="mw-headline"
id="...open_links_in_the_current_tab_instead_of_leaving_the_page">...open
links in the current tab instead of leaving the page</span></h3>
+<p>"Hijax" links after tab content has been loaded:
+</p>
+<pre>$('#example').tabs({
+ load: function(event, ui) {
+ $(ui.panel).delegate('a', 'click', function(event) {
+ $(ui.panel).load(this.href);
+ event.preventDefault();
+ });
+ }
+});</pre>
+<h3> <span class="mw-headline"
id="...select_a_tab_from_a_text_link_instead_of_clicking_a_tab_itself">...select
a tab from a text link instead of clicking a tab itself</span></h3>
+<pre>var $tabs = $('#example').tabs(); // first tab selected

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+$('#my-text-link').click(function() { // bind click event to link
+ $tabs.tabs('select', 2); // switch to third tab
+ return false;
+});</pre>
+<h3> <span class="mw-headline"
id="...prevent_switching_to_the_tab_on_click_depending_on_form_validation">...prevent
switching to the tab on click depending on form validation</span></h3>
+<p>Returning false in the tabs select handler prevents the clicked tab
from becoming selected.
+</p>
+<pre>$('#example').tabs({
+ select: function(event, ui) {
+ var isValid = ... // form validation returning true or false
+ return isValid;
+ }
+});</pre>
+<h3> <span class="mw-headline"
id="...immediately_select_a_just_added_tab">...immediately select a just
added tab</span></h3>
+<pre>var $tabs = $('#example').tabs({
+ add: function(event, ui) {
+ $tabs.tabs('select', '#' + ui.panel.id);
+ }
+});</pre>
+<h3> <span class="mw-headline"
id="...prevent_a_FOUC_.28Flash_of_Unstyled_Content.29_before_tabs_are_initialized">...prevent
a FOUC (Flash of Unstyled Content) before tabs are initialized</span></h3>
+<p>Add the necessary classes to hide an inactive tab panel to the HTML
right away - note that this will <b>not</b> degrade gracefully with
JavaScript being disabled:
+</p>
+<pre><div id="example" class="ui-tabs">
+ ...
+ <div id="a-tab-panel" class="ui-tabs-hide">
</div>
+ ...
+</div></pre>
+<h2> <span class="mw-headline" id="Why_does...">Why does...</span></h2>
+<h3> <span class="mw-headline"
id="...my_slider.2C_Google_Map.2C_sIFR_etc._not_work_when_placed_in_a_hidden_.28inactive.29_tab.3F">...my
slider, Google Map, sIFR etc. not work when placed in a hidden (inactive)
tab?</span></h3>
+<p>Any component that requires some dimensional computation for its
initialization won't work in a hidden tab, because the tab panel itself is
hidden via <code>display: none</code> so that any elements inside won't
report their actual width and height (0 in most browsers).
+</p><p>There's an easy workaround. Use the <em>off-left technique</em> for
hiding inactive tab panels. E.g. in your style sheet replace the rule for
the class selector ".ui-tabs .ui-tabs-hide" with
+</p>
+<pre>.ui-tabs .ui-tabs-hide {
+ position: absolute;
+ left: -10000px;
+}</pre>
+<p>For Google maps you can also resize the map once the tab is displayed
like this:
+</p>
+<pre>$('#example').bind('tabsshow', function(event, ui) {
+ if (ui.panel.id == "map-tab") {
+ resizeMap();
+ }
+});</pre>
+resizeMap() will call Google Maps' checkResize() on the particular map.
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>UI Core</li>
+<li>UI Widget</li>
+<li><strong>Optional:</strong> <a rel=nofollow class="external text"
href="https://github.com/carhartl/jquery-cookie">jquery.cookie.js</a> for
use with <a rel=nofollow class="external text"
href="http://jqueryui.com/demos/tabs/#option-cookie">cookie option</a>
(also included in development-bundle>external folder.)</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="295">
+A simple jQuery UI Tabs.<br />
+</p>
+<pre>$("#tabs").tabs();
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+
+ <script>
+ $(document).ready(function() {
+ $("#tabs").tabs();
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<div id="tabs">
+ <ul>
+ <li><a
href="#fragment-1"><span>One</span></a></li>
+ <li><a
href="#fragment-2"><span>Two</span></a></li>
+ <li><a
href="#fragment-3"><span>Three</span></a></li>
+ </ul>
+ <div id="fragment-1">
+ <p>First tab is active by default:</p>
+
<pre><code>$('#example').tabs();</code></pre>
+ </div>
+ <div id="fragment-2">
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.
+ </div>
+ <div id="fragment-3">
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.
+ </div>
+</div>
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Options</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-disabled">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-disabled">disabled</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Disables (true) or enables (false) the tabs. Can be set when
initialising (first creating) the tabs.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a tabs with the <code>disabled</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).tabs({ disabled: true });</code></pre>
+</dd>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
+
+<dt>
+ Get or set the <code>disabled</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var disabled = $( ".selector" ).tabs( "option", "disabled" );
+//setter
+$( ".selector" ).tabs( "option", "disabled", true );</code></pre>
+</dd>

- <h1>Documentation</h1>
+ </dl>
+ </div>
+</li>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/API/1.8/Tabs" title="A list
of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/API/1.8/Tabs&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/API/1.8/Tabs?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/API/1.8/Tabs?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+<li class="option" id="option-ajaxOptions">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-ajaxOptions">ajaxOptions</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Options</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">null</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Additional Ajax options to consider when loading tab content (see
$.ajax).</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a tabs with the <code>ajaxOptions</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).tabs({ ajaxOptions: { async: false }
});</code></pre>
+</dd>

-
+
+<dt>
+ Get or set the <code>ajaxOptions</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var ajaxOptions = $( ".selector" ).tabs( "option", "ajaxOptions" );
+//setter
+$( ".selector" ).tabs( "option", "ajaxOptions", { async: false }
);</code></pre>
+</dd>

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>
+ </dl>
+ </div>
+</li>

-

-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FAPI%2F1.8%2FTabs"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
+<li class="option" id="option-cache">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-cache">cache</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Whether or not to cache remote tabs content, e.g. load only once or
with every click. Cached content is being lazy loaded, e.g once and only
once for the first click. Note that to prevent the actual Ajax requests
from being cached by the browser you need to provide an extra cache: false
flag to ajaxOptions.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a tabs with the <code>cache</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).tabs({ cache: true });</code></pre>
+</dd>

-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/API/1.8/Tabs</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/API/1.8/Tabs"
title="Special:Search/Action/render/UI/API/1.8/Tabs">search for this page
title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/API/1.8/Tabs">search
the related logs</a></span>, but you do not have permission to create this
page.
+
+<dt>
+ Get or set the <code>cache</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var cache = $( ".selector" ).tabs( "option", "cache" );
+//setter
+$( ".selector" ).tabs( "option", "cache", true );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-collapsible">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-collapsible">collapsible</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Set to true to allow an already selected tab to become unselected
again upon reselection.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a tabs with the <code>collapsible</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).tabs({ collapsible: true });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>collapsible</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var collapsible = $( ".selector" ).tabs( "option", "collapsible" );
+//setter
+$( ".selector" ).tabs( "option", "collapsible", true );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-cookie">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-cookie">cookie</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Object</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">null</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Store the latest selected tab in a cookie. The cookie is then used
to determine the initially selected tab if the <i>selected</i> option is
not defined. Requires <a rel=nofollow class="external text"
href="http://plugins.jquery.com/project/cookie">cookie plugin</a>, which
can also be found in the development-bundle>external folder from the
download builder. The object needs to have key/value pairs of the form the
cookie plugin expects as options. Available options (example): {
expires: 7, path: '/', domain: 'jquery.com', secure: true }. Since
jQuery UI 1.7 it is also possible to define the cookie name being used via
<i>name</i> property.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a tabs with the <code>cookie</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).tabs({ cookie: { expires: 30 } });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>cookie</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var cookie = $( ".selector" ).tabs( "option", "cookie" );
+//setter
+$( ".selector" ).tabs( "option", "cookie", { expires: 30 } );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-deselectable">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-deselectable">deselectable</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Boolean</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">false</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>deprecated in jQuery UI 1.7, use collapsible.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a tabs with the <code>deselectable</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).tabs({ deselectable: true });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>deselectable</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var deselectable = $( ".selector" ).tabs( "option", "deselectable" );
+//setter
+$( ".selector" ).tabs( "option", "deselectable", true );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-disabled">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-disabled">disabled</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Array<Number></dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">[]</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>An array containing the position of the tabs (zero-based index)
that should be disabled on initialization.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a tabs with the <code>disabled</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).tabs({ disabled: [1, 2] });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>disabled</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var disabled = $( ".selector" ).tabs( "option", "disabled" );
+//setter
+$( ".selector" ).tabs( "option", "disabled", [1, 2] );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-event">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-event">event</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"click"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The type of event to be used for selecting a tab.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a tabs with the <code>event</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).tabs({ event: "mouseover" });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>event</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var event = $( ".selector" ).tabs( "option", "event" );
+//setter
+$( ".selector" ).tabs( "option", "event", "mouseover" );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-fx">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-fx">fx</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Options, Array<Options></dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">null</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Enable animations for hiding and showing tab panels. The duration
option can be a string representing one of the three predefined speeds
("slow", "normal", "fast") or the duration in milliseconds to run an
animation (default is "normal").</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a tabs with the <code>fx</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).tabs({ fx: { opacity: 'toggle' }
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>fx</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var fx = $( ".selector" ).tabs( "option", "fx" );
+//setter
+$( ".selector" ).tabs( "option", "fx", { opacity: 'toggle' }
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-idPrefix">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-idPrefix">idPrefix</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"ui-tabs-"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>If the remote tab, its anchor element that is, has no title
attribute to generate an id from, an id/fragment identifier is created from
this prefix and a unique id returned by $.data(el), for
example "ui-tabs-54".</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a tabs with the <code>idPrefix</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).tabs({ idPrefix: "ui-tabs-primary"
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>idPrefix</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var idPrefix = $( ".selector" ).tabs( "option", "idPrefix" );
+//setter
+$( ".selector" ).tabs( "option", "idPrefix", "ui-tabs-primary"
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-panelTemplate">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-panelTemplate">panelTemplate</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"<div></div>"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>HTML template from which a new tab panel is created in case of
adding a tab with the add method or when creating a panel for a remote tab
on the fly.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a tabs with the <code>panelTemplate</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).tabs({ panelTemplate: "<li></li>"
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>panelTemplate</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var panelTemplate = $( ".selector" ).tabs( "option", "panelTemplate" );
+//setter
+$( ".selector" ).tabs( "option", "panelTemplate", "<li></li>"
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-selected">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-selected">selected</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Number</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">0</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>Zero-based index of the tab to be selected on initialization. To
set all tabs to unselected pass -1 as value.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a tabs with the <code>selected</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).tabs({ selected: 3 });</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>selected</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var selected = $( ".selector" ).tabs( "option", "selected" );
+//setter
+$( ".selector" ).tabs( "option", "selected", 3 );</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-spinner">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-spinner">spinner</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd
class="option-default">"<em>Loading&#8230;</em>"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The HTML content of this string is shown in a tab title while
remote content is loading. Pass in empty string to deactivate that
behavior. An span element must be present in the A tag of the title, for
the spinner content to be visible.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a tabs with the <code>spinner</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).tabs({ spinner: "Retrieving data..."
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>spinner</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var spinner = $( ".selector" ).tabs( "option", "spinner" );
+//setter
+$( ".selector" ).tabs( "option", "spinner", "Retrieving data..."
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+
+<li class="option" id="option-tabTemplate">
+ <div class="option-header">
+ <h3 class="option-name"><a
href="#option-tabTemplate">tabTemplate</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ <dt class="option-default-label">Default:</dt>
+ <dd class="option-default">"<li><a
href="#{href}"><span>#{label}</span></a></li>"</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>HTML template from which a new tab is created and added. The
placeholders #{href} and #{label} are replaced with the
url and tab label that are passed as arguments to the add method.</p>
+ </div>
+ <div class="option-examples">
+ <h4>Code examples</h4>
+ <dl class="option-examples-list">
+
+<dt>
+ Initialize a tabs with the <code>tabTemplate</code> option specified.
+</dt>
+<dd>
+<pre><code>$( ".selector" ).tabs({ tabTemplate: "<div><a
href="#{href}"><span>#{label}</span></a></div>"
});</code></pre>
+</dd>
+
+
+<dt>
+ Get or set the <code>tabTemplate</code> option, after init.
+</dt>
+<dd>
+<pre><code>//getter
+var tabTemplate = $( ".selector" ).tabs( "option", "tabTemplate" );
+//setter
+$( ".selector" ).tabs( "option", "tabTemplate", "<div><a
href="#{href}"><span>#{label}</span></a></div>"
);</code></pre>
+</dd>
+
+ </dl>
+ </div>
+</li>
+
+ </ul>
+ </div>
+ <div id="events">
+ <h2 class="top-header">Events</h2>
+ <ul class="events-list">
+
+<li class="event" id="event-create">
+ <div class="event-header">
+ <h3 class="event-name"><a href="#event-create">create</a></h3>
+ <dl>
+ <dt class="event-type-label">Type:</dt>
+ <dd class="event-type">tabscreate</dd>
+ </dl>
+ </div>
+ <div class="event-description">
+ <p>This event is triggered when tabs is created.</p>
+ </div>
+ <div class="event-examples">
+ <h4>Code examples</h4>
+ <dl class="event-examples-list">
+
+<dt>
+ Supply a callback function to handle the <code>create</code> event as an
init option.
+</dt>
+<dd>
***The diff for this file has been truncated for email.***
=======================================
--- /tags/1.8.24/docs/toggle.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/toggle.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,148 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/toggle - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
+</ul>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI toggle</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <h3> <span class="mw-headline"
id="toggle.28_effect.2C_.5Boptions.5D.2C_.5Bspeed.5D.2C_.5Bcallback.5D_.29">toggle(
effect, <span class="optional">[</span>options<span
class="optional">]</span>, <span class="optional">[</span>speed<span
class="optional">]</span>, <span class="optional">[</span>callback<span
class="optional">]</span> )</span></h3>
+<p>The enhanced toggle method optionally accepts jQuery UI advanced
effects.</p>
+<p>Uses a specific effect on an element to toggle the element if the first
argument is an effect string.</p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
+</ul>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="170">
+Apply the effect slide if you click on the p to toggle a div.<br />
+</p>
+<pre>$("p").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $("div").<strong
class="selflink">toggle</strong>("slide", {}, 1000);
+ });
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <script
src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
+<script
src="http://ui.jquery.com/latest/ui/effects.slide.js"></script>
+<style type="text/css">
+ div { display: none; margin: 0px; width: 100px; height: 80px;
background: blue; position: relative; }
+</style>
+ <script>
+ $(document).ready(function() {
+ $("p").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $("div").<strong
class="selflink">toggle</strong>("slide", {}, 1000);
+ });
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<p>Click me</p><div></div>

-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/toggle","wgTitle":"Action/render/UI/Effects/toggle","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/toggle","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-effect">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-effect">effect</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>The effect to be used. Possible
values: 'blind', 'clip', 'drop', 'explode', 'fold', 'puff', 'slide', 'scale', 'size', 'pulsate'.</p>
+ </div>
+</li>

-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_toggle skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>

- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
+<li class="option" id="option-options">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-options">options</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Hash</dd>
+
+ <dt class="option-optional-label">Optional</dt>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>A object/hash including specific options for the effect.</p>
+ </div>
+</li>

- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>

- <h1>Documentation</h1>
+<li class="option" id="option-speed">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-speed">speed</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String, Number</dd>
+
+ <dt class="option-optional-label">Optional</dt>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>A string representing one of the predefined speeds ("slow"
or "fast") or the number of milliseconds to run the animation (e.g.
1000).</p>
+ </div>
+</li>

- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>

- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
-</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
-</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/toggle" title="A list
of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/toggle&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/toggle?redlink=1" title="View the
content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/toggle?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+<li class="option" id="option-callback">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-callback">callback</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">Function</dd>
+
+ <dt class="option-optional-label">Optional</dt>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>A function that is called after the effect is completed.</p>
+ </div>
+</li>

-
-
-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
+ </ul>
+ </div>
</div>

-
-
-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2Ftoggle"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
-</div>
-
-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/toggle</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/toggle"
title="Special:Search/Action/render/UI/Effects/toggle">search for this page
title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/toggle">search
the related logs</a></span>, but you do not have permission to create this
page.
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/toggle">http://docs.jquery.com/Action/render/UI/Effects/toggle</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+
=======================================
--- /tags/1.8.24/docs/toggleClass.html Fri Sep 28 17:38:15 2012
+++ /tags/1.8.24/docs/toggleClass.html Sat Sep 29 09:23:39 2012
@@ -1,226 +1,115 @@
-<!DOCTYPE html>
-<html lang=en dir=ltr class=client-nojs>
-<title>Action/render/UI/Effects/toggleClass - jQuery Wiki</title>
-<meta charset=UTF-8>
-<meta name=generator content="MediaWiki 1.20alpha">
-<link rel="shortcut icon" href="http://static.jquery.com/favicon.ico">
-<link rel=search type="application/opensearchdescription+xml"
href="/mw/opensearch_desc.php" title="jQuery Wiki (en)">
-<link rel=EditURI type="application/rsd+xml"
href="http://docs.jquery.com/mw/api.php?action=rsd">
-<link rel=alternate type="application/atom+xml" title="jQuery Wiki Atom
feed" href="/mw/index.php?title=Special:RecentChanges&feed=atom">
-<link rel=stylesheet
href="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cskins.jqdocs.layout&only=styles&skin=jqdocs&*">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/reset.css">
-<link rel=stylesheet
href="http://static.jquery.com/files/rocker/css/screen.css"><meta
name=ResourceLoaderDynamicStyles content="">
-<style>a:lang(ar),a:lang(ckb),a:lang(fa),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}

-/* cache key:
jqdocs_live:resourceloader:filter:minify-css:7:36b8e618bf9eb011dd9ccb261d681e92
*/
-</style>
-
-<script
src="http://docs.jquery.com/mw/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=jqdocs&*"></script>
-<script>if(window.mw){
-mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Action/render/UI/Effects/toggleClass","wgTitle":"Action/render/UI/Effects/toggleClass","wgCurRevisionId":0,"wgArticleId":0,"wgIsArticle":true,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Action/render/UI/Effects/toggleClass","wgRestrictionCreate":[]});
-}</script><script>if(window.mw){
-mw.loader.implement("user.options",function(){mw.user.options.set({"ccmeonemails":1,"cols":80,"date":"default","diffonly":0,"disablemail":0,"disablesuggest":0,"editfont":"default","editondblclick":0,"editsection":1,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":0,"extendwatchlist":0,"externaldiff":0,"externaleditor":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"justify":0,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nocache":0,"noconvertlink":0,"norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"quickbar":5,"rcdays":7,"rclimit":50,"rememberpassword":0,"rows":25,"searchlimit":25,"showhiddencats":0,"showjumplinks":1,"shownumberswatching":1,"showtoc":1,"showtoolbar":1,"skin":"jqdocs","stubthreshold":0,"thumbsize":2,"underline":2,"uselivepreview":0,"usenewrc":0,"watchcreations":0,"watchdefault":0,"watchdeletion":0,"watchlistdays":0,
-"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"wllimit":250,"variant":"en","language":"en","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});;},{},{});mw.loader.implement("user.tokens",function(){mw.user.tokens.set({"editToken":"+\\","watchToken":false});;},{},{});
-
-/* cache key:
jqdocs_live:resourceloader:filter:minify-js:7:4be5a79b993fd2fbf68c5ead663f2e83
*/
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
-}</script>
-<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject
page-Action_render_UI_Effects_toggleClass skin-jqdocs action-view"
id=jq-interior>
-<div id="jq-siteContain">
- <div id="jq-header">
- <a id="jq-siteLogo" href="http://jquery.com/" title="jQuery Home"><img
src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"
width="215" height="53" alt="jQuery: Write Less, Do More."></a>
-
- <div id="jq-primaryNavigation">
- <ul>
- <li class="jq-jquery jq-current"><a href="http://jquery.com/"
title="jQuery Home">jQuery</a></li>
- <li class="jq-plugins"><a href="http://plugins.jquery.com/"
title="jQuery Plugins">Plugins</a></li>
- <li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery
UI">UI</a></li>
- <li class="jq-meetup"><a href="http://meetups.jquery.com/"
title="jQuery Meetups">Meetups</a></li>
- <li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery
Forum">Forum</a></li>
- <li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery
Blog">Blog</a></li>
- <li class="jq-about"><a href="http://jquery.org/about" title="About
jQuery">About</a></li>
- <li class="jq-donate"><a href="http://jquery.org/donate" title="Donate
to jQuery">Donate</a></li>
- </ul>
- </div>
-
- <div id="jq-secondaryNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
-
- <h1>Documentation</h1>
-
- <form id="jq-primarySearchForm" action="/Special:Search">
- <div>
- <input type="hidden" value="1" name="ns0">
- <label for="primarySearch">Search <span
class="jq-jquery">jQuery</span></label>
- <input type="text" value="" accesskey="f" title="Search jQuery"
name="search" id="jq-primarySearch">
- <button type="submit" id="jq-searchGoButton"><span>Go</span></button>
- </div>
- </form>
- </div>
-
- <div id="jq-content" class="jq-clearfix">
- <div id="jq-interiorNavigation">
- <div id="mw-panel" class="noprint">
- <h5>Getting Started</h5><ul>
- <li id=n-Main-Page><a href="/Main_Page">Main Page</a>
- <li id=n-Downloading-jQuery><a href="/Downloading_jQuery">Downloading
jQuery</a>
- <li id=n-How-jQuery-Works><a href="/How_jQuery_Works">How jQuery Works</a>
- <li id=n-FAQ><a href="/Frequently_Asked_Questions">FAQ</a>
- <li id=n-Tutorials><a href="/Tutorials">Tutorials</a>
- <li id=n-Using-jQuery-with-Other-Libraries><a
href="/Using_jQuery_with_Other_Libraries">Using jQuery with Other
Libraries</a>
- <li id=n-Variable-Types><a href="/Types">Variable Types</a>
+<ul class="UIAPIPlugin-toc">
+<li><a href="#overview">Overview</a></li>
+<li><a href="#options">Arguments</a></li>
</ul>
-<h5>API Reference</h5><ul>
- <li id=n-jQuery-Core><a href="/Core">jQuery Core</a>
- <li id=n-Selectors><a href="/Selectors">Selectors</a>
- <li id=n-Attributes><a href="/Attributes">Attributes</a>
- <li id=n-Traversing><a href="/Traversing">Traversing</a>
- <li id=n-Manipulation><a href="/Manipulation">Manipulation</a>
- <li id=n-CSS><a href="/CSS">CSS</a>
- <li id=n-Events><a href="/Events">Events</a>
- <li id=n-Effects><a href="/Effects">Effects</a>
- <li id=n-Ajax><a href="/Ajax">Ajax</a>
- <li id=n-Utilities><a href="/Utilities">Utilities</a>
- <li id=n-jQuery-UI><a href="/UI">jQuery UI</a>
+<div class="UIAPIPlugin">
+ <h1>jQuery UI toggleClass</h1>
+ <div id="overview">
+ <h2 class="top-header">Overview</h2>
+ <div id="overview-main">
+ <h3> <span class="mw-headline"
id="toggleClass.28_class.2C_.5Bduration.5D_.29">toggleClass( class, <span
class="optional">[</span>duration<span class="optional">]</span>
)</span></h3>
+<p>Adds the specified class if it is not present, and removes the
specified class if it is present, using an optional transition.</p>
+ </div>
+ <div id="overview-dependencies">
+ <h3>Dependencies</h3>
+ <ul>
+<li>Effects Core</li>
</ul>
-<h5>Plugins</h5><ul>
- <li id=n-Plugin-Repository><a href="http://plugins.jquery.com/"
rel=nofollow>Plugin Repository</a>
- <li id=n-Authoring><a href="/Plugins/Authoring">Authoring</a>
-</ul>
-<h5>Support</h5><ul>
- <li id=n-Mailing-List-and-Chat><a href="/Discussion">Mailing List and
Chat</a>
- <li id=n-Submit-New-Bug><a href="http://jquery.com/dev/bugs/new/"
rel=nofollow>Submit New Bug</a>
-</ul>
-<h5>About jQuery</h5><ul>
- <li id=n-Contributors><a href="/Contributors">Contributors</a>
- <li id=n-History-of-jQuery><a href="/History_of_jQuery">History of
jQuery</a>
- <li id=n-Getting-Involved><a href="/Getting_Involved">Getting Involved</a>
- <li id=n-Browser-Compatibility><a href="/Browser_Compatibility">Browser
Compatibility</a>
- <li id=n-Code-Style-Guidelines><a
href="/JQuery_Core_Style_Guidelines">Code Style Guidelines</a>
- <li id=n-Design-and-Logos><a href="/Design_and_Identity">Design and
Logos</a>
- <li id=n-Licensing><a href="/Licensing:">Licensing</a>
- <li id=n-Donate><a href="/Donate">Donate</a>
-</ul>
-<h5>Wiki: Navigation</h5><ul>
- <li id=n-recentchanges><a href="/Special:RecentChanges" title="A list of
recent changes in the wiki [r]" accesskey=r>Recent changes</a>
- <li id=n-randompage><a href="/Special:Random" title="Load a random page
[x]" accesskey=x>Random page</a>
-</ul>
-<h5>Wiki: Toolbox</h5><ul>
- <li id=t-whatlinkshere><a
href="/Special:WhatLinksHere/Action/render/UI/Effects/toggleClass" title="A
list of all wiki pages that link here [j]" accesskey=j>What links here</a>
- <li id=t-specialpages><a href="/Special:SpecialPages" title="A list of
all special pages [q]" accesskey=q>Special pages</a>
- <li id=t-print><a
href="/mw/index.php?title=Action/render/UI/Effects/toggleClass&printable=yes"
rel=alternate title="Printable version of this page [p]"
accesskey=p>Printable version</a>
-</ul>
- </div>
-
-
-<div>
- <h5>Wiki: Namespaces</h5>
- <ul>
- <li id="ca-nstab-main" class="selected new"><span><a
href="/edit/Action/render/UI/Effects/toggleClass?redlink=1" title="View
the content page [c]" accesskey="c">Page</a></span></li>
- <li id="ca-talk" class="new"><span><a
href="/edit/Talk:Action/render/UI/Effects/toggleClass?redlink=1"
title="Discussion about the content page [t]"
accesskey="t">Discussion</a></span></li>
- </ul>
-</div>
+ </div>
+ <div id="overview-example">
+ <h3>Example</h3>
+ <div id="overview-example" class="example">
+<ul><li><a href="#demo"><span>Demo</span></a></li><li><a
href="#source"><span>View Source</span></a></li></ul>
+<p><div id="demo" class="tabs-container" rel="100">
+Adds the 'selected' class if it is not present, and removes the 'selected'
class if it is present.<br />
+</p>
+<pre>$("p").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<strong
class="selflink">toggleClass</strong>("selected", 1000);
+ });
+</pre>
+<p></div><div id="source" class="tabs-container">
+</p>
+<pre><!DOCTYPE html>
+<html>
+<head>
+ <link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
rel="stylesheet" type="text/css"/>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
+ <script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+ <script
src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
+<style type="text/css">
+ p { cursor: pointer; font-size: 1.2em; }
+ .selected { color:red; }
+</style>
+ <script>
+ $(document).ready(function() {
+ $("p").<a href="http://docs.jquery.com/Events/click"
title="Events/click">click</a>(function () {
+ $(this).<strong
class="selflink">toggleClass</strong>("selected", 1000);
+ });
+ });
+ </script>
+</head>
+<body style="font-size:62.5%;">
+
+<p>Click me to toggle 'selected' class.</p>
+<p class="selected">Click me to toggle 'selected'
class.</p>
+<p>Click me to toggle 'selected' class.</p>

-
+</body>
+</html>
+</pre>
+<p></div>
+</p><p></div>
+ </div>
+ </div>
+ <div id="options">
+ <h2 class="top-header">Arguments</h2>
+ <ul class="options-list">
+
+<li class="option" id="option-class">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-class">class</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String</dd>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>A CSS class to toggle on the elements.</p>
+ </div>
+</li>

-
-<div class="emptyPortlet">
- <h5>Wiki: Actions</h5>
- <ul>
- </ul>
-</div>

-
+<li class="option" id="option-duration">
+ <div class="option-header">
+ <h3 class="option-name"><a href="#option-duration">duration</a></h3>
+ <dl>
+ <dt class="option-type-label">Type:</dt>
+ <dd class="option-type">String, Number</dd>
+
+ <dt class="option-optional-label">Optional</dt>
+
+ </dl>
+ </div>
+ <div class="option-description">
+ <p>A string representing one of the three predefined speeds
("slow", "normal", or "fast") or the number of milliseconds to run the
animation (e.g. 1000).</p>
+ </div>
+</li>

-
-<div>
- <h5>Personal tools</h5>
- <ul>
- <li id=pt-login><a
href="/mw/index.php?title=Special:UserLogin&returnto=Action%2Frender%2FUI%2FEffects%2FtoggleClass"
title="You are encouraged to log in; however, it is not mandatory [o]"
accesskey=o>Log in</a>
- </ul>
+ </ul>
+ </div>
</div>

-
- </div>
- <div id="jq-primaryContent">
- <div id="column-content">
- <div id="docs-content" class="mw-body">
-
-<a id="top"></a>
-<div id="mw-js-message" style="display:none;"></div>
-
-<h1 id="firstHeading" class="firstHeading"><span
dir="auto">Action/render/UI/Effects/toggleClass</span></h1>
-
-
-<div id="bodyContent">
- 
- <div id="siteSub">From jQuery Wiki</div>
- 
- 
- <div id="contentSub"></div>
- 
- 
- <div id="jump-to-nav" class="mw-jump">
- Jump to: <a href="#mw-head">navigation</a>, <a
href="#p-search">search</a>
- </div>
- 
- 
- <div id=mw-content-text><div class="noarticletext">
-<p>There is currently no text in this page.
-You can <a href="/Special:Search/Action/render/UI/Effects/toggleClass"
title="Special:Search/Action/render/UI/Effects/toggleClass">search for this
page title</a> in other pages, or <span class="plainlinks"><a rel=nofollow
class="external text"
href="http://docs.jquery.com/mw/index.php?title=Special:Log&page=Action/render/UI/Effects/toggleClass">search
the related logs</a></span>, but you do not have permission to create this
page.
</p>
-</div>
-</div> 
- 
- <div class="printfooter">
- Retrieved from "<a
href="http://docs.jquery.com/Action/render/UI/Effects/toggleClass">http://docs.jquery.com/Action/render/UI/Effects/toggleClass</a>"
</div>
- 
- 
- <div id='catlinks' class='catlinks catlinks-allhidden'></div> 
- <div class="visualClear"></div>
- 
- 
-</div>
-
+

- </div>
- </div>
- </div>
- </div>
- <div id="jq-footer" class="jq-clearfix">
- <div id="jq-credits">
- <p id="jq-copyright">© 2010 <a href="http://jquery.org/">The jQuery
Project</a></p>
- <p id="jq-hosting">Sponsored by <a href="http://mediatemple.net"
class="jq-mediaTemple">Media Temple</a> and <a
href="http://jquery.org/sponsors">others</a>.</p>
- </div>
- <div id="jq-footerNavigation">
- <ul>
- <li class="jq-download jq-first"><a
href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
- <li class="jq-documentation jq-current"><a
href="http://docs.jquery.com/">Documentation</a></li>
- <li class="jq-tutorials"><a
href="http://docs.jquery.com/Tutorials">Tutorials</a></li>
- <li class="jq-bugTracker"><a href="http://dev.jquery.com/">Bug
Tracker</a></li>
- <li class="jq-discussion jq-last"><a
href="http://docs.jquery.com/Discussion">Discussion</a></li>
- </ul>
- </div>
- </div>
-</div>
-<script>if(window.mw){
-mw.loader.state({"site":"loading","user":"missing","user.groups":"ready"});
-}</script>
-<script>if(window.mw){
-mw.loader.load(["mediawiki.user","mediawiki.page.ready","skins.jqdocs.enhanced"],
null,
true);
-}</script>
-<script
src="http://static.jquery.com/files/rocker/scripts/custom.js?303"></script>
-<script>if(window.mw){
-mw.loader.state({"site":"ready"});
-}</script>
-</body>
-</html>
+

Reply all

Reply to author

Forward

0 new messages