diff options
Diffstat (limited to 'src/main/webapp/jquery-ui-1.9pre/docs')
41 files changed, 3038 insertions, 0 deletions
diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/accordion.html b/src/main/webapp/jquery-ui-1.9pre/docs/accordion.html new file mode 100644 index 0000000..79e3612 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/accordion.html @@ -0,0 +1 @@ +<div class="noarticletext">There is currently no text in this page, you can <a href="http://docs.jquery.com/Special:Search/UI/API/1.9pre/Accordion" title="Special:Search/UI/API/1.9pre/Accordion">search for this page title</a> in other pages or <a href="http://docs.jquery.com/action/edit/UI/API/1.9pre/Accordion" class="external text" title="http://docs.jquery.com/action/edit/UI/API/1.9pre/Accordion">edit this page</a>.</div> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/addClass.html b/src/main/webapp/jquery-ui-1.9pre/docs/addClass.html new file mode 100644 index 0000000..12cd9ef --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/addClass.html @@ -0,0 +1,109 @@ + +<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 addClass</h1> + <div id="overview"> + <h2 class="top-header">Overview</h2> + <div id="overview-main"> + <div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/UI/Effects/addClass?section=1" title="Edit section: addClass( class, [duration] )">edit</a>]</div><a name="addClass.28_class.2C_.5Bduration.5D_.29"></a><h3>addClass( class, <span class="optional">[</span>duration<span class="optional">]</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> + </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> + + +<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> + + </ul> + </div> +</div> + +</p><!-- +Pre-expand include size: 5228 bytes +Post-expand include size: 6863 bytes +Template argument size: 4285 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2606-1!1!0!!en!2 and timestamp 20111125193936 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/animate.html b/src/main/webapp/jquery-ui-1.9pre/docs/animate.html new file mode 100644 index 0000000..9f70edd --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/animate.html @@ -0,0 +1,78 @@ +<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); +}); + +</pre> +<p></div><div id="source" class="tabs-container"> +</p> +<pre><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" + "<a href="http://www.w3.org/TR/html4/loose.dtd" class="external free" title="http://www.w3.org/TR/html4/loose.dtd">http://www.w3.org/TR/html4/loose.dtd</a>"> +<html> +<head> + <script src="<a href="http://code.jquery.com/jquery-latest.js" class="external free" title="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> + $(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); +}); + + }); + </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><!-- +Pre-expand include size: 3730 bytes +Post-expand include size: 5382 bytes +Template argument size: 3450 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:3094-1!1!0!!en!2 and timestamp 20111125195211 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/autocomplete.html b/src/main/webapp/jquery-ui-1.9pre/docs/autocomplete.html new file mode 100644 index 0000000..8509631 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/autocomplete.html @@ -0,0 +1 @@ +<div class="noarticletext">There is currently no text in this page, you can <a href="http://docs.jquery.com/Special:Search/UI/API/1.9pre/Autocomplete" title="Special:Search/UI/API/1.9pre/Autocomplete">search for this page title</a> in other pages or <a href="http://docs.jquery.com/action/edit/UI/API/1.9pre/Autocomplete" class="external text" title="http://docs.jquery.com/action/edit/UI/API/1.9pre/Autocomplete">edit this page</a>.</div> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/button.html b/src/main/webapp/jquery-ui-1.9pre/docs/button.html new file mode 100644 index 0000000..fe10a25 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/button.html @@ -0,0 +1 @@ +<div class="noarticletext">There is currently no text in this page, you can <a href="http://docs.jquery.com/Special:Search/UI/API/1.9pre/Button" title="Special:Search/UI/API/1.9pre/Button">search for this page title</a> in other pages or <a href="http://docs.jquery.com/action/edit/UI/API/1.9pre/Button" class="external text" title="http://docs.jquery.com/action/edit/UI/API/1.9pre/Button">edit this page</a>.</div> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/datepicker.html b/src/main/webapp/jquery-ui-1.9pre/docs/datepicker.html new file mode 100644 index 0000000..6583aa2 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/datepicker.html @@ -0,0 +1 @@ +<div class="noarticletext">There is currently no text in this page, you can <a href="http://docs.jquery.com/Special:Search/UI/API/1.9pre/Datepicker" title="Special:Search/UI/API/1.9pre/Datepicker">search for this page title</a> in other pages or <a href="http://docs.jquery.com/action/edit/UI/API/1.9pre/Datepicker" class="external text" title="http://docs.jquery.com/action/edit/UI/API/1.9pre/Datepicker">edit this page</a>.</div> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/dialog.html b/src/main/webapp/jquery-ui-1.9pre/docs/dialog.html new file mode 100644 index 0000000..a2058da --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/dialog.html @@ -0,0 +1 @@ +<div class="noarticletext">There is currently no text in this page, you can <a href="http://docs.jquery.com/Special:Search/UI/API/1.9pre/Dialog" title="Special:Search/UI/API/1.9pre/Dialog">search for this page title</a> in other pages or <a href="http://docs.jquery.com/action/edit/UI/API/1.9pre/Dialog" class="external text" title="http://docs.jquery.com/action/edit/UI/API/1.9pre/Dialog">edit this page</a>.</div> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/draggable.html b/src/main/webapp/jquery-ui-1.9pre/docs/draggable.html new file mode 100644 index 0000000..51c7d1b --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/draggable.html @@ -0,0 +1 @@ +<div class="noarticletext">There is currently no text in this page, you can <a href="http://docs.jquery.com/Special:Search/UI/API/1.9pre/Draggable" title="Special:Search/UI/API/1.9pre/Draggable">search for this page title</a> in other pages or <a href="http://docs.jquery.com/action/edit/UI/API/1.9pre/Draggable" class="external text" title="http://docs.jquery.com/action/edit/UI/API/1.9pre/Draggable">edit this page</a>.</div> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/droppable.html b/src/main/webapp/jquery-ui-1.9pre/docs/droppable.html new file mode 100644 index 0000000..462f254 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/droppable.html @@ -0,0 +1 @@ +<div class="noarticletext">There is currently no text in this page, you can <a href="http://docs.jquery.com/Special:Search/UI/API/1.9pre/Droppable" title="Special:Search/UI/API/1.9pre/Droppable">search for this page title</a> in other pages or <a href="http://docs.jquery.com/action/edit/UI/API/1.9pre/Droppable" class="external text" title="http://docs.jquery.com/action/edit/UI/API/1.9pre/Droppable">edit this page</a>.</div> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/effect-blind.html b/src/main/webapp/jquery-ui-1.9pre/docs/effect-blind.html new file mode 100644 index 0000000..081500c --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/effect-blind.html @@ -0,0 +1,112 @@ + +<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 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> + </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> + + <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> + +<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> + +</p><!-- +Pre-expand include size: 5421 bytes +Post-expand include size: 6738 bytes +Template argument size: 3932 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2611-1!1!0!!en!2 and timestamp 20111125195212 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/effect-bounce.html b/src/main/webapp/jquery-ui-1.9pre/docs/effect-bounce.html new file mode 100644 index 0000000..1c400b3 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/effect-bounce.html @@ -0,0 +1,148 @@ + +<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); +}); + +</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> + + <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); +}); + + }); + </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> + +<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> + + +<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> + + +<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> + + </ul> + </div> +</div> + +</p><!-- +Pre-expand include size: 6815 bytes +Post-expand include size: 8607 bytes +Template argument size: 4913 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2626-1!1!0!!en!2 and timestamp 20111125195213 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/effect-clip.html b/src/main/webapp/jquery-ui-1.9pre/docs/effect-clip.html new file mode 100644 index 0000000..8562069 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/effect-clip.html @@ -0,0 +1,113 @@ + +<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); +}); + +</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> + + <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); +}); + + }); + </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> + + +<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> + +</p><!-- +Pre-expand include size: 5423 bytes +Post-expand include size: 6746 bytes +Template argument size: 3940 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2616-1!1!0!!en!2 and timestamp 20111125195212 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/effect-drop.html b/src/main/webapp/jquery-ui-1.9pre/docs/effect-drop.html new file mode 100644 index 0000000..712ee9b --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/effect-drop.html @@ -0,0 +1,113 @@ + +<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); +}); + +</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> + + <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); +}); + + }); + </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> + + +<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> + +</p><!-- +Pre-expand include size: 5386 bytes +Post-expand include size: 6601 bytes +Template argument size: 3845 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2617-1!1!0!!en!2 and timestamp 20111125195213 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/effect-explode.html b/src/main/webapp/jquery-ui-1.9pre/docs/effect-explode.html new file mode 100644 index 0000000..563e857 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/effect-explode.html @@ -0,0 +1,152 @@ + +<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); +}); + +</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> + + <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); +}); + + }); + </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); +}); + +</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> + + <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); +}); + + }); + </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> + +<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> + + </ul> + </div> +</div> + +</p><!-- +Pre-expand include size: 8564 bytes +Post-expand include size: 10708 bytes +Template argument size: 6444 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2618-1!1!0!!en!2 and timestamp 20111125195213 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/effect-fade.html b/src/main/webapp/jquery-ui-1.9pre/docs/effect-fade.html new file mode 100644 index 0000000..19c4ab9 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/effect-fade.html @@ -0,0 +1,79 @@ + +<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 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> + </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> + + <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); +}); + + }); + </script> +</head> +<body style="font-size:62.5%;"> + <div></div> +</body> +</html> +</pre> +<p></div> +</p> +</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> + +<!-- +Pre-expand include size: 4014 bytes +Post-expand include size: 4839 bytes +Template argument size: 2913 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:3765-1!1!0!!en!2 and timestamp 20111125195213 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/effect-fold.html b/src/main/webapp/jquery-ui-1.9pre/docs/effect-fold.html new file mode 100644 index 0000000..4987dab --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/effect-fold.html @@ -0,0 +1,132 @@ + +<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); +}); + +</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> + + <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); +}); + + }); + </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> + +<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> + +<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> + + </ul> + </div> +</div> + +</p><!-- +Pre-expand include size: 6125 bytes +Post-expand include size: 7656 bytes +Template argument size: 4410 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2619-1!1!0!!en!2 and timestamp 20111125195213 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/effect-highlight.html b/src/main/webapp/jquery-ui-1.9pre/docs/effect-highlight.html new file mode 100644 index 0000000..ac67efc --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/effect-highlight.html @@ -0,0 +1,112 @@ + +<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 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> + </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> + + <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> + +<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> + +</p><!-- +Pre-expand include size: 5436 bytes +Post-expand include size: 6699 bytes +Template argument size: 3885 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2621-1!1!0!!en!2 and timestamp 20111125195214 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/effect-puff.html b/src/main/webapp/jquery-ui-1.9pre/docs/effect-puff.html new file mode 100644 index 0000000..fcd7ef2 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/effect-puff.html @@ -0,0 +1,113 @@ + +<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 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> + </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> + + <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> + +<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> + +</p><!-- +Pre-expand include size: 5367 bytes +Post-expand include size: 6577 bytes +Template argument size: 3821 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2624-1!1!0!!en!2 and timestamp 20111125195213 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/effect-pulsate.html b/src/main/webapp/jquery-ui-1.9pre/docs/effect-pulsate.html new file mode 100644 index 0000000..f1ecac1 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/effect-pulsate.html @@ -0,0 +1,112 @@ + +<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 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> + </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> + + <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> + +<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> + +</p><!-- +Pre-expand include size: 5427 bytes +Post-expand include size: 6650 bytes +Template argument size: 3836 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2622-1!1!0!!en!2 and timestamp 20111125195214 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/effect-scale.html b/src/main/webapp/jquery-ui-1.9pre/docs/effect-scale.html new file mode 100644 index 0000000..284fc94 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/effect-scale.html @@ -0,0 +1,204 @@ + +<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); +}); + +</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> + + <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); +}); + + }); + </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); +}); + +</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> + + <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); +}); + + }); + </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> + + +<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> + + +<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> + + +<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> + +</p><!-- +Pre-expand include size: 10718 bytes +Post-expand include size: 14060 bytes +Template argument size: 8501 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2623-1!1!0!!en!2 and timestamp 20111125195213 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/effect-shake.html b/src/main/webapp/jquery-ui-1.9pre/docs/effect-shake.html new file mode 100644 index 0000000..269e314 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/effect-shake.html @@ -0,0 +1,129 @@ + +<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); +}); + +</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> + + <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); +}); + + }); + </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> + +<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> + +<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> + + </ul> + </div> +</div> + +</p><!-- +Pre-expand include size: 6093 bytes +Post-expand include size: 7495 bytes +Template argument size: 4302 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2625-1!1!0!!en!2 and timestamp 20111125195214 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/effect-size.html b/src/main/webapp/jquery-ui-1.9pre/docs/effect-size.html new file mode 100644 index 0000000..d6dfd10 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/effect-size.html @@ -0,0 +1,144 @@ + +<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); +}); + +</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> + + <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); +}); + + }); + </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> + + +<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> + + +<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> + + +<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> + +</p><!-- +Pre-expand include size: 6671 bytes +Post-expand include size: 8527 bytes +Template argument size: 5153 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2757-1!1!0!!en!2 and timestamp 20111125195214 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/effect-slide.html b/src/main/webapp/jquery-ui-1.9pre/docs/effect-slide.html new file mode 100644 index 0000000..70232b2 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/effect-slide.html @@ -0,0 +1,129 @@ + +<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); +}); + +</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> + + <script> + $(document).ready(function() { + +$("div").click(function () { + $(this).hide("slide", { direction: "down" }, 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">"left"</dd> + + </dl> + </div> + <div class="option-description"> + <p>The direction of the effect. Can be "left", "right", "up", "down".</p> + </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">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> + +<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> + +</p><!-- +Pre-expand include size: 5543 bytes +Post-expand include size: 6686 bytes +Template argument size: 3676 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2620-1!1!0!!en!2 and timestamp 20111125195213 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/effect-transfer.html b/src/main/webapp/jquery-ui-1.9pre/docs/effect-transfer.html new file mode 100644 index 0000000..3acf30f --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/effect-transfer.html @@ -0,0 +1,114 @@ + +<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); +}); + +</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; } + +</style> + + <script> + $(document).ready(function() { + +$("div").click(function () { + var i = 1 - $("div").index(this); + $(this).effect("transfer", { to: $("div").eq(i) }, 1000); +}); + + }); + </script> +</head> +<body style="font-size:62.5%;"> + <div class="green"></div> +<div class="red"></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-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> + +<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> + + </ul> + </div> +</div> + +</p><!-- +Pre-expand include size: 4684 bytes +Post-expand include size: 5148 bytes +Template argument size: 2898 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2627-1!1!0!!en!2 and timestamp 20111125195214 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/effect.html b/src/main/webapp/jquery-ui-1.9pre/docs/effect.html new file mode 100644 index 0000000..d025d59 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/effect.html @@ -0,0 +1,143 @@ + +<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"> + <div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/UI/Effects/effect?section=1" title="Edit section: effect( effect, [options], [speed], [callback] )">edit</a>]</div><a name="effect.28_effect.2C_.5Boptions.5D.2C_.5Bspeed.5D.2C_.5Bcallback.5D_.29"></a><h3>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> )</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> + +</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> + + +<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> + + +<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> + + +<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> + + </ul> + </div> +</div> + +</p><!-- +Pre-expand include size: 6364 bytes +Post-expand include size: 8780 bytes +Template argument size: 5498 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2612-1!1!0!!en!2 and timestamp 20111125193934 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/hide.html b/src/main/webapp/jquery-ui-1.9pre/docs/hide.html new file mode 100644 index 0000000..4c29b63 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/hide.html @@ -0,0 +1,144 @@ + +<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"> + <div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/UI/Effects/hide?section=1" title="Edit section: hide( effect, [options], [speed], [callback] )">edit</a>]</div><a name="hide.28_effect.2C_.5Boptions.5D.2C_.5Bspeed.5D.2C_.5Bcallback.5D_.29"></a><h3>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> )</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> + +</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> + + +<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> + + +<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> + + +<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> + + </ul> + </div> +</div> + +</p><!-- +Pre-expand include size: 6332 bytes +Post-expand include size: 8595 bytes +Template argument size: 5383 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2614-1!1!0!!en!2 and timestamp 20111125193318 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/menu.html b/src/main/webapp/jquery-ui-1.9pre/docs/menu.html new file mode 100644 index 0000000..f801314 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/menu.html @@ -0,0 +1 @@ +<div class="noarticletext">There is currently no text in this page, you can <a href="http://docs.jquery.com/Special:Search/UI/API/1.9pre/Menu" title="Special:Search/UI/API/1.9pre/Menu">search for this page title</a> in other pages or <a href="http://docs.jquery.com/action/edit/UI/API/1.9pre/Menu" class="external text" title="http://docs.jquery.com/action/edit/UI/API/1.9pre/Menu">edit this page</a>.</div> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/position.html b/src/main/webapp/jquery-ui-1.9pre/docs/position.html new file mode 100644 index 0000000..2c6b62b --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/position.html @@ -0,0 +1 @@ +<div class="noarticletext">There is currently no text in this page, you can <a href="http://docs.jquery.com/Special:Search/UI/API/1.9pre/Position" title="Special:Search/UI/API/1.9pre/Position">search for this page title</a> in other pages or <a href="http://docs.jquery.com/action/edit/UI/API/1.9pre/Position" class="external text" title="http://docs.jquery.com/action/edit/UI/API/1.9pre/Position">edit this page</a>.</div> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/progressbar.html b/src/main/webapp/jquery-ui-1.9pre/docs/progressbar.html new file mode 100644 index 0000000..08dd9b1 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/progressbar.html @@ -0,0 +1 @@ +<div class="noarticletext">There is currently no text in this page, you can <a href="http://docs.jquery.com/Special:Search/UI/API/1.9pre/Progressbar" title="Special:Search/UI/API/1.9pre/Progressbar">search for this page title</a> in other pages or <a href="http://docs.jquery.com/action/edit/UI/API/1.9pre/Progressbar" class="external text" title="http://docs.jquery.com/action/edit/UI/API/1.9pre/Progressbar">edit this page</a>.</div> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/removeClass.html b/src/main/webapp/jquery-ui-1.9pre/docs/removeClass.html new file mode 100644 index 0000000..68d154f --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/removeClass.html @@ -0,0 +1,113 @@ + +<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 removeClass</h1> + <div id="overview"> + <h2 class="top-header">Overview</h2> + <div id="overview-main"> + <div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/UI/Effects/removeClass?section=1" title="Edit section: removeClass( [class], [duration] )">edit</a>]</div><a name="removeClass.28_.5Bclass.5D.2C_.5Bduration.5D_.29"></a><h3>removeClass( <span class="optional">[</span>class<span class="optional">]</span>, <span class="optional">[</span>duration<span class="optional">]</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> + </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> + + +<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> + + </ul> + </div> +</div> + +</p><!-- +Pre-expand include size: 5276 bytes +Post-expand include size: 7063 bytes +Template argument size: 4443 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2607-1!1!0!!en!2 and timestamp 20111125194103 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/resizable.html b/src/main/webapp/jquery-ui-1.9pre/docs/resizable.html new file mode 100644 index 0000000..6bdfb7a --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/resizable.html @@ -0,0 +1 @@ +<div class="noarticletext">There is currently no text in this page, you can <a href="http://docs.jquery.com/Special:Search/UI/API/1.9pre/Resizable" title="Special:Search/UI/API/1.9pre/Resizable">search for this page title</a> in other pages or <a href="http://docs.jquery.com/action/edit/UI/API/1.9pre/Resizable" class="external text" title="http://docs.jquery.com/action/edit/UI/API/1.9pre/Resizable">edit this page</a>.</div> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/selectable.html b/src/main/webapp/jquery-ui-1.9pre/docs/selectable.html new file mode 100644 index 0000000..b697180 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/selectable.html @@ -0,0 +1 @@ +<div class="noarticletext">There is currently no text in this page, you can <a href="http://docs.jquery.com/Special:Search/UI/API/1.9pre/Selectable" title="Special:Search/UI/API/1.9pre/Selectable">search for this page title</a> in other pages or <a href="http://docs.jquery.com/action/edit/UI/API/1.9pre/Selectable" class="external text" title="http://docs.jquery.com/action/edit/UI/API/1.9pre/Selectable">edit this page</a>.</div> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/show.html b/src/main/webapp/jquery-ui-1.9pre/docs/show.html new file mode 100644 index 0000000..bd6e298 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/show.html @@ -0,0 +1,144 @@ + +<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"> + <div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/UI/Effects/show?section=1" title="Edit section: show( effect, [options], [speed], [callback] )">edit</a>]</div><a name="show.28_effect.2C_.5Boptions.5D.2C_.5Bspeed.5D.2C_.5Bcallback.5D_.29"></a><h3>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> )</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> + +</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> + + +<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> + + +<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> + + +<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> + + </ul> + </div> +</div> + +</p><!-- +Pre-expand include size: 6354 bytes +Post-expand include size: 8726 bytes +Template argument size: 5452 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2613-1!1!0!!en!2 and timestamp 20111125193324 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/slider.html b/src/main/webapp/jquery-ui-1.9pre/docs/slider.html new file mode 100644 index 0000000..2bcd68c --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/slider.html @@ -0,0 +1 @@ +<div class="noarticletext">There is currently no text in this page, you can <a href="http://docs.jquery.com/Special:Search/UI/API/1.9pre/Slider" title="Special:Search/UI/API/1.9pre/Slider">search for this page title</a> in other pages or <a href="http://docs.jquery.com/action/edit/UI/API/1.9pre/Slider" class="external text" title="http://docs.jquery.com/action/edit/UI/API/1.9pre/Slider">edit this page</a>.</div> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/sortable.html b/src/main/webapp/jquery-ui-1.9pre/docs/sortable.html new file mode 100644 index 0000000..84dc28a --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/sortable.html @@ -0,0 +1 @@ +<div class="noarticletext">There is currently no text in this page, you can <a href="http://docs.jquery.com/Special:Search/UI/API/1.9pre/Sortable" title="Special:Search/UI/API/1.9pre/Sortable">search for this page title</a> in other pages or <a href="http://docs.jquery.com/action/edit/UI/API/1.9pre/Sortable" class="external text" title="http://docs.jquery.com/action/edit/UI/API/1.9pre/Sortable">edit this page</a>.</div> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/spinner.html b/src/main/webapp/jquery-ui-1.9pre/docs/spinner.html new file mode 100644 index 0000000..17e163d --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/spinner.html @@ -0,0 +1 @@ +<div class="noarticletext">There is currently no text in this page, you can <a href="http://docs.jquery.com/Special:Search/UI/API/1.9pre/Spinner" title="Special:Search/UI/API/1.9pre/Spinner">search for this page title</a> in other pages or <a href="http://docs.jquery.com/action/edit/UI/API/1.9pre/Spinner" class="external text" title="http://docs.jquery.com/action/edit/UI/API/1.9pre/Spinner">edit this page</a>.</div> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/switchClass.html b/src/main/webapp/jquery-ui-1.9pre/docs/switchClass.html new file mode 100644 index 0000000..7472201 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/switchClass.html @@ -0,0 +1,129 @@ + +<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"> + <div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/UI/Effects/switchClass?section=1" title="Edit section: switchClass( remove, add, [duration] )">edit</a>]</div><a name="switchClass.28_remove.2C_add.2C_.5Bduration.5D_.29"></a><h3>switchClass( remove, add, <span class="optional">[</span>duration<span class="optional">]</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> + +</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> + + +<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> + + +<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> + + </ul> + </div> +</div> + +</p><!-- +Pre-expand include size: 5798 bytes +Post-expand include size: 7570 bytes +Template argument size: 4751 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2609-1!1!0!!en!2 and timestamp 20111125194112 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/tabs.html b/src/main/webapp/jquery-ui-1.9pre/docs/tabs.html new file mode 100644 index 0000000..84d7c23 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/tabs.html @@ -0,0 +1 @@ +<div class="noarticletext">There is currently no text in this page, you can <a href="http://docs.jquery.com/Special:Search/UI/API/1.9pre/Tabs" title="Special:Search/UI/API/1.9pre/Tabs">search for this page title</a> in other pages or <a href="http://docs.jquery.com/action/edit/UI/API/1.9pre/Tabs" class="external text" title="http://docs.jquery.com/action/edit/UI/API/1.9pre/Tabs">edit this page</a>.</div> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/toggle.html b/src/main/webapp/jquery-ui-1.9pre/docs/toggle.html new file mode 100644 index 0000000..4d9a63a --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/toggle.html @@ -0,0 +1,144 @@ + +<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"> + <div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/UI/Effects/toggle?section=1" title="Edit section: toggle( effect, [options], [speed], [callback] )">edit</a>]</div><a name="toggle.28_effect.2C_.5Boptions.5D.2C_.5Bspeed.5D.2C_.5Bcallback.5D_.29"></a><h3>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> )</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> + +</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> + + +<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> + + +<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> + + +<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> + + </ul> + </div> +</div> + +</p><!-- +Pre-expand include size: 6350 bytes +Post-expand include size: 8665 bytes +Template argument size: 5445 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2615-1!1!0!!en!2 and timestamp 20111125193728 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/toggleClass.html b/src/main/webapp/jquery-ui-1.9pre/docs/toggleClass.html new file mode 100644 index 0000000..5ebd9af --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/toggleClass.html @@ -0,0 +1,111 @@ + +<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 toggleClass</h1> + <div id="overview"> + <h2 class="top-header">Overview</h2> + <div id="overview-main"> + <div class="editsection" style="float:right;margin-left:5px;">[<a href="http://docs.jquery.com/action/edit/UI/Effects/toggleClass?section=1" title="Edit section: toggleClass( class, [duration] )">edit</a>]</div><a name="toggleClass.28_class.2C_.5Bduration.5D_.29"></a><h3>toggleClass( class, <span class="optional">[</span>duration<span class="optional">]</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> + </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> + + +<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> + + </ul> + </div> +</div> + +</p><!-- +Pre-expand include size: 5271 bytes +Post-expand include size: 7027 bytes +Template argument size: 4437 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2608-1!1!0!!en!2 and timestamp 20111125193333 --> diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/tooltip.html b/src/main/webapp/jquery-ui-1.9pre/docs/tooltip.html new file mode 100644 index 0000000..99840bf --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/tooltip.html @@ -0,0 +1 @@ +<div class="noarticletext">There is currently no text in this page, you can <a href="http://docs.jquery.com/Special:Search/UI/API/1.9pre/Tooltip" title="Special:Search/UI/API/1.9pre/Tooltip">search for this page title</a> in other pages or <a href="http://docs.jquery.com/action/edit/UI/API/1.9pre/Tooltip" class="external text" title="http://docs.jquery.com/action/edit/UI/API/1.9pre/Tooltip">edit this page</a>.</div> |