Changeset 1356
- Timestamp:
- 04/19/08 02:39:27 (3 months ago)
- Files:
-
- mochikit/trunk/doc/html/MochiKit/Visual.html (modified) (8 diffs)
- mochikit/trunk/doc/rst/MochiKit/Visual.rst (modified) (13 diffs)
Legend:
- Unmodified
- Added
- Removed
- Modified
- Copied
- Moved
mochikit/trunk/doc/html/MochiKit/Visual.html
r1344 r1356 76 76 <p>By default, you have one Queue called <tt class="docutils literal"><span class="pre">'global'</span></tt>, and the effects run in 77 77 <tt class="docutils literal"><span class="pre">'parallel'</span></tt> (see <a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>). Every effect has a <tt class="docutils literal"><span class="pre">queue</span></tt> 78 option to customize this. It 's value can be a string, thereby using the78 option to customize this. Its value can be a string, thereby using the 79 79 <tt class="docutils literal"><span class="pre">global</span></tt> scope:</p> 80 80 <ul class="simple"> … … 108 108 <tt class="docutils literal"><span class="pre">className</span></tt> specifiers, using the options provided. <tt class="docutils literal"><span class="pre">tagName</span></tt> 109 109 or <tt class="docutils literal"><span class="pre">className</span></tt> can be <tt class="docutils literal"><span class="pre">null</span></tt> to match all tags or classes. 110 For more information about the <tt class="docutils literal"><span class="pre">options</span></tt>, see the 111 <a class="mochiref reference" href="#fn-roundelement">roundElement</a> function.</p> 110 Regarding the <tt class="docutils literal"><span class="pre">options</span></tt>, see the <a class="mochiref reference" href="#fn-roundelement">roundElement</a> function.</p> 112 111 <dl class="docutils"> 113 112 <dt><em>Availability</em>:</dt> … … 214 213 </dd> 215 214 <dt>options:</dt> 216 <dd>The optional effect options (see effect functions for details).</dd> 215 <dd>The optional effect options (see the respective effect 216 functions for details).</dd> 217 217 <dt><em>Availability</em>:</dt> 218 218 <dd>Available in MochiKit 1.4+</dd> … … 249 249 <dd>An effect class constructor function.</dd> 250 250 <dt>options:</dt> 251 <dd><p class="first">The effect options (see the effect classes). A special <tt class="docutils literal"><span class="pre">speed</span></tt>252 value will be added to the effect <tt class="docutils literal"><span class="pre">delay</span></tt> for each additional 253 element in the list. This cause the effects to not run exactly 254 in parallel by default.</p>251 <dd><p class="first">The effect options (see the respective effect class). A special 252 <tt class="docutils literal"><span class="pre">speed</span></tt> value will be added to the effect <tt class="docutils literal"><span class="pre">delay</span></tt> for each 253 additional element in the list. This cause the effects to not run 254 exactly in parallel by default.</p> 255 255 <table border="1" class="last docutils"> 256 256 <colgroup> … … 312 312 <blockquote> 313 313 <p>Slowly shows an <tt class="docutils literal"><span class="pre">element</span></tt> using the <a class="mochiref reference" href="#fn-opacity">Opacity</a> effect. 314 If the <tt class="docutils literal"><span class="pre">element</span></tt> has <tt class="docutils literal"><span class="pre">"display:</span> <span class="pre">none"</span></tt> style it will be changed314 If the <tt class="docutils literal"><span class="pre">element</span></tt> has <tt class="docutils literal"><span class="pre">"display:</span> <span class="pre">none"</span></tt> style, it will be changed 315 315 to <tt class="docutils literal"><span class="pre">"display:</span> <span class="pre">block"</span></tt> with <a class="mochiref reference" href="Style.html#fn-showelement">MochiKit.Style.showElement</a>.</p> 316 316 <dl class="docutils"> … … 382 382 <p>Blind an <tt class="docutils literal"><span class="pre">element</span></tt> down, restoring its vertical size using the 383 383 <a class="mochiref reference" href="#fn-scale">Scale</a> effect. If the <tt class="docutils literal"><span class="pre">element</span></tt> has <tt class="docutils literal"><span class="pre">"display:</span> <span class="pre">none"</span></tt> 384 style it will be changed to <tt class="docutils literal"><span class="pre">"display:</span> <span class="pre">block"</span></tt> with384 style, it will be changed to <tt class="docutils literal"><span class="pre">"display:</span> <span class="pre">block"</span></tt> with 385 385 <a class="mochiref reference" href="Style.html#fn-showelement">MochiKit.Style.showElement</a>.</p> 386 386 <dl class="docutils"> … … 775 775 <p>Default options for all effects. Note that all effects inherit 776 776 the <a class="mochiref reference" href="#fn-base">Base</a> class and thereby also support a number of 777 events ,that can be specified as callback functions among the777 events that can be specified as callback functions among the 778 778 effect options.</p> 779 779 <table border="1" class="docutils"> … … 839 839 }); 840 840 </pre> 841 <p>Specific <tt class="docutils literal"><span class="pre">internal</span></tt> events are also available: for each one abone the842 same exists with 'Internal' (example: 'beforeStartInternal'). Their purpose 843 is mainly for creating your own effect and keep the user access to event 844 callbacks (not overriding the library ones).</p>841 <p>Specific <tt class="docutils literal"><span class="pre">internal</span></tt> events are also available: for each one listed above, 842 the same exists with an 'Internal' postfix (e.g. 'beforeStartInternal'). 843 Their purpose is mainly for creating your own effect and keep the user 844 access to event callbacks (not overriding the library ones).</p> 845 845 <dl class="docutils"> 846 846 <dt><em>Availability</em>:</dt> mochikit/trunk/doc/rst/MochiKit/Visual.rst
r1344 r1356 80 80 By default, you have one Queue called ``'global'``, and the effects run in 81 81 ``'parallel'`` (see :mochiref:`DefaultOptions`). Every effect has a ``queue`` 82 option to customize this. It 's value can be a string, thereby using the82 option to customize this. Its value can be a string, thereby using the 83 83 ``global`` scope: 84 84 … … 111 111 ``className`` specifiers, using the options provided. ``tagName`` 112 112 or ``className`` can be ``null`` to match all tags or classes. 113 For more information about the ``options``, see the 114 :mochiref:`roundElement` function. 113 Regarding the ``options``, see the :mochiref:`roundElement` function. 115 114 116 115 *Availability*: … … 126 125 :mochiref:`MochiKit.DOM.getElement`). 127 126 128 options: 127 options: 129 128 The ``options`` mapping has the following defaults: 130 129 … … 183 182 184 183 options: 185 The optional effect options (see effect functions for details). 184 The optional effect options (see the respective effect 185 functions for details). 186 186 187 187 *Availability*: … … 219 219 220 220 options: 221 The effect options (see the effect classes). A special ``speed``222 value will be added to the effect ``delay`` for each additional223 element in the list. This cause the effects to not run exactly224 in parallel by default.221 The effect options (see the respective effect class). A special 222 ``speed`` value will be added to the effect ``delay`` for each 223 additional element in the list. This cause the effects to not run 224 exactly in parallel by default. 225 225 226 226 ========= ================= … … 260 260 261 261 Slowly shows an ``element`` using the :mochiref:`Opacity` effect. 262 If the ``element`` has ``"display: none"`` style it will be changed262 If the ``element`` has ``"display: none"`` style, it will be changed 263 263 to ``"display: block"`` with :mochiref:`MochiKit.Style.showElement`. 264 264 … … 319 319 Blind an ``element`` down, restoring its vertical size using the 320 320 :mochiref:`Scale` effect. If the ``element`` has ``"display: none"`` 321 style it will be changed to ``"display: block"`` with321 style, it will be changed to ``"display: block"`` with 322 322 :mochiref:`MochiKit.Style.showElement`. 323 323 … … 477 477 ================= ======================================== 478 478 direction ``"center"`` 479 moveTransition ``MochiKit.Visual.Transitions.sinoidal`` 480 scaleTransition ``MochiKit.Visual.Transitions.sinoidal`` 481 opacityTransition ``MochiKit.Visual.Transitions.full`` 479 moveTransition ``MochiKit.Visual.Transitions.sinoidal`` 480 scaleTransition ``MochiKit.Visual.Transitions.sinoidal`` 481 opacityTransition ``MochiKit.Visual.Transitions.full`` 482 482 ================= ======================================== 483 483 … … 517 517 ================= ======================================== 518 518 direction ``"center"`` 519 moveTransition ``MochiKit.Visual.Transitions.sinoidal`` 520 scaleTransition ``MochiKit.Visual.Transitions.sinoidal`` 521 opacityTransition ``MochiKit.Visual.Transitions.full`` 519 moveTransition ``MochiKit.Visual.Transitions.sinoidal`` 520 scaleTransition ``MochiKit.Visual.Transitions.sinoidal`` 521 opacityTransition ``MochiKit.Visual.Transitions.full`` 522 522 ================= ======================================== 523 523 … … 609 609 Default options for all effects. Note that all effects inherit 610 610 the :mochiref:`Base` class and thereby also support a number of 611 events ,that can be specified as callback functions among the611 events that can be specified as callback functions among the 612 612 effect options. 613 613 … … 651 651 slideDown('myelement'); 652 652 }); 653 654 Specific ``internal`` events are also available: for each one abone the655 same exists with 'Internal' (example: 'beforeStartInternal'). Their purpose656 is mainly for creating your own effect and keep the user access to event657 callbacks (not overriding the library ones).653 654 Specific ``internal`` events are also available: for each one listed above, 655 the same exists with an 'Internal' postfix (e.g. 'beforeStartInternal'). 656 Their purpose is mainly for creating your own effect and keep the user 657 access to event callbacks (not overriding the library ones). 658 658 659 659 *Availability*: … … 762 762 ``"contents"`` Uses ``scrollHeight`` and ``scrollWidth`` 763 763 {...} Uses ``originalHeight`` and ``originalWidth`` from the specified object 764 ================ ========================================= 764 ================ ========================================= 765 765 766 766 *Availability*: … … 814 814 ``style`` with an array holding the styles to change. It works with 815 815 properties for size (``font-size``, ``border-width``, ...) and properties 816 for color (``color``, ``background-color``, ...). 816 for color (``color``, ``background-color``, ...). 817 817 818 818 For size, it's better to have defined the original style. You *must* 819 819 use the same unit in the call to Morph (no translation exists between two 820 820 different units). 821 821 822 822 Parsed length are postfixed with: em, ex, px, in, cm, mm, pt, pc. 823 823 824 824 Example:: 825 825 826 826 <div id="foo" style="font-size: 1em">MyDiv</div> 827 827 ...
