Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

center (gallery-center) on cdn

Last Updated: 02/19/10

+ 1 -

Adam Moore

YUI Contributor

See 4 more by this user.

Created: 02/19/10
Last CDN Push: 02/19/10
Build Tag: gallery-2010.02.19-03
Project: YUI 3
License: YUI BSD
YUI Version: 3.0.0
Free for use.

The Node/center plugin has the following methods to calculate and operate on the center of an element:

calc():
/**
* Calculates and returns the center point of the node instance's
* underlying DOM node.
*/

to():
/**
* Sets the center of the node to the position supplied.
* accepts x/y coordinates as individual paramters or an array. Also
* accepts an event object with pageX and pageY attributes. This
* is useful for positioning an element at the location of an
* event. For example, clicking on the rail of slider.
*/

offset():
/**
* Calculates the center offset from the top/left to the center.
*/

This example will move the center of the 'mover' element to the position of the cursor when the document is clicked.

Code Sample

<script src="http://yui.yahooapis.com/3.0.0/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2010.02.19-03'
}).use('gallery-center', function(Y) {
        Y.on('click', function(e) {
            Y.one('#mover').apm_center.to(e);
        }, document);
});

Forum Posts

No forum posts for this module.