AproJo

 view release on metacpan or  search on metacpan

share/files/public/skins/default/jquery-ui-1.9.1.custom/development-bundle/docs/resizable.html  view on Meta::CPAN

<body>

<script>{
		"title":
			"Resizable Widget",
		"excerpt":
			"Change the size of an element using the mouse.",
		"termSlugs": {
			"category": [
				"interactions"
			]
		}
	}</script><section class="quick-nav"><header><h2>QuickNav<a href="#entry-longdesc">Overview</a><a href="#entry-examples">Examples</a>
</h2></header><div class="quick-nav-section">
<h3>Options</h3>
<div><a href="#option-alsoResize">alsoResize</a></div>
<div><a href="#option-animate">animate</a></div>
<div><a href="#option-animateDuration">animateDuration</a></div>
<div><a href="#option-animateEasing">animateEasing</a></div>
<div><a href="#option-aspectRatio">aspectRatio</a></div>
<div><a href="#option-autoHide">autoHide</a></div>
<div><a href="#option-cancel">cancel</a></div>
<div><a href="#option-containment">containment</a></div>
<div><a href="#option-delay">delay</a></div>
<div><a href="#option-disabled">disabled</a></div>
<div><a href="#option-distance">distance</a></div>
<div><a href="#option-ghost">ghost</a></div>
<div><a href="#option-grid">grid</a></div>
<div><a href="#option-handles">handles</a></div>
<div><a href="#option-helper">helper</a></div>
<div><a href="#option-maxHeight">maxHeight</a></div>
<div><a href="#option-maxWidth">maxWidth</a></div>
<div><a href="#option-minHeight">minHeight</a></div>
<div><a href="#option-minWidth">minWidth</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-widget">widget</a></div>
</div>
<div class="quick-nav-section">
<h3>Events</h3>
<div><a href="#event-create">create</a></div>
<div><a href="#event-start">start</a></div>
<div><a href="#event-resize">resize</a></div>
<div><a href="#event-stop">stop</a></div>
</div></section><article id="resizable1" class="entry widget"><h2 class="section-title">
<span>Resizable Widget</span><span class="version-details">version added: 1.0</span>
</h2>
<div class="entry-wrapper">
<p class="desc"><strong>Description: </strong>Change the size of an element using the mouse.</p>
<section id="options"><header><h2 class="underline">Options</h2></header><div id="option-alsoResize" class="api-item first-item">
<h3>alsoResize<span class="option-type"><strong>Type: </strong><a href="http://api.jquery.com/Types#Selector">Selector</a> or <a href="http://api.jquery.com/Types#jQuery">jQuery</a> or <a href="http://api.jquery.com/Types#Element">Element</a></span>
</h3>
<div class="default">
<strong>Default: </strong><code>false</code>
</div>
<div>One or more elements to resize synchronously with the resizable element.</div>
</div>
<div id="option-animate" class="api-item">
<h3>animate<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>Animates to the final size after resizing.</div>
</div>
<div id="option-animateDuration" class="api-item">
<h3>animateDuration<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#String">String</a></span>
</h3>
<div class="default">
<strong>Default: </strong><code>"slow"</code>
</div>
<div>How long to animate when using the <a href="#option-animate"><code>animate</code></a> option.</div>
<strong>Multiple types supported:</strong><ul>
<li>
<strong>Number</strong>: Duration in milliseconds.</li>
<li>
<strong>String</strong>: A named duration, such as <code>"slow"</code> or <code>"fast"</code>.</li>
</ul>
</div>
<div id="option-animateEasing" class="api-item">
<h3>animateEasing<span class="option-type"><strong>Type: </strong><a href="http://api.jquery.com/Types#String">String</a></span>
</h3>
<div class="default">
<strong>Default: </strong><code>"swing"</code>
</div>
<div>Which <a href="/easings/">easing</a> to apply when using the <a href="#option-animate"><code>animate</code></a> option.</div>
</div>
<div id="option-aspectRatio" class="api-item">
<h3>aspectRatio<span class="option-type"><strong>Type: </strong><a href="http://api.jquery.com/Types#Boolean">Boolean</a> or <a href="http://api.jquery.com/Types#Number">Number</a></span>
</h3>
<div class="default">
<strong>Default: </strong><code>false</code>
</div>
<div>Whether the element should be constrained to a specific aspect ratio.</div>
<strong>Multiple types supported:</strong><ul>
<li>
<strong>Boolean</strong>: When set to <code>true</code>, the element will maintain its original aspect ratio.</li>
<li>
<strong>Number</strong>: Force the element to maintain a specific aspect ratio during resizing.</li>
</ul>
</div>
<div id="option-autoHide" class="api-item">
<h3>autoHide<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>Whether the handles should hide when the user is not hovering over the element.</div>
</div>
<div id="option-cancel" class="api-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 resizing from starting on specified elements.</div>



( run in 1.253 second using v1.01-cache-2.11-cpan-ceb78f64989 )