Комментарии к записи: jQuery UI – плагин Resizable

Автор: Gennady

Gennady — Tue, 19 Jan 2010 08:52:46 +0000

Обсуждение статьи можно продолжить на форуме jQuery.

Автор: Павел

Павел — Sat, 26 Dec 2009 17:51:38 +0000

Gennady, большой респект. И спасибо за оперативность!

Вы мне очень помогли.

Автор: Gennady

Gennady — Fri, 25 Dec 2009 18:47:59 +0000

С img и resizable() работает. Просто если применять к картинке сразу обе возможности, то будет немного некорректно – картинка будет перемещаться внутри блока, который resizable и «прятаться» под него. Попробуйте вот такой html:

и js-код:

$("#myImg").resizable().parent().draggable();

Картинку заключили в div. Но функциональность resizable() применяем именно к картинке, а draggable() делаем ее родитель, т.е. тот самый div.
Так работает…

Автор: Павел

Павел — Fri, 25 Dec 2009 15:20:34 +0000

Здравствуйте. Спасибо за статью.
С дивами все прекрасно работает. Хочется получить такой же эффект с картинкой.
Задача следующая: хочется, чтобы можно было с помощью resizable и draggable позиционировать одну картинку поверх другой. С «img» draggable работает без проблем, а вот resizable не хочет. Положить картинку в «div» и изменять положение и размер div’а тоже не вариант, т.к. «масштабируемая» картинка имеет прозрачность. Может быть вы сможете подсказать, как поступить в этой ситуации?

Заранее спасибо!
С уважением, Павел.

Автор: Gennady

Gennady — Mon, 12 Oct 2009 13:23:57 +0000

Андрей, для начала я бы поставил Ваш файл cookie2.js после jquery.cookie.js. Зачем такая вложенность дивов? resizable обернут дивом draggable?
По-моему Вы не до конца разобрались, как именно это работает и хотите несколько «с наскока» реализовать задуманное. Я сужу просто по тому, что Вы взяли код примера и практически без изменений используете его.
Вы поймите, мне очень трудно сказать Вам почему у Вас что-то не складывается – для этого я просто должен взять и сделать нужный функционал за Вас. А я этого никогда не делаю. Пояснить принципы – вот это всегда пожалуйста.
З.Ы. Попробуйте идти не спеша – возьмите просто пустую страницу и пробуйте на ней сделать resizable, затем добавить draggable, а затем и использовать cookie…

Автор: Андрей

Андрей — Mon, 12 Oct 2009 12:27:02 +0000

http://www.drawforlife.ru вот, этот сайт я сейчас делаю, там блок Main Text после сохранения куки и обновления страницы перемещается не туда куда, где я его сохранил, скрипт я не менял, быть может его стоит как-то подправить?

Автор: Андрей

Андрей — Mon, 12 Oct 2009 10:02:37 +0000

Нет, значения top и left это всё понятно, просто если я убираю значение position, то блок встаёт на то место куда мне нужно и задний фон растягивается, но если я его передвигаю и сохраняю положения, то после обновления он встаёт в совсем другое место…

Автор: Gennady

Gennady — Sun, 11 Oct 2009 17:57:06 +0000

Андрей, а Вы что, в cookies сохраняете значение css-свойства position? Для чего? Вам надо сохранять в cookies top и left перемещаемого элемента (в статье про Draggable есть пример как их получать), причем именно абсолютные значения. При перезагрузке страницы – считывать cookies и устанавливать элементу эти значения…
Все остальные проблемы – от верстки. Как например position:absolute может дать элементу возможность перемещаться? Никак, ведь верно? Это обеспечивает плагин Draggable, а ему по барабану, какой position у элемента. А Вы, используя position:absolute, удаляете блок из нормального потока и получаете «не растягивается вниз, а остаётся однопиксельным»…
Уберите position:absolute (хотя, я же не знаю, может Вам он по каким-то другим причинам нужен), блок вернется в нормальный поток, проблема высоты решится.

Автор: Андрей

Андрей — Sun, 11 Oct 2009 13:34:09 +0000

Забыл сказать, что если меняю значение на position:relative; или другое, то после обновления страницы блок встаёт рандомно, а не на то место, куда его поставил и где сохранил… Ещё вопрос, как куки к resizable-draggable блокам применить?

Автор: Андрей

Андрей — Sun, 11 Oct 2009 12:29:38 +0000

У меня с ним проблема случилась, в общем на сайте куки-блок находится в таблице, которая в свою очередь тоже находится в блоке.. Так вот, этот куки-блок имеет значение position:absolute; что даёт ему возможность перемещаться по всему сайту и возвращаться на сохранённое место, но из-за этого значения, блок, в котором находится таблица с куки-блоком, не растягивается вниз, а остаётся однопиксельным, что делать?