Tagged: drag-n-drop

10
Июн
2021

Drag and drop fileList

Я пытаюсь перетащить файлы для отправки, но файлы, которые я перетаскиваю, не отображаются в fileList, они хранятся в массиве File, и когда я отправляю их на сервер, отправляются только файлы, расположенные в fileList.
html

29
Май
2021

React, firestore реализовать обновление массива(obj)

Как мне правильно сохранять изменение в firestore в массиве(items), совсем запутался может есть пример, нужно чтобы все изменение сохранялись в firestore, хочу сделать что-то похоже на Trello. Пробовал перезаписывать массив ну не получилос…

21
Май
2021

Возвращение объекта, перенесенного в другой объект

Имеется ряд div-блоков (к ним присвоены классы ui-draggable и ui-draggable-dragging), почти все из которых — перетаскиваемые. Один из этих блоков принимает в себя объекты, к которым присвоен метод draggable().

$(document).ready(functi…

13
Май
2021

Используя JS необходимо изменять цвет элемента div, в зависимости от положения на экране

Прошу помощи, у меня есть элемент div(квадрат), который можно перетаскивать по экрану браузера, необходимо "условно" поделить экран на 4 части, и менять цвет перетаскиваемого объекта в зависимости от положения на экране, то есть,…

05
Май
2021

В react-dnd при старте перетаскивания делается снимок элемента с прокруткой

Проблема с реализацией Drag&Drop при помощи react-dnd.
Если у перетаскиваемого элемента имеется скролл, и в элементе только текстовое содержимое, то preview элемента делается правильно, без скрытой части.
Но как-только я добавляю внизу…

15
Апр
2021

не всегда срабатывает событие onDragOver

Пытаюсь реализовать драг-н-дроп, при срабатывании onDragOver должна срабатывать проверка по классу элемента, и при обнаружении совпадения меняться фон, но это происходит не постоянно (в некоторых элементах меняет, в некоторых нет). Заранее…

07
Мар
2021

JS событие drop в contenteditable, как получить место сброса?

Пишу wysiwyg редактор, переопределяю стандартное поведение браузера при событии ‘drag&drop’ (перетаскивание элементов), сперва хотел бы узнать, как получить точное место вставки переносимого фрагмента? Узел в который сбрасывают перетас…

23
Фев
2021

Как соединить два drag and drop элементы?

Есть таблица, есть фильтр с меню которое при перетаскивании каждый элемент менять свое место, мне надо чтобы при перетаскивании этих элементов меню колонки в таблице тоже меняли свое место автоматически, никак не получается сделать это. П…

18
Фев
2021

Перемещение элементов js

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

const main = document.querySelector(“.item_list”);

main.querySelectorAll(“.item”…

09
Фев
2021

Координаты мыши js dnd

Необходиом получить координаты мыши (делаю dnd). На событие onmouseenter вызываю функцию, которая получает координаты :
x = e.pageX;
y = e.pageY;

Но объект улетает куда-то в космос.
При получении координат просто по onClick по полю объект…

28
Янв
2021

Как отследить координаты перетаскиваемого объекта относительно другого

При нажатии на "+" создается новый элемент. Его можно перемещать между блоками. Если его отпустить на каком-то элементе, он вставится после него. Нужно сделать так, чтобы при дропе на какой-то элемент, если перетаскиваемый элемен…

20
Янв
2021

Перетаскивание конкретного элемента в конкретный див

У меня есть два параграфа и два дива. Нужно сделать, чтобы можно было перетаскивать параграф в только конкретный див.
Пример: Параграф1 не может быть засунут в Див2, но может в див1 ну и Параграф2 может быть засунут только в Див2.
Стартовы…

26
Дек
2020

Что делает эта функция

Функция mouseObject нужна для работы драг н дропа, но что именно в ней происходит кто-то может объяснить?
//Начало перетаскивания элемента
board.ondragstart = function(e) {
hide = e.target;
e.dataTransfer.setData(‘card’, e.targ…

26
Дек
2020

Что делает эта функция

Функция mouseObject нужна для работы гран н дропа, но что именно в ней происходит кто-то может объяснить?
//Начало перетаскивания элемента
board.ondragstart = function(e) {
hide = e.target;
e.dataTransfer.setData(‘card’, e.targ…

23
Дек
2020

Помогите с реализацией игры типа тетрис

Хочу попробывать реализовать популярную игру типа тетриса.

Загвоздка состоит в том, как реализовать перетягивание фигуры в определённое место на игровом поле. С самим перетягиванием разобрался с помощью Drag and Drop. Я теоретически пред…

08
Ноя
2020

Если "тянуть" draggable элемент за край, то событие применятся сразу ко всем элементам

есть блок с draggable элементами, добавил js, все хорошо работает, но если постараться потянуть за край drag элемента – drag event применяется ко всем элементам
<html>
<head>
<script src="https://code.jquery.co…

11
Окт
2020

Как в pyqt5 программно запустить перетаскивание виджета при отжатой мыши?

Возникла необходимость программного запуска перетаскивания drag, перемещаю кнопки с qtoolbox на qgraphicview. При дропе создаю на полотне сцены graphicitem. На текущий момент повесил shortcut на запуск drag.exec(), но после нажатия сочетан…

02
Окт
2020

drag n drop web component

при одновременном запуске двух компонентов на странице drag n drop второго работает не корректно. При нажатии кнопки мыши компонент должен позиционироваться по курсором. На сколько я понял второй компонент меняет положение относительно пер…

03
Сен
2020

Монтировать блок из drop and drop на JS

Очень не очень в pure js, и не особо понимаю как вмонтировать загруженный img в уже существующий слайдер по кнопке загрузки например.
Пример слайдера ->

// SLIDER
const prev = document.getElementById(“btn-prev”),
next = docume…

17
Авг
2020

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

Делаю приложение в android studio на java. Для заучивания иностранного словаря.
У меня приложение языковое, где карточки с переводом листать надо. Сейчас при свайпе уже после самого свайпа карточка улетает в сторону, а я хочу чтобы как в т…

08
Авг
2020

Android Drag and drop в Fragment с RecyclerView

У меня есть Fragment в котором естьRecyclerView. В java файле естьgenerateCardNumbers и он генерирует 30 пунктов меню, которые нельзя редактировать (Изменять текс, картинку и др.). Как сделать так чтобы я мог редактировать меню. Я новичок …

28
Июл
2020

реализация react drag and drop, определение местоположения относительно других элементов

Нужен свежий взгляд.
Реализую drag and drop в react (не HTML draggable, через mouseup/mousemove), хочу сделать интерактивную сортировку при перетаскивании активного элемента (по аналогии с beautiful-dnd, react-dnd), но встрял на моменте оп…