mirror of
https://github.com/tuxis-ie/nsedit.git
synced 2025-07-10 17:43:58 +03:00
Initial import and public 'release'
This commit is contained in:
Mark Schouten
parent
327597ca02
commit
90ee4dfea0
792 changed files with 147584 additions and 0 deletions
1222
htdocs/jquery/development-bundle/docs/accordion.html
Normal file
1222
htdocs/jquery/development-bundle/docs/accordion.html
Normal file
File diff suppressed because one or more lines are too long
1640
htdocs/jquery/development-bundle/docs/autocomplete.html
Normal file
1640
htdocs/jquery/development-bundle/docs/autocomplete.html
Normal file
File diff suppressed because it is too large
Load diff
130
htdocs/jquery/development-bundle/docs/blind-effect.html
Normal file
130
htdocs/jquery/development-bundle/docs/blind-effect.html
Normal file
|
|
@ -0,0 +1,130 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI blind-effect documentation</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"
|
||||
}
|
||||
.gutter {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>{
|
||||
"title":
|
||||
"Blind Effect",
|
||||
"excerpt":
|
||||
"\n\t\tThe blind effect hides or shows an element by wrapping the element in a container, and \"pulling the blinds\"\n\t",
|
||||
"termSlugs": {
|
||||
"category": [
|
||||
"effects"
|
||||
]
|
||||
}
|
||||
}</script><article id="blind1" class="entry effect"><h2 class="section-title"><span>Blind Effect</span></h2>
|
||||
<div class="entry-wrapper">
|
||||
<p class="desc"><strong>Description: </strong>
|
||||
The blind effect hides or shows an element by wrapping the element in a container, and "pulling the blinds"
|
||||
</p>
|
||||
<ul class="signatures"><li class="signature">
|
||||
<h4 class="name">blind</h4>
|
||||
<ul><li>
|
||||
<div>
|
||||
<strong>direction</strong> (default: <code>"up"</code>)</div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#String">String</a>
|
||||
</div>
|
||||
<div>
|
||||
<p>The direction the blind will be pulled to hide the element, or the direction from which the element will be revealed.</p>
|
||||
<p>Possible Values: <code>up</code>, <code>down</code>, <code>left</code>, <code>right</code>, <code>vertical</code>, <code>horizontal</code>.</p>
|
||||
</div>
|
||||
</li></ul>
|
||||
</li></ul>
|
||||
<div class="longdesc" id="entry-longdesc">
|
||||
<p>The container has <code>overflow: hidden</code> applied, so height changes affect what's visible.</p>
|
||||
</div>
|
||||
<section class="entry-examples" id="entry-examples"><header><h2>Example:</h2></header><div class="entry-example" id="example-0">
|
||||
<h4><span class="desc">Toggle a div using the blind effect.</span></h4>
|
||||
<div class="syntaxhighlighter xml ">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
<div class="line n6">6</div>
|
||||
|
||||
<div class="line n7">7</div>
|
||||
|
||||
<div class="line n8">8</div>
|
||||
|
||||
<div class="line n9">9</div>
|
||||
|
||||
<div class="line n10">10</div>
|
||||
|
||||
<div class="line n11">11</div>
|
||||
|
||||
<div class="line n12">12</div>
|
||||
|
||||
<div class="line n13">13</div>
|
||||
|
||||
<div class="line n14">14</div>
|
||||
|
||||
<div class="line n15">15</div>
|
||||
|
||||
<div class="line n16">16</div>
|
||||
|
||||
<div class="line n17">17</div>
|
||||
|
||||
<div class="line n18">18</div>
|
||||
|
||||
<div class="line n19">19</div>
|
||||
|
||||
<div class="line n20">20</div>
|
||||
|
||||
<div class="line n21">21</div>
|
||||
|
||||
<div class="line n22">22</div>
|
||||
|
||||
<div class="line n23">23</div>
|
||||
|
||||
<div class="line n24">24</div>
|
||||
|
||||
<div class="line n25">25</div>
|
||||
|
||||
<div class="line n26">26</div>
|
||||
|
||||
<div class="line n27">27</div>
|
||||
|
||||
<div class="line n28">28</div>
|
||||
|
||||
<div class="line n29">29</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="doctype"><!doctype html></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">html</span> <span class="attribute">lang</span>=<span class="value">"en"</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">meta</span> <span class="attribute">charset</span>=<span class="value">"utf-8"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">title</span>></span>blind demo<span class="tag"></<span class="title">title</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">link</span> <span class="attribute">rel</span>=<span class="value">"stylesheet"</span> <span class="attribute">href</span>=<span class="value">"//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">style</span>></span><span class="css"></span></code></div></div><div class="container"><div class="line"><code> <span class="id">#toggle</span> <span class="rules">{</span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">width</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">height</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">background</span>:<span class="value"> <span class="hexcolor">#ccc</span>;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule">}</span></code></div></div><div class="container"><div class="line"><code> <span class="tag"></<span class="title">style</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/jquery-1.10.2.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/ui/1.10.4/jquery-ui.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">p</span>></span>Click anywhere to toggle the box.<span class="tag"></<span class="title">p</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">div</span> <span class="attribute">id</span>=<span class="value">"toggle"</span>></span><span class="tag"></<span class="title">div</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">script</span>></span><span class="javascript"></span></code></div></div><div class="container"><div class="line"><code>$( document ).click(<span class="keyword">function</span>() {</code></div></div><div class="container"><div class="line"><code> $( <span class="string">"#toggle"</span> ).toggle( <span class="string">"blind"</span> );</code></div></div><div class="container"><div class="line"><code>});</code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">html</span>></span></code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h4>Demo:</h4>
|
||||
<div class="demo code-demo" data-height="200"></div>
|
||||
</div></section>
|
||||
</div></article>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
133
htdocs/jquery/development-bundle/docs/bounce-effect.html
Normal file
133
htdocs/jquery/development-bundle/docs/bounce-effect.html
Normal file
|
|
@ -0,0 +1,133 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI bounce-effect documentation</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"
|
||||
}
|
||||
.gutter {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>{
|
||||
"title":
|
||||
"Bounce Effect",
|
||||
"excerpt":
|
||||
"\n\t\tThe bounce effect bounces an element. When used with hide or show, the last or first bounce will also fade in/out.\n\t",
|
||||
"termSlugs": {
|
||||
"category": [
|
||||
"effects"
|
||||
]
|
||||
}
|
||||
}</script><article id="bounce1" class="entry effect"><h2 class="section-title"><span>Bounce Effect</span></h2>
|
||||
<div class="entry-wrapper">
|
||||
<p class="desc"><strong>Description: </strong>
|
||||
The bounce effect bounces an element. When used with hide or show, the last or first bounce will also fade in/out.
|
||||
</p>
|
||||
<ul class="signatures"><li class="signature">
|
||||
<h4 class="name">bounce</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<strong>distance</strong> (default: <code>20</code>)</div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#Number">Number</a>
|
||||
</div>
|
||||
<div>The distance of the largest "bounce" in pixels.</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<strong>times</strong> (default: <code>5</code>)</div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#Integer">Integer</a>
|
||||
</div>
|
||||
<div>The number of times the element will bounce. When used with hide or show, there is an extra "half" bounce for the fade in/out.</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li></ul>
|
||||
<section class="entry-examples" id="entry-examples"><header><h2>Example:</h2></header><div class="entry-example" id="example-0">
|
||||
<h4><span class="desc">Toggle a div using the bounce effect.</span></h4>
|
||||
<div class="syntaxhighlighter xml ">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
<div class="line n6">6</div>
|
||||
|
||||
<div class="line n7">7</div>
|
||||
|
||||
<div class="line n8">8</div>
|
||||
|
||||
<div class="line n9">9</div>
|
||||
|
||||
<div class="line n10">10</div>
|
||||
|
||||
<div class="line n11">11</div>
|
||||
|
||||
<div class="line n12">12</div>
|
||||
|
||||
<div class="line n13">13</div>
|
||||
|
||||
<div class="line n14">14</div>
|
||||
|
||||
<div class="line n15">15</div>
|
||||
|
||||
<div class="line n16">16</div>
|
||||
|
||||
<div class="line n17">17</div>
|
||||
|
||||
<div class="line n18">18</div>
|
||||
|
||||
<div class="line n19">19</div>
|
||||
|
||||
<div class="line n20">20</div>
|
||||
|
||||
<div class="line n21">21</div>
|
||||
|
||||
<div class="line n22">22</div>
|
||||
|
||||
<div class="line n23">23</div>
|
||||
|
||||
<div class="line n24">24</div>
|
||||
|
||||
<div class="line n25">25</div>
|
||||
|
||||
<div class="line n26">26</div>
|
||||
|
||||
<div class="line n27">27</div>
|
||||
|
||||
<div class="line n28">28</div>
|
||||
|
||||
<div class="line n29">29</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="doctype"><!doctype html></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">html</span> <span class="attribute">lang</span>=<span class="value">"en"</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">meta</span> <span class="attribute">charset</span>=<span class="value">"utf-8"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">title</span>></span>bounce demo<span class="tag"></<span class="title">title</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">link</span> <span class="attribute">rel</span>=<span class="value">"stylesheet"</span> <span class="attribute">href</span>=<span class="value">"//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">style</span>></span><span class="css"></span></code></div></div><div class="container"><div class="line"><code> <span class="id">#toggle</span> <span class="rules">{</span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">width</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">height</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">background</span>:<span class="value"> <span class="hexcolor">#ccc</span>;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule">}</span></code></div></div><div class="container"><div class="line"><code> <span class="tag"></<span class="title">style</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/jquery-1.10.2.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/ui/1.10.4/jquery-ui.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">p</span>></span>Click anywhere to toggle the box.<span class="tag"></<span class="title">p</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">div</span> <span class="attribute">id</span>=<span class="value">"toggle"</span>></span><span class="tag"></<span class="title">div</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">script</span>></span><span class="javascript"></span></code></div></div><div class="container"><div class="line"><code>$( document ).click(<span class="keyword">function</span>() {</code></div></div><div class="container"><div class="line"><code> $( <span class="string">"#toggle"</span> ).toggle( <span class="string">"bounce"</span>, { times: <span class="number">3</span> }, <span class="string">"slow"</span> );</code></div></div><div class="container"><div class="line"><code>});</code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">html</span>></span></code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h4>Demo:</h4>
|
||||
<div class="demo code-demo" data-height="200"></div>
|
||||
</div></section>
|
||||
</div></article>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
787
htdocs/jquery/development-bundle/docs/button.html
Normal file
787
htdocs/jquery/development-bundle/docs/button.html
Normal file
File diff suppressed because one or more lines are too long
127
htdocs/jquery/development-bundle/docs/clip-effect.html
Normal file
127
htdocs/jquery/development-bundle/docs/clip-effect.html
Normal file
|
|
@ -0,0 +1,127 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI clip-effect documentation</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"
|
||||
}
|
||||
.gutter {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>{
|
||||
"title":
|
||||
"Clip Effect",
|
||||
"excerpt":
|
||||
"\n\t\tThe clip effect will hide or show an element by clipping the element vertically or horizontally.\n\t",
|
||||
"termSlugs": {
|
||||
"category": [
|
||||
"effects"
|
||||
]
|
||||
}
|
||||
}</script><article id="clip1" class="entry effect"><h2 class="section-title"><span>Clip Effect</span></h2>
|
||||
<div class="entry-wrapper">
|
||||
<p class="desc"><strong>Description: </strong>
|
||||
The clip effect will hide or show an element by clipping the element vertically or horizontally.
|
||||
</p>
|
||||
<ul class="signatures"><li class="signature">
|
||||
<h4 class="name">clip</h4>
|
||||
<ul><li>
|
||||
<div>
|
||||
<strong>direction</strong> (default: <code>"up"</code>)</div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#String">String</a>
|
||||
</div>
|
||||
<div>
|
||||
<p>The plane in which the clip effect will hide or show its element.</p>
|
||||
<p><code>vertical</code> clips the top and bottom edges, while <code>horizontal</code> clips the right and left edges.</p>
|
||||
</div>
|
||||
</li></ul>
|
||||
</li></ul>
|
||||
<section class="entry-examples" id="entry-examples"><header><h2>Example:</h2></header><div class="entry-example" id="example-0">
|
||||
<h4><span class="desc">Toggle a div using the clip effect.</span></h4>
|
||||
<div class="syntaxhighlighter xml ">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
<div class="line n6">6</div>
|
||||
|
||||
<div class="line n7">7</div>
|
||||
|
||||
<div class="line n8">8</div>
|
||||
|
||||
<div class="line n9">9</div>
|
||||
|
||||
<div class="line n10">10</div>
|
||||
|
||||
<div class="line n11">11</div>
|
||||
|
||||
<div class="line n12">12</div>
|
||||
|
||||
<div class="line n13">13</div>
|
||||
|
||||
<div class="line n14">14</div>
|
||||
|
||||
<div class="line n15">15</div>
|
||||
|
||||
<div class="line n16">16</div>
|
||||
|
||||
<div class="line n17">17</div>
|
||||
|
||||
<div class="line n18">18</div>
|
||||
|
||||
<div class="line n19">19</div>
|
||||
|
||||
<div class="line n20">20</div>
|
||||
|
||||
<div class="line n21">21</div>
|
||||
|
||||
<div class="line n22">22</div>
|
||||
|
||||
<div class="line n23">23</div>
|
||||
|
||||
<div class="line n24">24</div>
|
||||
|
||||
<div class="line n25">25</div>
|
||||
|
||||
<div class="line n26">26</div>
|
||||
|
||||
<div class="line n27">27</div>
|
||||
|
||||
<div class="line n28">28</div>
|
||||
|
||||
<div class="line n29">29</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="doctype"><!doctype html></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">html</span> <span class="attribute">lang</span>=<span class="value">"en"</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">meta</span> <span class="attribute">charset</span>=<span class="value">"utf-8"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">title</span>></span>clip demo<span class="tag"></<span class="title">title</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">link</span> <span class="attribute">rel</span>=<span class="value">"stylesheet"</span> <span class="attribute">href</span>=<span class="value">"//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">style</span>></span><span class="css"></span></code></div></div><div class="container"><div class="line"><code> <span class="id">#toggle</span> <span class="rules">{</span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">width</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">height</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">background</span>:<span class="value"> <span class="hexcolor">#ccc</span>;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule">}</span></code></div></div><div class="container"><div class="line"><code> <span class="tag"></<span class="title">style</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/jquery-1.10.2.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/ui/1.10.4/jquery-ui.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">p</span>></span>Click anywhere to toggle the box.<span class="tag"></<span class="title">p</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">div</span> <span class="attribute">id</span>=<span class="value">"toggle"</span>></span><span class="tag"></<span class="title">div</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">script</span>></span><span class="javascript"></span></code></div></div><div class="container"><div class="line"><code>$( document ).click(<span class="keyword">function</span>() {</code></div></div><div class="container"><div class="line"><code> $( <span class="string">"#toggle"</span> ).toggle( <span class="string">"clip"</span> );</code></div></div><div class="container"><div class="line"><code>});</code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">html</span>></span></code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h4>Demo:</h4>
|
||||
<div class="demo code-demo" data-height="200"></div>
|
||||
</div></section>
|
||||
</div></article>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
3374
htdocs/jquery/development-bundle/docs/datepicker.html
Normal file
3374
htdocs/jquery/development-bundle/docs/datepicker.html
Normal file
File diff suppressed because it is too large
Load diff
2476
htdocs/jquery/development-bundle/docs/dialog.html
Normal file
2476
htdocs/jquery/development-bundle/docs/dialog.html
Normal file
File diff suppressed because it is too large
Load diff
2214
htdocs/jquery/development-bundle/docs/draggable.html
Normal file
2214
htdocs/jquery/development-bundle/docs/draggable.html
Normal file
File diff suppressed because it is too large
Load diff
127
htdocs/jquery/development-bundle/docs/drop-effect.html
Normal file
127
htdocs/jquery/development-bundle/docs/drop-effect.html
Normal file
|
|
@ -0,0 +1,127 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI drop-effect documentation</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"
|
||||
}
|
||||
.gutter {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>{
|
||||
"title":
|
||||
"Drop Effect",
|
||||
"excerpt":
|
||||
"\n\t\tThe drop effect hides or shows an element fading in/out and sliding in a direction.\n\t",
|
||||
"termSlugs": {
|
||||
"category": [
|
||||
"effects"
|
||||
]
|
||||
}
|
||||
}</script><article id="drop1" class="entry effect"><h2 class="section-title"><span>Drop Effect</span></h2>
|
||||
<div class="entry-wrapper">
|
||||
<p class="desc"><strong>Description: </strong>
|
||||
The drop effect hides or shows an element fading in/out and sliding in a direction.
|
||||
</p>
|
||||
<ul class="signatures"><li class="signature">
|
||||
<h4 class="name">drop</h4>
|
||||
<ul><li>
|
||||
<div>
|
||||
<strong>direction</strong> (default: <code>"left"</code>)</div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#String">String</a>
|
||||
</div>
|
||||
<div>
|
||||
<p>The direction the element will fall to hide the element, or the direction from which the element will be revealed.</p>
|
||||
<p>Possible Values: <code>up</code>, <code>down</code>, <code>left</code>, <code>right</code>.</p>
|
||||
</div>
|
||||
</li></ul>
|
||||
</li></ul>
|
||||
<section class="entry-examples" id="entry-examples"><header><h2>Example:</h2></header><div class="entry-example" id="example-0">
|
||||
<h4><span class="desc">Toggle a div using the drop effect.</span></h4>
|
||||
<div class="syntaxhighlighter xml ">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
<div class="line n6">6</div>
|
||||
|
||||
<div class="line n7">7</div>
|
||||
|
||||
<div class="line n8">8</div>
|
||||
|
||||
<div class="line n9">9</div>
|
||||
|
||||
<div class="line n10">10</div>
|
||||
|
||||
<div class="line n11">11</div>
|
||||
|
||||
<div class="line n12">12</div>
|
||||
|
||||
<div class="line n13">13</div>
|
||||
|
||||
<div class="line n14">14</div>
|
||||
|
||||
<div class="line n15">15</div>
|
||||
|
||||
<div class="line n16">16</div>
|
||||
|
||||
<div class="line n17">17</div>
|
||||
|
||||
<div class="line n18">18</div>
|
||||
|
||||
<div class="line n19">19</div>
|
||||
|
||||
<div class="line n20">20</div>
|
||||
|
||||
<div class="line n21">21</div>
|
||||
|
||||
<div class="line n22">22</div>
|
||||
|
||||
<div class="line n23">23</div>
|
||||
|
||||
<div class="line n24">24</div>
|
||||
|
||||
<div class="line n25">25</div>
|
||||
|
||||
<div class="line n26">26</div>
|
||||
|
||||
<div class="line n27">27</div>
|
||||
|
||||
<div class="line n28">28</div>
|
||||
|
||||
<div class="line n29">29</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="doctype"><!doctype html></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">html</span> <span class="attribute">lang</span>=<span class="value">"en"</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">meta</span> <span class="attribute">charset</span>=<span class="value">"utf-8"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">title</span>></span>drop demo<span class="tag"></<span class="title">title</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">link</span> <span class="attribute">rel</span>=<span class="value">"stylesheet"</span> <span class="attribute">href</span>=<span class="value">"//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">style</span>></span><span class="css"></span></code></div></div><div class="container"><div class="line"><code> <span class="id">#toggle</span> <span class="rules">{</span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">width</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">height</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">background</span>:<span class="value"> <span class="hexcolor">#ccc</span>;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule">}</span></code></div></div><div class="container"><div class="line"><code> <span class="tag"></<span class="title">style</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/jquery-1.10.2.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/ui/1.10.4/jquery-ui.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">p</span>></span>Click anywhere to toggle the box.<span class="tag"></<span class="title">p</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">div</span> <span class="attribute">id</span>=<span class="value">"toggle"</span>></span><span class="tag"></<span class="title">div</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">script</span>></span><span class="javascript"></span></code></div></div><div class="container"><div class="line"><code>$( document ).click(<span class="keyword">function</span>() {</code></div></div><div class="container"><div class="line"><code> $( <span class="string">"#toggle"</span> ).toggle( <span class="string">"drop"</span> );</code></div></div><div class="container"><div class="line"><code>});</code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">html</span>></span></code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h4>Demo:</h4>
|
||||
<div class="demo code-demo" data-height="200"></div>
|
||||
</div></section>
|
||||
</div></article>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
1324
htdocs/jquery/development-bundle/docs/droppable.html
Normal file
1324
htdocs/jquery/development-bundle/docs/droppable.html
Normal file
File diff suppressed because one or more lines are too long
124
htdocs/jquery/development-bundle/docs/explode-effect.html
Normal file
124
htdocs/jquery/development-bundle/docs/explode-effect.html
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI explode-effect documentation</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"
|
||||
}
|
||||
.gutter {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>{
|
||||
"title":
|
||||
"Explode Effect",
|
||||
"excerpt":
|
||||
"\n\t\tThe explode effect hides or shows an element by splitting it into pieces.\n\t",
|
||||
"termSlugs": {
|
||||
"category": [
|
||||
"effects"
|
||||
]
|
||||
}
|
||||
}</script><article id="explode1" class="entry effect"><h2 class="section-title"><span>Explode Effect</span></h2>
|
||||
<div class="entry-wrapper">
|
||||
<p class="desc"><strong>Description: </strong>
|
||||
The explode effect hides or shows an element by splitting it into pieces.
|
||||
</p>
|
||||
<ul class="signatures"><li class="signature">
|
||||
<h4 class="name">explode</h4>
|
||||
<ul><li>
|
||||
<div>
|
||||
<strong>pieces</strong> (default: <code>9</code>)</div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#Integer">Integer</a>
|
||||
</div>
|
||||
<div>The number of pieces to explode, should be a perfect square, any other values are rounded to the nearest square.</div>
|
||||
</li></ul>
|
||||
</li></ul>
|
||||
<section class="entry-examples" id="entry-examples"><header><h2>Example:</h2></header><div class="entry-example" id="example-0">
|
||||
<h4><span class="desc">Toggle a div using the explode effect.</span></h4>
|
||||
<div class="syntaxhighlighter xml ">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
<div class="line n6">6</div>
|
||||
|
||||
<div class="line n7">7</div>
|
||||
|
||||
<div class="line n8">8</div>
|
||||
|
||||
<div class="line n9">9</div>
|
||||
|
||||
<div class="line n10">10</div>
|
||||
|
||||
<div class="line n11">11</div>
|
||||
|
||||
<div class="line n12">12</div>
|
||||
|
||||
<div class="line n13">13</div>
|
||||
|
||||
<div class="line n14">14</div>
|
||||
|
||||
<div class="line n15">15</div>
|
||||
|
||||
<div class="line n16">16</div>
|
||||
|
||||
<div class="line n17">17</div>
|
||||
|
||||
<div class="line n18">18</div>
|
||||
|
||||
<div class="line n19">19</div>
|
||||
|
||||
<div class="line n20">20</div>
|
||||
|
||||
<div class="line n21">21</div>
|
||||
|
||||
<div class="line n22">22</div>
|
||||
|
||||
<div class="line n23">23</div>
|
||||
|
||||
<div class="line n24">24</div>
|
||||
|
||||
<div class="line n25">25</div>
|
||||
|
||||
<div class="line n26">26</div>
|
||||
|
||||
<div class="line n27">27</div>
|
||||
|
||||
<div class="line n28">28</div>
|
||||
|
||||
<div class="line n29">29</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="doctype"><!doctype html></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">html</span> <span class="attribute">lang</span>=<span class="value">"en"</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">meta</span> <span class="attribute">charset</span>=<span class="value">"utf-8"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">title</span>></span>explode demo<span class="tag"></<span class="title">title</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">link</span> <span class="attribute">rel</span>=<span class="value">"stylesheet"</span> <span class="attribute">href</span>=<span class="value">"//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">style</span>></span><span class="css"></span></code></div></div><div class="container"><div class="line"><code> <span class="id">#toggle</span> <span class="rules">{</span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">width</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">height</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">background</span>:<span class="value"> <span class="hexcolor">#ccc</span>;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule">}</span></code></div></div><div class="container"><div class="line"><code> <span class="tag"></<span class="title">style</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/jquery-1.10.2.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/ui/1.10.4/jquery-ui.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">p</span>></span>Click anywhere to toggle the box.<span class="tag"></<span class="title">p</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">div</span> <span class="attribute">id</span>=<span class="value">"toggle"</span>></span><span class="tag"></<span class="title">div</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">script</span>></span><span class="javascript"></span></code></div></div><div class="container"><div class="line"><code>$( document ).click(<span class="keyword">function</span>() {</code></div></div><div class="container"><div class="line"><code> $( <span class="string">"#toggle"</span> ).toggle( <span class="string">"explode"</span> );</code></div></div><div class="container"><div class="line"><code>});</code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">html</span>></span></code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h4>Demo:</h4>
|
||||
<div class="demo code-demo" data-height="200"></div>
|
||||
</div></section>
|
||||
</div></article>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
115
htdocs/jquery/development-bundle/docs/fade-effect.html
Normal file
115
htdocs/jquery/development-bundle/docs/fade-effect.html
Normal file
|
|
@ -0,0 +1,115 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI fade-effect documentation</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"
|
||||
}
|
||||
.gutter {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>{
|
||||
"title":
|
||||
"Fade Effect",
|
||||
"excerpt":
|
||||
"\n\t\tThe fade effect hides or shows an element by fading it.\n\t",
|
||||
"termSlugs": {
|
||||
"category": [
|
||||
"effects"
|
||||
]
|
||||
}
|
||||
}</script><article id="fade1" class="entry effect"><h2 class="section-title"><span>Fade Effect</span></h2>
|
||||
<div class="entry-wrapper">
|
||||
<p class="desc"><strong>Description: </strong>
|
||||
The fade effect hides or shows an element by fading it.
|
||||
</p>
|
||||
<ul class="signatures"><li class="signature"><h4 class="name">fade</h4></li></ul>
|
||||
<section class="entry-examples" id="entry-examples"><header><h2>Example:</h2></header><div class="entry-example" id="example-0">
|
||||
<h4><span class="desc">Toggle a div using the fade effect.</span></h4>
|
||||
<div class="syntaxhighlighter xml ">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
<div class="line n6">6</div>
|
||||
|
||||
<div class="line n7">7</div>
|
||||
|
||||
<div class="line n8">8</div>
|
||||
|
||||
<div class="line n9">9</div>
|
||||
|
||||
<div class="line n10">10</div>
|
||||
|
||||
<div class="line n11">11</div>
|
||||
|
||||
<div class="line n12">12</div>
|
||||
|
||||
<div class="line n13">13</div>
|
||||
|
||||
<div class="line n14">14</div>
|
||||
|
||||
<div class="line n15">15</div>
|
||||
|
||||
<div class="line n16">16</div>
|
||||
|
||||
<div class="line n17">17</div>
|
||||
|
||||
<div class="line n18">18</div>
|
||||
|
||||
<div class="line n19">19</div>
|
||||
|
||||
<div class="line n20">20</div>
|
||||
|
||||
<div class="line n21">21</div>
|
||||
|
||||
<div class="line n22">22</div>
|
||||
|
||||
<div class="line n23">23</div>
|
||||
|
||||
<div class="line n24">24</div>
|
||||
|
||||
<div class="line n25">25</div>
|
||||
|
||||
<div class="line n26">26</div>
|
||||
|
||||
<div class="line n27">27</div>
|
||||
|
||||
<div class="line n28">28</div>
|
||||
|
||||
<div class="line n29">29</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="doctype"><!doctype html></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">html</span> <span class="attribute">lang</span>=<span class="value">"en"</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">meta</span> <span class="attribute">charset</span>=<span class="value">"utf-8"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">title</span>></span>fade demo<span class="tag"></<span class="title">title</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">link</span> <span class="attribute">rel</span>=<span class="value">"stylesheet"</span> <span class="attribute">href</span>=<span class="value">"//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">style</span>></span><span class="css"></span></code></div></div><div class="container"><div class="line"><code> <span class="id">#toggle</span> <span class="rules">{</span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">width</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">height</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">background</span>:<span class="value"> <span class="hexcolor">#ccc</span>;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule">}</span></code></div></div><div class="container"><div class="line"><code> <span class="tag"></<span class="title">style</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/jquery-1.10.2.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/ui/1.10.4/jquery-ui.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">p</span>></span>Click anywhere to toggle the box.<span class="tag"></<span class="title">p</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">div</span> <span class="attribute">id</span>=<span class="value">"toggle"</span>></span><span class="tag"></<span class="title">div</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">script</span>></span><span class="javascript"></span></code></div></div><div class="container"><div class="line"><code>$( document ).click(<span class="keyword">function</span>() {</code></div></div><div class="container"><div class="line"><code> $( <span class="string">"#toggle"</span> ).toggle( <span class="string">"fade"</span> );</code></div></div><div class="container"><div class="line"><code>});</code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">html</span>></span></code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h4>Demo:</h4>
|
||||
<div class="demo code-demo" data-height="200"></div>
|
||||
</div></section>
|
||||
</div></article>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
133
htdocs/jquery/development-bundle/docs/fold-effect.html
Normal file
133
htdocs/jquery/development-bundle/docs/fold-effect.html
Normal file
|
|
@ -0,0 +1,133 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI fold-effect documentation</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"
|
||||
}
|
||||
.gutter {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>{
|
||||
"title":
|
||||
"Fold Effect",
|
||||
"excerpt":
|
||||
"\n\t\tThe fold effect hides or shows an element by folding it.\n\t",
|
||||
"termSlugs": {
|
||||
"category": [
|
||||
"effects"
|
||||
]
|
||||
}
|
||||
}</script><article id="fold1" class="entry effect"><h2 class="section-title"><span>Fold Effect</span></h2>
|
||||
<div class="entry-wrapper">
|
||||
<p class="desc"><strong>Description: </strong>
|
||||
The fold effect hides or shows an element by folding it.
|
||||
</p>
|
||||
<ul class="signatures"><li class="signature">
|
||||
<h4 class="name">fold</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<strong>size</strong> (default: <code>15</code>)</div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#Number">Number</a> or <a href="http://api.jquery.com/Types/#String">String</a>
|
||||
</div>
|
||||
<div>The size of the "folded" element.</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<strong>horizFirst</strong> (default: <code>false</code>)</div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#Boolean">Boolean</a>
|
||||
</div>
|
||||
<div>Whether the horizontal direction happens first when hiding. Remember, showing inverts hiding.</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li></ul>
|
||||
<section class="entry-examples" id="entry-examples"><header><h2>Example:</h2></header><div class="entry-example" id="example-0">
|
||||
<h4><span class="desc">Toggle a div using the fold effect.</span></h4>
|
||||
<div class="syntaxhighlighter xml ">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
<div class="line n6">6</div>
|
||||
|
||||
<div class="line n7">7</div>
|
||||
|
||||
<div class="line n8">8</div>
|
||||
|
||||
<div class="line n9">9</div>
|
||||
|
||||
<div class="line n10">10</div>
|
||||
|
||||
<div class="line n11">11</div>
|
||||
|
||||
<div class="line n12">12</div>
|
||||
|
||||
<div class="line n13">13</div>
|
||||
|
||||
<div class="line n14">14</div>
|
||||
|
||||
<div class="line n15">15</div>
|
||||
|
||||
<div class="line n16">16</div>
|
||||
|
||||
<div class="line n17">17</div>
|
||||
|
||||
<div class="line n18">18</div>
|
||||
|
||||
<div class="line n19">19</div>
|
||||
|
||||
<div class="line n20">20</div>
|
||||
|
||||
<div class="line n21">21</div>
|
||||
|
||||
<div class="line n22">22</div>
|
||||
|
||||
<div class="line n23">23</div>
|
||||
|
||||
<div class="line n24">24</div>
|
||||
|
||||
<div class="line n25">25</div>
|
||||
|
||||
<div class="line n26">26</div>
|
||||
|
||||
<div class="line n27">27</div>
|
||||
|
||||
<div class="line n28">28</div>
|
||||
|
||||
<div class="line n29">29</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="doctype"><!doctype html></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">html</span> <span class="attribute">lang</span>=<span class="value">"en"</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">meta</span> <span class="attribute">charset</span>=<span class="value">"utf-8"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">title</span>></span>fold demo<span class="tag"></<span class="title">title</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">link</span> <span class="attribute">rel</span>=<span class="value">"stylesheet"</span> <span class="attribute">href</span>=<span class="value">"//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">style</span>></span><span class="css"></span></code></div></div><div class="container"><div class="line"><code> <span class="id">#toggle</span> <span class="rules">{</span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">width</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">height</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">background</span>:<span class="value"> <span class="hexcolor">#ccc</span>;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule">}</span></code></div></div><div class="container"><div class="line"><code> <span class="tag"></<span class="title">style</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/jquery-1.10.2.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/ui/1.10.4/jquery-ui.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">p</span>></span>Click anywhere to toggle the box.<span class="tag"></<span class="title">p</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">div</span> <span class="attribute">id</span>=<span class="value">"toggle"</span>></span><span class="tag"></<span class="title">div</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">script</span>></span><span class="javascript"></span></code></div></div><div class="container"><div class="line"><code>$( document ).click(<span class="keyword">function</span>() {</code></div></div><div class="container"><div class="line"><code> $( <span class="string">"#toggle"</span> ).toggle( <span class="string">"fold"</span> );</code></div></div><div class="container"><div class="line"><code>});</code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">html</span>></span></code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h4>Demo:</h4>
|
||||
<div class="demo code-demo" data-height="200"></div>
|
||||
</div></section>
|
||||
</div></article>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
124
htdocs/jquery/development-bundle/docs/highlight-effect.html
Normal file
124
htdocs/jquery/development-bundle/docs/highlight-effect.html
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI highlight-effect documentation</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"
|
||||
}
|
||||
.gutter {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>{
|
||||
"title":
|
||||
"Highlight Effect",
|
||||
"excerpt":
|
||||
"\n\t\tThe highlight effect hides or shows an element by animating its background color first.\n\t",
|
||||
"termSlugs": {
|
||||
"category": [
|
||||
"effects"
|
||||
]
|
||||
}
|
||||
}</script><article id="highlight1" class="entry effect"><h2 class="section-title"><span>Highlight Effect</span></h2>
|
||||
<div class="entry-wrapper">
|
||||
<p class="desc"><strong>Description: </strong>
|
||||
The highlight effect hides or shows an element by animating its background color first.
|
||||
</p>
|
||||
<ul class="signatures"><li class="signature">
|
||||
<h4 class="name">highlight</h4>
|
||||
<ul><li>
|
||||
<div>
|
||||
<strong>color</strong> (default: <code>"#ffff99"</code>)</div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#String">String</a>
|
||||
</div>
|
||||
<div>The background color used during the animation.</div>
|
||||
</li></ul>
|
||||
</li></ul>
|
||||
<section class="entry-examples" id="entry-examples"><header><h2>Example:</h2></header><div class="entry-example" id="example-0">
|
||||
<h4><span class="desc">Toggle a div using the highlight effect.</span></h4>
|
||||
<div class="syntaxhighlighter xml ">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
<div class="line n6">6</div>
|
||||
|
||||
<div class="line n7">7</div>
|
||||
|
||||
<div class="line n8">8</div>
|
||||
|
||||
<div class="line n9">9</div>
|
||||
|
||||
<div class="line n10">10</div>
|
||||
|
||||
<div class="line n11">11</div>
|
||||
|
||||
<div class="line n12">12</div>
|
||||
|
||||
<div class="line n13">13</div>
|
||||
|
||||
<div class="line n14">14</div>
|
||||
|
||||
<div class="line n15">15</div>
|
||||
|
||||
<div class="line n16">16</div>
|
||||
|
||||
<div class="line n17">17</div>
|
||||
|
||||
<div class="line n18">18</div>
|
||||
|
||||
<div class="line n19">19</div>
|
||||
|
||||
<div class="line n20">20</div>
|
||||
|
||||
<div class="line n21">21</div>
|
||||
|
||||
<div class="line n22">22</div>
|
||||
|
||||
<div class="line n23">23</div>
|
||||
|
||||
<div class="line n24">24</div>
|
||||
|
||||
<div class="line n25">25</div>
|
||||
|
||||
<div class="line n26">26</div>
|
||||
|
||||
<div class="line n27">27</div>
|
||||
|
||||
<div class="line n28">28</div>
|
||||
|
||||
<div class="line n29">29</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="doctype"><!doctype html></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">html</span> <span class="attribute">lang</span>=<span class="value">"en"</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">meta</span> <span class="attribute">charset</span>=<span class="value">"utf-8"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">title</span>></span>highlight demo<span class="tag"></<span class="title">title</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">link</span> <span class="attribute">rel</span>=<span class="value">"stylesheet"</span> <span class="attribute">href</span>=<span class="value">"//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">style</span>></span><span class="css"></span></code></div></div><div class="container"><div class="line"><code> <span class="id">#toggle</span> <span class="rules">{</span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">width</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">height</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">background</span>:<span class="value"> <span class="hexcolor">#ccc</span>;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule">}</span></code></div></div><div class="container"><div class="line"><code> <span class="tag"></<span class="title">style</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/jquery-1.10.2.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/ui/1.10.4/jquery-ui.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">p</span>></span>Click anywhere to toggle the box.<span class="tag"></<span class="title">p</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">div</span> <span class="attribute">id</span>=<span class="value">"toggle"</span>></span><span class="tag"></<span class="title">div</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">script</span>></span><span class="javascript"></span></code></div></div><div class="container"><div class="line"><code>$( document ).click(<span class="keyword">function</span>() {</code></div></div><div class="container"><div class="line"><code> $( <span class="string">"#toggle"</span> ).toggle( <span class="string">"highlight"</span> );</code></div></div><div class="container"><div class="line"><code>});</code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">html</span>></span></code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h4>Demo:</h4>
|
||||
<div class="demo code-demo" data-height="200"></div>
|
||||
</div></section>
|
||||
</div></article>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
145
htdocs/jquery/development-bundle/docs/jQuery.widget.bridge.html
Normal file
145
htdocs/jquery/development-bundle/docs/jQuery.widget.bridge.html
Normal file
|
|
@ -0,0 +1,145 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI jQuery documentation</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"
|
||||
}
|
||||
.gutter {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>{
|
||||
"title":
|
||||
"Widget Plugin Bridge",
|
||||
"excerpt":
|
||||
"Part of the jQuery Widget Factory is the jQuery.widget.bridge() method. This acts as the middleman between the object created by $.widget() and the jQuery API.",
|
||||
"termSlugs": {
|
||||
"category": [
|
||||
"utilities","widgets"
|
||||
]
|
||||
}
|
||||
}</script><article id="jQuery-widget-bridge1" class="entry method"><h2 class="section-title"><span class="name">jQuery.widget.bridge( name, constructor )</span></h2>
|
||||
<div class="entry-wrapper">
|
||||
<p class="desc"><strong>Description: </strong>Part of the <a href="/jQuery.widget/">jQuery Widget Factory</a> is the <code>jQuery.widget.bridge()</code> method. This acts as the middleman between the object created by <code>$.widget()</code> and the jQuery API.</p>
|
||||
<ul class="signatures"><li class="signature">
|
||||
<h4 class="name"><a id="jQuery-widget-bridge-name-constructor" href="#jQuery-widget-bridge-name-constructor"><span class="icon-link"></span>jQuery.widget.bridge( name, constructor )</a></h4>
|
||||
<ul>
|
||||
<li>
|
||||
<div><strong>name</strong></div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#String">String</a>
|
||||
</div>
|
||||
<div>The name of the plugin to create.</div>
|
||||
</li>
|
||||
<li>
|
||||
<div><strong>constructor</strong></div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#Function">Function</a>()</div>
|
||||
<div>The object to instantiate when the plugin is invoked.</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li></ul>
|
||||
<div class="longdesc" id="entry-longdesc">
|
||||
<p><code>$.widget.bridge()</code> does a few things:</p>
|
||||
<ul>
|
||||
<li>Connects a regular JavaScript constructor to the jQuery API.</li>
|
||||
<li>Automatically creates instances of said object and stores it within the element's <code>$.data</code> cache.</li>
|
||||
<li>Allows calls to public methods.</li>
|
||||
<li>Prevents calls to private methods.</li>
|
||||
<li>Prevents method calls on uninitialized objects.</li>
|
||||
<li>Protects against multiple initializations.</li>
|
||||
</ul>
|
||||
<p>jQuery UI widgets are created using <code>$.widget( "foo.bar", {} );</code> syntax to define an object from which instances will be created. Given a DOM structure with five <code>.foo</code>'s, <code>$( ".foo" ).bar();</code> will create five instances of your "bar" object. <code>$.widget.bridge()</code> works inside the factory by taking your base "bar" object and giving it a public API. Therefore, you can create instances by writing <code>$( ".foo" ).bar()</code>, and call methods by writing <code>$( ".foo" ).bar( "baz" )</code>.</p>
|
||||
<p>If all you want is one-time initialization and calling methods, your object passed to <code>jQuery.widget.bridge()</code> can be very minimal:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
<div class="line n6">6</div>
|
||||
|
||||
<div class="line n7">7</div>
|
||||
|
||||
<div class="line n8">8</div>
|
||||
|
||||
<div class="line n9">9</div>
|
||||
|
||||
<div class="line n10">10</div>
|
||||
|
||||
<div class="line n11">11</div>
|
||||
|
||||
<div class="line n12">12</div>
|
||||
|
||||
<div class="line n13">13</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="keyword">var</span> Highlighter = <span class="keyword">function</span>( options, element ) {</code></div></div><div class="container"><div class="line"><code> <span class="keyword">this</span>.options = options;</code></div></div><div class="container"><div class="line"><code> <span class="keyword">this</span>.element = $( element );</code></div></div><div class="container"><div class="line"><code> <span class="keyword">this</span>._set( <span class="number">800</span> );</code></div></div><div class="container"><div class="line"><code>};</code></div></div><div class="container"><div class="line"><code>Highlighter.prototype = {</code></div></div><div class="container"><div class="line"><code> toggle: <span class="keyword">function</span>() {</code></div></div><div class="container"><div class="line"><code> <span class="keyword">this</span>._set( <span class="keyword">this</span>.element.css( <span class="string">"font-weight"</span>) === <span class="number">400</span> ? <span class="number">800</span> : <span class="number">400</span> );</code></div></div><div class="container"><div class="line"><code> },</code></div></div><div class="container"><div class="line"><code> _set: <span class="keyword">function</span>(value) {</code></div></div><div class="container"><div class="line"><code> <span class="keyword">this</span>.element.css( <span class="string">"font-weight"</span>, value );</code></div></div><div class="container"><div class="line"><code> }</code></div></div><div class="container"><div class="line"><code>};</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p>All you need here is a function that acts as the constructor, accepting two arguments:</p>
|
||||
<ul>
|
||||
<li>
|
||||
<code>options</code>: an object of configuration options</li>
|
||||
<li>
|
||||
<code>element</code>: the DOM element this instance was created on</li>
|
||||
</ul>
|
||||
<p>You can then hook this object up as a jQuery plugin using the bridge and use it on any jQuery object:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
<div class="line n6">6</div>
|
||||
|
||||
<div class="line n7">7</div>
|
||||
|
||||
<div class="line n8">8</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="comment">// Hook up the plugin</span></code></div></div><div class="container"><div class="line"><code>$.widget.bridge( <span class="string">"colorToggle"</span>, Highlighter );</code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="comment">// Initialize it on divs</span></code></div></div><div class="container"><div class="line"><code>$( <span class="string">"div"</span> ).colorToggle().click(<span class="keyword">function</span>() {</code></div></div><div class="container"><div class="line"><code> <span class="comment">// Call the public method on click</span></code></div></div><div class="container"><div class="line"><code> $( <span class="keyword">this</span> ).colorToggle( <span class="string">"toggle"</span> );</code></div></div><div class="container"><div class="line"><code>});</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p>To use all the features of the bridge, your object also needs to have an <code>_init()</code> method on the prototype. This will get called whenever the plugin is invoked while an instance already exists. In that case you also need to have an <code>option()</code> method. This will be invoked with the options as the first argument. If there were none, the argument will be an empty object. For a proper implementation of the <code>option</code> method, check out the implementation of <a href="/jQuery.widget/#jQuery-Widget2"><code>$.Widget</code></a>.</p>
|
||||
<p>There is one optional property the bridge will use, if present: If your object's prototype has a <code>widgetFullName</code> property, this will be used as the key for storing and retrieving the instance. Otherwise, the name argument will be used.</p>
|
||||
</div>
|
||||
</div></article>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
1750
htdocs/jquery/development-bundle/docs/jQuery.widget.html
Normal file
1750
htdocs/jquery/development-bundle/docs/jQuery.widget.html
Normal file
File diff suppressed because it is too large
Load diff
1535
htdocs/jquery/development-bundle/docs/menu.html
Normal file
1535
htdocs/jquery/development-bundle/docs/menu.html
Normal file
File diff suppressed because one or more lines are too long
525
htdocs/jquery/development-bundle/docs/mouse.html
Normal file
525
htdocs/jquery/development-bundle/docs/mouse.html
Normal file
|
|
@ -0,0 +1,525 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI mouse documentation</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"
|
||||
}
|
||||
.gutter {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>{
|
||||
"title":
|
||||
"Mouse Interaction",
|
||||
"excerpt":
|
||||
"The base interaction layer.",
|
||||
"termSlugs": {
|
||||
"category": [
|
||||
"utilities","interactions"
|
||||
]
|
||||
}
|
||||
}</script><article id="mouse1" class="entry widget"><h2 class="section-title"><span>Mouse Interaction</span></h2>
|
||||
<div class="entry-wrapper">
|
||||
<p class="desc"><strong>Description: </strong>The base interaction layer.</p>
|
||||
<section id="quick-nav"><header><h2>QuickNav</h2></header><div class="quick-nav-section">
|
||||
<h3>Options</h3>
|
||||
<div><a href="#option-cancel">cancel</a></div>
|
||||
<div><a href="#option-delay">delay</a></div>
|
||||
<div><a href="#option-distance">distance</a></div>
|
||||
</div>
|
||||
<div class="quick-nav-section">
|
||||
<h3>Methods</h3>
|
||||
<div><a href="#method-_mouseCapture">_mouseCapture</a></div>
|
||||
<div><a href="#method-_mouseDelayMet">_mouseDelayMet</a></div>
|
||||
<div><a href="#method-_mouseDestroy">_mouseDestroy</a></div>
|
||||
<div><a href="#method-_mouseDistanceMet">_mouseDistanceMet</a></div>
|
||||
<div><a href="#method-_mouseDown">_mouseDown</a></div>
|
||||
<div><a href="#method-_mouseDrag">_mouseDrag</a></div>
|
||||
<div><a href="#method-_mouseInit">_mouseInit</a></div>
|
||||
<div><a href="#method-_mouseMove">_mouseMove</a></div>
|
||||
<div><a href="#method-_mouseStart">_mouseStart</a></div>
|
||||
<div><a href="#method-_mouseStop">_mouseStop</a></div>
|
||||
<div><a href="#method-_mouseUp">_mouseUp</a></div>
|
||||
</div>
|
||||
<div class="quick-nav-section"><h3>Events</h3></div></section><div class="longdesc" id="entry-longdesc">
|
||||
<p>Similar to <a href="/jQuery.Widget#jQuery-Widget2"><code>jQuery.Widget</code></a>, the mouse interaction is not intended to be used directly. It is purely a base layer for other widgets to inherit from. This page only documents what is added to <code>jQuery.Widget</code>, but it does include internal methods that are not intended to be overwritten. The intended public API is <a href="#method-_mouseStart"><code>_mouseStart()</code></a>, <a href="#method-_mouseDrag"><code>_mouseDrag()</code></a>, <a href="#method-_mouseStop"><code>_mouseStop()</code></a>, and <a href="#method-_mouseCapture"><code>_mouseCapture()</code></a>.</p>
|
||||
|
||||
<h3>Dependencies</h3>
|
||||
<ul>
|
||||
<li><a href="/jQuery.widget/">Widget Factory</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<section id="options"><header><h2>Options</h2></header><div id="option-cancel" class="api-item first-item">
|
||||
<h3>cancel<span class="option-type"><strong>Type: </strong><a href="http://api.jquery.com/Types/#Selector">Selector</a></span>
|
||||
</h3>
|
||||
<div class="default">
|
||||
<strong>Default: </strong><code>"input,textarea,button,select,option"</code>
|
||||
</div>
|
||||
<div>Prevents interactions from starting on specified elements.</div>
|
||||
<strong>Code examples:</strong><p>Initialize the mouse with the <code>cancel</code> option specified:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).mouse({ cancel: <span class="string">".title"</span> });</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p>Get or set the <code>cancel</code> option, after initialization:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="comment">// getter</span></code></div></div><div class="container"><div class="line"><code><span class="keyword">var</span> cancel = $( <span class="string">".selector"</span> ).mouse( <span class="string">"option"</span>, <span class="string">"cancel"</span> );</code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="comment">// setter</span></code></div></div><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).mouse( <span class="string">"option"</span>, <span class="string">"cancel"</span>, <span class="string">".title"</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="option-delay" class="api-item">
|
||||
<h3>delay<span class="option-type"><strong>Type: </strong><a href="http://api.jquery.com/Types/#Number">Number</a></span>
|
||||
</h3>
|
||||
<div class="default">
|
||||
<strong>Default: </strong><code>0</code>
|
||||
</div>
|
||||
<div>Time in milliseconds after mousedown until the interaction should start. This option can be used to prevent unwanted interactions when clicking on an element.</div>
|
||||
<strong>Code examples:</strong><p>Initialize the mouse with the <code>delay</code> option specified:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).mouse({ delay: <span class="number">300</span> });</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p>Get or set the <code>delay</code> option, after initialization:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="comment">// getter</span></code></div></div><div class="container"><div class="line"><code><span class="keyword">var</span> delay = $( <span class="string">".selector"</span> ).mouse( <span class="string">"option"</span>, <span class="string">"delay"</span> );</code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="comment">// setter</span></code></div></div><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).mouse( <span class="string">"option"</span>, <span class="string">"delay"</span>, <span class="number">300</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="option-distance" class="api-item">
|
||||
<h3>distance<span class="option-type"><strong>Type: </strong><a href="http://api.jquery.com/Types/#Number">Number</a></span>
|
||||
</h3>
|
||||
<div class="default">
|
||||
<strong>Default: </strong><code>1</code>
|
||||
</div>
|
||||
<div>Distance in pixels after mousedown the mouse must move before the interaction should start. This option can be used to prevent unwanted interactions when clicking on an element.</div>
|
||||
<strong>Code examples:</strong><p>Initialize the mouse with the <code>distance</code> option specified:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).mouse({ distance: <span class="number">10</span> });</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p>Get or set the <code>distance</code> option, after initialization:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="comment">// getter</span></code></div></div><div class="container"><div class="line"><code><span class="keyword">var</span> distance = $( <span class="string">".selector"</span> ).mouse( <span class="string">"option"</span>, <span class="string">"distance"</span> );</code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="comment">// setter</span></code></div></div><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).mouse( <span class="string">"option"</span>, <span class="string">"distance"</span>, <span class="number">10</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div></section><section id="methods"><header><h2>Methods</h2></header><div id="method-_mouseCapture"><div class="api-item first-item">
|
||||
<h3>_mouseCapture()<span class="returns">Returns: <a href="http://api.jquery.com/Types/#Boolean">Boolean</a></span>
|
||||
</h3>
|
||||
<div>
|
||||
Determines whether an interaction should start based on event target of the interaction. The default implementation always returns <code>true</code>.
|
||||
</div>
|
||||
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Invoke the _mouseCapture method:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).mouse( <span class="string">"_mouseCapture"</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
<div id="method-_mouseDelayMet"><div class="api-item">
|
||||
<h3>_mouseDelayMet()<span class="returns">Returns: <a href="http://api.jquery.com/Types/#Boolean">Boolean</a></span>
|
||||
</h3>
|
||||
<div>
|
||||
Determines whether the <a href="#option-delay"><code>delay</code></a> option has been met for the current interaction.
|
||||
</div>
|
||||
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Invoke the _mouseDelayMet method:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).mouse( <span class="string">"_mouseDelayMet"</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
<div id="method-_mouseDestroy"><div class="api-item">
|
||||
<h3>_mouseDestroy()<span class="returns">Returns: <a href="http://api.jquery.com/Types/#jQuery">jQuery</a> (<a href="http://learn.jquery.com/jquery-ui/widget-factory/widget-method-invocation/">plugin only</a>)</span>
|
||||
</h3>
|
||||
<div>
|
||||
Destroys the interaction event handlers. This must be called from the extending widget's <code>_destroy()</code> method.
|
||||
</div>
|
||||
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Invoke the _mouseDestroy method:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).mouse( <span class="string">"_mouseDestroy"</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
<div id="method-_mouseDistanceMet"><div class="api-item">
|
||||
<h3>_mouseDistanceMet()<span class="returns">Returns: <a href="http://api.jquery.com/Types/#Boolean">Boolean</a></span>
|
||||
</h3>
|
||||
<div>
|
||||
Determines whether the <a href="#option-distance"><code>distance</code></a> option has been met for the current interaction.
|
||||
</div>
|
||||
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Invoke the _mouseDistanceMet method:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).mouse( <span class="string">"_mouseDistanceMet"</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
<div id="method-_mouseDown"><div class="api-item">
|
||||
<h3>_mouseDown()<span class="returns">Returns: <a href="http://api.jquery.com/Types/#jQuery">jQuery</a> (<a href="http://learn.jquery.com/jquery-ui/widget-factory/widget-method-invocation/">plugin only</a>)</span>
|
||||
</h3>
|
||||
<div>
|
||||
Handles the beginning of an interaction. Verifies that the event is associated with the primary mouse button and ensures that the <a href="#option-delay"><code>delay</code></a> and <a href="#option-distance"><code>distance</code></a> options are met prior to starting the interaction. When the interaction is ready to start, invokes the <a href="#method-_mouseStart"><code>_mouseStart()</code></a> method for the extending widget to handle.
|
||||
</div>
|
||||
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Invoke the _mouseDown method:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).mouse( <span class="string">"_mouseDown"</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
<div id="method-_mouseDrag"><div class="api-item">
|
||||
<h3>_mouseDrag()<span class="returns">Returns: <a href="http://api.jquery.com/Types/#jQuery">jQuery</a> (<a href="http://learn.jquery.com/jquery-ui/widget-factory/widget-method-invocation/">plugin only</a>)</span>
|
||||
</h3>
|
||||
<div>
|
||||
The extending widget should implement a <code>_mouseDrag()</code> method to handle each movement of an interaction. This method will receive the mouse event associated with the movement.
|
||||
</div>
|
||||
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Invoke the _mouseDrag method:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).mouse( <span class="string">"_mouseDrag"</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
<div id="method-_mouseInit"><div class="api-item">
|
||||
<h3>_mouseInit()<span class="returns">Returns: <a href="http://api.jquery.com/Types/#jQuery">jQuery</a> (<a href="http://learn.jquery.com/jquery-ui/widget-factory/widget-method-invocation/">plugin only</a>)</span>
|
||||
</h3>
|
||||
<div>
|
||||
Initializes the interaction event handlers. This must be called from the extending widget's <code>_create()</code> method.
|
||||
</div>
|
||||
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Invoke the _mouseInit method:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).mouse( <span class="string">"_mouseInit"</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
<div id="method-_mouseMove"><div class="api-item">
|
||||
<h3>_mouseMove()<span class="returns">Returns: <a href="http://api.jquery.com/Types/#jQuery">jQuery</a> (<a href="http://learn.jquery.com/jquery-ui/widget-factory/widget-method-invocation/">plugin only</a>)</span>
|
||||
</h3>
|
||||
<div>
|
||||
Handles each movement of the interaction. Invokes the <a href="#method-_mouseDrag"><code>mouseDrag()</code></a> method for the extending widget to handle.
|
||||
</div>
|
||||
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Invoke the _mouseMove method:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).mouse( <span class="string">"_mouseMove"</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
<div id="method-_mouseStart"><div class="api-item">
|
||||
<h3>_mouseStart()<span class="returns">Returns: <a href="http://api.jquery.com/Types/#jQuery">jQuery</a> (<a href="http://learn.jquery.com/jquery-ui/widget-factory/widget-method-invocation/">plugin only</a>)</span>
|
||||
</h3>
|
||||
<div>
|
||||
The extending widget should implement a <code>_mouseStart()</code> method to handle the beginning of an interaction. This method will receive the mouse event associated with the start of the interaction.
|
||||
</div>
|
||||
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Invoke the _mouseStart method:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).mouse( <span class="string">"_mouseStart"</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
<div id="method-_mouseStop"><div class="api-item">
|
||||
<h3>_mouseStop()<span class="returns">Returns: <a href="http://api.jquery.com/Types/#jQuery">jQuery</a> (<a href="http://learn.jquery.com/jquery-ui/widget-factory/widget-method-invocation/">plugin only</a>)</span>
|
||||
</h3>
|
||||
<div>
|
||||
The extending widget should implement a <code>_mouseStop()</code> method to handle the end of an interaction. This method will receive the mouse event associated with the end of the interaction.
|
||||
</div>
|
||||
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Invoke the _mouseStop method:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).mouse( <span class="string">"_mouseStop"</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
<div id="method-_mouseUp"><div class="api-item">
|
||||
<h3>_mouseUp()<span class="returns">Returns: <a href="http://api.jquery.com/Types/#jQuery">jQuery</a> (<a href="http://learn.jquery.com/jquery-ui/widget-factory/widget-method-invocation/">plugin only</a>)</span>
|
||||
</h3>
|
||||
<div>
|
||||
Handles the end of the interaction. Invokes the <a href="#method-_mouseStop"><code>mouseStop()</code></a> method for the extending widget to handle.
|
||||
</div>
|
||||
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Invoke the _mouseUp method:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).mouse( <span class="string">"_mouseUp"</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div></div></section>
|
||||
</div></article>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
242
htdocs/jquery/development-bundle/docs/position.html
Normal file
242
htdocs/jquery/development-bundle/docs/position.html
Normal file
File diff suppressed because one or more lines are too long
873
htdocs/jquery/development-bundle/docs/progressbar.html
Normal file
873
htdocs/jquery/development-bundle/docs/progressbar.html
Normal file
|
|
@ -0,0 +1,873 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI progressbar documentation</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"
|
||||
}
|
||||
.gutter {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>{
|
||||
"title":
|
||||
"Progressbar Widget",
|
||||
"excerpt":
|
||||
"Display status of a determinate or indeterminate process.",
|
||||
"termSlugs": {
|
||||
"category": [
|
||||
"widgets"
|
||||
]
|
||||
}
|
||||
}</script><article id="progressbar1" class="entry widget"><h2 class="section-title">
|
||||
<span>Progressbar Widget</span><span class="version-details">version added: 1.6</span>
|
||||
</h2>
|
||||
<div class="entry-wrapper">
|
||||
<p class="desc"><strong>Description: </strong>Display status of a determinate or indeterminate process.</p>
|
||||
<section id="quick-nav"><header><h2>QuickNav<a href="#entry-examples">Examples</a>
|
||||
</h2></header><div class="quick-nav-section">
|
||||
<h3>Options</h3>
|
||||
<div><a href="#option-disabled">disabled</a></div>
|
||||
<div><a href="#option-max">max</a></div>
|
||||
<div><a href="#option-value">value</a></div>
|
||||
</div>
|
||||
<div class="quick-nav-section">
|
||||
<h3>Methods</h3>
|
||||
<div><a href="#method-destroy">destroy</a></div>
|
||||
<div><a href="#method-disable">disable</a></div>
|
||||
<div><a href="#method-enable">enable</a></div>
|
||||
<div><a href="#method-option">option</a></div>
|
||||
<div><a href="#method-value">value</a></div>
|
||||
<div><a href="#method-widget">widget</a></div>
|
||||
</div>
|
||||
<div class="quick-nav-section">
|
||||
<h3>Events</h3>
|
||||
<div><a href="#event-change">change</a></div>
|
||||
<div><a href="#event-complete">complete</a></div>
|
||||
<div><a href="#event-create">create</a></div>
|
||||
</div></section><div class="longdesc" id="entry-longdesc">
|
||||
<p>
|
||||
The progress bar is designed to display the current percent complete for a process. The bar is coded to be flexibly sized through CSS and will scale to fit inside its parent container by default.
|
||||
</p>
|
||||
<p>
|
||||
A determinate progress bar should only be used in situations where the system can accurately update the current status. A determinate progress bar should never fill from left to right, then loop back to empty for a single process — if the actual status cannot be calculated, an indeterminate progress bar should be used to provide user feedback.
|
||||
</p>
|
||||
|
||||
<div>
|
||||
<h3 id="theming">Theming</h3>
|
||||
|
||||
<p>The progressbar widget uses the <a href="/theming/css-framework/">jQuery UI CSS framework</a> to style its look and feel. If progressbar specific styling is needed, the following CSS class names can be used:</p>
|
||||
</div>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<code>ui-progressbar</code>: The outer container of the progressbar. This element will additionally have a class of <code>ui-progressbar-indeterminate</code> for indeterminate progressbars.
|
||||
<ul>
|
||||
<li>
|
||||
<code>ui-progressbar-value</code>: The element that represents the filled portion of the progressbar.
|
||||
<ul>
|
||||
<li>
|
||||
<code>ui-progressbar-overlay</code>: Overlay used to display an animation for indeterminate progressbars.</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3>Dependencies</h3>
|
||||
<ul>
|
||||
<li><a href="/category/ui-core/">UI Core</a></li>
|
||||
<li><a href="/jQuery.widget/">Widget Factory</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<h3>Additional Notes:</h3>
|
||||
<div class="longdesc"><ul><li>
|
||||
This widget requires some functional CSS, otherwise it won't work. If you build a custom theme, use the widget's specific CSS file as a starting point.
|
||||
</li></ul></div>
|
||||
<section id="options"><header><h2>Options</h2></header><div id="option-disabled" class="api-item first-item">
|
||||
<h3>disabled<span class="option-type"><strong>Type: </strong><a href="http://api.jquery.com/Types/#Boolean">Boolean</a></span>
|
||||
</h3>
|
||||
<div class="default">
|
||||
<strong>Default: </strong><code>false</code>
|
||||
</div>
|
||||
<div>Disables the progressbar if set to <code>true</code>.</div>
|
||||
<strong>Code examples:</strong><p>Initialize the progressbar with the <code>disabled</code> option specified:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).progressbar({ disabled: <span class="literal">true</span> });</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p>Get or set the <code>disabled</code> option, after initialization:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="comment">// getter</span></code></div></div><div class="container"><div class="line"><code><span class="keyword">var</span> disabled = $( <span class="string">".selector"</span> ).progressbar( <span class="string">"option"</span>, <span class="string">"disabled"</span> );</code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="comment">// setter</span></code></div></div><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).progressbar( <span class="string">"option"</span>, <span class="string">"disabled"</span>, <span class="literal">true</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="option-max" class="api-item">
|
||||
<h3>max<span class="option-type"><strong>Type: </strong><a href="http://api.jquery.com/Types/#Number">Number</a></span>
|
||||
</h3>
|
||||
<div class="default">
|
||||
<strong>Default: </strong><code>100</code>
|
||||
</div>
|
||||
<div>The maximum value of the progressbar.</div>
|
||||
<strong>Code examples:</strong><p>Initialize the progressbar with the <code>max</code> option specified:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).progressbar({ max: <span class="number">1024</span> });</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p>Get or set the <code>max</code> option, after initialization:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="comment">// getter</span></code></div></div><div class="container"><div class="line"><code><span class="keyword">var</span> max = $( <span class="string">".selector"</span> ).progressbar( <span class="string">"option"</span>, <span class="string">"max"</span> );</code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="comment">// setter</span></code></div></div><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).progressbar( <span class="string">"option"</span>, <span class="string">"max"</span>, <span class="number">1024</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="option-value" class="api-item">
|
||||
<h3>value<span class="option-type"><strong>Type: </strong><a href="http://api.jquery.com/Types/#Number">Number</a> or <a href="http://api.jquery.com/Types/#Boolean">Boolean</a></span>
|
||||
</h3>
|
||||
<div class="default">
|
||||
<strong>Default: </strong><code>0</code>
|
||||
</div>
|
||||
<div>The value of the progressbar.</div>
|
||||
<strong>Multiple types supported:</strong><ul>
|
||||
<li>
|
||||
<strong>Number</strong>:
|
||||
A value between <code>0</code> and the <a href="#option-max"><code>max</code></a>.
|
||||
</li>
|
||||
<li>
|
||||
<strong>Boolean</strong>:
|
||||
Value can be set to <code>false</code> to create an indeterminate progressbar.
|
||||
</li>
|
||||
</ul>
|
||||
<strong>Code examples:</strong><p>Initialize the progressbar with the <code>value</code> option specified:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).progressbar({ value: <span class="number">25</span> });</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p>Get or set the <code>value</code> option, after initialization:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="comment">// getter</span></code></div></div><div class="container"><div class="line"><code><span class="keyword">var</span> value = $( <span class="string">".selector"</span> ).progressbar( <span class="string">"option"</span>, <span class="string">"value"</span> );</code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="comment">// setter</span></code></div></div><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).progressbar( <span class="string">"option"</span>, <span class="string">"value"</span>, <span class="number">25</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div></section><section id="methods"><header><h2>Methods</h2></header><div id="method-destroy"><div class="api-item first-item">
|
||||
<h3>destroy()<span class="returns">Returns: <a href="http://api.jquery.com/Types/#jQuery">jQuery</a> (<a href="http://learn.jquery.com/jquery-ui/widget-factory/widget-method-invocation/">plugin only</a>)</span>
|
||||
</h3>
|
||||
<div>
|
||||
Removes the progressbar functionality completely. This will return the element back to its pre-init state.
|
||||
</div>
|
||||
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Invoke the destroy method:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).progressbar( <span class="string">"destroy"</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
<div id="method-disable"><div class="api-item">
|
||||
<h3>disable()<span class="returns">Returns: <a href="http://api.jquery.com/Types/#jQuery">jQuery</a> (<a href="http://learn.jquery.com/jquery-ui/widget-factory/widget-method-invocation/">plugin only</a>)</span>
|
||||
</h3>
|
||||
<div>
|
||||
Disables the progressbar.
|
||||
</div>
|
||||
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Invoke the disable method:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).progressbar( <span class="string">"disable"</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
<div id="method-enable"><div class="api-item">
|
||||
<h3>enable()<span class="returns">Returns: <a href="http://api.jquery.com/Types/#jQuery">jQuery</a> (<a href="http://learn.jquery.com/jquery-ui/widget-factory/widget-method-invocation/">plugin only</a>)</span>
|
||||
</h3>
|
||||
<div>
|
||||
Enables the progressbar.
|
||||
</div>
|
||||
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Invoke the enable method:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).progressbar( <span class="string">"enable"</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
<div id="method-option">
|
||||
<div class="api-item">
|
||||
<h3>option( optionName )<span class="returns">Returns: <a href="http://api.jquery.com/Types/#Object">Object</a></span>
|
||||
</h3>
|
||||
<div>Gets the value currently associated with the specified <code>optionName</code>.</div>
|
||||
<ul><li>
|
||||
<div><strong>optionName</strong></div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#String">String</a>
|
||||
</div>
|
||||
<div>The name of the option to get.</div>
|
||||
</li></ul>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Invoke the method:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="keyword">var</span> isDisabled = $( <span class="string">".selector"</span> ).progressbar( <span class="string">"option"</span>, <span class="string">"disabled"</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="api-item">
|
||||
<h3>option()<span class="returns">Returns: <a href="http://api.jquery.com/Types/#PlainObject">PlainObject</a></span>
|
||||
</h3>
|
||||
<div>Gets an object containing key/value pairs representing the current progressbar options hash.</div>
|
||||
<ul><li><div class="null-signature">This signature does not accept any arguments.</div></li></ul>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Invoke the method:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="keyword">var</span> options = $( <span class="string">".selector"</span> ).progressbar( <span class="string">"option"</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="api-item">
|
||||
<h3>option( optionName, value )<span class="returns">Returns: <a href="http://api.jquery.com/Types/#jQuery">jQuery</a> (<a href="http://learn.jquery.com/jquery-ui/widget-factory/widget-method-invocation/">plugin only</a>)</span>
|
||||
</h3>
|
||||
<div>Sets the value of the progressbar option associated with the specified <code>optionName</code>.</div>
|
||||
<ul>
|
||||
<li>
|
||||
<div><strong>optionName</strong></div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#String">String</a>
|
||||
</div>
|
||||
<div>The name of the option to set.</div>
|
||||
</li>
|
||||
<li>
|
||||
<div><strong>value</strong></div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#Object">Object</a>
|
||||
</div>
|
||||
<div>A value to set for the option.</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Invoke the method:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).progressbar( <span class="string">"option"</span>, <span class="string">"disabled"</span>, <span class="literal">true</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="api-item">
|
||||
<h3>option( options )<span class="returns">Returns: <a href="http://api.jquery.com/Types/#jQuery">jQuery</a> (<a href="http://learn.jquery.com/jquery-ui/widget-factory/widget-method-invocation/">plugin only</a>)</span>
|
||||
</h3>
|
||||
<div>Sets one or more options for the progressbar.</div>
|
||||
<ul><li>
|
||||
<div><strong>options</strong></div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#Object">Object</a>
|
||||
</div>
|
||||
<div>A map of option-value pairs to set.</div>
|
||||
</li></ul>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Invoke the method:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).progressbar( <span class="string">"option"</span>, { disabled: <span class="literal">true</span> } );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="method-value">
|
||||
<div class="api-item">
|
||||
<h3>value()<span class="returns">Returns: <a href="http://api.jquery.com/Types/#Number">Number</a> or <a href="http://api.jquery.com/Types/#Boolean">Boolean</a></span>
|
||||
</h3>
|
||||
<div>Gets the current value of the progressbar.</div>
|
||||
<ul><li><div class="null-signature">This signature does not accept any arguments.</div></li></ul>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Invoke the method:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="keyword">var</span> progressSoFar = $( <span class="string">".selector"</span> ).progressbar( <span class="string">"value"</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="api-item">
|
||||
<h3>value( value )<span class="returns">Returns: <a href="http://api.jquery.com/Types/#jQuery">jQuery</a> (<a href="http://learn.jquery.com/jquery-ui/widget-factory/widget-method-invocation/">plugin only</a>)</span>
|
||||
</h3>
|
||||
<div>Sets the current value of the progressbar.</div>
|
||||
<ul><li>
|
||||
<div><strong>value</strong></div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#Number">Number</a> or <a href="http://api.jquery.com/Types/#Boolean">Boolean</a>
|
||||
</div>
|
||||
<div>The value to set. See the <a href="#option-value"><code>value</code></a> option for details on valid values.</div>
|
||||
</li></ul>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Invoke the method:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).progressbar( <span class="string">"value"</span>, <span class="number">50</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="method-widget"><div class="api-item">
|
||||
<h3>widget()<span class="returns">Returns: <a href="http://api.jquery.com/Types/#jQuery">jQuery</a></span>
|
||||
</h3>
|
||||
<div>
|
||||
Returns a <code>jQuery</code> object containing the progressbar.
|
||||
</div>
|
||||
<ul><li><div class="null-signature">This method does not accept any arguments.</div></li></ul>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Invoke the widget method:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="keyword">var</span> widget = $( <span class="string">".selector"</span> ).progressbar( <span class="string">"widget"</span> );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div></div></section><section id="events"><header><h2>Events</h2></header><div id="event-change" class="api-item first-item">
|
||||
<h3>change( event, ui )<span class="returns">Type: <code>progressbarchange</code></span>
|
||||
</h3>
|
||||
<div>Triggered when the value of the progressbar changes.</div>
|
||||
<ul>
|
||||
<li>
|
||||
<div><strong>event</strong></div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#Event">Event</a>
|
||||
</div>
|
||||
<div></div>
|
||||
</li>
|
||||
<li>
|
||||
<div><strong>ui</strong></div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#Object">Object</a>
|
||||
</div>
|
||||
<div></div>
|
||||
</li>
|
||||
</ul>
|
||||
<p><em>Note: The <code>ui</code> object is empty but included for consistency with other events.</em></p>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Initialize the progressbar with the change callback specified:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).progressbar({</code></div></div><div class="container"><div class="line"><code> change: <span class="keyword">function</span>( event, ui ) {}</code></div></div><div class="container"><div class="line"><code>});</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p>Bind an event listener to the progressbarchange event:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).on( <span class="string">"progressbarchange"</span>, <span class="keyword">function</span>( event, ui ) {} );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div id="event-complete" class="api-item">
|
||||
<h3>complete( event, ui )<span class="returns">Type: <code>progressbarcomplete</code></span>
|
||||
</h3>
|
||||
<div>Triggered when the value of the progressbar reaches the maximum value.</div>
|
||||
<ul>
|
||||
<li>
|
||||
<div><strong>event</strong></div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#Event">Event</a>
|
||||
</div>
|
||||
<div></div>
|
||||
</li>
|
||||
<li>
|
||||
<div><strong>ui</strong></div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#Object">Object</a>
|
||||
</div>
|
||||
<div></div>
|
||||
</li>
|
||||
</ul>
|
||||
<p><em>Note: The <code>ui</code> object is empty but included for consistency with other events.</em></p>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Initialize the progressbar with the complete callback specified:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).progressbar({</code></div></div><div class="container"><div class="line"><code> complete: <span class="keyword">function</span>( event, ui ) {}</code></div></div><div class="container"><div class="line"><code>});</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p>Bind an event listener to the progressbarcomplete event:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).on( <span class="string">"progressbarcomplete"</span>, <span class="keyword">function</span>( event, ui ) {} );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div id="event-create" class="api-item">
|
||||
<h3>create( event, ui )<span class="returns">Type: <code>progressbarcreate</code></span>
|
||||
</h3>
|
||||
<div>
|
||||
Triggered when the progressbar is created.
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<div><strong>event</strong></div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#Event">Event</a>
|
||||
</div>
|
||||
<div></div>
|
||||
</li>
|
||||
<li>
|
||||
<div><strong>ui</strong></div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#Object">Object</a>
|
||||
</div>
|
||||
<div></div>
|
||||
</li>
|
||||
</ul>
|
||||
<p><em>Note: The <code>ui</code> object is empty but included for consistency with other events.</em></p>
|
||||
<div>
|
||||
<strong>Code examples:</strong><p>Initialize the progressbar with the create callback specified:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).progressbar({</code></div></div><div class="container"><div class="line"><code> create: <span class="keyword">function</span>( event, ui ) {}</code></div></div><div class="container"><div class="line"><code>});</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p>Bind an event listener to the progressbarcreate event:</p>
|
||||
<div class="syntaxhighlighter javascript nogutter">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code>$( <span class="string">".selector"</span> ).on( <span class="string">"progressbarcreate"</span>, <span class="keyword">function</span>( event, ui ) {} );</code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div></section><section class="entry-examples" id="entry-examples"><header><h2>Examples:</h2></header><div class="entry-example" id="example-0">
|
||||
<h4>Example: <span class="desc">A simple jQuery UI Progressbar</span>
|
||||
</h4>
|
||||
<div class="syntaxhighlighter xml ">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
<div class="line n6">6</div>
|
||||
|
||||
<div class="line n7">7</div>
|
||||
|
||||
<div class="line n8">8</div>
|
||||
|
||||
<div class="line n9">9</div>
|
||||
|
||||
<div class="line n10">10</div>
|
||||
|
||||
<div class="line n11">11</div>
|
||||
|
||||
<div class="line n12">12</div>
|
||||
|
||||
<div class="line n13">13</div>
|
||||
|
||||
<div class="line n14">14</div>
|
||||
|
||||
<div class="line n15">15</div>
|
||||
|
||||
<div class="line n16">16</div>
|
||||
|
||||
<div class="line n17">17</div>
|
||||
|
||||
<div class="line n18">18</div>
|
||||
|
||||
<div class="line n19">19</div>
|
||||
|
||||
<div class="line n20">20</div>
|
||||
|
||||
<div class="line n21">21</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="doctype"><!doctype html></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">html</span> <span class="attribute">lang</span>=<span class="value">"en"</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">meta</span> <span class="attribute">charset</span>=<span class="value">"utf-8"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">title</span>></span>progressbar demo<span class="tag"></<span class="title">title</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">link</span> <span class="attribute">rel</span>=<span class="value">"stylesheet"</span> <span class="attribute">href</span>=<span class="value">"//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/jquery-1.10.2.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/ui/1.10.4/jquery-ui.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">div</span> <span class="attribute">id</span>=<span class="value">"progressbar"</span>></span><span class="tag"></<span class="title">div</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">script</span>></span><span class="javascript"></span></code></div></div><div class="container"><div class="line"><code>$( <span class="string">"#progressbar"</span> ).progressbar({</code></div></div><div class="container"><div class="line"><code> value: <span class="number">37</span></code></div></div><div class="container"><div class="line"><code>});</code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">html</span>></span></code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h4>Demo:</h4>
|
||||
<div class="demo code-demo" data-height="50"></div>
|
||||
</div>
|
||||
<div class="entry-example" id="example-1">
|
||||
<h4>Example: <span class="desc">A simple jQuery UI Indeterminate Progressbar</span>
|
||||
</h4>
|
||||
<div class="syntaxhighlighter xml ">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
<div class="line n6">6</div>
|
||||
|
||||
<div class="line n7">7</div>
|
||||
|
||||
<div class="line n8">8</div>
|
||||
|
||||
<div class="line n9">9</div>
|
||||
|
||||
<div class="line n10">10</div>
|
||||
|
||||
<div class="line n11">11</div>
|
||||
|
||||
<div class="line n12">12</div>
|
||||
|
||||
<div class="line n13">13</div>
|
||||
|
||||
<div class="line n14">14</div>
|
||||
|
||||
<div class="line n15">15</div>
|
||||
|
||||
<div class="line n16">16</div>
|
||||
|
||||
<div class="line n17">17</div>
|
||||
|
||||
<div class="line n18">18</div>
|
||||
|
||||
<div class="line n19">19</div>
|
||||
|
||||
<div class="line n20">20</div>
|
||||
|
||||
<div class="line n21">21</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="doctype"><!doctype html></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">html</span> <span class="attribute">lang</span>=<span class="value">"en"</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">meta</span> <span class="attribute">charset</span>=<span class="value">"utf-8"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">title</span>></span>progressbar demo<span class="tag"></<span class="title">title</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">link</span> <span class="attribute">rel</span>=<span class="value">"stylesheet"</span> <span class="attribute">href</span>=<span class="value">"//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/jquery-1.10.2.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/ui/1.10.4/jquery-ui.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">div</span> <span class="attribute">id</span>=<span class="value">"progressbar"</span>></span><span class="tag"></<span class="title">div</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">script</span>></span><span class="javascript"></span></code></div></div><div class="container"><div class="line"><code>$( <span class="string">"#progressbar"</span> ).progressbar({</code></div></div><div class="container"><div class="line"><code> value: <span class="literal">false</span></code></div></div><div class="container"><div class="line"><code>});</code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">html</span>></span></code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h4>Demo:</h4>
|
||||
<div class="demo code-demo" data-height="50"></div>
|
||||
</div></section>
|
||||
</div></article>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
124
htdocs/jquery/development-bundle/docs/puff-effect.html
Normal file
124
htdocs/jquery/development-bundle/docs/puff-effect.html
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI puff-effect documentation</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"
|
||||
}
|
||||
.gutter {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>{
|
||||
"title":
|
||||
"Puff Effect",
|
||||
"excerpt":
|
||||
"\n\t\tCreates a puff effect by scaling the element up and hiding it at the same time.\n\t",
|
||||
"termSlugs": {
|
||||
"category": [
|
||||
"effects"
|
||||
]
|
||||
}
|
||||
}</script><article id="puff1" class="entry effect"><h2 class="section-title"><span>Puff Effect</span></h2>
|
||||
<div class="entry-wrapper">
|
||||
<p class="desc"><strong>Description: </strong>
|
||||
Creates a puff effect by scaling the element up and hiding it at the same time.
|
||||
</p>
|
||||
<ul class="signatures"><li class="signature">
|
||||
<h4 class="name">puff</h4>
|
||||
<ul><li>
|
||||
<div>
|
||||
<strong>percent</strong> (default: <code>150</code>)</div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#Number">Number</a>
|
||||
</div>
|
||||
<div>The percentage to scale to.</div>
|
||||
</li></ul>
|
||||
</li></ul>
|
||||
<section class="entry-examples" id="entry-examples"><header><h2>Example:</h2></header><div class="entry-example" id="example-0">
|
||||
<h4><span class="desc">Toggle a div using the puff effect.</span></h4>
|
||||
<div class="syntaxhighlighter xml ">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
<div class="line n6">6</div>
|
||||
|
||||
<div class="line n7">7</div>
|
||||
|
||||
<div class="line n8">8</div>
|
||||
|
||||
<div class="line n9">9</div>
|
||||
|
||||
<div class="line n10">10</div>
|
||||
|
||||
<div class="line n11">11</div>
|
||||
|
||||
<div class="line n12">12</div>
|
||||
|
||||
<div class="line n13">13</div>
|
||||
|
||||
<div class="line n14">14</div>
|
||||
|
||||
<div class="line n15">15</div>
|
||||
|
||||
<div class="line n16">16</div>
|
||||
|
||||
<div class="line n17">17</div>
|
||||
|
||||
<div class="line n18">18</div>
|
||||
|
||||
<div class="line n19">19</div>
|
||||
|
||||
<div class="line n20">20</div>
|
||||
|
||||
<div class="line n21">21</div>
|
||||
|
||||
<div class="line n22">22</div>
|
||||
|
||||
<div class="line n23">23</div>
|
||||
|
||||
<div class="line n24">24</div>
|
||||
|
||||
<div class="line n25">25</div>
|
||||
|
||||
<div class="line n26">26</div>
|
||||
|
||||
<div class="line n27">27</div>
|
||||
|
||||
<div class="line n28">28</div>
|
||||
|
||||
<div class="line n29">29</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="doctype"><!doctype html></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">html</span> <span class="attribute">lang</span>=<span class="value">"en"</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">meta</span> <span class="attribute">charset</span>=<span class="value">"utf-8"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">title</span>></span>puff demo<span class="tag"></<span class="title">title</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">link</span> <span class="attribute">rel</span>=<span class="value">"stylesheet"</span> <span class="attribute">href</span>=<span class="value">"//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">style</span>></span><span class="css"></span></code></div></div><div class="container"><div class="line"><code> <span class="id">#toggle</span> <span class="rules">{</span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">width</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">height</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">background</span>:<span class="value"> <span class="hexcolor">#ccc</span>;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule">}</span></code></div></div><div class="container"><div class="line"><code> <span class="tag"></<span class="title">style</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/jquery-1.10.2.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/ui/1.10.4/jquery-ui.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">p</span>></span>Click anywhere to toggle the box.<span class="tag"></<span class="title">p</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">div</span> <span class="attribute">id</span>=<span class="value">"toggle"</span>></span><span class="tag"></<span class="title">div</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">script</span>></span><span class="javascript"></span></code></div></div><div class="container"><div class="line"><code>$( document ).click(<span class="keyword">function</span>() {</code></div></div><div class="container"><div class="line"><code> $( <span class="string">"#toggle"</span> ).toggle( <span class="string">"puff"</span> );</code></div></div><div class="container"><div class="line"><code>});</code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">html</span>></span></code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h4>Demo:</h4>
|
||||
<div class="demo code-demo" data-height="200"></div>
|
||||
</div></section>
|
||||
</div></article>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
124
htdocs/jquery/development-bundle/docs/pulsate-effect.html
Normal file
124
htdocs/jquery/development-bundle/docs/pulsate-effect.html
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI pulsate-effect documentation</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"
|
||||
}
|
||||
.gutter {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>{
|
||||
"title":
|
||||
"Pulsate Effect",
|
||||
"excerpt":
|
||||
"\n\t\tThe pulsate effect hides or shows an element by pulsing it in or out.\n\t",
|
||||
"termSlugs": {
|
||||
"category": [
|
||||
"effects"
|
||||
]
|
||||
}
|
||||
}</script><article id="pulsate1" class="entry effect"><h2 class="section-title"><span>Pulsate Effect</span></h2>
|
||||
<div class="entry-wrapper">
|
||||
<p class="desc"><strong>Description: </strong>
|
||||
The pulsate effect hides or shows an element by pulsing it in or out.
|
||||
</p>
|
||||
<ul class="signatures"><li class="signature">
|
||||
<h4 class="name">pulsate</h4>
|
||||
<ul><li>
|
||||
<div>
|
||||
<strong>times</strong> (default: <code>5</code>)</div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#Integer">Integer</a>
|
||||
</div>
|
||||
<div>The number of times the element should pulse. An extra half pulse is added for hide/show.</div>
|
||||
</li></ul>
|
||||
</li></ul>
|
||||
<section class="entry-examples" id="entry-examples"><header><h2>Example:</h2></header><div class="entry-example" id="example-0">
|
||||
<h4><span class="desc">Toggle a div using the pulsate effect.</span></h4>
|
||||
<div class="syntaxhighlighter xml ">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
<div class="line n6">6</div>
|
||||
|
||||
<div class="line n7">7</div>
|
||||
|
||||
<div class="line n8">8</div>
|
||||
|
||||
<div class="line n9">9</div>
|
||||
|
||||
<div class="line n10">10</div>
|
||||
|
||||
<div class="line n11">11</div>
|
||||
|
||||
<div class="line n12">12</div>
|
||||
|
||||
<div class="line n13">13</div>
|
||||
|
||||
<div class="line n14">14</div>
|
||||
|
||||
<div class="line n15">15</div>
|
||||
|
||||
<div class="line n16">16</div>
|
||||
|
||||
<div class="line n17">17</div>
|
||||
|
||||
<div class="line n18">18</div>
|
||||
|
||||
<div class="line n19">19</div>
|
||||
|
||||
<div class="line n20">20</div>
|
||||
|
||||
<div class="line n21">21</div>
|
||||
|
||||
<div class="line n22">22</div>
|
||||
|
||||
<div class="line n23">23</div>
|
||||
|
||||
<div class="line n24">24</div>
|
||||
|
||||
<div class="line n25">25</div>
|
||||
|
||||
<div class="line n26">26</div>
|
||||
|
||||
<div class="line n27">27</div>
|
||||
|
||||
<div class="line n28">28</div>
|
||||
|
||||
<div class="line n29">29</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="doctype"><!doctype html></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">html</span> <span class="attribute">lang</span>=<span class="value">"en"</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">meta</span> <span class="attribute">charset</span>=<span class="value">"utf-8"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">title</span>></span>pulsate demo<span class="tag"></<span class="title">title</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">link</span> <span class="attribute">rel</span>=<span class="value">"stylesheet"</span> <span class="attribute">href</span>=<span class="value">"//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">style</span>></span><span class="css"></span></code></div></div><div class="container"><div class="line"><code> <span class="id">#toggle</span> <span class="rules">{</span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">width</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">height</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">background</span>:<span class="value"> <span class="hexcolor">#ccc</span>;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule">}</span></code></div></div><div class="container"><div class="line"><code> <span class="tag"></<span class="title">style</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/jquery-1.10.2.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/ui/1.10.4/jquery-ui.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">p</span>></span>Click anywhere to toggle the box.<span class="tag"></<span class="title">p</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">div</span> <span class="attribute">id</span>=<span class="value">"toggle"</span>></span><span class="tag"></<span class="title">div</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">script</span>></span><span class="javascript"></span></code></div></div><div class="container"><div class="line"><code>$( document ).click(<span class="keyword">function</span>() {</code></div></div><div class="container"><div class="line"><code> $( <span class="string">"#toggle"</span> ).toggle( <span class="string">"pulsate"</span> );</code></div></div><div class="container"><div class="line"><code>});</code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">html</span>></span></code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h4>Demo:</h4>
|
||||
<div class="demo code-demo" data-height="200"></div>
|
||||
</div></section>
|
||||
</div></article>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
1797
htdocs/jquery/development-bundle/docs/resizable.html
Normal file
1797
htdocs/jquery/development-bundle/docs/resizable.html
Normal file
File diff suppressed because it is too large
Load diff
226
htdocs/jquery/development-bundle/docs/scale-effect.html
Normal file
226
htdocs/jquery/development-bundle/docs/scale-effect.html
Normal file
|
|
@ -0,0 +1,226 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI scale-effect documentation</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"
|
||||
}
|
||||
.gutter {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>{
|
||||
"title":
|
||||
"Scale Effect",
|
||||
"excerpt":
|
||||
"\n\t\tShrink or grow an element by a percentage factor.\n\t",
|
||||
"termSlugs": {
|
||||
"category": [
|
||||
"effects"
|
||||
]
|
||||
}
|
||||
}</script><article id="scale1" class="entry effect"><h2 class="section-title"><span>Scale Effect</span></h2>
|
||||
<div class="entry-wrapper">
|
||||
<p class="desc"><strong>Description: </strong>
|
||||
Shrink or grow an element by a percentage factor.
|
||||
</p>
|
||||
<ul class="signatures"><li class="signature">
|
||||
<h4 class="name">scale</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<strong>direction</strong> (default: <code>"both"</code>)</div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#String">String</a>
|
||||
</div>
|
||||
<div>The direction of the effect. Possible values: <code>"both"</code>, <code>"vertical"</code> or <code>"horizontal"</code>.</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<strong>origin</strong> (default: <code>[ "middle", "center" ]</code>)</div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#Array">Array</a>
|
||||
</div>
|
||||
<div>The vanishing point.</div>
|
||||
</li>
|
||||
<li>
|
||||
<div><strong>percent</strong></div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#Number">Number</a>
|
||||
</div>
|
||||
<div>The percentage to scale to.</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<strong>scale</strong> (default: <code>"both"</code>)</div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#String">String</a>
|
||||
</div>
|
||||
<div>Which areas of the element will be resized: <code>"both"</code>, <code>"box"</code>, <code>"content"</code>. Box resizes the border and padding of the element; content resizes any content inside of the element.</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li></ul>
|
||||
<section class="entry-examples" id="entry-examples"><header><h2>Examples:</h2></header><div class="entry-example" id="example-0">
|
||||
<h4>Example: <span class="desc">Toggle a div using the scale effect.</span>
|
||||
</h4>
|
||||
<div class="syntaxhighlighter xml ">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
<div class="line n6">6</div>
|
||||
|
||||
<div class="line n7">7</div>
|
||||
|
||||
<div class="line n8">8</div>
|
||||
|
||||
<div class="line n9">9</div>
|
||||
|
||||
<div class="line n10">10</div>
|
||||
|
||||
<div class="line n11">11</div>
|
||||
|
||||
<div class="line n12">12</div>
|
||||
|
||||
<div class="line n13">13</div>
|
||||
|
||||
<div class="line n14">14</div>
|
||||
|
||||
<div class="line n15">15</div>
|
||||
|
||||
<div class="line n16">16</div>
|
||||
|
||||
<div class="line n17">17</div>
|
||||
|
||||
<div class="line n18">18</div>
|
||||
|
||||
<div class="line n19">19</div>
|
||||
|
||||
<div class="line n20">20</div>
|
||||
|
||||
<div class="line n21">21</div>
|
||||
|
||||
<div class="line n22">22</div>
|
||||
|
||||
<div class="line n23">23</div>
|
||||
|
||||
<div class="line n24">24</div>
|
||||
|
||||
<div class="line n25">25</div>
|
||||
|
||||
<div class="line n26">26</div>
|
||||
|
||||
<div class="line n27">27</div>
|
||||
|
||||
<div class="line n28">28</div>
|
||||
|
||||
<div class="line n29">29</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="doctype"><!doctype html></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">html</span> <span class="attribute">lang</span>=<span class="value">"en"</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">meta</span> <span class="attribute">charset</span>=<span class="value">"utf-8"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">title</span>></span>scale demo<span class="tag"></<span class="title">title</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">link</span> <span class="attribute">rel</span>=<span class="value">"stylesheet"</span> <span class="attribute">href</span>=<span class="value">"//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">style</span>></span><span class="css"></span></code></div></div><div class="container"><div class="line"><code> <span class="id">#toggle</span> <span class="rules">{</span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">width</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">height</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">background</span>:<span class="value"> <span class="hexcolor">#ccc</span>;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule">}</span></code></div></div><div class="container"><div class="line"><code> <span class="tag"></<span class="title">style</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/jquery-1.10.2.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/ui/1.10.4/jquery-ui.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">p</span>></span>Click anywhere to toggle the box.<span class="tag"></<span class="title">p</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">div</span> <span class="attribute">id</span>=<span class="value">"toggle"</span>></span><span class="tag"></<span class="title">div</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">script</span>></span><span class="javascript"></span></code></div></div><div class="container"><div class="line"><code>$( document ).click(<span class="keyword">function</span>() {</code></div></div><div class="container"><div class="line"><code> $( <span class="string">"#toggle"</span> ).toggle( <span class="string">"scale"</span> );</code></div></div><div class="container"><div class="line"><code>});</code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">html</span>></span></code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h4>Demo:</h4>
|
||||
<div class="demo code-demo" data-height="200"></div>
|
||||
</div>
|
||||
<div class="entry-example" id="example-1">
|
||||
<h4>Example: <span class="desc">Toggle a div using the scale effect in just one direction.</span>
|
||||
</h4>
|
||||
<div class="syntaxhighlighter xml ">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
<div class="line n6">6</div>
|
||||
|
||||
<div class="line n7">7</div>
|
||||
|
||||
<div class="line n8">8</div>
|
||||
|
||||
<div class="line n9">9</div>
|
||||
|
||||
<div class="line n10">10</div>
|
||||
|
||||
<div class="line n11">11</div>
|
||||
|
||||
<div class="line n12">12</div>
|
||||
|
||||
<div class="line n13">13</div>
|
||||
|
||||
<div class="line n14">14</div>
|
||||
|
||||
<div class="line n15">15</div>
|
||||
|
||||
<div class="line n16">16</div>
|
||||
|
||||
<div class="line n17">17</div>
|
||||
|
||||
<div class="line n18">18</div>
|
||||
|
||||
<div class="line n19">19</div>
|
||||
|
||||
<div class="line n20">20</div>
|
||||
|
||||
<div class="line n21">21</div>
|
||||
|
||||
<div class="line n22">22</div>
|
||||
|
||||
<div class="line n23">23</div>
|
||||
|
||||
<div class="line n24">24</div>
|
||||
|
||||
<div class="line n25">25</div>
|
||||
|
||||
<div class="line n26">26</div>
|
||||
|
||||
<div class="line n27">27</div>
|
||||
|
||||
<div class="line n28">28</div>
|
||||
|
||||
<div class="line n29">29</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="doctype"><!doctype html></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">html</span> <span class="attribute">lang</span>=<span class="value">"en"</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">meta</span> <span class="attribute">charset</span>=<span class="value">"utf-8"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">title</span>></span>scale demo<span class="tag"></<span class="title">title</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">link</span> <span class="attribute">rel</span>=<span class="value">"stylesheet"</span> <span class="attribute">href</span>=<span class="value">"//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">style</span>></span><span class="css"></span></code></div></div><div class="container"><div class="line"><code> <span class="id">#toggle</span> <span class="rules">{</span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">width</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">height</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">background</span>:<span class="value"> <span class="hexcolor">#ccc</span>;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule">}</span></code></div></div><div class="container"><div class="line"><code> <span class="tag"></<span class="title">style</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/jquery-1.10.2.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/ui/1.10.4/jquery-ui.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">p</span>></span>Click anywhere to toggle the box.<span class="tag"></<span class="title">p</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">div</span> <span class="attribute">id</span>=<span class="value">"toggle"</span>></span><span class="tag"></<span class="title">div</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">script</span>></span><span class="javascript"></span></code></div></div><div class="container"><div class="line"><code>$( document ).click(<span class="keyword">function</span>() {</code></div></div><div class="container"><div class="line"><code> $( <span class="string">"#toggle"</span> ).toggle({ effect: <span class="string">"scale"</span>, direction: <span class="string">"horizontal"</span> });</code></div></div><div class="container"><div class="line"><code>});</code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">html</span>></span></code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h4>Demo:</h4>
|
||||
<div class="demo code-demo" data-height="200"></div>
|
||||
</div></section>
|
||||
</div></article>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
1310
htdocs/jquery/development-bundle/docs/selectable.html
Normal file
1310
htdocs/jquery/development-bundle/docs/selectable.html
Normal file
File diff suppressed because one or more lines are too long
138
htdocs/jquery/development-bundle/docs/shake-effect.html
Normal file
138
htdocs/jquery/development-bundle/docs/shake-effect.html
Normal file
|
|
@ -0,0 +1,138 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI shake-effect documentation</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"
|
||||
}
|
||||
.gutter {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>{
|
||||
"title":
|
||||
"Shake Effect",
|
||||
"excerpt":
|
||||
"Shakes the element multiple times, vertically or horizontally.",
|
||||
"termSlugs": {
|
||||
"category": [
|
||||
"effects"
|
||||
]
|
||||
}
|
||||
}</script><article id="shake1" class="entry effect"><h2 class="section-title"><span>Shake Effect</span></h2>
|
||||
<div class="entry-wrapper">
|
||||
<p class="desc"><strong>Description: </strong>Shakes the element multiple times, vertically or horizontally.</p>
|
||||
<ul class="signatures"><li class="signature">
|
||||
<h4 class="name">shake</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<strong>direction</strong> (default: <code>"left"</code>)</div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#String">String</a>
|
||||
</div>
|
||||
<div>A value of <code>"left"</code> or <code>"right"</code> will shake the element horizontally, and a value of <code>"up"</code> or <code>"down"</code> will shake the element vertically. The value specifies which direction the element should move along the axis for the first step of the effect.</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<strong>distance</strong> (default: <code>20</code>)</div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#Number">Number</a>
|
||||
</div>
|
||||
<div>Distance to shake.</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<strong>times</strong> (default: <code>3</code>)</div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#Integer">Integer</a>
|
||||
</div>
|
||||
<div>Times to shake.</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li></ul>
|
||||
<section class="entry-examples" id="entry-examples"><header><h2>Example:</h2></header><div class="entry-example" id="example-0">
|
||||
<h4><span class="desc">Shake a div.</span></h4>
|
||||
<div class="syntaxhighlighter xml ">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
<div class="line n6">6</div>
|
||||
|
||||
<div class="line n7">7</div>
|
||||
|
||||
<div class="line n8">8</div>
|
||||
|
||||
<div class="line n9">9</div>
|
||||
|
||||
<div class="line n10">10</div>
|
||||
|
||||
<div class="line n11">11</div>
|
||||
|
||||
<div class="line n12">12</div>
|
||||
|
||||
<div class="line n13">13</div>
|
||||
|
||||
<div class="line n14">14</div>
|
||||
|
||||
<div class="line n15">15</div>
|
||||
|
||||
<div class="line n16">16</div>
|
||||
|
||||
<div class="line n17">17</div>
|
||||
|
||||
<div class="line n18">18</div>
|
||||
|
||||
<div class="line n19">19</div>
|
||||
|
||||
<div class="line n20">20</div>
|
||||
|
||||
<div class="line n21">21</div>
|
||||
|
||||
<div class="line n22">22</div>
|
||||
|
||||
<div class="line n23">23</div>
|
||||
|
||||
<div class="line n24">24</div>
|
||||
|
||||
<div class="line n25">25</div>
|
||||
|
||||
<div class="line n26">26</div>
|
||||
|
||||
<div class="line n27">27</div>
|
||||
|
||||
<div class="line n28">28</div>
|
||||
|
||||
<div class="line n29">29</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="doctype"><!doctype html></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">html</span> <span class="attribute">lang</span>=<span class="value">"en"</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">meta</span> <span class="attribute">charset</span>=<span class="value">"utf-8"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">title</span>></span>shake demo<span class="tag"></<span class="title">title</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">link</span> <span class="attribute">rel</span>=<span class="value">"stylesheet"</span> <span class="attribute">href</span>=<span class="value">"//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">style</span>></span><span class="css"></span></code></div></div><div class="container"><div class="line"><code> <span class="id">#toggle</span> <span class="rules">{</span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">width</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">height</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">background</span>:<span class="value"> <span class="hexcolor">#ccc</span>;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule">}</span></code></div></div><div class="container"><div class="line"><code> <span class="tag"></<span class="title">style</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/jquery-1.10.2.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/ui/1.10.4/jquery-ui.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">p</span>></span>Click anywhere to shake the box.<span class="tag"></<span class="title">p</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">div</span> <span class="attribute">id</span>=<span class="value">"toggle"</span>></span><span class="tag"></<span class="title">div</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">script</span>></span><span class="javascript"></span></code></div></div><div class="container"><div class="line"><code>$( document ).click(<span class="keyword">function</span>() {</code></div></div><div class="container"><div class="line"><code> $( <span class="string">"#toggle"</span> ).effect( <span class="string">"shake"</span> );</code></div></div><div class="container"><div class="line"><code>});</code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">html</span>></span></code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h4>Demo:</h4>
|
||||
<div class="demo code-demo" data-height="200"></div>
|
||||
</div></section>
|
||||
</div></article>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
141
htdocs/jquery/development-bundle/docs/size-effect.html
Normal file
141
htdocs/jquery/development-bundle/docs/size-effect.html
Normal file
File diff suppressed because one or more lines are too long
131
htdocs/jquery/development-bundle/docs/slide-effect.html
Normal file
131
htdocs/jquery/development-bundle/docs/slide-effect.html
Normal file
|
|
@ -0,0 +1,131 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI slide-effect documentation</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"
|
||||
}
|
||||
.gutter {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>{
|
||||
"title":
|
||||
"Slide Effect",
|
||||
"excerpt":
|
||||
"Slides the element out of the viewport.",
|
||||
"termSlugs": {
|
||||
"category": [
|
||||
"effects"
|
||||
]
|
||||
}
|
||||
}</script><article id="slide1" class="entry effect"><h2 class="section-title"><span>Slide Effect</span></h2>
|
||||
<div class="entry-wrapper">
|
||||
<p class="desc"><strong>Description: </strong>Slides the element out of the viewport.</p>
|
||||
<ul class="signatures"><li class="signature">
|
||||
<h4 class="name">slide</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<strong>direction</strong> (default: <code>"both"</code>)</div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#String">String</a>
|
||||
</div>
|
||||
<div>The direction of the effect. Possible values: <code>"left"</code>, <code>"right"</code>, <code>"up"</code>, <code>"down"</code>.</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<strong>distance</strong> (default: <code>element's outerWidth</code>)</div>
|
||||
<div>Type: <a href="http://api.jquery.com/Types/#Number">Number</a>
|
||||
</div>
|
||||
<div>The distance of the effect. Defaults to either the height or width of the element depending on the <code>direction</code> argument. Can be set to any integer less than the width/height of the element.</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li></ul>
|
||||
<section class="entry-examples" id="entry-examples"><header><h2>Example:</h2></header><div class="entry-example" id="example-0">
|
||||
<h4><span class="desc">Toggle a div using the slide effect.</span></h4>
|
||||
<div class="syntaxhighlighter xml ">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="gutter">
|
||||
|
||||
<div class="line n1">1</div>
|
||||
|
||||
<div class="line n2">2</div>
|
||||
|
||||
<div class="line n3">3</div>
|
||||
|
||||
<div class="line n4">4</div>
|
||||
|
||||
<div class="line n5">5</div>
|
||||
|
||||
<div class="line n6">6</div>
|
||||
|
||||
<div class="line n7">7</div>
|
||||
|
||||
<div class="line n8">8</div>
|
||||
|
||||
<div class="line n9">9</div>
|
||||
|
||||
<div class="line n10">10</div>
|
||||
|
||||
<div class="line n11">11</div>
|
||||
|
||||
<div class="line n12">12</div>
|
||||
|
||||
<div class="line n13">13</div>
|
||||
|
||||
<div class="line n14">14</div>
|
||||
|
||||
<div class="line n15">15</div>
|
||||
|
||||
<div class="line n16">16</div>
|
||||
|
||||
<div class="line n17">17</div>
|
||||
|
||||
<div class="line n18">18</div>
|
||||
|
||||
<div class="line n19">19</div>
|
||||
|
||||
<div class="line n20">20</div>
|
||||
|
||||
<div class="line n21">21</div>
|
||||
|
||||
<div class="line n22">22</div>
|
||||
|
||||
<div class="line n23">23</div>
|
||||
|
||||
<div class="line n24">24</div>
|
||||
|
||||
<div class="line n25">25</div>
|
||||
|
||||
<div class="line n26">26</div>
|
||||
|
||||
<div class="line n27">27</div>
|
||||
|
||||
<div class="line n28">28</div>
|
||||
|
||||
<div class="line n29">29</div>
|
||||
|
||||
</td>
|
||||
<td class="code">
|
||||
<pre><div class="container"><div class="line"><code><span class="doctype"><!doctype html></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">html</span> <span class="attribute">lang</span>=<span class="value">"en"</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">meta</span> <span class="attribute">charset</span>=<span class="value">"utf-8"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">title</span>></span>slide demo<span class="tag"></<span class="title">title</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">link</span> <span class="attribute">rel</span>=<span class="value">"stylesheet"</span> <span class="attribute">href</span>=<span class="value">"//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">style</span>></span><span class="css"></span></code></div></div><div class="container"><div class="line"><code> <span class="id">#toggle</span> <span class="rules">{</span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">width</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">height</span>:<span class="value"> <span class="number">100</span>px;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule"><span class="attribute">background</span>:<span class="value"> <span class="hexcolor">#ccc</span>;</span></span></code></div></div><div class="container"><div class="line"><code> <span class="rule">}</span></code></div></div><div class="container"><div class="line"><code> <span class="tag"></<span class="title">style</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/jquery-1.10.2.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> <span class="tag"><<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"//code.jquery.com/ui/1.10.4/jquery-ui.js"</span>></span><span class="javascript"></span><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">head</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">p</span>></span>Click anywhere to toggle the box.<span class="tag"></<span class="title">p</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">div</span> <span class="attribute">id</span>=<span class="value">"toggle"</span>></span><span class="tag"></<span class="title">div</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"><<span class="title">script</span>></span><span class="javascript"></span></code></div></div><div class="container"><div class="line"><code>$( document ).click(<span class="keyword">function</span>() {</code></div></div><div class="container"><div class="line"><code> $( <span class="string">"#toggle"</span> ).toggle( <span class="string">"slide"</span> );</code></div></div><div class="container"><div class="line"><code>});</code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">script</span>></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">body</span>></span></code></div></div><div class="container"><div class="line"><code><span class="tag"></<span class="title">html</span>></span></code></div></div></pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h4>Demo:</h4>
|
||||
<div class="demo code-demo" data-height="200"></div>
|
||||
</div></section>
|
||||
</div></article>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
1438
htdocs/jquery/development-bundle/docs/slider.html
Normal file
1438
htdocs/jquery/development-bundle/docs/slider.html
Normal file
File diff suppressed because it is too large
Load diff
3247
htdocs/jquery/development-bundle/docs/sortable.html
Normal file
3247
htdocs/jquery/development-bundle/docs/sortable.html
Normal file
File diff suppressed because it is too large
Load diff
1534
htdocs/jquery/development-bundle/docs/spinner.html
Normal file
1534
htdocs/jquery/development-bundle/docs/spinner.html
Normal file
File diff suppressed because it is too large
Load diff
1484
htdocs/jquery/development-bundle/docs/tabs.html
Normal file
1484
htdocs/jquery/development-bundle/docs/tabs.html
Normal file
File diff suppressed because one or more lines are too long
1140
htdocs/jquery/development-bundle/docs/tooltip.html
Normal file
1140
htdocs/jquery/development-bundle/docs/tooltip.html
Normal file
File diff suppressed because it is too large
Load diff
161
htdocs/jquery/development-bundle/docs/transfer-effect.html
Normal file
161
htdocs/jquery/development-bundle/docs/transfer-effect.html
Normal file
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue