Все о Joomla 1.5

Метод setXY - это часть YUI DOM коллекции, он упрощает позиционирование элемента по отношению к документу.
Рассмотрим такой пример. У нас есть квадратик div, и он переходит при клике мышкой в место куда кликнули.
Для примера нам также понадобится библиотека событий, находящаяся по адресу http://yui.yahooapis.com/2.5.1/build/event/event-min.js. Подключается библиотека в моем плагине с помощью строки event-min (в квадратных скобках), введенной в статье.

<div id="foo" style="background-color:#00f;height:10px;width:10px;"></div>

Теперь мы напишем функцию, которая перемещает элемент foo. Первый аргумент метода setXY - идентификатор элемента html. Второй аргумент - массив, содержащий два значения: [х, у]. YUI Событие Utility предоставляет getXY метод, который принимает объект как аргумент, и возвращает позицию курсора в момент нажатия кнопки мыши.
Вот функция:

<script type="text/javascript">
var move = function(e) {
YAHOO.util.Dom.setXY('foo', YAHOO.util.Event.getXY(e));
};
YAHOO.util.Event.on(document, "click", move);
</script>