The Gallery is deprecated. No new Gallery components may be submitted, and modifying existing components is disabled. For more information please read the Gallery Deprecation blog post. This is a static snapshot of the Gallery for archive purposes.
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.
<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);
});
No forum posts for this module.
All code on this site is licensed under the BSD License unless stated otherwise.