Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Перемещение элемента в пунктирную область (https://javascript.ru/forum/dom-window/59879-peremeshhenie-ehlementa-v-punktirnuyu-oblast.html)

Mrs.Haneki 01.12.2015 16:09

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

Mrs.Haneki 01.12.2015 16:57

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

Алексей Петрович 01.12.2015 17:05

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

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

Mrs.Haneki 01.12.2015 17:07

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

Алексей Петрович 01.12.2015 17:09

Цитата:

Сообщение от Mrs.Haneki (Сообщение 398266)
Алексей Петрович, я так и сделала. но у меня адаптивные блоки. соответственно и пунктирный блок должен быть адаптивным

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

Mrs.Haneki 01.12.2015 17:11

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

Алексей Петрович 01.12.2015 17:11

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

Алексей Петрович 01.12.2015 17:13

Цитата:

Сообщение от Mrs.Haneki (Сообщение 398268)
Алексей Петрович, я Вас немного не поняла, где смотреть?
все что нужно я добавила. с помощью css делать адаптацию глупо. надо в js прописывать

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

Mrs.Haneki 01.12.2015 17:13

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

Алексей Петрович 01.12.2015 17:15

width: 100%!important;


Часовой пояс GMT +3, время: 21:59.