Сортируемые категории (Sortable categories)

[Nekstati]

Пользователи могут сортировать категории на главной странице, перетаскивая их мышью. Порядок сортировки сохраняется в куке.

sortable.png

Мод использует JS-библиотеку MooTools, поэтому возможны конфликты с модами, использующими jQuery.
Версии на jQuery нет и не будет.
Subsilver2 не поддерживается.

Sortable_categories_1.0.0.zip

[angst66]

Как совместить этот мод с [RC] Цитата выделенного в быстрый ответ через всплывашку. на MooTools ? Или одно работает или другое

[evrus01]

У меня работают оба мода, без каких-либо конфликтов.
Mootools 1.1 ?

[angst66]

evrus01
Ты не подключаешь mootools-more-1.4.0.1.js и mootools-core-1.4.5-full-nocompat-yc.js ?

[evrus01]

нет, а зачем?

[angst66]

evrus01
Если я не подключаю всплывашка работает, но при перемещении блок раздваивается

Безымянный.png

[evrus01]

При перетаскивании можно сделать прозрачность 100%

для mootools-release-1.11.js так:

Код: Выделить всё

var Sortables=new Class({options:{handles:false,onStart:Class.empty,onComplete:Class.empty,ghost:true,snap:3,onDragStart:function(A,B){B.setStyle("opacity",0.7);

ставите "opacity",0.0

[Nekstati]

angst66
forumlist_body.html

Код: Выделить всё

$$('#sortable-container .forabg').each(function(el) {el.setStyle('min-width', '95%')});

Уменьшите число 95. Например, поставьте 90 или 80. Или попробуйте вообще удалить эту строку.

[angst66]

Если я подобрал число для верхнего блока, для нижнего блока оно не подходит. Например число 78.4%. Если перетягиваю верхний блок, норм, если нижний- он раздается вправо. И это только при определенном разрешении экрана. При попытке сложить окно все ломается.
Пробовал и на переделанном просильвере с окном шириной 1000px , и на стандартном просильвере

[Nekstati]

angst66, тогда удалите эту строку, затем найдите

Код: Выделить всё

			revert: true,

и добавьте после

Код: Выделить всё

			onDragStart: function(evt, el) {el.setStyle('width', sortableContainer.offsetWidth - 10 + 'px')},

[angst66]

Уже лучше, если не считать что блок который тянешь раздваивается

Безымянный.png

[Nekstati]

Ну так он же специально раздваивается, чтобы вам было видно, что и куда вы тянете.

Код: Выделить всё

			onDragStart: function(e1, e2) {e1.setStyle('opacity', 0); e2.setStyle('width', sortableContainer.offsetWidth - 10 + 'px')},

[angst66]

Ну вот, для тех кто использует цитату через всплывашку есть решение.

[evrus01]

если не считать что блок который тянешь раздваивается

ну а со 100% прозрачностью этого блока вы пробовали? Я у себя сделал именно так. Поверьте, ничего страшного, в том, что блока не видно при перетаскивании нет. Визуально это не вызывает никакого дискомфорта — пользователь отчетливо видит, как происходит сортировка в момент перетаскивания. В прошлой теме, я вроде даже ссылку на видео давал, как оно все выглядит.