В Jolomla 3 появилась поддержка jQueryга уровне ядра, и появилось много новых полезных функций которые можно использовать на своем сайте. Одна из таких функций это перетаскивание объектов, так называемый Drag And Drop.

Он очень просто реализуется с помощью Joomla Framework!

Для начала нам нужно создать такую конструкцию из HTML элементов:

<div class="sortable">
    <div>Первый элемент</div>
    <div>Второй элемент</div>
    <div>Третий элемент</div>
    <div>Четвертый элемент</div>
</div>

После того как мы вставим код который ниже при нажатии на дочерний элемент внутри блока с классом sortable элементы можно будет перемещать в любое место этого списка, и изменить порядок их отображения на странице!

//подключаем jQuery framework
JHtml::_( 'jquery.framework' );
//подключаем jQuery UI
JHtml::_('jquery.ui', array('core', 'sortable'));
//Подключаем скрипт для организации сортировки
JHtml::script('jui/sortablelist.js', false, true);
$doc = JFactory::getDocument();
//Добавляем скрипт для инициализации возможности перетаскивания
$doc->addScriptDeclaration('jQuery(document).ready(function(){  jQuery(".sortable").sortable(); })')