source: cows/branches/cows-vis/cows/pylons/project_templates/cows_server/+package+/public/js/yui/api/DragConstained.html @ 5259

Subversion URL: http://proj.badc.rl.ac.uk/svn/ndg/cows/branches/cows-vis/cows/pylons/project_templates/cows_server/+package+/public/js/yui/api/DragConstained.html@5259
Revision 5259, 89.1 KB checked in by domlowe, 11 years ago (diff)

adding yui javascript

Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html>
3<head>
4        <title>API: dd  DragConstained   (YUI Library)</title>
5        <link rel="stylesheet" type="text/css" href="assets/api.css">
6    <script type="text/javascript" src="assets/api-js"></script>
7    <script type="text/javascript" src="assets/ac-js"></script>
8</head>
9
10<body id="yahoo-com">
11
12<div id="doc3" class="yui-t2">
13
14        <div id="hd">
15        <a href="http://developer.yahoo.com/yui/"><h1>Yahoo! UI Library</h1></a>
16        <h3>dd&nbsp; <span class="subtitle">3.0.0pr1</span></h3>
17        <p>
18        <a href="./index.html">Yahoo! UI Library</a> 
19            &gt; <a href="./module_dd.html">dd</a>
20                 &gt; DragConstained
21               
22            </p>
23
24
25        </div>
26
27        <div id="bd">
28                <div id="yui-main">
29                        <div class="yui-b">
30            <form name="yui-classopts-form">
31    <span id="classopts"><input type="checkbox" name="showprivate" id="showprivate" /> <label for="showprivate">Show Private</label></span>
32    <span id="classopts"><input type="checkbox" name="showprotected" id="showprotected" /> <label for="showprotected">Show Protected</label></span>
33    <span id="classopts"><input type="checkbox" name="showdeprecated" id="showdeprecated" /> <label for="showdeprecated">Show Deprecated</label></span>
34            </form>
35
36                    <h2>
37                       
38
39                       
40                       
41                            Class <b>DragConstained</b>
42                        <span class="extends">
43                           - extends <a href="Drag.html">Drag</a>
44                        </span>
45
46                        <span class="extends">
47                        </span>
48                       
49                        </code>
50                    </h2>
51                    <!-- class tree goes here -->
52                   
53               
54 
55
56                    <div class="summary description">
57                        This class extends the dd-drag module to add the constraining methods to it. It supports constraining to a region, node or viewport. It also
58supports tick based moves and XY axis constraints.
59                    </div>
60
61                        <div class="section constructor details">
62                        <h3 id="constructor">Constructor</h3>
63                        <div class="content">
64                            <div class="detail">
65                                <strong>DragConstained</strong>
66                                <code>
67                                    (
68                                    )
69                                </code>
70                                <div class="description">
71                                   
72                                   
73                                </div>
74                            </div>
75                        </div>
76                    </div>
77
78                        <div class="section field details">
79                            <h3 id="properties">Properties</h3>
80                            <div class="content">
81                                    <div class="private">
82                                    <h4><a name="property__regionCache">_regionCache</a>
83                                        <code>- private Object</code>
84                                    </h4>
85                                    <div class="detail">
86                                        <div class="description">
87                                            Store a cache of the region that we are constraining to
88                                        </div>
89                                    </div>
90     
91                                       
92
93
94                                    <hr />
95                                    </div>
96
97
98                            </div>
99                        </div>
100
101                        <div class="section field inheritance">
102                            <h4>Properties inherited from <a href="Attribute.html">Attribute</a>:</h4>
103                            <div class="content">
104                                <code>
105                                   
106                                </code>
107                            </div>
108                        </div>
109                        <div class="section field inheritance">
110                            <h4>Properties inherited from <a href="Drag.html">Drag</a>:</h4>
111                            <div class="content">
112                                <code>
113                                   
114                                        <a class="private" href="Drag.html#property__clickTimeout">_clickTimeout</a><span class="private">,</span>
115                                        <a class="private" href="Drag.html#property__dragThreshMet">_dragThreshMet</a><span class="private">,</span>
116                                        <a class="private" href="Drag.html#property__endTime">_endTime</a><span class="private">,</span>
117                                        <a class="private" href="Drag.html#property__ev_md">_ev_md</a><span class="private">,</span>
118                                        <a class="private" href="Drag.html#property__fromTimeout">_fromTimeout</a><span class="private">,</span>
119                                        <a class="private" href="Drag.html#property__groups">_groups</a><span class="private">,</span>
120                                        <a class="private" href="Drag.html#property__handles">_handles</a><span class="private">,</span>
121                                        <a class="private" href="Drag.html#property__ieSelectBack">_ieSelectBack</a><span class="private">,</span>
122                                        <a class="private" href="Drag.html#property__invalids">_invalids</a><span class="private">,</span>
123                                        <a class="private" href="Drag.html#property__invalidsDefault">_invalidsDefault</a><span class="private">,</span>
124                                        <a class="private" href="Drag.html#property__startTime">_startTime</a><span class="private">,</span>
125                                        <a class="" href="Drag.html#property_deltaXY">deltaXY</a><span class="">,</span>
126                                        <a class="" href="Drag.html#property_lastXY">lastXY</a><span class="">,</span>
127                                        <a class="" href="Drag.html#property_mouseXY">mouseXY</a><span class="">,</span>
128                                        <a class="" href="Drag.html#property_nodeXY">nodeXY</a><span class="">,</span>
129                                        <a class="" href="Drag.html#property_region">region</a><span class="">,</span>
130                                        <a class="" href="Drag.html#property_startXY">startXY</a><span class="">,</span>
131                                        <a class="" href="Drag.html#property_target">target</a>
132                                </code>
133                            </div>
134                        </div>
135                        <div class="section field inheritance">
136                            <h4>Properties inherited from <a href="Base.html">Base</a>:</h4>
137                            <div class="content">
138                                <code>
139                                   
140                                        <a class="" href="Base.html#property_name">name</a>
141                                </code>
142                            </div>
143                        </div>
144
145                        <div class="section method details">
146                            <h3 id="methods">Methods</h3>
147                            <div class="content">
148                                    <div class="private">
149                                    <h4>
150                                        <a name="method__align">_align</a></h4>
151                                    <div class="detail">
152                                        <code>
153                                         private
154                                       
155                                       
156                                        Array
157                                            <strong>_align</strong>
158                                           (
159                                               
160                                                       
161                                                         xy
162                                                   
163                                               
164                                            )
165                                        </code>
166                                       
167                                        <div class="description">
168                                            Override of Drag _align to account for region checking and tick checking
169                                        </div>
170
171                                        <div class="description">
172
173                                                <dl>
174                                                    <dt>Parameters:</dt>
175                                                        <dd>
176                                                            <code>xy &lt;Array&gt;</code>
177                                                             The XY to check for ticks and region
178                                                        </dd>
179                                                </dl>
180
181                                                <dl>
182                                                    <dt>Returns:
183                                                    <code>
184                                                        Array
185                                                    </code></dt>
186                                                    <dd>The modified XY coords.</dd>
187                                                </dl>
188
189
190             
191
192                                        </div>
193
194                                    </div>
195                                    <hr />
196                                    </div>
197                                    <div class="private">
198                                    <h4>
199                                        <a name="method__cacheRegion">_cacheRegion</a></h4>
200                                    <div class="detail">
201                                        <code>
202                                         private
203                                       
204                                       
205                                        void
206                                            <strong>_cacheRegion</strong>
207                                           (
208                                            )
209                                        </code>
210                                       
211                                        <div class="description">
212                                            Get's the region and caches it, called from window.resize and when the cache is null
213                                        </div>
214
215                                        <div class="description">
216
217
218                                                <dl>
219                                                    <dt>Returns:
220                                                    <code>
221                                                        void
222                                                    </code></dt>
223                                                    <dd></dd>
224                                                </dl>
225
226
227             
228
229                                        </div>
230
231                                    </div>
232                                    <hr />
233                                    </div>
234                                    <div class="private">
235                                    <h4>
236                                        <a name="method__calcTickArray">_calcTickArray</a></h4>
237                                    <div class="detail">
238                                        <code>
239                                         private
240                                       
241                                       
242                                       
243                                            <strong>_calcTickArray</strong>
244                                           (
245                                               
246                                                       
247                                                         pos
248                                                   
249                                               
250                                                        ,
251                                                         ticks
252                                                   
253                                               
254                                                        ,
255                                                         off1
256                                                   
257                                               
258                                                        ,
259                                                         off2
260                                                   
261                                               
262                                            )
263                                        </code>
264                                       
265                                        <div class="description">
266                                            This method is used with the tickXArray and tickYArray config options
267                                        </div>
268
269                                        <div class="description">
270
271                                                <dl>
272                                                    <dt>Parameters:</dt>
273                                                        <dd>
274                                                            <code>pos &lt;Number&gt;</code>
275                                                             The current X or Y position
276                                                        </dd>
277                                                        <dd>
278                                                            <code>ticks &lt;Number&gt;</code>
279                                                             The array containing our custom tick positions.
280                                                        </dd>
281                                                        <dd>
282                                                            <code>off1 &lt;Number&gt;</code>
283                                                             The min offset that we can't pass (region)
284                                                        </dd>
285                                                        <dd>
286                                                            <code>off2 &lt;Number&gt;</code>
287                                                             The max offset that we can't pass (region)
288                                                        </dd>
289                                                </dl>
290
291
292
293             
294
295                                        </div>
296
297                                    </div>
298                                    <hr />
299                                    </div>
300                                    <div class="private">
301                                    <h4>
302                                        <a name="method__calcTicks">_calcTicks</a></h4>
303                                    <div class="detail">
304                                        <code>
305                                         private
306                                       
307                                       
308                                        Number
309                                            <strong>_calcTicks</strong>
310                                           (
311                                               
312                                                       
313                                                         pos
314                                                   
315                                               
316                                                        ,
317                                                         start
318                                                   
319                                               
320                                                        ,
321                                                         tick
322                                                   
323                                               
324                                                        ,
325                                                         off1
326                                                   
327                                               
328                                                        ,
329                                                         off2
330                                                   
331                                               
332                                            )
333                                        </code>
334                                       
335                                        <div class="description">
336                                            Helper method to calculate the tick offsets for a given position
337                                        </div>
338
339                                        <div class="description">
340
341                                                <dl>
342                                                    <dt>Parameters:</dt>
343                                                        <dd>
344                                                            <code>pos &lt;Number&gt;</code>
345                                                             The current X or Y position
346                                                        </dd>
347                                                        <dd>
348                                                            <code>start &lt;Number&gt;</code>
349                                                             The start X or Y position
350                                                        </dd>
351                                                        <dd>
352                                                            <code>tick &lt;Number&gt;</code>
353                                                             The X or Y tick increment
354                                                        </dd>
355                                                        <dd>
356                                                            <code>off1 &lt;Number&gt;</code>
357                                                             The min offset that we can't pass (region)
358                                                        </dd>
359                                                        <dd>
360                                                            <code>off2 &lt;Number&gt;</code>
361                                                             The max offset that we can't pass (region)
362                                                        </dd>
363                                                </dl>
364
365                                                <dl>
366                                                    <dt>Returns:
367                                                    <code>
368                                                        Number
369                                                    </code></dt>
370                                                    <dd>The new position based on the tick calculation</dd>
371                                                </dl>
372
373
374             
375
376                                        </div>
377
378                                    </div>
379                                    <hr />
380                                    </div>
381                                    <div class="private">
382                                    <h4>
383                                        <a name="method__checkRegion">_checkRegion</a></h4>
384                                    <div class="detail">
385                                        <code>
386                                         private
387                                       
388                                       
389                                        Array
390                                            <strong>_checkRegion</strong>
391                                           (
392                                               
393                                                       
394                                                         _xy
395                                                   
396                                               
397                                            )
398                                        </code>
399                                       
400                                        <div class="description">
401                                           
402                                        </div>
403
404                                        <div class="description">
405
406                                                <dl>
407                                                    <dt>Parameters:</dt>
408                                                        <dd>
409                                                            <code>_xy &lt;Array&gt;</code>
410                                                             The XY to check if it's in the current region, if it isn't inside the region, it will reset the xy array to be inside the region.
411                                                        </dd>
412                                                </dl>
413
414                                                <dl>
415                                                    <dt>Returns:
416                                                    <code>
417                                                        Array
418                                                    </code></dt>
419                                                    <dd>The new XY that is inside the region</dd>
420                                                </dl>
421
422
423             
424
425                                        </div>
426
427                                    </div>
428                                    <hr />
429                                    </div>
430                                    <div class="private">
431                                    <h4>
432                                        <a name="method__checkTicks">_checkTicks</a></h4>
433                                    <div class="detail">
434                                        <code>
435                                         private
436                                       
437                                       
438                                        Array
439                                            <strong>_checkTicks</strong>
440                                           (
441                                               
442                                                       
443                                                         xy
444                                                   
445                                               
446                                                        ,
447                                                         r
448                                                   
449                                               
450                                            )
451                                        </code>
452                                       
453                                        <div class="description">
454                                            This method delegates the proper helper method for tick calculations
455                                        </div>
456
457                                        <div class="description">
458
459                                                <dl>
460                                                    <dt>Parameters:</dt>
461                                                        <dd>
462                                                            <code>xy &lt;Array&gt;</code>
463                                                             The XY coords for the Drag
464                                                        </dd>
465                                                        <dd>
466                                                            <code>r &lt;Object&gt;</code>
467                                                             The optional region that we are bound to.
468                                                        </dd>
469                                                </dl>
470
471                                                <dl>
472                                                    <dt>Returns:
473                                                    <code>
474                                                        Array
475                                                    </code></dt>
476                                                    <dd>The calced XY coords</dd>
477                                                </dl>
478
479
480             
481
482                                        </div>
483
484                                    </div>
485                                    <hr />
486                                    </div>
487                                    <div class="">
488                                    <h4>
489                                        <a name="method_getRegion">getRegion</a></h4>
490                                    <div class="detail">
491                                        <code>
492                                       
493                                       
494                                       
495                                        Object
496                                            <strong>getRegion</strong>
497                                           (
498                                               
499                                                       
500                                                         inc
501                                                   
502                                               
503                                            )
504                                        </code>
505                                       
506                                        <div class="description">
507                                            Get the active region: viewport, node, custom region
508                                        </div>
509
510                                        <div class="description">
511
512                                                <dl>
513                                                    <dt>Parameters:</dt>
514                                                        <dd>
515                                                            <code>inc &lt;Boolean&gt;</code>
516                                                             Include the node's height and width
517                                                        </dd>
518                                                </dl>
519
520                                                <dl>
521                                                    <dt>Returns:
522                                                    <code>
523                                                        Object
524                                                    </code></dt>
525                                                    <dd></dd>
526                                                </dl>
527
528
529             
530
531                                        </div>
532
533                                    </div>
534                                    <hr />
535                                    </div>
536                                    <div class="">
537                                    <h4>
538                                        <a name="method_inRegion">inRegion</a></h4>
539                                    <div class="detail">
540                                        <code>
541                                       
542                                       
543                                       
544                                        Boolean
545                                            <strong>inRegion</strong>
546                                           (
547                                               
548                                                       
549                                                         xy
550                                                   
551                                               
552                                            )
553                                        </code>
554                                       
555                                        <div class="description">
556                                            Checks if the XY passed or the dragNode is inside the active region.
557                                        </div>
558
559                                        <div class="description">
560
561                                                <dl>
562                                                    <dt>Parameters:</dt>
563                                                        <dd>
564                                                            <code>xy &lt;Array&gt;</code>
565                                                             Optional XY to check, if not supplied this.get('dragNode').getXY() is used.
566                                                        </dd>
567                                                </dl>
568
569                                                <dl>
570                                                    <dt>Returns:
571                                                    <code>
572                                                        Boolean
573                                                    </code></dt>
574                                                    <dd>True if the XY is inside the region, false otherwise.</dd>
575                                                </dl>
576
577
578             
579
580                                        </div>
581
582                                    </div>
583                                    <hr />
584                                    </div>
585                            </div>
586                        </div>
587
588                            <div class="section field inheritance">
589                                <h4>Methods inherited from <a href="Attribute.html">Attribute</a>:</h4>
590                                <div class="content">
591                                    <code>
592                                            <a class="private" href="Attribute.html#method__cloneAttVal">_cloneAttVal</a><span class="private">,</span>                                            <a class="private" href="Attribute.html#method__defAttSet">_defAttSet</a><span class="private">,</span>                                            <a class="private" href="Attribute.html#method__fireAttChange">_fireAttChange</a><span class="private">,</span>                                            <a class="private" href="Attribute.html#method__getSubAttVal">_getSubAttVal</a><span class="private">,</span>                                            <a class="protected" href="Attribute.html#method__initAtts">_initAtts</a><span class="protected">,</span>                                            <a class="private" href="Attribute.html#method__initAttVal">_initAttVal</a><span class="private">,</span>                                            <a class="private" href="Attribute.html#method__setSubAttVal">_setSubAttVal</a><span class="private">,</span>                                            <a class="private" href="Attribute.html#method__splitAttrValues">_splitAttrValues</a><span class="private">,</span>                                            <a class="" href="Attribute.html#method_addAtt">addAtt</a><span class="">,</span>                                            <a class="" href="Attribute.html#method_get">get</a><span class="">,</span>                                            <a class="" href="Attribute.html#method_getAtts">getAtts</a><span class="">,</span>                                            <a class="" href="Attribute.html#method_on">on</a><span class="">,</span>                                            <a class="" href="Attribute.html#method_removeAtt">removeAtt</a><span class="">,</span>                                            <a class="" href="Attribute.html#method_set">set</a><span class="">,</span>                                            <a class="" href="Attribute.html#method_setAtts">setAtts</a>
593                                    </code>
594                                </div>
595                            </div>
596                            <div class="section field inheritance">
597                                <h4>Methods inherited from <a href="Drag.html">Drag</a>:</h4>
598                                <div class="content">
599                                    <code>
600                                            <a class="private" href="Drag.html#method__align">_align</a><span class="private">,</span>                                            <a class="private" href="Drag.html#method__createEvents">_createEvents</a><span class="private">,</span>                                            <a class="private" href="Drag.html#method__fixIEMouseDown">_fixIEMouseDown</a><span class="private">,</span>                                            <a class="private" href="Drag.html#method__fixIEMouseUp">_fixIEMouseUp</a><span class="private">,</span>                                            <a class="private" href="Drag.html#method__handleMouseDown">_handleMouseDown</a><span class="private">,</span>                                            <a class="private" href="Drag.html#method__handleMouseDownEvent">_handleMouseDownEvent</a><span class="private">,</span>                                            <a class="private" href="Drag.html#method__handleMouseUp">_handleMouseUp</a><span class="private">,</span>                                            <a class="private" href="Drag.html#method__handleTarget">_handleTarget</a><span class="private">,</span>                                            <a class="private" href="Drag.html#method__ieSelectFix">_ieSelectFix</a><span class="private">,</span>                                            <a class="private" href="Drag.html#method__move">_move</a><span class="private">,</span>                                            <a class="private" href="Drag.html#method__moveNode">_moveNode</a><span class="private">,</span>                                            <a class="private" href="Drag.html#method__prep">_prep</a><span class="private">,</span>                                            <a class="private" href="Drag.html#method__setStartPosition">_setStartPosition</a><span class="private">,</span>                                            <a class="private" href="Drag.html#method__timeoutCheck">_timeoutCheck</a><span class="private">,</span>                                            <a class="private" href="Drag.html#method__unprep">_unprep</a><span class="private">,</span>                                            <a class="" href="Drag.html#method_addHandle">addHandle</a><span class="">,</span>                                            <a class="" href="Drag.html#method_addInvalid">addInvalid</a><span class="">,</span>                                            <a class="" href="Drag.html#method_addToGroup">addToGroup</a><span class="">,</span>                                            <a class="private" href="Drag.html#method_destructor">destructor</a><span class="private">,</span>                                            <a class="" href="Drag.html#method_end">end</a><span class="">,</span>                                            <a class="private" href="Drag.html#method_initializer">initializer</a><span class="private">,</span>                                            <a class="" href="Drag.html#method_removeFromGroup">removeFromGroup</a><span class="">,</span>                                            <a class="" href="Drag.html#method_removeHandle">removeHandle</a><span class="">,</span>                                            <a class="" href="Drag.html#method_removeInvalid">removeInvalid</a><span class="">,</span>                                            <a class="" href="Drag.html#method_start">start</a><span class="">,</span>                                            <a class="" href="Drag.html#method_stopDrag">stopDrag</a><span class="">,</span>                                            <a class="" href="Drag.html#method_validClick">validClick</a>
601                                    </code>
602                                </div>
603                            </div>
604                            <div class="section field inheritance">
605                                <h4>Methods inherited from <a href="Base.html">Base</a>:</h4>
606                                <div class="content">
607                                    <code>
608                                            <a class="protected" href="Base.html#method__defDestroyFn">_defDestroyFn</a><span class="protected">,</span>                                            <a class="protected" href="Base.html#method__defInitFn">_defInitFn</a><span class="protected">,</span>                                            <a class="private" href="Base.html#method__destroyHierarchy">_destroyHierarchy</a><span class="private">,</span>                                            <a class="protected" href="Base.html#method__getClasses">_getClasses</a><span class="protected">,</span>                                            <a class="private" href="Base.html#method__initHierarchy">_initHierarchy</a><span class="private">,</span>                                            <a class="private" href="Base.html#method__prefixEvtType">_prefixEvtType</a><span class="private">,</span>                                            <a class="" href="Base.html#method_after">after</a><span class="">,</span>                                            <a class="" href="Base.html#method_destroy">destroy</a><span class="">,</span>                                            <a class="" href="Base.html#method_fire">fire</a><span class="">,</span>                                            <a class="" href="Base.html#method_init">init</a><span class="">,</span>                                            <a class="" href="Base.html#method_publish">publish</a><span class="">,</span>                                            <a class="" href="Base.html#method_subscribe">subscribe</a><span class="">,</span>                                            <a class="" href="Base.html#method_toString">toString</a><span class="">,</span>                                            <a class="" href="Base.html#method_unsubscribe">unsubscribe</a><span class="">,</span>                                            <a class="" href="Base.html#method_unsubscribeAll">unsubscribeAll</a>
609                                    </code>
610                                </div>
611                            </div>
612                            <div class="section field inheritance">
613                                <h4>Methods inherited from <a href="Event.Target.html">Event.Target</a>:</h4>
614                                <div class="content">
615                                    <code>
616                                            <a class="" href="Event.Target.html#method_addTarget">addTarget</a><span class="">,</span>                                            <a class="" href="Event.Target.html#method_after">after</a><span class="">,</span>                                            <a class="" href="Event.Target.html#method_bubble">bubble</a><span class="">,</span>                                            <a class="" href="Event.Target.html#method_fire">fire</a><span class="">,</span>                                            <a class="" href="Event.Target.html#method_getEvent">getEvent</a><span class="">,</span>                                            <a class="" href="Event.Target.html#method_publish">publish</a><span class="">,</span>                                            <a class="" href="Event.Target.html#method_ready">ready</a><span class="">,</span>                                            <a class="" href="Event.Target.html#method_removeTarget">removeTarget</a><span class="">,</span>                                            <a class="" href="Event.Target.html#method_subscribe">subscribe</a><span class="">,</span>                                            <a class="" href="Event.Target.html#method_unsubscribe">unsubscribe</a><span class="">,</span>                                            <a class="" href="Event.Target.html#method_unsubscribeAll">unsubscribeAll</a>
617                                    </code>
618                                </div>
619                            </div>
620
621                        <div class="section method details">
622                            <h3 id="events">Events</h3>
623                            <div class="content">
624                                    <div class="">
625                                    <h4>
626                                        <a name="event_constrain2nodeChange">constrain2nodeChange</a></h4>
627                                    <div class="detail">
628                                        <code>
629                                       
630                                       
631                                       
632                                            <strong>constrain2nodeChange</strong>
633
634                                            (
635                                               
636                                                       
637                                                         event
638                                                   
639                                               
640                                            )
641
642                                        </code>
643                                       
644                                        <div class="description">
645                                            Fires when the value for the configuration attribute 'constrain2node' is changed. You can listen for the event using the <a href="Attribute.html#method_on>on</a> method if you wish to be notified before the attribute's value has changed, or using the <a href="Event.Target.html#method_after>after</a> method if you wish to be notified after the attribute's value has changed.
646                                        </div>
647
648                                        <div class="description">
649
650
651                                                <dl>
652                                                    <dt>Parameters:</dt>
653                                                        <dd>
654                                                            <code>event &lt;Event.Facade&gt;</code>
655                                                            An Event Facade object with      the following attribute specific properties added: <dl>            <dt>prevVal</dt>                <dd>The value of the attribute, prior to it being set</dd>              <dt>newVal</dt>         <dd>The value the attribute is to be set to</dd>                <dt>attrName</dt>               <dd>The name of the attribute being set</dd>            <dt>subAttrName</dt>            <dd>If setting a property within the attribute's value,           the name of the sub-attribute property being set</dd> </dl>
656                                                        </dd>
657                                                </dl>
658
659
660                                        </div>
661
662                                    </div>
663                                    <hr />
664                                    </div>
665                                    <div class="">
666                                    <h4>
667                                        <a name="event_constrain2regionChange">constrain2regionChange</a></h4>
668                                    <div class="detail">
669                                        <code>
670                                       
671                                       
672                                       
673                                            <strong>constrain2regionChange</strong>
674
675                                            (
676                                               
677                                                       
678                                                         event
679                                                   
680                                               
681                                            )
682
683                                        </code>
684                                       
685                                        <div class="description">
686                                            Fires when the value for the configuration attribute 'constrain2region' is changed. You can listen for the event using the <a href="Attribute.html#method_on>on</a> method if you wish to be notified before the attribute's value has changed, or using the <a href="Event.Target.html#method_after>after</a> method if you wish to be notified after the attribute's value has changed.
687                                        </div>
688
689                                        <div class="description">
690
691
692                                                <dl>
693                                                    <dt>Parameters:</dt>
694                                                        <dd>
695                                                            <code>event &lt;Event.Facade&gt;</code>
696                                                            An Event Facade object with      the following attribute specific properties added: <dl>            <dt>prevVal</dt>                <dd>The value of the attribute, prior to it being set</dd>              <dt>newVal</dt>         <dd>The value the attribute is to be set to</dd>                <dt>attrName</dt>               <dd>The name of the attribute being set</dd>            <dt>subAttrName</dt>            <dd>If setting a property within the attribute's value,           the name of the sub-attribute property being set</dd> </dl>
697                                                        </dd>
698                                                </dl>
699
700
701                                        </div>
702
703                                    </div>
704                                    <hr />
705                                    </div>
706                                    <div class="">
707                                    <h4>
708                                        <a name="event_constrain2viewChange">constrain2viewChange</a></h4>
709                                    <div class="detail">
710                                        <code>
711                                       
712                                       
713                                       
714                                            <strong>constrain2viewChange</strong>
715
716                                            (
717                                               
718                                                       
719                                                         event
720                                                   
721                                               
722                                            )
723
724                                        </code>
725                                       
726                                        <div class="description">
727                                            Fires when the value for the configuration attribute 'constrain2view' is changed. You can listen for the event using the <a href="Attribute.html#method_on>on</a> method if you wish to be notified before the attribute's value has changed, or using the <a href="Event.Target.html#method_after>after</a> method if you wish to be notified after the attribute's value has changed.
728                                        </div>
729
730                                        <div class="description">
731
732
733                                                <dl>
734                                                    <dt>Parameters:</dt>
735                                                        <dd>
736                                                            <code>event &lt;Event.Facade&gt;</code>
737                                                            An Event Facade object with      the following attribute specific properties added: <dl>            <dt>prevVal</dt>                <dd>The value of the attribute, prior to it being set</dd>              <dt>newVal</dt>         <dd>The value the attribute is to be set to</dd>                <dt>attrName</dt>               <dd>The name of the attribute being set</dd>            <dt>subAttrName</dt>            <dd>If setting a property within the attribute's value,           the name of the sub-attribute property being set</dd> </dl>
738                                                        </dd>
739                                                </dl>
740
741
742                                        </div>
743
744                                    </div>
745                                    <hr />
746                                    </div>
747                                    <div class="">
748                                    <h4>
749                                        <a name="event_gutterChange">gutterChange</a></h4>
750                                    <div class="detail">
751                                        <code>
752                                       
753                                       
754                                       
755                                            <strong>gutterChange</strong>
756
757                                            (
758                                               
759                                                       
760                                                         event
761                                                   
762                                               
763                                            )
764
765                                        </code>
766                                       
767                                        <div class="description">
768                                            Fires when the value for the configuration attribute 'gutter' is changed. You can listen for the event using the <a href="Attribute.html#method_on>on</a> method if you wish to be notified before the attribute's value has changed, or using the <a href="Event.Target.html#method_after>after</a> method if you wish to be notified after the attribute's value has changed.
769                                        </div>
770
771                                        <div class="description">
772
773
774                                                <dl>
775                                                    <dt>Parameters:</dt>
776                                                        <dd>
777                                                            <code>event &lt;Event.Facade&gt;</code>
778                                                            An Event Facade object with      the following attribute specific properties added: <dl>            <dt>prevVal</dt>                <dd>The value of the attribute, prior to it being set</dd>              <dt>newVal</dt>         <dd>The value the attribute is to be set to</dd>                <dt>attrName</dt>               <dd>The name of the attribute being set</dd>            <dt>subAttrName</dt>            <dd>If setting a property within the attribute's value,           the name of the sub-attribute property being set</dd> </dl>
779                                                        </dd>
780                                                </dl>
781
782
783                                        </div>
784
785                                    </div>
786                                    <hr />
787                                    </div>
788                                    <div class="">
789                                    <h4>
790                                        <a name="event_stickXChange">stickXChange</a></h4>
791                                    <div class="detail">
792                                        <code>
793                                       
794                                       
795                                       
796                                            <strong>stickXChange</strong>
797
798                                            (
799                                               
800                                                       
801                                                         event
802                                                   
803                                               
804                                            )
805
806                                        </code>
807                                       
808                                        <div class="description">
809                                            Fires when the value for the configuration attribute 'stickX' is changed. You can listen for the event using the <a href="Attribute.html#method_on>on</a> method if you wish to be notified before the attribute's value has changed, or using the <a href="Event.Target.html#method_after>after</a> method if you wish to be notified after the attribute's value has changed.
810                                        </div>
811
812                                        <div class="description">
813
814
815                                                <dl>
816                                                    <dt>Parameters:</dt>
817                                                        <dd>
818                                                            <code>event &lt;Event.Facade&gt;</code>
819                                                            An Event Facade object with      the following attribute specific properties added: <dl>            <dt>prevVal</dt>                <dd>The value of the attribute, prior to it being set</dd>              <dt>newVal</dt>         <dd>The value the attribute is to be set to</dd>                <dt>attrName</dt>               <dd>The name of the attribute being set</dd>            <dt>subAttrName</dt>            <dd>If setting a property within the attribute's value,           the name of the sub-attribute property being set</dd> </dl>
820                                                        </dd>
821                                                </dl>
822
823
824                                        </div>
825
826                                    </div>
827                                    <hr />
828                                    </div>
829                                    <div class="">
830                                    <h4>
831                                        <a name="event_stickYChange">stickYChange</a></h4>
832                                    <div class="detail">
833                                        <code>
834                                       
835                                       
836                                       
837                                            <strong>stickYChange</strong>
838
839                                            (
840                                               
841                                                       
842                                                         event
843                                                   
844                                               
845                                            )
846
847                                        </code>
848                                       
849                                        <div class="description">
850                                            Fires when the value for the configuration attribute 'stickY' is changed. You can listen for the event using the <a href="Attribute.html#method_on>on</a> method if you wish to be notified before the attribute's value has changed, or using the <a href="Event.Target.html#method_after>after</a> method if you wish to be notified after the attribute's value has changed.
851                                        </div>
852
853                                        <div class="description">
854
855
856                                                <dl>
857                                                    <dt>Parameters:</dt>
858                                                        <dd>
859                                                            <code>event &lt;Event.Facade&gt;</code>
860                                                            An Event Facade object with      the following attribute specific properties added: <dl>            <dt>prevVal</dt>                <dd>The value of the attribute, prior to it being set</dd>              <dt>newVal</dt>         <dd>The value the attribute is to be set to</dd>                <dt>attrName</dt>               <dd>The name of the attribute being set</dd>            <dt>subAttrName</dt>            <dd>If setting a property within the attribute's value,           the name of the sub-attribute property being set</dd> </dl>
861                                                        </dd>
862                                                </dl>
863
864
865                                        </div>
866
867                                    </div>
868                                    <hr />
869                                    </div>
870                                    <div class="">
871                                    <h4>
872                                        <a name="event_tickXArrayChange">tickXArrayChange</a></h4>
873                                    <div class="detail">
874                                        <code>
875                                       
876                                       
877                                       
878                                            <strong>tickXArrayChange</strong>
879
880                                            (
881                                               
882                                                       
883                                                         event
884                                                   
885                                               
886                                            )
887
888                                        </code>
889                                       
890                                        <div class="description">
891                                            Fires when the value for the configuration attribute 'tickXArray' is changed. You can listen for the event using the <a href="Attribute.html#method_on>on</a> method if you wish to be notified before the attribute's value has changed, or using the <a href="Event.Target.html#method_after>after</a> method if you wish to be notified after the attribute's value has changed.
892                                        </div>
893
894                                        <div class="description">
895
896
897                                                <dl>
898                                                    <dt>Parameters:</dt>
899                                                        <dd>
900                                                            <code>event &lt;Event.Facade&gt;</code>
901                                                            An Event Facade object with      the following attribute specific properties added: <dl>            <dt>prevVal</dt>                <dd>The value of the attribute, prior to it being set</dd>              <dt>newVal</dt>         <dd>The value the attribute is to be set to</dd>                <dt>attrName</dt>               <dd>The name of the attribute being set</dd>            <dt>subAttrName</dt>            <dd>If setting a property within the attribute's value,           the name of the sub-attribute property being set</dd> </dl>
902                                                        </dd>
903                                                </dl>
904
905
906                                        </div>
907
908                                    </div>
909                                    <hr />
910                                    </div>
911                                    <div class="">
912                                    <h4>
913                                        <a name="event_tickXChange">tickXChange</a></h4>
914                                    <div class="detail">
915                                        <code>
916                                       
917                                       
918                                       
919                                            <strong>tickXChange</strong>
920
921                                            (
922                                               
923                                                       
924                                                         event
925                                                   
926                                               
927                                            )
928
929                                        </code>
930                                       
931                                        <div class="description">
932                                            Fires when the value for the configuration attribute 'tickX' is changed. You can listen for the event using the <a href="Attribute.html#method_on>on</a> method if you wish to be notified before the attribute's value has changed, or using the <a href="Event.Target.html#method_after>after</a> method if you wish to be notified after the attribute's value has changed.
933                                        </div>
934
935                                        <div class="description">
936
937
938                                                <dl>
939                                                    <dt>Parameters:</dt>
940                                                        <dd>
941                                                            <code>event &lt;Event.Facade&gt;</code>
942                                                            An Event Facade object with      the following attribute specific properties added: <dl>            <dt>prevVal</dt>                <dd>The value of the attribute, prior to it being set</dd>              <dt>newVal</dt>         <dd>The value the attribute is to be set to</dd>                <dt>attrName</dt>               <dd>The name of the attribute being set</dd>            <dt>subAttrName</dt>            <dd>If setting a property within the attribute's value,           the name of the sub-attribute property being set</dd> </dl>
943                                                        </dd>
944                                                </dl>
945
946
947                                        </div>
948
949                                    </div>
950                                    <hr />
951                                    </div>
952                                    <div class="">
953                                    <h4>
954                                        <a name="event_tickYArrayChange">tickYArrayChange</a></h4>
955                                    <div class="detail">
956                                        <code>
957                                       
958                                       
959                                       
960                                            <strong>tickYArrayChange</strong>
961
962                                            (
963                                               
964                                                       
965                                                         event
966                                                   
967                                               
968                                            )
969
970                                        </code>
971                                       
972                                        <div class="description">
973                                            Fires when the value for the configuration attribute 'tickYArray' is changed. You can listen for the event using the <a href="Attribute.html#method_on>on</a> method if you wish to be notified before the attribute's value has changed, or using the <a href="Event.Target.html#method_after>after</a> method if you wish to be notified after the attribute's value has changed.
974                                        </div>
975
976                                        <div class="description">
977
978
979                                                <dl>
980                                                    <dt>Parameters:</dt>
981                                                        <dd>
982                                                            <code>event &lt;Event.Facade&gt;</code>
983                                                            An Event Facade object with      the following attribute specific properties added: <dl>            <dt>prevVal</dt>                <dd>The value of the attribute, prior to it being set</dd>              <dt>newVal</dt>         <dd>The value the attribute is to be set to</dd>                <dt>attrName</dt>               <dd>The name of the attribute being set</dd>            <dt>subAttrName</dt>            <dd>If setting a property within the attribute's value,           the name of the sub-attribute property being set</dd> </dl>
984                                                        </dd>
985                                                </dl>
986
987
988                                        </div>
989
990                                    </div>
991                                    <hr />
992                                    </div>
993                                    <div class="">
994                                    <h4>
995                                        <a name="event_tickYChange">tickYChange</a></h4>
996                                    <div class="detail">
997                                        <code>
998                                       
999                                       
1000                                       
1001                                            <strong>tickYChange</strong>
1002
1003                                            (
1004                                               
1005                                                       
1006                                                         event
1007                                                   
1008                                               
1009                                            )
1010
1011                                        </code>
1012                                       
1013                                        <div class="description">
1014                                            Fires when the value for the configuration attribute 'tickY' is changed. You can listen for the event using the <a href="Attribute.html#method_on>on</a> method if you wish to be notified before the attribute's value has changed, or using the <a href="Event.Target.html#method_after>after</a> method if you wish to be notified after the attribute's value has changed.
1015                                        </div>
1016
1017                                        <div class="description">
1018
1019
1020                                                <dl>
1021                                                    <dt>Parameters:</dt>
1022                                                        <dd>
1023                                                            <code>event &lt;Event.Facade&gt;</code>
1024                                                            An Event Facade object with      the following attribute specific properties added: <dl>            <dt>prevVal</dt>                <dd>The value of the attribute, prior to it being set</dd>              <dt>newVal</dt>         <dd>The value the attribute is to be set to</dd>                <dt>attrName</dt>               <dd>The name of the attribute being set</dd>            <dt>subAttrName</dt>            <dd>If setting a property within the attribute's value,           the name of the sub-attribute property being set</dd> </dl>
1025                                                        </dd>
1026                                                </dl>
1027
1028
1029                                        </div>
1030
1031                                    </div>
1032                                    <hr />
1033                                    </div>
1034                            </div>
1035                        </div>
1036
1037
1038                        <div class="section field inheritance">
1039                            <h4>Events inherited from <a href="Drag.html">Drag</a>:</h4>
1040                            <div class="content">
1041                                <code>
1042                                        <a class="" href="Drag.html#event_activeHandleChange">activeHandleChange</a><span class="">,</span>                                        <a class="" href="Drag.html#event_clickPixelThreshChange">clickPixelThreshChange</a><span class="">,</span>                                        <a class="" href="Drag.html#event_clickTimeThreshChange">clickTimeThreshChange</a><span class="">,</span>                                        <a class="" href="Drag.html#event_dataChange">dataChange</a><span class="">,</span>                                        <a class="" href="Drag.html#event_drag:addHandle">drag:addHandle</a><span class="">,</span>                                        <a class="" href="Drag.html#event_drag:addInvalid">drag:addInvalid</a><span class="">,</span>                                        <a class="" href="Drag.html#event_drag:afterMouseDown">drag:afterMouseDown</a><span class="">,</span>                                        <a class="" href="Drag.html#event_drag:drag">drag:drag</a><span class="">,</span>                                        <a class="" href="Drag.html#event_drag:drophit">drag:drophit</a><span class="">,</span>                                        <a class="" href="Drag.html#event_drag:dropmiss">drag:dropmiss</a><span class="">,</span>                                        <a class="" href="Drag.html#event_drag:end">drag:end</a><span class="">,</span>                                        <a class="" href="Drag.html#event_drag:enter">drag:enter</a><span class="">,</span>                                        <a class="" href="Drag.html#event_drag:exit">drag:exit</a><span class="">,</span>                                        <a class="" href="Drag.html#event_drag:mouseDown">drag:mouseDown</a>                                        <a class="" href="Drag.html#event_drag:over">drag:over</a>                                        <a class="" href="Drag.html#event_drag:removeHandle">drag:removeHandle</a>                                        <a class="" href="Drag.html#event_drag:removeInvalid">drag:removeInvalid</a>                                        <a class="" href="Drag.html#event_drag:start">drag:start</a>                                        <a class="" href="Drag.html#event_draggingChange">draggingChange</a>                                        <a class="" href="Drag.html#event_dragModeChange">dragModeChange</a>                                        <a class="" href="Drag.html#event_dragNodeChange">dragNodeChange</a>                                        <a class="" href="Drag.html#event_groupsChange">groupsChange</a>                                        <a class="" href="Drag.html#event_handlesChange">handlesChange</a>                                        <a class="" href="Drag.html#event_lockChange">lockChange</a>                                        <a class="" href="Drag.html#event_moveChange">moveChange</a>                                        <a class="" href="Drag.html#event_nodeChange">nodeChange</a>                                        <a class="" href="Drag.html#event_offsetNodeChange">offsetNodeChange</a>                                        <a class="" href="Drag.html#event_primaryButtonOnlyChange">primaryButtonOnlyChange</a>                                        <a class="" href="Drag.html#event_targetChange">targetChange</a>                                        <a class="" href="Drag.html#event_useShimChange">useShimChange</a>
1043                                </code>
1044                            </div>
1045                        </div>
1046                        <div class="section field inheritance">
1047                            <h4>Events inherited from <a href="Base.html">Base</a>:</h4>
1048                            <div class="content">
1049                                <code>
1050                                        <a class="" href="Base.html#event_destroy">destroy</a><span class="">,</span>                                        <a class="" href="Base.html#event_destroyedChange">destroyedChange</a><span class="">,</span>                                        <a class="" href="Base.html#event_init">init</a><span class="">,</span>                                        <a class="" href="Base.html#event_initializedChange">initializedChange</a><span class="">,</span>
1051                                </code>
1052                            </div>
1053                        </div>
1054
1055                        <div class="section field details">
1056                            <h3 id="configattributes">Configuration Attributes</h3>
1057                            <div class="content">
1058                                    <div class="">
1059                                    <h4><a name="config_constrain2node">constrain2node</a>
1060                                        <code>- Object</code>
1061                                    </h4>
1062                                    <div class="detail">
1063                                        <div class="description">
1064                                            Will attempt to constrain the drag node to the bounderies of this node.
1065                                        </div>
1066                                    </div>
1067 
1068     
1069
1070                                    <hr />
1071                                    </div>       
1072                                    <div class="">
1073                                    <h4><a name="config_constrain2region">constrain2region</a>
1074                                        <code>- Object</code>
1075                                    </h4>
1076                                    <div class="detail">
1077                                        <div class="description">
1078                                            An Object Literal containing a valid region (top, right, bottom, left) of page positions to constrain the drag node to.
1079                                        </div>
1080                                    </div>
1081 
1082     
1083
1084                                    <hr />
1085                                    </div>       
1086                                    <div class="">
1087                                    <h4><a name="config_constrain2view">constrain2view</a>
1088                                        <code>- Object</code>
1089                                    </h4>
1090                                    <div class="detail">
1091                                        <div class="description">
1092                                            Will attempt to constrain the drag node to the bounderies of the viewport region.
1093                                        </div>
1094                                    </div>
1095 
1096     
1097
1098                                    <hr />
1099                                    </div>       
1100                                    <div class="">
1101                                    <h4><a name="config_gutter">gutter</a>
1102                                        <code>- String</code>
1103                                    </h4>
1104                                    <div class="detail">
1105                                        <div class="description">
1106                                            CSS style string for the gutter of a region (supports negative values): '5 0' (sets top and bottom to 5px, left and right to 0px), '1 2 3 4' (top 1px, right 2px, bottom 3px, left 4px)
1107                                        </div>
1108                                    </div>
1109 
1110     
1111
1112                                    <hr />
1113                                    </div>       
1114                                    <div class="">
1115                                    <h4><a name="config_stickX">stickX</a>
1116                                        <code>- Boolean</code>
1117                                    </h4>
1118                                    <div class="detail">
1119                                        <div class="description">
1120                                            Stick the drag movement to the X-Axis. Default: false
1121                                        </div>
1122                                    </div>
1123 
1124     
1125
1126                                    <hr />
1127                                    </div>       
1128                                    <div class="">
1129                                    <h4><a name="config_stickY">stickY</a>
1130                                        <code>- Boolean</code>
1131                                    </h4>
1132                                    <div class="detail">
1133                                        <div class="description">
1134                                            Stick the drag movement to the Y-Axis
1135                                        </div>
1136                                    </div>
1137 
1138     
1139
1140                                    <hr />
1141                                    </div>       
1142                                    <div class="">
1143                                    <h4><a name="config_tickX">tickX</a>
1144                                        <code>- Number/false</code>
1145                                    </h4>
1146                                    <div class="detail">
1147                                        <div class="description">
1148                                            The X tick offset the drag node should snap to on each drag move. False for no ticks. Default: false
1149                                        </div>
1150                                    </div>
1151 
1152     
1153
1154                                    <hr />
1155                                    </div>       
1156                                    <div class="">
1157                                    <h4><a name="config_tickXArray">tickXArray</a>
1158                                        <code>- Array</code>
1159                                    </h4>
1160                                    <div class="detail">
1161                                        <div class="description">
1162                                            An array of page coordinates to use as X ticks for drag movement.
1163                                        </div>
1164                                    </div>
1165 
1166     
1167
1168                                    <hr />
1169                                    </div>       
1170                                    <div class="">
1171                                    <h4><a name="config_tickY">tickY</a>
1172                                        <code>- Number/false</code>
1173                                    </h4>
1174                                    <div class="detail">
1175                                        <div class="description">
1176                                            The Y tick offset the drag node should snap to on each drag move. False for no ticks. Default: false
1177                                        </div>
1178                                    </div>
1179 
1180     
1181
1182                                    <hr />
1183                                    </div>       
1184                                    <div class="">
1185                                    <h4><a name="config_tickYArray">tickYArray</a>
1186                                        <code>- Array</code>
1187                                    </h4>
1188                                    <div class="detail">
1189                                        <div class="description">
1190                                            An array of page coordinates to use as Y ticks for drag movement.
1191                                        </div>
1192                                    </div>
1193 
1194     
1195
1196                                    <hr />
1197                                    </div>       
1198
1199                            </div>
1200                        </div>
1201
1202                        <div class="section field inheritance">
1203                            <h4>Configuration attributes inherited from <a href="Drag.html">Drag</a>:</h4>
1204                            <div class="content">
1205                                <code>
1206                                        <a class="" href="Drag.html#config_activeHandle">activeHandle</a><span class="">,</span>                                        <a class="" href="Drag.html#config_clickPixelThresh">clickPixelThresh</a><span class="">,</span>                                        <a class="" href="Drag.html#config_clickTimeThresh">clickTimeThresh</a><span class="">,</span>                                        <a class="" href="Drag.html#config_data">data</a><span class="">,</span>                                        <a class="" href="Drag.html#config_dragging">dragging</a><span class="">,</span>                                        <a class="" href="Drag.html#config_dragMode">dragMode</a><span class="">,</span>                                        <a class="" href="Drag.html#config_dragNode">dragNode</a><span class="">,</span>                                        <a class="" href="Drag.html#config_groups">groups</a><span class="">,</span>                                        <a class="" href="Drag.html#config_handles">handles</a><span class="">,</span>                                        <a class="" href="Drag.html#config_lock">lock</a><span class="">,</span>                                        <a class="" href="Drag.html#config_move">move</a><span class="">,</span>                                        <a class="" href="Drag.html#config_node">node</a><span class="">,</span>                                        <a class="" href="Drag.html#config_offsetNode">offsetNode</a><span class="">,</span>                                        <a class="" href="Drag.html#config_primaryButtonOnly">primaryButtonOnly</a>                                        <a class="" href="Drag.html#config_target">target</a>                                        <a class="" href="Drag.html#config_useShim">useShim</a>
1207                                </code>
1208                            </div>
1209                        </div>
1210                        <div class="section field inheritance">
1211                            <h4>Configuration attributes inherited from <a href="Base.html">Base</a>:</h4>
1212                            <div class="content">
1213                                <code>
1214                                        <a class="" href="Base.html#config_destroyed">destroyed</a><span class="">,</span>                                        <a class="" href="Base.html#config_initialized">initialized</a><span class="">,</span>
1215                                </code>
1216                            </div>
1217                        </div>
1218
1219                        </div>
1220                </div>
1221                <div class="yui-b">
1222            <div class="nav">
1223
1224                    <div class="module">
1225                        <h4>Modules</h4>
1226                        <ul class="content">
1227
1228                                <li class=""><a href="module_anim.html">anim</a></li>
1229
1230                                <li class=""><a href="module_attribute.html">attribute</a></li>
1231
1232                                <li class=""><a href="module_base.html">base</a></li>
1233
1234                                <li class=""><a href="module_cookie.html">cookie</a></li>
1235
1236                                <li class="selected"><a href="module_dd.html">dd</a></li>
1237
1238                                <li class=""><a href="module_dd-plugin.html">dd-plugin</a></li>
1239
1240                                <li class=""><a href="module_dom.html">dom</a></li>
1241
1242                                <li class=""><a href="module_dump.html">dump</a></li>
1243
1244                                <li class=""><a href="module_event.html">event</a></li>
1245
1246                                <li class=""><a href="module_io.html">io</a></li>
1247
1248                                <li class=""><a href="module_json.html">json</a></li>
1249
1250                                <li class=""><a href="module_node.html">node</a></li>
1251
1252                                <li class=""><a href="module_oop.html">oop</a></li>
1253
1254                                <li class=""><a href="module_queue.html">queue</a></li>
1255
1256                                <li class=""><a href="module_substitute.html">substitute</a></li>
1257
1258                                <li class=""><a href="module_yui.html">yui</a></li>
1259                        </ul>
1260                    </div>
1261
1262                    <div class="module">
1263                        <h4>Classes</h4>
1264                        <ul class="content">
1265                                <li class=""><a href="DDM.html">DDM</a></li>
1266                                <li class=""><a href="Drag.html">Drag</a></li>
1267                                <li class="selected"><a href="DragConstained.html">DragConstained</a></li>
1268                                <li class=""><a href="Drop.html">Drop</a></li>
1269                                <li class=""><a href="Proxy.html">Proxy</a></li>
1270                        </ul>
1271                    </div>
1272
1273                    <div class="module">
1274                        <h4>Files</h4>
1275                        <ul class="content">       
1276                                <li class=""><a href="constrain.js.html">constrain.js</a></li>
1277                                <li class=""><a href="ddm-base.js.html">ddm-base.js</a></li>
1278                                <li class=""><a href="ddm-drop.js.html">ddm-drop.js</a></li>
1279                                <li class=""><a href="ddm.js.html">ddm.js</a></li>
1280                                <li class=""><a href="drag.js.html">drag.js</a></li>
1281                                <li class=""><a href="drop.js.html">drop.js</a></li>
1282                                <li class=""><a href="proxy.js.html">proxy.js</a></li>
1283                        </ul>
1284                    </div>
1285
1286                    <div class="module">
1287                        <h4>Properties</h4>
1288                        <ul class="content">       
1289                                <li class="private"><a href="#property__regionCache">_regionCache</a>
1290                                        <!--<code>&lt;Object&gt;</code>-->
1291                                </li>
1292                        </ul>
1293                    </div>
1294
1295                    <div class="module">
1296                        <h4>Methods</h4>
1297                        <ul class="content">       
1298                                <li class="private"><!--<code>Array</code>-->
1299                                <a href="#method__align">_align</a>
1300                                </li>
1301                                <li class="private"><!--<code>void</code>-->
1302                                <a href="#method__cacheRegion">_cacheRegion</a>
1303                                </li>
1304                                <li class="private"><!--<code></code>-->
1305                                <a href="#method__calcTickArray">_calcTickArray</a>
1306                                </li>
1307                                <li class="private"><!--<code>Number</code>-->
1308                                <a href="#method__calcTicks">_calcTicks</a>
1309                                </li>
1310                                <li class="private"><!--<code>Array</code>-->
1311                                <a href="#method__checkRegion">_checkRegion</a>
1312                                </li>
1313                                <li class="private"><!--<code>Array</code>-->
1314                                <a href="#method__checkTicks">_checkTicks</a>
1315                                </li>
1316                                <li class=""><!--<code>Object</code>-->
1317                                <a href="#method_getRegion">getRegion</a>
1318                                </li>
1319                                <li class=""><!--<code>Boolean</code>-->
1320                                <a href="#method_inRegion">inRegion</a>
1321                                </li>
1322                        </ul>
1323                    </div>
1324
1325                    <div class="module">
1326                        <h4>Events</h4>
1327                        <ul class="content">       
1328                                <li class="">
1329                                <a href="#event_constrain2nodeChange">constrain2nodeChange</a>
1330                                </li>
1331                                <li class="">
1332                                <a href="#event_constrain2regionChange">constrain2regionChange</a>
1333                                </li>
1334                                <li class="">
1335                                <a href="#event_constrain2viewChange">constrain2viewChange</a>
1336                                </li>
1337                                <li class="">
1338                                <a href="#event_gutterChange">gutterChange</a>
1339                                </li>
1340                                <li class="">
1341                                <a href="#event_stickXChange">stickXChange</a>
1342                                </li>
1343                                <li class="">
1344                                <a href="#event_stickYChange">stickYChange</a>
1345                                </li>
1346                                <li class="">
1347                                <a href="#event_tickXArrayChange">tickXArrayChange</a>
1348                                </li>
1349                                <li class="">
1350                                <a href="#event_tickXChange">tickXChange</a>
1351                                </li>
1352                                <li class="">
1353                                <a href="#event_tickYArrayChange">tickYArrayChange</a>
1354                                </li>
1355                                <li class="">
1356                                <a href="#event_tickYChange">tickYChange</a>
1357                                </li>
1358                        </ul>
1359                    </div>
1360
1361                    <div class="module">
1362                        <h4>Configuration Attributes</h4>
1363                        <ul class="content">       
1364                                <li class="">
1365                                <a href="#config_constrain2node">constrain2node</a>
1366                                </li>
1367                                <li class="">
1368                                <a href="#config_constrain2region">constrain2region</a>
1369                                </li>
1370                                <li class="">
1371                                <a href="#config_constrain2view">constrain2view</a>
1372                                </li>
1373                                <li class="">
1374                                <a href="#config_gutter">gutter</a>
1375                                </li>
1376                                <li class="">
1377                                <a href="#config_stickX">stickX</a>
1378                                </li>
1379                                <li class="">
1380                                <a href="#config_stickY">stickY</a>
1381                                </li>
1382                                <li class="">
1383                                <a href="#config_tickX">tickX</a>
1384                                </li>
1385                                <li class="">
1386                                <a href="#config_tickXArray">tickXArray</a>
1387                                </li>
1388                                <li class="">
1389                                <a href="#config_tickY">tickY</a>
1390                                </li>
1391                                <li class="">
1392                                <a href="#config_tickYArray">tickYArray</a>
1393                                </li>
1394                        </ul>
1395                    </div>
1396
1397            </div>
1398                </div>
1399        </div>
1400        <div id="ft">
1401        <hr />
1402        Copyright &copy; 2008 Yahoo! Inc. All rights reserved.
1403        </div>
1404</div>
1405</body>
1406</html>
Note: See TracBrowser for help on using the repository browser.