jquery с возможностью изменения размера, получение перекрывающегося элемента при перетаскивании

#javascript #jquery #resizable

#javascript #jquery #изменение размера

Вопрос:

У меня есть таблица временных интервалов (дневной просмотр календаря) с 8 утра до 17 вечера, одна строка в час. У меня есть некоторые события, наложенные поверх временного интервала для конкретного события. Событие в основном представляет собой абсолютно позиционированный div поверх таблицы. Я могу расположить раздел событий и правильно его увеличить, чтобы событие с 13:00 до 15:00 было достаточно высоким, чтобы охватывать интервал от 1:00 до 3:00. слот.

Моя проблема в том, что я хочу изменить размер этого события div. Поэтому я использую код jquery:

 $('.event').resizable(
{
    'handles': 'n,s'
});

Что мне нужно сделать, так это выяснить, какой временной интервал охватывает событие при перетаскивании средства изменения размера. Итак, если я перетащу верхнюю часть раздела событий из интервала 1pm в интервал 9am, мне нужно иметь возможность получить элемент интервала 9am, когда пользователь перестанет перетаскивать средство изменения размера. Как я могу определить, в какую строку временного интервала изменено событие?

1. Также было бы здорово, если бы я мог выделить временной интервал, в который одновременно изменяется изменяемый размер. Но события наведения курсора мыши / mouseout блокируются разделением событий.

Ответ №1:

Если ваши ячейки имеют фиксированную высоту, вы можете использовать положение и высоту события, чтобы определить, какие ячейки занимает событие. Что-то вроде этого:

http://jsfiddle.net/2YBxP/1/