mirror of
https://github.com/alchemy-fr/Phraseanet.git
synced 2025-10-14 13:33:14 +00:00
1043 lines
146 KiB
HTML
1043 lines
146 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
<html xmlns:yui="http://yuilibrary.com/rdf/1.0/yui.rdf#">
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
|
<title>API: imagecropper crop.js (YUI Library)</title>
|
|
|
|
<link rel="stylesheet" type="text/css" href="assets/reset-fonts-grids-min.css" />
|
|
<link rel="stylesheet" type="text/css" href="assets/api.css" />
|
|
|
|
<script type="text/javascript" src="assets/api-js"></script>
|
|
<script type="text/javascript" src="assets/ac-js"></script>
|
|
</head>
|
|
|
|
<body id="yahoo-com">
|
|
|
|
<div id="doc3" class="yui-t2">
|
|
<div id="hd">
|
|
<h1><a href="http://developer.yahoo.com/yui/" title="Yahoo! UI Library">Yahoo! UI Library</a></h1>
|
|
<h3>imagecropper <span class="subtitle">2.8.2r1</span></h3>
|
|
<a href="./index.html" title="Yahoo! UI Library">Yahoo! UI Library</a>
|
|
> <a href="./module_imagecropper.html" title="imagecropper">imagecropper</a>
|
|
|
|
> crop.js (source view)
|
|
<form onsubmit="return false">
|
|
<div id="propertysearch">
|
|
Search: <input autocomplete="off" id="searchinput" />
|
|
<div id="searchresults">
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div id="bd">
|
|
<div id="yui-main">
|
|
<div class="yui-b">
|
|
<form action="#" name="yui-classopts-form" method="get" id="yui-classopts-form">
|
|
<fieldset>
|
|
<legend>Filters</legend>
|
|
<span class="classopts"><input type="checkbox" name="show_private" id="show_private" /> <label for="show_private">Show Private</label></span>
|
|
<span class="classopts"><input type="checkbox" name="show_protected" id="show_protected" /> <label for="show_protected">Show Protected</label></span>
|
|
<span class="classopts"><input type="checkbox" name="show_deprecated" id="show_deprecated" /> <label for="show_deprecated">Show Deprecated</label></span>
|
|
</fieldset>
|
|
</form>
|
|
|
|
<div id="srcout">
|
|
<style>
|
|
#doc3 .classopts { display:none; }
|
|
</style>
|
|
<div class="highlight"><pre><span class="cm">/**</span>
|
|
<span class="cm"> * @description <p>Creates a Image Cropper control.</p></span>
|
|
<span class="cm"> * @namespace YAHOO.widget</span>
|
|
<span class="cm"> * @requires yahoo, dom, dragdrop, element, event, resize</span>
|
|
<span class="cm"> * @module imagecropper</span>
|
|
<span class="cm"> * @beta</span>
|
|
<span class="cm"> */</span>
|
|
<span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">Dom</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Dom</span><span class="p">,</span>
|
|
<span class="nx">Event</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Event</span><span class="p">,</span>
|
|
<span class="nx">Lang</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">;</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @constructor</span>
|
|
<span class="cm"> * @class ImageCropper</span>
|
|
<span class="cm"> * @description <p>Creates a Image Cropper control.</p></span>
|
|
<span class="cm"> * @extends YAHOO.util.Element</span>
|
|
<span class="cm"> * @param {String/HTMLElement} el The image element to make croppable.</span>
|
|
<span class="cm"> * @param {Object} attrs Object liternal containing configuration parameters.</span>
|
|
<span class="cm"> */</span>
|
|
<span class="kd">var</span> <span class="nx">Crop</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">el</span><span class="p">,</span> <span class="nx">config</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'Initializing'</span><span class="p">,</span> <span class="s1">'log'</span><span class="p">,</span> <span class="s1">'ImageCropper'</span><span class="p">);</span>
|
|
<span class="kd">var</span> <span class="nx">oConfig</span> <span class="o">=</span> <span class="p">{</span>
|
|
<span class="nx">element</span><span class="o">:</span> <span class="nx">el</span><span class="p">,</span>
|
|
<span class="nx">attributes</span><span class="o">:</span> <span class="nx">config</span> <span class="o">||</span> <span class="p">{}</span>
|
|
<span class="p">};</span>
|
|
|
|
<span class="nx">Crop</span><span class="p">.</span><span class="nx">superclass</span><span class="p">.</span><span class="nx">constructor</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="nx">oConfig</span><span class="p">.</span><span class="nx">element</span><span class="p">,</span> <span class="nx">oConfig</span><span class="p">.</span><span class="nx">attributes</span><span class="p">);</span>
|
|
<span class="p">};</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @static</span>
|
|
<span class="cm"> * @property _instances</span>
|
|
<span class="cm"> * @description Internal hash table for all ImageCropper instances</span>
|
|
<span class="cm"> * @type Object</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">Crop</span><span class="p">.</span><span class="nx">_instances</span> <span class="o">=</span> <span class="p">{};</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @static</span>
|
|
<span class="cm"> * @method getCropperById </span>
|
|
<span class="cm"> * @description Get's an ImageCropper object by the HTML id of the image associated with the ImageCropper object.</span>
|
|
<span class="cm"> * @return {Object} The ImageCropper Object</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">Crop</span><span class="p">.</span><span class="nx">getCropperById</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">id</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">Crop</span><span class="p">.</span><span class="nx">_instances</span><span class="p">[</span><span class="nx">id</span><span class="p">])</span> <span class="p">{</span>
|
|
<span class="k">return</span> <span class="nx">Crop</span><span class="p">.</span><span class="nx">_instances</span><span class="p">[</span><span class="nx">id</span><span class="p">];</span>
|
|
<span class="p">}</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="p">};</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">extend</span><span class="p">(</span><span class="nx">Crop</span><span class="p">,</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Element</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property CSS_MAIN</span>
|
|
<span class="cm"> * @description The CSS class used to wrap the element </span>
|
|
<span class="cm"> * @type String</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">CSS_MAIN</span><span class="o">:</span> <span class="s1">'yui-crop'</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property CSS_MASK</span>
|
|
<span class="cm"> * @description The CSS class for the mask element</span>
|
|
<span class="cm"> * @type String</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">CSS_MASK</span><span class="o">:</span> <span class="s1">'yui-crop-mask'</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property CSS_RESIZE_MASK</span>
|
|
<span class="cm"> * @description The CSS class for the mask inside the resize element</span>
|
|
<span class="cm"> * @type String</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">CSS_RESIZE_MASK</span><span class="o">:</span> <span class="s1">'yui-crop-resize-mask'</span><span class="p">,</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property _image</span>
|
|
<span class="cm"> * @description The url of the image we are cropping</span>
|
|
<span class="cm"> * @type String</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_image</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property _active</span>
|
|
<span class="cm"> * @description Flag to determine if the crop region is active</span>
|
|
<span class="cm"> * @type Boolean</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_active</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property _resize</span>
|
|
<span class="cm"> * @description A reference to the Resize Utility used in this Cropper Instance</span>
|
|
<span class="cm"> * @type Object</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_resize</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property _resizeEl</span>
|
|
<span class="cm"> * @description The HTML Element used to create the Resize Oject</span>
|
|
<span class="cm"> * @type HTMLElement</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_resizeEl</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property _resizeMaskEl</span>
|
|
<span class="cm"> * @description The HTML Element used to create the Resize mask</span>
|
|
<span class="cm"> * @type HTMLElement</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_resizeMaskEl</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property _wrap</span>
|
|
<span class="cm"> * @description The HTML Element created to wrap the image</span>
|
|
<span class="cm"> * @type HTMLElement</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_wrap</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @property _mask</span>
|
|
<span class="cm"> * @description The HTML Element created to "mask" the image being cropped</span>
|
|
<span class="cm"> * @type HTMLElement</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_mask</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _createWrap</span>
|
|
<span class="cm"> * @description Creates the wrapper element used to wrap the image</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_createWrap</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'Creating the wrap element'</span><span class="p">,</span> <span class="s1">'log'</span><span class="p">,</span> <span class="s1">'ImageCropper'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_wrap</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">createElement</span><span class="p">(</span><span class="s1">'div'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_wrap</span><span class="p">.</span><span class="nx">id</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'element'</span><span class="p">).</span><span class="nx">id</span> <span class="o">+</span> <span class="s1">'_wrap'</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_wrap</span><span class="p">.</span><span class="nx">className</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">CSS_MAIN</span><span class="p">;</span>
|
|
<span class="kd">var</span> <span class="nx">el</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'element'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_wrap</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">width</span> <span class="o">=</span> <span class="nx">el</span><span class="p">.</span><span class="nx">width</span> <span class="o">?</span> <span class="nx">el</span><span class="p">.</span><span class="nx">width</span> <span class="o">+</span> <span class="s1">'px'</span> <span class="o">:</span> <span class="nx">Dom</span><span class="p">.</span><span class="nx">getStyle</span><span class="p">(</span><span class="nx">el</span><span class="p">,</span> <span class="s1">'width'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_wrap</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">height</span> <span class="o">=</span> <span class="nx">el</span><span class="p">.</span><span class="nx">height</span> <span class="o">?</span> <span class="nx">el</span><span class="p">.</span><span class="nx">height</span> <span class="o">+</span> <span class="s1">'px'</span> <span class="o">:</span> <span class="nx">Dom</span><span class="p">.</span><span class="nx">getStyle</span><span class="p">(</span><span class="nx">el</span><span class="p">,</span> <span class="s1">'height'</span><span class="p">);</span>
|
|
|
|
<span class="kd">var</span> <span class="nx">par</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'element'</span><span class="p">).</span><span class="nx">parentNode</span><span class="p">;</span>
|
|
<span class="nx">par</span><span class="p">.</span><span class="nx">replaceChild</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_wrap</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'element'</span><span class="p">));</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_wrap</span><span class="p">.</span><span class="nx">appendChild</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'element'</span><span class="p">));</span>
|
|
|
|
<span class="nx">Event</span><span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_wrap</span><span class="p">,</span> <span class="s1">'mouseover'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_handleMouseOver</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="nx">Event</span><span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_wrap</span><span class="p">,</span> <span class="s1">'mouseout'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_handleMouseOut</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
|
|
<span class="nx">Event</span><span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_wrap</span><span class="p">,</span> <span class="s1">'click'</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">ev</span><span class="p">)</span> <span class="p">{</span> <span class="nx">Event</span><span class="p">.</span><span class="nx">stopEvent</span><span class="p">(</span><span class="nx">ev</span><span class="p">);</span> <span class="p">},</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="p">},</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _createMask</span>
|
|
<span class="cm"> * @description Creates the mask element used to mask the image</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_createMask</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'Creating the Mask'</span><span class="p">,</span> <span class="s1">'log'</span><span class="p">,</span> <span class="s1">'ImageCropper'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_mask</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">createElement</span><span class="p">(</span><span class="s1">'div'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_mask</span><span class="p">.</span><span class="nx">className</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">CSS_MASK</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_wrap</span><span class="p">.</span><span class="nx">appendChild</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_mask</span><span class="p">);</span>
|
|
<span class="p">},</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _createResize</span>
|
|
<span class="cm"> * @description Creates the resize element and the instance of the Resize Utility</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_createResize</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'Creating the Resize element'</span><span class="p">,</span> <span class="s1">'log'</span><span class="p">,</span> <span class="s1">'ImageCropper'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">createElement</span><span class="p">(</span><span class="s1">'div'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">.</span><span class="nx">className</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Resize</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">CSS_RESIZE</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">position</span> <span class="o">=</span> <span class="s1">'absolute'</span><span class="p">;</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s1">'<div class="'</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">CSS_RESIZE_MASK</span> <span class="o">+</span> <span class="s1">'"></div>'</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resizeMaskEl</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">.</span><span class="nx">firstChild</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_wrap</span><span class="p">.</span><span class="nx">appendChild</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">top</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'initialXY'</span><span class="p">)[</span><span class="mi">1</span><span class="p">]</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">left</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'initialXY'</span><span class="p">)[</span><span class="mi">0</span><span class="p">]</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resizeMaskEl</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">height</span> <span class="o">=</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">floor</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'initHeight'</span><span class="p">))</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resizeMaskEl</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">width</span> <span class="o">=</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">floor</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'initWidth'</span><span class="p">))</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">;</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Resize</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">knobHandles</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
|
|
<span class="nx">handles</span><span class="o">:</span> <span class="s1">'all'</span><span class="p">,</span>
|
|
<span class="nx">draggable</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
|
|
<span class="nx">status</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'status'</span><span class="p">),</span>
|
|
<span class="nx">minWidth</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'minWidth'</span><span class="p">),</span>
|
|
<span class="nx">minHeight</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'minHeight'</span><span class="p">),</span>
|
|
<span class="nx">ratio</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'ratio'</span><span class="p">),</span>
|
|
<span class="nx">autoRatio</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'autoRatio'</span><span class="p">),</span>
|
|
<span class="nx">height</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'initHeight'</span><span class="p">),</span>
|
|
<span class="nx">width</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'initWidth'</span><span class="p">)</span>
|
|
<span class="p">});</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_setBackgroundImage</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'element'</span><span class="p">).</span><span class="nx">getAttribute</span><span class="p">(</span><span class="s1">'src'</span><span class="p">,</span> <span class="mi">2</span><span class="p">));</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_setBackgroundPosition</span><span class="p">(</span><span class="o">-</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'initialXY'</span><span class="p">)[</span><span class="mi">0</span><span class="p">]),</span> <span class="o">-</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'initialXY'</span><span class="p">)[</span><span class="mi">1</span><span class="p">]));</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="s1">'startResize'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_handleStartResizeEvent</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="s1">'endResize'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_handleEndResizeEvent</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="s1">'dragEvent'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_handleDragEvent</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="s1">'beforeResize'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_handleBeforeResizeEvent</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="s1">'resize'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_handleResizeEvent</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">dd</span><span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="s1">'b4StartDragEvent'</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_handleB4DragEvent</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="p">},</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _handleMouseOver</span>
|
|
<span class="cm"> * @description Handles the mouseover event</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_handleMouseOver</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">ev</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">evType</span> <span class="o">=</span> <span class="s1">'keydown'</span><span class="p">;</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">YAHOO</span><span class="p">.</span><span class="nx">env</span><span class="p">.</span><span class="nx">ua</span><span class="p">.</span><span class="nx">gecko</span> <span class="o">||</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">env</span><span class="p">.</span><span class="nx">ua</span><span class="p">.</span><span class="nx">opera</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">evType</span> <span class="o">=</span> <span class="s1">'keypress'</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">_active</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_active</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'useKeys'</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="nx">Event</span><span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="nb">document</span><span class="p">,</span> <span class="nx">evType</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_handleKeyPress</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _handleMouseOut</span>
|
|
<span class="cm"> * @description Handles the mouseout event</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_handleMouseOut</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">ev</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">evType</span> <span class="o">=</span> <span class="s1">'keydown'</span><span class="p">;</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">YAHOO</span><span class="p">.</span><span class="nx">env</span><span class="p">.</span><span class="nx">ua</span><span class="p">.</span><span class="nx">gecko</span> <span class="o">||</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">env</span><span class="p">.</span><span class="nx">ua</span><span class="p">.</span><span class="nx">opera</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">evType</span> <span class="o">=</span> <span class="s1">'keypress'</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_active</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'useKeys'</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="nx">Event</span><span class="p">.</span><span class="nx">removeListener</span><span class="p">(</span><span class="nb">document</span><span class="p">,</span> <span class="nx">evType</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">_handleKeyPress</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">},</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _moveEl</span>
|
|
<span class="cm"> * @description Moves the resize element based on the arrow keys</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_moveEl</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">dir</span><span class="p">,</span> <span class="nx">inc</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'Moving the element'</span><span class="p">,</span> <span class="s1">'log'</span><span class="p">,</span> <span class="s1">'ImageCropper'</span><span class="p">);</span>
|
|
<span class="kd">var</span> <span class="nx">t</span> <span class="o">=</span> <span class="mi">0</span><span class="p">,</span> <span class="nx">l</span> <span class="o">=</span> <span class="mi">0</span><span class="p">,</span>
|
|
<span class="nx">region</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_setConstraints</span><span class="p">(),</span>
|
|
<span class="nx">resize</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
|
|
|
|
<span class="k">switch</span> <span class="p">(</span><span class="nx">dir</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">case</span> <span class="s1">'down'</span><span class="o">:</span>
|
|
<span class="nx">t</span> <span class="o">=</span> <span class="o">-</span><span class="p">(</span><span class="nx">inc</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">((</span><span class="nx">region</span><span class="p">.</span><span class="nx">bottom</span> <span class="o">-</span> <span class="nx">inc</span><span class="p">)</span> <span class="o"><</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">resize</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">top</span> <span class="o">=</span> <span class="p">(</span><span class="nx">region</span><span class="p">.</span><span class="nx">top</span> <span class="o">+</span> <span class="nx">region</span><span class="p">.</span><span class="nx">bottom</span><span class="p">)</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
<span class="k">case</span> <span class="s1">'up'</span><span class="o">:</span>
|
|
<span class="nx">t</span> <span class="o">=</span> <span class="p">(</span><span class="nx">inc</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">((</span><span class="nx">region</span><span class="p">.</span><span class="nx">top</span> <span class="o">-</span> <span class="nx">inc</span><span class="p">)</span> <span class="o"><</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">resize</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">top</span> <span class="o">=</span> <span class="s1">'0px'</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
<span class="k">case</span> <span class="s1">'right'</span><span class="o">:</span>
|
|
<span class="nx">l</span> <span class="o">=</span> <span class="o">-</span><span class="p">(</span><span class="nx">inc</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">((</span><span class="nx">region</span><span class="p">.</span><span class="nx">right</span> <span class="o">-</span> <span class="nx">inc</span><span class="p">)</span> <span class="o"><</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">resize</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">left</span> <span class="o">=</span> <span class="p">(</span><span class="nx">region</span><span class="p">.</span><span class="nx">left</span> <span class="o">+</span> <span class="nx">region</span><span class="p">.</span><span class="nx">right</span><span class="p">)</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
<span class="k">case</span> <span class="s1">'left'</span><span class="o">:</span>
|
|
<span class="nx">l</span> <span class="o">=</span> <span class="nx">inc</span><span class="p">;</span>
|
|
<span class="k">if</span> <span class="p">((</span><span class="nx">region</span><span class="p">.</span><span class="nx">left</span> <span class="o">-</span> <span class="nx">inc</span><span class="p">)</span> <span class="o"><</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">resize</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">left</span> <span class="o">=</span> <span class="s1">'0px'</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">resize</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'Moving via Key Listener: '</span> <span class="o">+</span> <span class="nx">dir</span><span class="p">,</span> <span class="s1">'log'</span><span class="p">,</span> <span class="s1">'ImageCropper'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">left</span> <span class="o">=</span> <span class="p">(</span><span class="nb">parseInt</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">left</span><span class="p">,</span> <span class="mi">10</span><span class="p">)</span> <span class="o">-</span> <span class="nx">l</span><span class="p">)</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">top</span> <span class="o">=</span> <span class="p">(</span><span class="nb">parseInt</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">top</span><span class="p">,</span> <span class="mi">10</span><span class="p">)</span> <span class="o">-</span> <span class="nx">t</span><span class="p">)</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'moveEvent'</span><span class="p">,</span> <span class="p">{</span> <span class="nx">target</span><span class="o">:</span> <span class="s1">'keypress'</span> <span class="p">});</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_setConstraints</span><span class="p">();</span>
|
|
<span class="p">}</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_syncBackgroundPosition</span><span class="p">();</span>
|
|
<span class="p">},</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _handleKeyPress</span>
|
|
<span class="cm"> * @description Handles the keypress event</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_handleKeyPress</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">ev</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">kc</span> <span class="o">=</span> <span class="nx">Event</span><span class="p">.</span><span class="nx">getCharCode</span><span class="p">(</span><span class="nx">ev</span><span class="p">),</span>
|
|
<span class="nx">stopEvent</span> <span class="o">=</span> <span class="kc">false</span><span class="p">,</span>
|
|
<span class="nx">inc</span> <span class="o">=</span> <span class="p">((</span><span class="nx">ev</span><span class="p">.</span><span class="nx">shiftKey</span><span class="p">)</span> <span class="o">?</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'shiftKeyTick'</span><span class="p">)</span> <span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'keyTick'</span><span class="p">));</span>
|
|
|
|
<span class="k">switch</span> <span class="p">(</span><span class="nx">kc</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">case</span> <span class="mh">0x25</span><span class="o">:</span> <span class="c1">// left</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_moveEl</span><span class="p">(</span><span class="s1">'left'</span><span class="p">,</span> <span class="nx">inc</span><span class="p">);</span>
|
|
<span class="nx">stopEvent</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
<span class="k">case</span> <span class="mh">0x26</span><span class="o">:</span> <span class="c1">// up</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_moveEl</span><span class="p">(</span><span class="s1">'up'</span><span class="p">,</span> <span class="nx">inc</span><span class="p">);</span>
|
|
<span class="nx">stopEvent</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
<span class="k">case</span> <span class="mh">0x27</span><span class="o">:</span> <span class="c1">// right</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_moveEl</span><span class="p">(</span><span class="s1">'right'</span><span class="p">,</span> <span class="nx">inc</span><span class="p">);</span>
|
|
<span class="nx">stopEvent</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
<span class="k">case</span> <span class="mh">0x28</span><span class="o">:</span> <span class="c1">// down</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_moveEl</span><span class="p">(</span><span class="s1">'down'</span><span class="p">,</span> <span class="nx">inc</span><span class="p">);</span>
|
|
<span class="nx">stopEvent</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
<span class="k">default</span><span class="o">:</span>
|
|
<span class="p">}</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">stopEvent</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">Event</span><span class="p">.</span><span class="nx">preventDefault</span><span class="p">(</span><span class="nx">ev</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">},</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _handleB4DragEvent</span>
|
|
<span class="cm"> * @description Handles the DragDrop b4DragEvent event</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_handleB4DragEvent</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_setConstraints</span><span class="p">();</span>
|
|
<span class="p">},</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _handleDragEvent</span>
|
|
<span class="cm"> * @description Handles the DragDrop DragEvent event</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_handleDragEvent</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_syncBackgroundPosition</span><span class="p">();</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'dragEvent'</span><span class="p">,</span> <span class="nx">arguments</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'moveEvent'</span><span class="p">,</span> <span class="p">{</span> <span class="nx">target</span><span class="o">:</span> <span class="s1">'dragevent'</span> <span class="p">});</span>
|
|
<span class="p">},</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _handleBeforeResizeEvent</span>
|
|
<span class="cm"> * @description Handles the Resize Utilitys beforeResize event</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_handleBeforeResizeEvent</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">args</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">region</span> <span class="o">=</span> <span class="nx">Dom</span><span class="p">.</span><span class="nx">getRegion</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'element'</span><span class="p">)),</span>
|
|
<span class="nx">c</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">_cache</span><span class="p">,</span>
|
|
<span class="nx">ch</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">_currentHandle</span><span class="p">,</span> <span class="nx">h</span> <span class="o">=</span> <span class="mi">0</span><span class="p">,</span> <span class="nx">w</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
|
|
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">args</span><span class="p">.</span><span class="nx">top</span> <span class="o">&&</span> <span class="p">(</span><span class="nx">args</span><span class="p">.</span><span class="nx">top</span> <span class="o"><</span> <span class="nx">region</span><span class="p">.</span><span class="nx">top</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="nx">h</span> <span class="o">=</span> <span class="p">(</span><span class="nx">c</span><span class="p">.</span><span class="nx">height</span> <span class="o">+</span> <span class="nx">c</span><span class="p">.</span><span class="nx">top</span><span class="p">)</span> <span class="o">-</span> <span class="nx">region</span><span class="p">.</span><span class="nx">top</span><span class="p">;</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">setY</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">getWrapEl</span><span class="p">(),</span> <span class="nx">region</span><span class="p">.</span><span class="nx">top</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">getWrapEl</span><span class="p">().</span><span class="nx">style</span><span class="p">.</span><span class="nx">height</span> <span class="o">=</span> <span class="nx">h</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">_cache</span><span class="p">.</span><span class="nx">height</span> <span class="o">=</span> <span class="nx">h</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">_cache</span><span class="p">.</span><span class="nx">top</span> <span class="o">=</span> <span class="nx">region</span><span class="p">.</span><span class="nx">top</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_syncBackgroundPosition</span><span class="p">();</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">args</span><span class="p">.</span><span class="nx">left</span> <span class="o">&&</span> <span class="p">(</span><span class="nx">args</span><span class="p">.</span><span class="nx">left</span> <span class="o"><</span> <span class="nx">region</span><span class="p">.</span><span class="nx">left</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="nx">w</span> <span class="o">=</span> <span class="p">(</span><span class="nx">c</span><span class="p">.</span><span class="nx">width</span> <span class="o">+</span> <span class="nx">c</span><span class="p">.</span><span class="nx">left</span><span class="p">)</span> <span class="o">-</span> <span class="nx">region</span><span class="p">.</span><span class="nx">left</span><span class="p">;</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">setX</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">getWrapEl</span><span class="p">(),</span> <span class="nx">region</span><span class="p">.</span><span class="nx">left</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">_cache</span><span class="p">.</span><span class="nx">left</span> <span class="o">=</span> <span class="nx">region</span><span class="p">.</span><span class="nx">left</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">getWrapEl</span><span class="p">().</span><span class="nx">style</span><span class="p">.</span><span class="nx">width</span> <span class="o">=</span> <span class="nx">w</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">_cache</span><span class="p">.</span><span class="nx">width</span> <span class="o">=</span> <span class="nx">w</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_syncBackgroundPosition</span><span class="p">();</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">ch</span> <span class="o">!=</span> <span class="s1">'tl'</span> <span class="o">&&</span> <span class="nx">ch</span> <span class="o">!=</span> <span class="s1">'l'</span> <span class="o">&&</span> <span class="nx">ch</span> <span class="o">!=</span> <span class="s1">'bl'</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">c</span><span class="p">.</span><span class="nx">left</span> <span class="o">&&</span> <span class="nx">args</span><span class="p">.</span><span class="nx">width</span> <span class="o">&&</span> <span class="p">((</span><span class="nx">c</span><span class="p">.</span><span class="nx">left</span> <span class="o">+</span> <span class="nx">args</span><span class="p">.</span><span class="nx">width</span><span class="p">)</span> <span class="o">></span> <span class="nx">region</span><span class="p">.</span><span class="nx">right</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="nx">w</span> <span class="o">=</span> <span class="p">(</span><span class="nx">region</span><span class="p">.</span><span class="nx">right</span> <span class="o">-</span> <span class="nx">c</span><span class="p">.</span><span class="nx">left</span><span class="p">);</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">setX</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">getWrapEl</span><span class="p">(),</span> <span class="p">(</span><span class="nx">region</span><span class="p">.</span><span class="nx">right</span> <span class="o">-</span> <span class="nx">w</span><span class="p">));</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">getWrapEl</span><span class="p">().</span><span class="nx">style</span><span class="p">.</span><span class="nx">width</span> <span class="o">=</span> <span class="nx">w</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">_cache</span><span class="p">.</span><span class="nx">left</span> <span class="o">=</span> <span class="p">(</span><span class="nx">region</span><span class="p">.</span><span class="nx">right</span> <span class="o">-</span> <span class="nx">w</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">_cache</span><span class="p">.</span><span class="nx">width</span> <span class="o">=</span> <span class="nx">w</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_syncBackgroundPosition</span><span class="p">();</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">ch</span> <span class="o">!=</span> <span class="s1">'t'</span> <span class="o">&&</span> <span class="nx">ch</span> <span class="o">!=</span> <span class="s1">'tr'</span> <span class="o">&&</span> <span class="nx">ch</span> <span class="o">!=</span> <span class="s1">'tl'</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">c</span><span class="p">.</span><span class="nx">top</span> <span class="o">&&</span> <span class="nx">args</span><span class="p">.</span><span class="nx">height</span> <span class="o">&&</span> <span class="p">((</span><span class="nx">c</span><span class="p">.</span><span class="nx">top</span> <span class="o">+</span> <span class="nx">args</span><span class="p">.</span><span class="nx">height</span><span class="p">)</span> <span class="o">></span> <span class="nx">region</span><span class="p">.</span><span class="nx">bottom</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="nx">h</span> <span class="o">=</span> <span class="p">(</span><span class="nx">region</span><span class="p">.</span><span class="nx">bottom</span> <span class="o">-</span> <span class="nx">c</span><span class="p">.</span><span class="nx">top</span><span class="p">);</span>
|
|
<span class="nx">Dom</span><span class="p">.</span><span class="nx">setY</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">getWrapEl</span><span class="p">(),</span> <span class="p">(</span><span class="nx">region</span><span class="p">.</span><span class="nx">bottom</span> <span class="o">-</span> <span class="nx">h</span><span class="p">));</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">getWrapEl</span><span class="p">().</span><span class="nx">style</span><span class="p">.</span><span class="nx">height</span> <span class="o">=</span> <span class="nx">h</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">_cache</span><span class="p">.</span><span class="nx">height</span> <span class="o">=</span> <span class="nx">h</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">_cache</span><span class="p">.</span><span class="nx">top</span> <span class="o">=</span> <span class="p">(</span><span class="nx">region</span><span class="p">.</span><span class="nx">bottom</span> <span class="o">-</span> <span class="nx">h</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_syncBackgroundPosition</span><span class="p">();</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _handleResizeMaskEl</span>
|
|
<span class="cm"> * @description Resizes the inner mask element</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_handleResizeMaskEl</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">_cache</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resizeMaskEl</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">height</span> <span class="o">=</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">floor</span><span class="p">(</span><span class="nx">a</span><span class="p">.</span><span class="nx">height</span><span class="p">)</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resizeMaskEl</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">width</span> <span class="o">=</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">floor</span><span class="p">(</span><span class="nx">a</span><span class="p">.</span><span class="nx">width</span><span class="p">)</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _handleResizeEvent</span>
|
|
<span class="cm"> * @param Event ev The Resize Utilitys resize event.</span>
|
|
<span class="cm"> * @description Handles the Resize Utilitys Resize event</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_handleResizeEvent</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">ev</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_setConstraints</span><span class="p">(</span><span class="kc">true</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_syncBackgroundPosition</span><span class="p">();</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'resizeEvent'</span><span class="p">,</span> <span class="nx">arguments</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'moveEvent'</span><span class="p">,</span> <span class="p">{</span> <span class="nx">target</span><span class="o">:</span> <span class="s1">'resizeevent'</span> <span class="p">});</span>
|
|
<span class="p">},</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _syncBackgroundPosition</span>
|
|
<span class="cm"> * @description Syncs the packground position of the resize element with the resize elements top and left style position</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_syncBackgroundPosition</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_handleResizeMaskEl</span><span class="p">();</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_setBackgroundPosition</span><span class="p">(</span><span class="o">-</span><span class="p">(</span><span class="nb">parseInt</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">left</span><span class="p">,</span> <span class="mi">10</span><span class="p">)),</span> <span class="o">-</span><span class="p">(</span><span class="nb">parseInt</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">top</span><span class="p">,</span> <span class="mi">10</span><span class="p">)));</span>
|
|
<span class="p">},</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _setBackgroundPosition</span>
|
|
<span class="cm"> * @param Number l The left position</span>
|
|
<span class="cm"> * @param Number t The top position</span>
|
|
<span class="cm"> * @description Sets the background image position to the top and left position</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_setBackgroundPosition</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">l</span><span class="p">,</span> <span class="nx">t</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="c1">//YAHOO.log('Setting the image background position of the mask to: (' + l + ', ' + t + ')', 'log', 'ImageCropper');</span>
|
|
<span class="kd">var</span> <span class="nx">bl</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nx">Dom</span><span class="p">.</span><span class="nx">getStyle</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'element'</span><span class="p">),</span> <span class="s1">'borderLeftWidth'</span><span class="p">),</span> <span class="mi">10</span><span class="p">);</span>
|
|
<span class="kd">var</span> <span class="nx">bt</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nx">Dom</span><span class="p">.</span><span class="nx">getStyle</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'element'</span><span class="p">),</span> <span class="s1">'borderTopWidth'</span><span class="p">),</span> <span class="mi">10</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nb">isNaN</span><span class="p">(</span><span class="nx">bl</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="nx">bl</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nb">isNaN</span><span class="p">(</span><span class="nx">bt</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="nx">bt</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="kd">var</span> <span class="nx">mask</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">getWrapEl</span><span class="p">().</span><span class="nx">firstChild</span><span class="p">;</span>
|
|
<span class="kd">var</span> <span class="nx">pos</span> <span class="o">=</span> <span class="p">(</span><span class="nx">l</span> <span class="o">-</span> <span class="nx">bl</span><span class="p">)</span> <span class="o">+</span> <span class="s1">'px '</span> <span class="o">+</span> <span class="p">(</span><span class="nx">t</span> <span class="o">-</span> <span class="nx">bt</span><span class="p">)</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resizeMaskEl</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">backgroundPosition</span> <span class="o">=</span> <span class="nx">pos</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _setBackgroundImage</span>
|
|
<span class="cm"> * @param String url The url of the image</span>
|
|
<span class="cm"> * @description Sets the background image of the resize element</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_setBackgroundImage</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">url</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'Setting the background image'</span><span class="p">,</span> <span class="s1">'log'</span><span class="p">,</span> <span class="s1">'ImageCropper'</span><span class="p">);</span>
|
|
<span class="kd">var</span> <span class="nx">mask</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">getWrapEl</span><span class="p">().</span><span class="nx">firstChild</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_image</span> <span class="o">=</span> <span class="nx">url</span><span class="p">;</span>
|
|
<span class="nx">mask</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">backgroundImage</span> <span class="o">=</span> <span class="s1">'url('</span> <span class="o">+</span> <span class="nx">url</span> <span class="o">+</span> <span class="s1">'#)'</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _handleEndResizeEvent</span>
|
|
<span class="cm"> * @description Handles the Resize Utilitys endResize event</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_handleEndResizeEvent</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_setConstraints</span><span class="p">(</span><span class="kc">true</span><span class="p">);</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _handleStartResizeEvent</span>
|
|
<span class="cm"> * @description Handles the Resize Utilitys startResize event</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_handleStartResizeEvent</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_setConstraints</span><span class="p">(</span><span class="kc">true</span><span class="p">);</span>
|
|
|
|
<span class="kd">var</span> <span class="nx">h</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">_cache</span><span class="p">.</span><span class="nx">height</span><span class="p">,</span>
|
|
<span class="nx">w</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">_cache</span><span class="p">.</span><span class="nx">width</span><span class="p">,</span>
|
|
<span class="nx">t</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">getWrapEl</span><span class="p">().</span><span class="nx">style</span><span class="p">.</span><span class="nx">top</span><span class="p">,</span> <span class="mi">10</span><span class="p">),</span>
|
|
<span class="nx">l</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">getWrapEl</span><span class="p">().</span><span class="nx">style</span><span class="p">.</span><span class="nx">left</span><span class="p">,</span> <span class="mi">10</span><span class="p">),</span>
|
|
<span class="nx">maxH</span> <span class="o">=</span> <span class="mi">0</span><span class="p">,</span> <span class="nx">maxW</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
|
|
|
|
<span class="k">switch</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">_currentHandle</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">case</span> <span class="s1">'b'</span><span class="o">:</span>
|
|
<span class="nx">maxH</span> <span class="o">=</span> <span class="p">(</span><span class="nx">h</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">dd</span><span class="p">.</span><span class="nx">bottomConstraint</span><span class="p">);</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
<span class="k">case</span> <span class="s1">'l'</span><span class="o">:</span>
|
|
<span class="nx">maxW</span> <span class="o">=</span> <span class="p">(</span><span class="nx">w</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">dd</span><span class="p">.</span><span class="nx">leftConstraint</span><span class="p">);</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
<span class="k">case</span> <span class="s1">'r'</span><span class="o">:</span>
|
|
<span class="nx">maxH</span> <span class="o">=</span> <span class="p">(</span><span class="nx">h</span> <span class="o">+</span> <span class="nx">t</span><span class="p">);</span>
|
|
<span class="nx">maxW</span> <span class="o">=</span> <span class="p">(</span><span class="nx">w</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">dd</span><span class="p">.</span><span class="nx">rightConstraint</span><span class="p">);</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
<span class="k">case</span> <span class="s1">'br'</span><span class="o">:</span>
|
|
<span class="nx">maxH</span> <span class="o">=</span> <span class="p">(</span><span class="nx">h</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">dd</span><span class="p">.</span><span class="nx">bottomConstraint</span><span class="p">);</span>
|
|
<span class="nx">maxW</span> <span class="o">=</span> <span class="p">(</span><span class="nx">w</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">dd</span><span class="p">.</span><span class="nx">rightConstraint</span><span class="p">);</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
<span class="k">case</span> <span class="s1">'tr'</span><span class="o">:</span>
|
|
<span class="nx">maxH</span> <span class="o">=</span> <span class="p">(</span><span class="nx">h</span> <span class="o">+</span> <span class="nx">t</span><span class="p">);</span>
|
|
<span class="nx">maxW</span> <span class="o">=</span> <span class="p">(</span><span class="nx">w</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">dd</span><span class="p">.</span><span class="nx">rightConstraint</span><span class="p">);</span>
|
|
<span class="k">break</span><span class="p">;</span>
|
|
|
|
<span class="p">}</span>
|
|
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">maxH</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'Setting the maxHeight on the resize object to: '</span> <span class="o">+</span> <span class="nx">maxH</span><span class="p">,</span> <span class="s1">'log'</span><span class="p">,</span> <span class="s1">'ImageCropper'</span><span class="p">);</span>
|
|
<span class="c1">//this._resize.set('maxHeight', maxH);</span>
|
|
<span class="p">}</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">maxW</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'Setting the maxWidth on the resize object to: '</span> <span class="o">+</span> <span class="nx">maxW</span><span class="p">,</span> <span class="s1">'log'</span><span class="p">,</span> <span class="s1">'ImageCropper'</span><span class="p">);</span>
|
|
<span class="c1">//this._resize.set('maxWidth', maxW);</span>
|
|
<span class="p">}</span>
|
|
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s1">'startResizeEvent'</span><span class="p">,</span> <span class="nx">arguments</span><span class="p">);</span>
|
|
<span class="p">},</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method _setConstraints</span>
|
|
<span class="cm"> * @param Boolean inside Used when called from inside a resize event, false by default (dragging)</span>
|
|
<span class="cm"> * @description Set the DragDrop constraints to keep the element inside the crop area.</span>
|
|
<span class="cm"> * @return {Object} Object containing Top, Right, Bottom and Left constraints</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">_setConstraints</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">inside</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'Setting Contraints'</span><span class="p">,</span> <span class="s1">'log'</span><span class="p">,</span> <span class="s1">'ImageCropper'</span><span class="p">);</span>
|
|
<span class="kd">var</span> <span class="nx">resize</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">;</span>
|
|
<span class="nx">resize</span><span class="p">.</span><span class="nx">dd</span><span class="p">.</span><span class="nx">resetConstraints</span><span class="p">();</span>
|
|
<span class="kd">var</span> <span class="nx">height</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nx">resize</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'height'</span><span class="p">),</span> <span class="mi">10</span><span class="p">),</span>
|
|
<span class="nx">width</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nx">resize</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'width'</span><span class="p">),</span> <span class="mi">10</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">inside</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="c1">//Called from inside the resize callback</span>
|
|
<span class="nx">height</span> <span class="o">=</span> <span class="nx">resize</span><span class="p">.</span><span class="nx">_cache</span><span class="p">.</span><span class="nx">height</span><span class="p">;</span>
|
|
<span class="nx">width</span> <span class="o">=</span> <span class="nx">resize</span><span class="p">.</span><span class="nx">_cache</span><span class="p">.</span><span class="nx">width</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
|
|
<span class="c1">//Get the top, right, bottom and left positions</span>
|
|
<span class="kd">var</span> <span class="nx">region</span> <span class="o">=</span> <span class="nx">Dom</span><span class="p">.</span><span class="nx">getRegion</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'element'</span><span class="p">));</span>
|
|
<span class="c1">//Get the element we are working on</span>
|
|
<span class="kd">var</span> <span class="nx">el</span> <span class="o">=</span> <span class="nx">resize</span><span class="p">.</span><span class="nx">getWrapEl</span><span class="p">();</span>
|
|
|
|
<span class="c1">//Get the xy position of it</span>
|
|
<span class="kd">var</span> <span class="nx">xy</span> <span class="o">=</span> <span class="nx">Dom</span><span class="p">.</span><span class="nx">getXY</span><span class="p">(</span><span class="nx">el</span><span class="p">);</span>
|
|
|
|
<span class="c1">//Set left to x minus left</span>
|
|
<span class="kd">var</span> <span class="nx">left</span> <span class="o">=</span> <span class="nx">xy</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">-</span> <span class="nx">region</span><span class="p">.</span><span class="nx">left</span><span class="p">;</span>
|
|
|
|
<span class="c1">//Set right to right minus x minus width</span>
|
|
<span class="kd">var</span> <span class="nx">right</span> <span class="o">=</span> <span class="nx">region</span><span class="p">.</span><span class="nx">right</span> <span class="o">-</span> <span class="nx">xy</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">-</span> <span class="nx">width</span><span class="p">;</span>
|
|
|
|
<span class="c1">//Set top to y minus top</span>
|
|
<span class="kd">var</span> <span class="nx">top</span> <span class="o">=</span> <span class="nx">xy</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">-</span> <span class="nx">region</span><span class="p">.</span><span class="nx">top</span><span class="p">;</span>
|
|
|
|
<span class="c1">//Set bottom to bottom minus y minus height</span>
|
|
<span class="kd">var</span> <span class="nx">bottom</span> <span class="o">=</span> <span class="nx">region</span><span class="p">.</span><span class="nx">bottom</span> <span class="o">-</span> <span class="nx">xy</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">-</span> <span class="nx">height</span><span class="p">;</span>
|
|
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">top</span> <span class="o"><</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">top</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
|
|
<span class="nx">resize</span><span class="p">.</span><span class="nx">dd</span><span class="p">.</span><span class="nx">setXConstraint</span><span class="p">(</span><span class="nx">left</span><span class="p">,</span> <span class="nx">right</span><span class="p">);</span>
|
|
<span class="nx">resize</span><span class="p">.</span><span class="nx">dd</span><span class="p">.</span><span class="nx">setYConstraint</span><span class="p">(</span><span class="nx">top</span><span class="p">,</span> <span class="nx">bottom</span><span class="p">);</span>
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'Constraints: '</span> <span class="o">+</span> <span class="nx">top</span> <span class="o">+</span> <span class="s1">','</span> <span class="o">+</span> <span class="nx">right</span> <span class="o">+</span> <span class="s1">','</span> <span class="o">+</span> <span class="nx">bottom</span> <span class="o">+</span> <span class="s1">','</span> <span class="o">+</span> <span class="nx">left</span><span class="p">,</span> <span class="s1">'log'</span><span class="p">,</span> <span class="s1">'ImageCropper'</span><span class="p">);</span>
|
|
|
|
<span class="k">return</span> <span class="p">{</span>
|
|
<span class="nx">top</span><span class="o">:</span> <span class="nx">top</span><span class="p">,</span>
|
|
<span class="nx">right</span><span class="o">:</span> <span class="nx">right</span><span class="p">,</span>
|
|
<span class="nx">bottom</span><span class="o">:</span> <span class="nx">bottom</span><span class="p">,</span>
|
|
<span class="nx">left</span><span class="o">:</span> <span class="nx">left</span>
|
|
<span class="p">};</span>
|
|
|
|
|
|
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @method getCropCoords</span>
|
|
<span class="cm"> * @description Returns the coordinates needed to crop the image</span>
|
|
<span class="cm"> * @return {Object} The top, left, height, width and image url of the image being cropped</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">getCropCoords</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">coords</span> <span class="o">=</span> <span class="p">{</span>
|
|
<span class="nx">top</span><span class="o">:</span> <span class="nb">parseInt</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">getWrapEl</span><span class="p">().</span><span class="nx">style</span><span class="p">.</span><span class="nx">top</span><span class="p">,</span> <span class="mi">10</span><span class="p">),</span>
|
|
<span class="nx">left</span><span class="o">:</span> <span class="nb">parseInt</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">getWrapEl</span><span class="p">().</span><span class="nx">style</span><span class="p">.</span><span class="nx">left</span><span class="p">,</span> <span class="mi">10</span><span class="p">),</span>
|
|
<span class="nx">height</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">_cache</span><span class="p">.</span><span class="nx">height</span><span class="p">,</span>
|
|
<span class="nx">width</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">_cache</span><span class="p">.</span><span class="nx">width</span><span class="p">,</span>
|
|
<span class="nx">image</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">_image</span>
|
|
<span class="p">};</span>
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'Getting the crop coordinates: '</span> <span class="o">+</span> <span class="nx">Lang</span><span class="p">.</span><span class="nx">dump</span><span class="p">(</span><span class="nx">coords</span><span class="p">),</span> <span class="s1">'log'</span><span class="p">,</span> <span class="s1">'ImageCropper'</span><span class="p">);</span>
|
|
<span class="k">return</span> <span class="nx">coords</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @method reset</span>
|
|
<span class="cm"> * @description Resets the crop element back to it's original position</span>
|
|
<span class="cm"> * @return {<a href="YAHOO.widget.ImageCropper.html">YAHOO.widget.ImageCropper</a>} The ImageCropper instance</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">reset</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'Resetting the control'</span><span class="p">,</span> <span class="s1">'log'</span><span class="p">,</span> <span class="s1">'ImageCropper'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">resize</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'initHeight'</span><span class="p">),</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'initWidth'</span><span class="p">),</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">top</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'initialXY'</span><span class="p">)[</span><span class="mi">1</span><span class="p">]</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">left</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'initialXY'</span><span class="p">)[</span><span class="mi">0</span><span class="p">]</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_syncBackgroundPosition</span><span class="p">();</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @method getEl</span>
|
|
<span class="cm"> * @description Get the HTML reference for the image element.</span>
|
|
<span class="cm"> * @return {HTMLElement} The image element</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">getEl</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'element'</span><span class="p">);</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @method getResizeEl</span>
|
|
<span class="cm"> * @description Get the HTML reference for the resize element.</span>
|
|
<span class="cm"> * @return {HTMLElement} The resize element</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">getResizeEl</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @method getWrapEl</span>
|
|
<span class="cm"> * @description Get the HTML reference for the wrap element.</span>
|
|
<span class="cm"> * @return {HTMLElement} The wrap element</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">getWrapEl</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">_wrap</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @method getMaskEl</span>
|
|
<span class="cm"> * @description Get the HTML reference for the mask element.</span>
|
|
<span class="cm"> * @return {HTMLElement} The mask element</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">getMaskEl</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">_mask</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @method getResizeMaskEl</span>
|
|
<span class="cm"> * @description Get the HTML reference for the resizable object's mask element.</span>
|
|
<span class="cm"> * @return {HTMLElement} The resize objects mask element.</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">getResizeMaskEl</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">_resizeMaskEl</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @method getResizeObject</span>
|
|
<span class="cm"> * @description Get the Resize Utility object.</span>
|
|
<span class="cm"> * @return {<a href="YAHOO.util.Resize.html">YAHOO.util.Resize</a>} The Resize instance</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">getResizeObject</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">;</span>
|
|
<span class="p">},</span>
|
|
|
|
<span class="cm">/** </span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method init</span>
|
|
<span class="cm"> * @description The ImageCropper class's initialization method</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">init</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">p_oElement</span><span class="p">,</span> <span class="nx">p_oAttributes</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'init'</span><span class="p">,</span> <span class="s1">'info'</span><span class="p">,</span> <span class="s1">'ImageCropper'</span><span class="p">);</span>
|
|
<span class="nx">Crop</span><span class="p">.</span><span class="nx">superclass</span><span class="p">.</span><span class="nx">init</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="nx">p_oElement</span><span class="p">,</span> <span class="nx">p_oAttributes</span><span class="p">);</span>
|
|
|
|
<span class="kd">var</span> <span class="nx">id</span> <span class="o">=</span> <span class="nx">p_oElement</span><span class="p">;</span>
|
|
|
|
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">Lang</span><span class="p">.</span><span class="nx">isString</span><span class="p">(</span><span class="nx">id</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">id</span><span class="p">.</span><span class="nx">tagName</span> <span class="o">&&</span> <span class="p">(</span><span class="nx">id</span><span class="p">.</span><span class="nx">tagName</span><span class="p">.</span><span class="nx">toLowerCase</span><span class="p">()</span> <span class="o">==</span> <span class="s1">'img'</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="nx">id</span> <span class="o">=</span> <span class="nx">Dom</span><span class="p">.</span><span class="nx">generateId</span><span class="p">(</span><span class="nx">id</span><span class="p">);</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'Element is not an image.'</span><span class="p">,</span> <span class="s1">'error'</span><span class="p">,</span> <span class="s1">'ImageCropper'</span><span class="p">);</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="kd">var</span> <span class="nx">el</span> <span class="o">=</span> <span class="nx">Dom</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="nx">id</span><span class="p">);</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">el</span><span class="p">.</span><span class="nx">tagName</span> <span class="o">&&</span> <span class="nx">el</span><span class="p">.</span><span class="nx">tagName</span><span class="p">.</span><span class="nx">toLowerCase</span><span class="p">()</span> <span class="o">==</span> <span class="s1">'img'</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="c1">//All good</span>
|
|
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'Element is not an image.'</span><span class="p">,</span> <span class="s1">'error'</span><span class="p">,</span> <span class="s1">'ImageCropper'</span><span class="p">);</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
|
|
|
|
|
|
<span class="nx">Crop</span><span class="p">.</span><span class="nx">_instances</span><span class="p">[</span><span class="nx">id</span><span class="p">]</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_createWrap</span><span class="p">();</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_createMask</span><span class="p">();</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_createResize</span><span class="p">();</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_setConstraints</span><span class="p">();</span>
|
|
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @private</span>
|
|
<span class="cm"> * @method initAttributes</span>
|
|
<span class="cm"> * @description Initializes all of the configuration attributes used to create a croppable element.</span>
|
|
<span class="cm"> * @param {Object} attr Object literal specifying a set of </span>
|
|
<span class="cm"> * configuration attributes used to create the widget.</span>
|
|
<span class="cm"> */</span>
|
|
|
|
<span class="nx">initAttributes</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">attr</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="nx">Crop</span><span class="p">.</span><span class="nx">superclass</span><span class="p">.</span><span class="nx">initAttributes</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="nx">attr</span><span class="p">);</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute initialXY</span>
|
|
<span class="cm"> * @description Array of the XY position that we need to set the crop element to when we build it. Defaults to [10, 10]</span>
|
|
<span class="cm"> * @type Array</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'initialXY'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">writeOnce</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isArray</span><span class="p">,</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">initialXY</span> <span class="o">||</span> <span class="p">[</span><span class="mi">10</span><span class="p">,</span> <span class="mi">10</span><span class="p">]</span>
|
|
<span class="p">});</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute keyTick</span>
|
|
<span class="cm"> * @description The pixel tick for the arrow keys, defaults to 1</span>
|
|
<span class="cm"> * @type Number</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'keyTick'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isNumber</span><span class="p">,</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">keyTick</span> <span class="o">||</span> <span class="mi">1</span>
|
|
<span class="p">});</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute shiftKeyTick</span>
|
|
<span class="cm"> * @description The pixel tick for shift + the arrow keys, defaults to 10</span>
|
|
<span class="cm"> * @type Number</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'shiftKeyTick'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isNumber</span><span class="p">,</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">shiftKeyTick</span> <span class="o">||</span> <span class="mi">10</span>
|
|
<span class="p">});</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute useKeys</span>
|
|
<span class="cm"> * @description Should we use the Arrow keys to position the crop element, defaults to true</span>
|
|
<span class="cm"> * @type Boolean</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'useKeys'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isBoolean</span><span class="p">,</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="p">((</span><span class="nx">attr</span><span class="p">.</span><span class="nx">useKeys</span> <span class="o">===</span> <span class="kc">false</span><span class="p">)</span> <span class="o">?</span> <span class="kc">false</span> <span class="o">:</span> <span class="kc">true</span><span class="p">)</span>
|
|
<span class="p">});</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute status</span>
|
|
<span class="cm"> * @description Show the Resize Utility status, defaults to true</span>
|
|
<span class="cm"> * @type Boolean</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'status'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isBoolean</span><span class="p">,</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="p">((</span><span class="nx">attr</span><span class="p">.</span><span class="nx">status</span> <span class="o">===</span> <span class="kc">false</span><span class="p">)</span> <span class="o">?</span> <span class="kc">false</span> <span class="o">:</span> <span class="kc">true</span><span class="p">),</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">status</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'status'</span><span class="p">,</span> <span class="nx">status</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute minHeight</span>
|
|
<span class="cm"> * @description MinHeight of the crop area, default 50</span>
|
|
<span class="cm"> * @type Number</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'minHeight'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isNumber</span><span class="p">,</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">minHeight</span> <span class="o">||</span> <span class="mi">50</span><span class="p">,</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">h</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'minHeight'</span><span class="p">,</span> <span class="nx">h</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute minWidth</span>
|
|
<span class="cm"> * @description MinWidth of the crop area, default 50.</span>
|
|
<span class="cm"> * @type Number</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'minWidth'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isNumber</span><span class="p">,</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">minWidth</span> <span class="o">||</span> <span class="mi">50</span><span class="p">,</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">w</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'minWidth'</span><span class="p">,</span> <span class="nx">w</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute ratio</span>
|
|
<span class="cm"> * @description Set the ratio config option of the Resize Utlility, default false</span>
|
|
<span class="cm"> * @type Boolean</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'ratio'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isBoolean</span><span class="p">,</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">ratio</span> <span class="o">||</span> <span class="kc">false</span><span class="p">,</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">r</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'ratio'</span><span class="p">,</span> <span class="nx">r</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute ratio</span>
|
|
<span class="cm"> * @description Set the autoRatio config option of the Resize Utlility, default true</span>
|
|
<span class="cm"> * @type Boolean</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'autoRatio'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isBoolean</span><span class="p">,</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="p">((</span><span class="nx">attr</span><span class="p">.</span><span class="nx">autoRatio</span> <span class="o">===</span> <span class="kc">false</span><span class="p">)</span> <span class="o">?</span> <span class="kc">false</span> <span class="o">:</span> <span class="kc">true</span><span class="p">),</span>
|
|
<span class="nx">method</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">set</span><span class="p">(</span><span class="s1">'autoRatio'</span><span class="p">,</span> <span class="nx">a</span><span class="p">);</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute initHeight</span>
|
|
<span class="cm"> * @description Set the initlal height of the crop area, defaults to 1/4 of the image height</span>
|
|
<span class="cm"> * @type Number</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'initHeight'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">writeOnce</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isNumber</span><span class="p">,</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">initHeight</span> <span class="o">||</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'element'</span><span class="p">).</span><span class="nx">height</span> <span class="o">/</span> <span class="mi">4</span><span class="p">)</span>
|
|
<span class="p">});</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @attribute initWidth</span>
|
|
<span class="cm"> * @description Set the initlal width of the crop area, defaults to 1/4 of the image width</span>
|
|
<span class="cm"> * @type Number</span>
|
|
<span class="cm"> */</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">setAttributeConfig</span><span class="p">(</span><span class="s1">'initWidth'</span><span class="p">,</span> <span class="p">{</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isNumber</span><span class="p">,</span>
|
|
<span class="nx">writeOnce</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="nx">attr</span><span class="p">.</span><span class="nx">initWidth</span> <span class="o">||</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'element'</span><span class="p">).</span><span class="nx">width</span> <span class="o">/</span> <span class="mi">4</span><span class="p">)</span>
|
|
<span class="p">});</span>
|
|
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @method destroy</span>
|
|
<span class="cm"> * @description Destroys the ImageCropper object and all of it's elements & listeners.</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">destroy</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'Destroying the ImageCropper'</span><span class="p">,</span> <span class="s1">'info'</span><span class="p">,</span> <span class="s1">'ImageCropper'</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resize</span><span class="p">.</span><span class="nx">destroy</span><span class="p">();</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">.</span><span class="nx">removeChild</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_resizeEl</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_mask</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">.</span><span class="nx">removeChild</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_mask</span><span class="p">);</span>
|
|
<span class="nx">Event</span><span class="p">.</span><span class="nx">purgeElement</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">_wrap</span><span class="p">);</span>
|
|
<span class="k">this</span><span class="p">.</span><span class="nx">_wrap</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">.</span><span class="nx">replaceChild</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'element'</span><span class="p">),</span> <span class="k">this</span><span class="p">.</span><span class="nx">_wrap</span><span class="p">);</span>
|
|
|
|
<span class="c1">//Brutal Object Destroy</span>
|
|
<span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span> <span class="k">in</span> <span class="k">this</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="nx">Lang</span><span class="p">.</span><span class="nx">hasOwnProperty</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="nx">i</span><span class="p">))</span> <span class="p">{</span>
|
|
<span class="k">this</span><span class="p">[</span><span class="nx">i</span><span class="p">]</span> <span class="o">=</span> <span class="kc">null</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="p">}</span>
|
|
|
|
<span class="p">},</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm"> * @method toString</span>
|
|
<span class="cm"> * @description Returns a string representing the ImageCropper Object.</span>
|
|
<span class="cm"> * @return {String}</span>
|
|
<span class="cm"> */</span>
|
|
<span class="nx">toString</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
|
<span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">)</span> <span class="p">{</span>
|
|
<span class="k">return</span> <span class="s1">'ImageCropper (#'</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">get</span><span class="p">(</span><span class="s1">'id'</span><span class="p">)</span> <span class="o">+</span> <span class="s1">')'</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="k">return</span> <span class="s1">'Image Cropper'</span><span class="p">;</span>
|
|
<span class="p">}</span>
|
|
<span class="p">});</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">widget</span><span class="p">.</span><span class="nx">ImageCropper</span> <span class="o">=</span> <span class="nx">Crop</span><span class="p">;</span>
|
|
|
|
<span class="cm">/**</span>
|
|
<span class="cm">* @event dragEvent</span>
|
|
<span class="cm">* @description Fires when the DragDrop dragEvent</span>
|
|
<span class="cm">* @type YAHOO.util.CustomEvent</span>
|
|
<span class="cm">*/</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm">* @event startResizeEvent</span>
|
|
<span class="cm">* @description Fires when when a resize action is started.</span>
|
|
<span class="cm">* @type YAHOO.util.CustomEvent</span>
|
|
<span class="cm">*/</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm">* @event resizeEvent</span>
|
|
<span class="cm">* @description Fires on every element resize.</span>
|
|
<span class="cm">* @type YAHOO.util.CustomEvent</span>
|
|
<span class="cm">*/</span>
|
|
<span class="cm">/**</span>
|
|
<span class="cm">* @event moveEvent</span>
|
|
<span class="cm">* @description Fires on every element move. Inside these methods: _handleKeyPress, _handleDragEvent, _handleResizeEvent</span>
|
|
<span class="cm">* @type YAHOO.util.CustomEvent</span>
|
|
<span class="cm">*/</span>
|
|
|
|
<span class="p">})();</span>
|
|
</pre></div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="yui-b">
|
|
<div class="nav">
|
|
|
|
<div id="moduleList" class="module">
|
|
<h4>Modules</h4>
|
|
<ul class="content">
|
|
<li class=""><a href="module_animation.html" title="animation">animation</a></li>
|
|
<li class=""><a href="module_autocomplete.html" title="autocomplete">autocomplete</a></li>
|
|
<li class=""><a href="module_button.html" title="button">button</a></li>
|
|
<li class=""><a href="module_calendar.html" title="calendar">calendar</a></li>
|
|
<li class=""><a href="module_carousel.html" title="carousel">carousel</a></li>
|
|
<li class=""><a href="module_charts.html" title="charts">charts</a></li>
|
|
<li class=""><a href="module_colorpicker.html" title="colorpicker">colorpicker</a></li>
|
|
<li class=""><a href="module_connection.html" title="connection">connection</a></li>
|
|
<li class=""><a href="module_container.html" title="container">container</a></li>
|
|
<li class=""><a href="module_cookie.html" title="cookie">cookie</a></li>
|
|
<li class=""><a href="module_datasource.html" title="datasource">datasource</a></li>
|
|
<li class=""><a href="module_datatable.html" title="datatable">datatable</a></li>
|
|
<li class=""><a href="module_datemath.html" title="datemath">datemath</a></li>
|
|
<li class=""><a href="module_dom.html" title="dom">dom</a></li>
|
|
<li class=""><a href="module_dragdrop.html" title="dragdrop">dragdrop</a></li>
|
|
<li class=""><a href="module_editor.html" title="editor">editor</a></li>
|
|
<li class=""><a href="module_element.html" title="element">element</a></li>
|
|
<li class=""><a href="module_element-delegate.html" title="element-delegate">element-delegate</a></li>
|
|
<li class=""><a href="module_event.html" title="event">event</a></li>
|
|
<li class=""><a href="module_event-delegate.html" title="event-delegate">event-delegate</a></li>
|
|
<li class=""><a href="module_event-mouseenter.html" title="event-mouseenter">event-mouseenter</a></li>
|
|
<li class=""><a href="module_event-simulate.html" title="event-simulate">event-simulate</a></li>
|
|
<li class=""><a href="module_get.html" title="get">get</a></li>
|
|
<li class=""><a href="module_history.html" title="history">history</a></li>
|
|
<li class="selected"><a href="module_imagecropper.html" title="imagecropper">imagecropper</a></li>
|
|
<li class=""><a href="module_imageloader.html" title="imageloader">imageloader</a></li>
|
|
<li class=""><a href="module_json.html" title="json">json</a></li>
|
|
<li class=""><a href="module_layout.html" title="layout">layout</a></li>
|
|
<li class=""><a href="module_logger.html" title="logger">logger</a></li>
|
|
<li class=""><a href="module_menu.html" title="menu">menu</a></li>
|
|
<li class=""><a href="module_paginator.html" title="paginator">paginator</a></li>
|
|
<li class=""><a href="module_profiler.html" title="profiler">profiler</a></li>
|
|
<li class=""><a href="module_profilerviewer.html" title="profilerviewer">profilerviewer</a></li>
|
|
<li class=""><a href="module_progressbar.html" title="progressbar">progressbar</a></li>
|
|
<li class=""><a href="module_resize.html" title="resize">resize</a></li>
|
|
<li class=""><a href="module_selector.html" title="selector">selector</a></li>
|
|
<li class=""><a href="module_slider.html" title="slider">slider</a></li>
|
|
<li class=""><a href="module_storage.html" title="Storage">Storage</a></li>
|
|
<li class=""><a href="module_stylesheet.html" title="stylesheet">stylesheet</a></li>
|
|
<li class=""><a href="module_swf.html" title="swf">swf</a></li>
|
|
<li class=""><a href="module_swfdetect.html" title="swfdetect">swfdetect</a></li>
|
|
<li class=""><a href="module_swfstore.html" title="swfstore">swfstore</a></li>
|
|
<li class=""><a href="module_tabview.html" title="tabview">tabview</a></li>
|
|
<li class=""><a href="module_treeview.html" title="treeview">treeview</a></li>
|
|
<li class=""><a href="module_uploader.html" title="uploader">uploader</a></li>
|
|
<li class=""><a href="module_yahoo.html" title="yahoo">yahoo</a></li>
|
|
<li class=""><a href="module_yuiloader.html" title="yuiloader">yuiloader</a></li>
|
|
<li class=""><a href="module_yuitest.html" title="yuitest">yuitest</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div id="classList" class="module">
|
|
<h4>Classes</h4>
|
|
<ul class="content">
|
|
<li class=""><a href="YAHOO.widget.ImageCropper.html" title="YAHOO.widget.ImageCropper">YAHOO.widget.ImageCropper</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div id="fileList" class="module">
|
|
<h4>Files</h4>
|
|
<ul class="content">
|
|
<li class="selected"><a href="crop.js.html" title="crop.js">crop.js</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="ft">
|
|
<hr />
|
|
Copyright © 2010 Yahoo! Inc. All rights reserved.
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
|
|
var ALL_YUI_PROPS = [{"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_active", "url": "YAHOO.widget.ImageCropper.html#property__active", "type": "property"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "beforeInitHeightChange", "url": "YAHOO.widget.ImageCropper.html#event_beforeInitHeightChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "beforeInitialXYChange", "url": "YAHOO.widget.ImageCropper.html#event_beforeInitialXYChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "beforeInitWidthChange", "url": "YAHOO.widget.ImageCropper.html#event_beforeInitWidthChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "beforeKeyTickChange", "url": "YAHOO.widget.ImageCropper.html#event_beforeKeyTickChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "beforeMinHeightChange", "url": "YAHOO.widget.ImageCropper.html#event_beforeMinHeightChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "beforeMinWidthChange", "url": "YAHOO.widget.ImageCropper.html#event_beforeMinWidthChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "beforeRatioChange", "url": "YAHOO.widget.ImageCropper.html#event_beforeRatioChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "beforeShiftKeyTickChange", "url": "YAHOO.widget.ImageCropper.html#event_beforeShiftKeyTickChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "beforeStatusChange", "url": "YAHOO.widget.ImageCropper.html#event_beforeStatusChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "beforeUseKeysChange", "url": "YAHOO.widget.ImageCropper.html#event_beforeUseKeysChange", "type": "event"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_createMask", "url": "YAHOO.widget.ImageCropper.html#method__createMask", "type": "method"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_createResize", "url": "YAHOO.widget.ImageCropper.html#method__createResize", "type": "method"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_createWrap", "url": "YAHOO.widget.ImageCropper.html#method__createWrap", "type": "method"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "CSS_MAIN", "url": "YAHOO.widget.ImageCropper.html#property_CSS_MAIN", "type": "property"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "CSS_MASK", "url": "YAHOO.widget.ImageCropper.html#property_CSS_MASK", "type": "property"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "CSS_RESIZE_MASK", "url": "YAHOO.widget.ImageCropper.html#property_CSS_RESIZE_MASK", "type": "property"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "destroy", "url": "YAHOO.widget.ImageCropper.html#method_destroy", "type": "method"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "dragEvent", "url": "YAHOO.widget.ImageCropper.html#event_dragEvent", "type": "event"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "getCropCoords", "url": "YAHOO.widget.ImageCropper.html#method_getCropCoords", "type": "method"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "getCropperById", "url": "YAHOO.widget.ImageCropper.html#method_getCropperById", "type": "method"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "getEl", "url": "YAHOO.widget.ImageCropper.html#method_getEl", "type": "method"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "getMaskEl", "url": "YAHOO.widget.ImageCropper.html#method_getMaskEl", "type": "method"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "getResizeEl", "url": "YAHOO.widget.ImageCropper.html#method_getResizeEl", "type": "method"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "getResizeMaskEl", "url": "YAHOO.widget.ImageCropper.html#method_getResizeMaskEl", "type": "method"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "getResizeObject", "url": "YAHOO.widget.ImageCropper.html#method_getResizeObject", "type": "method"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "getWrapEl", "url": "YAHOO.widget.ImageCropper.html#method_getWrapEl", "type": "method"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_handleB4DragEvent", "url": "YAHOO.widget.ImageCropper.html#method__handleB4DragEvent", "type": "method"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_handleBeforeResizeEvent", "url": "YAHOO.widget.ImageCropper.html#method__handleBeforeResizeEvent", "type": "method"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_handleDragEvent", "url": "YAHOO.widget.ImageCropper.html#method__handleDragEvent", "type": "method"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_handleEndResizeEvent", "url": "YAHOO.widget.ImageCropper.html#method__handleEndResizeEvent", "type": "method"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_handleKeyPress", "url": "YAHOO.widget.ImageCropper.html#method__handleKeyPress", "type": "method"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_handleMouseOut", "url": "YAHOO.widget.ImageCropper.html#method__handleMouseOut", "type": "method"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_handleMouseOver", "url": "YAHOO.widget.ImageCropper.html#method__handleMouseOver", "type": "method"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_handleResizeEvent", "url": "YAHOO.widget.ImageCropper.html#method__handleResizeEvent", "type": "method"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_handleResizeMaskEl", "url": "YAHOO.widget.ImageCropper.html#method__handleResizeMaskEl", "type": "method"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_handleStartResizeEvent", "url": "YAHOO.widget.ImageCropper.html#method__handleStartResizeEvent", "type": "method"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_image", "url": "YAHOO.widget.ImageCropper.html#property__image", "type": "property"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "init", "url": "YAHOO.widget.ImageCropper.html#method_init", "type": "method"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "initAttributes", "url": "YAHOO.widget.ImageCropper.html#method_initAttributes", "type": "method"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "initHeight", "url": "YAHOO.widget.ImageCropper.html#config_initHeight", "type": "config"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "initHeightChange", "url": "YAHOO.widget.ImageCropper.html#event_initHeightChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "initialXY", "url": "YAHOO.widget.ImageCropper.html#config_initialXY", "type": "config"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "initialXYChange", "url": "YAHOO.widget.ImageCropper.html#event_initialXYChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "initWidth", "url": "YAHOO.widget.ImageCropper.html#config_initWidth", "type": "config"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "initWidthChange", "url": "YAHOO.widget.ImageCropper.html#event_initWidthChange", "type": "event"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_instances", "url": "YAHOO.widget.ImageCropper.html#property__instances", "type": "property"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "keyTick", "url": "YAHOO.widget.ImageCropper.html#config_keyTick", "type": "config"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "keyTickChange", "url": "YAHOO.widget.ImageCropper.html#event_keyTickChange", "type": "event"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_mask", "url": "YAHOO.widget.ImageCropper.html#property__mask", "type": "property"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "minHeight", "url": "YAHOO.widget.ImageCropper.html#config_minHeight", "type": "config"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "minHeightChange", "url": "YAHOO.widget.ImageCropper.html#event_minHeightChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "minWidth", "url": "YAHOO.widget.ImageCropper.html#config_minWidth", "type": "config"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "minWidthChange", "url": "YAHOO.widget.ImageCropper.html#event_minWidthChange", "type": "event"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_moveEl", "url": "YAHOO.widget.ImageCropper.html#method__moveEl", "type": "method"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "moveEvent", "url": "YAHOO.widget.ImageCropper.html#event_moveEvent", "type": "event"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "ratio", "url": "YAHOO.widget.ImageCropper.html#config_ratio", "type": "config"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "ratioChange", "url": "YAHOO.widget.ImageCropper.html#event_ratioChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "reset", "url": "YAHOO.widget.ImageCropper.html#method_reset", "type": "method"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_resize", "url": "YAHOO.widget.ImageCropper.html#property__resize", "type": "property"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_resizeEl", "url": "YAHOO.widget.ImageCropper.html#property__resizeEl", "type": "property"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "resizeEvent", "url": "YAHOO.widget.ImageCropper.html#event_resizeEvent", "type": "event"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_resizeMaskEl", "url": "YAHOO.widget.ImageCropper.html#property__resizeMaskEl", "type": "property"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_setBackgroundImage", "url": "YAHOO.widget.ImageCropper.html#method__setBackgroundImage", "type": "method"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_setBackgroundPosition", "url": "YAHOO.widget.ImageCropper.html#method__setBackgroundPosition", "type": "method"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_setConstraints", "url": "YAHOO.widget.ImageCropper.html#method__setConstraints", "type": "method"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "shiftKeyTick", "url": "YAHOO.widget.ImageCropper.html#config_shiftKeyTick", "type": "config"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "shiftKeyTickChange", "url": "YAHOO.widget.ImageCropper.html#event_shiftKeyTickChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "startResizeEvent", "url": "YAHOO.widget.ImageCropper.html#event_startResizeEvent", "type": "event"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "status", "url": "YAHOO.widget.ImageCropper.html#config_status", "type": "config"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "statusChange", "url": "YAHOO.widget.ImageCropper.html#event_statusChange", "type": "event"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_syncBackgroundPosition", "url": "YAHOO.widget.ImageCropper.html#method__syncBackgroundPosition", "type": "method"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "toString", "url": "YAHOO.widget.ImageCropper.html#method_toString", "type": "method"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "useKeys", "url": "YAHOO.widget.ImageCropper.html#config_useKeys", "type": "config"}, {"access": "", "host": "YAHOO.widget.ImageCropper", "name": "useKeysChange", "url": "YAHOO.widget.ImageCropper.html#event_useKeysChange", "type": "event"}, {"access": "private", "host": "YAHOO.widget.ImageCropper", "name": "_wrap", "url": "YAHOO.widget.ImageCropper.html#property__wrap", "type": "property"}];
|
|
</script>
|
|
</body>
|
|
</html>
|