Перемещение элемента в пунктирную область
 

Добрый вечер! У меня уже есть готовый код.
Я не могу сделать, чтоб при перемещении элемента появлялась пунктирная область, чтобы было видно - куда надо переместить.
помогите пожалуйста дописать.
Заранее, Спасибо!
http://jsfiddle.net/fHSBg/350/

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

http://jqueryui.com/sortable/#placeholder

Юзай JQuery UI http://jqueryui.com/demos/

Алексей Петрович, я так и сделала. но у меня адаптивные блоки. соответственно и пунктирный блок должен быть адаптивным
http://jsfiddle.net/fHSBg/355/

Правь CSS, не вижу проблем. Правый клик -> Посмотреть код элемента (Кроме IE), смотри какие классы добавляются.

Алексей Петрович, я Вас немного не поняла, где смотреть?
все что нужно я добавила. с помощью css делать адаптацию глупо, потому что блоки не фиксированые. надо в js прописывать
http://jsfiddle.net/fHSBg/355/

В стилях пропиши, width: 100%!important; что бы перебить стиле в атрибуте style.

Везде адаптивность на CSS, и глупо что то свое придумывать. Сейчас попробую сам тебе сделать.

Алексей Петрович,
у меня и так стоит 100%. посмотрите на мой пример)
http://jsfiddle.net/fHSBg/355/

Повторюсь !important надо добавить.

Алексей Петрович, добавила и теперь они на всю ширину
http://jsfiddle.net/fHSBg/356/

Юзай CSS @media на этом вся адаптивность, и тут js для адаптивности даже не нужен. Только лишний код.

Алексей Петрович,
ну пропишу я для определенных разрешений.
а если завтра блоки растянутся по ширине и высоте, что тогда делать? все переписывать?

Да с чего бы они растянулись?

Алексей Петрович,
например добавятся кубики по ширине и высоте

надо через скрипт чтоб пунктирный блок определял и давал себе высоту и ширину перетаскиваемого элемента. А я плохо знаю js =(

Вот держи, почти сделал, placeholder на 5px больше почему то, мне лень доделывать. http://jsfiddle.net/fHSBg/360/ думаю ты разберёшься, учи css. JS не создан для адаптивности.

Вот тебе JQuery шпаргалка на всякий случай: http://jquery.page2page.ru/index.php...лемента

Вот держи, почти сделал, placeholder на 5px больше почему то, мне лень доделывать. http://jsfiddle.net/fHSBg/360/ думаю ты разберёшься, учи css. JS не создан для адаптивности.

Вот тебе JQuery шпаргалка на всякий случай: http://jquery.page2page.ru/index.php...лемента

Глюканул форум, а как удалить сообщение?

Может не самое лучшее устранение проблемы, зато всё работает: http://jsfiddle.net/fHSBg/361/