Skip to main content

Perguntas com a tag [drag-n-drop]

Drag-n-drop significa "Arrastar e deixar"; é um movimento comum nas interações do usuário com sites ou programas.

Filtrar por
Ordenado por
Com tags
0 votos
0 respostas
47 visitas

Comportamento diferente entre React e html puro pós drag and drop

Por algum motivo, ao passar o mouse em cima da div vermelha(filho) após o drag and drop, o evento onMouseMove da div azul(Pai) não é acionado no React, mas é acionado no HTML puro. Estou esquecendo ...
Juciano Victor's user avatar
0 votos
0 respostas
86 visitas

Ajuda com drag in drop @dnd-kit

estou com dificuldade em implementar um Drag in Drop em uma aplicação, eu preciso arrastar as tasks de uma box para a outra, o código está funcionando de maneira que eu já consigo mover para cima ou ...
0 Bardo's user avatar
2 votos
1 resposta
856 visitas

Drag and drop com Angular CDK - Manter os itens nas devidas posições após atualizar a página

Estou fazendo um drag & drop com angular, mas uma das regras que preciso na aplicação é que o item continue no mesmo local após a página ser recarregada. Algo mais ou menos como a imagem. Código ...
Matheus Bernardi's user avatar
1 voto
1 resposta
612 visitas

Drag and drop + Scroll

Estou desenvolvendo uma aplicação one eu tenho 2 listas com droppable areas e um side menu com draggable itens. Quando eu uso o scroll a posição do item que estou arrastando é alterada adicionando o ...
Denis's user avatar
  • 944
0 votos
1 resposta
56 visitas

Drag and Drop item sobre componentes [fechada]

Estou desenvolvendo uma funcionalidade drag and drop de um menu lateral para uma lista. Tenho 2 problemas: 1 - Quando eu arrasto o item do menu lateral, o item é mostrado somente sobre o menu, ...
Denis's user avatar
  • 944
0 votos
1 resposta
86 visitas

Melhorando código do Drag and Drop [fechada]

Pessoal to querendo melhorar o código de um drag drop, segue o código <img src="image.png" class="card01"> <img src="image.png" class="card02"> <div class="bloco01"></div> <...
Thi100's user avatar
  • 391
1 voto
1 resposta
65 visitas

Feedback em um drag drop

Fiz um drag-n-drop com o jQuery, mas quero que quando a pessoa preencher todos apareça um feedback, alguém tem alguma ideia de como fazer isso, segue um exemplo do meu código <img src="image.png" ...
Thi100's user avatar
  • 391
0 votos
0 respostas
657 visitas

Quebra Cabeça com DIV

Em minhas brincadeiras no HTML e JavaScript, tentei criar um mini quebra-cabeça com o bloco e o lugar de encaixe aonde ele será colocado. function parseNumber(num) { return parseFloat(num....
pe.Math's user avatar
  • 191
0 votos
1 resposta
208 visitas

Drag and drop Unity

Estou tentando desenvolver um simples game Android na Unity, com função de arrastar e soltar objetos. Usei o seguinte método para pegar o objeto: public void drag(){ transform.position = Input....
Diomar Rodrigues's user avatar
0 votos
1 resposta
74 visitas

Erro em colunas com sortable, como resolver?

Tenho um esquema de 3 colunas contendo cards, preciso que esses cards possam ser arrastados de uma coluna para outra e reorganizados dentro de uma mesma coluna. Consegui com jQuery fazer com que os ...
cmoutella's user avatar
0 votos
1 resposta
545 visitas

FullCalendar - Bloquear drag and drop na criação de novos eventos

Olá, Estou com uma dúvida na função drag n drop no Full Calendar. Eu estou fazendo um projeto web e preciso limitar o uso em algumas funções, como por exemplo, limitar o horário de agendamento (no ...
thomasferreira's user avatar
0 votos
1 resposta
64 visitas

Drag n Drop - Android

Eu fiz um sistema de Drag n Drop, mas quando eu insiro o item, parece que a gravidade está como top, ao inserir novos, eles ficam em cima uns dos outros, como fazer o drop onde eu solto o dedo? Os ...
Woton Sampaio's user avatar
0 votos
1 resposta
39 visitas

Aplicar a Propriedade revert do JQUERY UI

Estou com um problema na manipulação da bilbioteca jquery UI. Tenho o código no link abaixo.Esse código proporciona a criação de clones do textarea que são arrastado ate o campo/area logo abaixo....
thiago xavier's user avatar
0 votos
1 resposta
113 visitas

Drag and Drop Fullcalendar

A documentação do fullcalendar é bem resumida e estou com problema para codificar o Drag and Drop. Alguém poderia dar uma luz de como iniciar essa função? eventDrop:function(event, delta, revertFunc)...
Vanderlei Moraes's user avatar
0 votos
1 resposta
191 visitas

Drag & drop: Detectar quando o elemento não é solto no lugar marcado

Estou trabalhando com drag e drop, e preciso detectar com JS quando o elemento não é solto na zona marcada, ou seja, quando eu arrasto o elemento mas o solto e ele volta para o seu lugar. É possível ...
Diego Vieira's user avatar
  • 1.813
2 votos
1 resposta
111 visitas

JavaScript - Dúvida ao manipular valores de div's com variáveis

Boa tarde ! Estou com uma dúvida em relação a manipulação de valores de div's... Ao arrastar uma imagem da div fundo1 (azul) ou a fundo2 (amarela) para div conteudo, gostaria que os valores presente ...
Sora's user avatar
  • 659
0 votos
2 respostas
294 visitas

JScript e CSS - Rotate rodando a div ao invés de uma imagem

Bom dia, usei uma biblioteca do JavaScript para fazer a rotação de uma imagem ao clicar nela, em um trecho do javascript eu coloquei o que irá girar quando clicar:$("#conteudo").rotate({ O problema é ...
Sora's user avatar
  • 659
1 voto
1 resposta
124 visitas

Animation e Transform Rotate com ponto de referência

Estou com uma dúvida se é possível realizar a seguinte funcionalidade: Fiz uma codificação para drag and drop somente em uma área específica (A área rosa) A área vermelha está como droppable = false ...
Sora's user avatar
  • 659
0 votos
1 resposta
775 visitas

Drag and Drop - Bloqueando o ondrop em uma div child

Tenho uma div circular (menor e vermelho) dentro de uma div circular (maior e azul). Gostaria de bloquear o drag and drop na área circular menor e permitir somente na área azul, segue o exemplo: ...
Sora's user avatar
  • 659
3 votos
1 resposta
366 visitas

Drag and Drop : Ao dropar imagem dentro de outra imagem ela some

Boa tarde, estou fazendo um código de Drag and Drop e ao dropar uma imagem dentro de outra imagem, ela simplesmente some No exemplo deste site as imagens ficam corretamente uma em cima das outras Já ...
Sora's user avatar
  • 659
0 votos
1 resposta
132 visitas

Drag and Drop ( Drag um item já dropado )

Bom dia!! Estou precisando de uma ajuda em JScript. Fiz um código de Drag and Drop onde coloco um gif dentro da div conteudo e posso move-lo livremente. Só não estou conseguindo fazer o seguinte: Ao ...
Sora's user avatar
  • 659
1 voto
1 resposta
150 visitas

Abrir Programa com arrastando arquivo(PDF) e o mesmo recuperar o caminho

Ola, Estou com uma necessidade um pouco complicada, estou desenvolvendo uma aplicação que envia arquivos pdf para uma aplicação via webservices. Só que quero deixar esse problema inicie de algumas ...
Renan Silveira's user avatar
2 votos
1 resposta
322 visitas

Como pegar os eventos de um drag e passar para variaveis php

Eu tenho esse projeto abaixo. Nele eu tenho uma lista de imagens onde posso arrastar e sotar da forma que precisar. Até ai esta funcionando corretamente da forma que preciso. Preciso considerar a ...
Otácio Barbosa's user avatar
2 votos
0 respostas
84 visitas

Drag & Drop em JTree

Preciso implementar um Drag & Drop em um Jtree de 3 níveis de modo que ao clicar em um nó da árvore e arrastá-lo para outro, sejam realizadas algumas operações. O esquema é basicamente: ...
Zulian's user avatar
  • 1.885
0 votos
1 resposta
148 visitas

Como referenciar um objeto de uma Activity para a outra?

Boa noite, estou desenvolvendo um aplicativo contendo vários botões, no qual permite arrastar um botão e soltar em um determinado lugar já definido no aplicativo, e cada botão tem que abrir uma outra ...
Jose Silva's user avatar
3 votos
2 respostas
873 visitas

Como fazer Drag and Drop de button em um textarea?

Estou criando um editor de emails e nele terá alguns macros, fiz alguns exemplos de drag and drop utilizando imagens, gostaria de saber se é possível, ou até mesmo se é interessante utilizar botoes ...
Gabriel Rodrigues's user avatar
1 voto
2 respostas
3mil visitas

Componente HTML para seleção de múltiplos itens

Estou precisando saber o nome deste componente e a lógica deste componente em Javascript. Caso vocês possam indicar algum com 'drag n drop', seria melhor ainda. Os texto em PRETO são os componentes ...
Thales Carvalho's user avatar
1 voto
1 resposta
44 visitas

PrimeFaces DragDrop não dispara evento

Eu estou tentando fazer exatamente o que está na documentação sobre DataGrid Eu arrasto os componentes e solto no p:droppable, mas nada acontece, ele dá um revert e não cria a tabela como no exemplo ...
hisoka's user avatar
  • 111
0 votos
0 respostas
63 visitas

C# Drag and Drop sem um evento especifico

Estou desenvolvendo uma aplicação em C#(WPF) e gostaria de saber se alguém sabe como obter os dados do drag n drop do mouse sem nenhum evento ser disparado. Existe alguma maneira de retornar esses ...
Marcelo's user avatar
0 votos
1 resposta
127 visitas

Como criar um filtro de arquivo ao arrastar em C#

Estou implementando a função de Arrastar arquivos para preencher uma Listbox com o caminho dos arquivos. Ela funciona muito bem, mas eu gostaria de colocar um "filtro" tornando possível apenas txt ...
Guilherme Golfetto's user avatar
0 votos
1 resposta
120 visitas

Como por mais de um drag and drop na mesma pagina?

Tenho que por varios drag and drop em uma mesma pagina. Peguei um exemplo e joguei na minha aplicação. Pois bem ele funciona. Porem quando tento inserir mais um do mesmo elemento, este segundo ...
Cesar Roberto Martins's user avatar
1 voto
0 respostas
537 visitas

Manipular valores de Drag and Drop sortable com Jquery

Esquema em imagem: Problemas: A ordem e quantidade das caixas da primeira coluna não devem ser alteradas. Não consegui deixa-las somente para fim de DRAG, ou seja, eu não posso retirar uma caixa da ...
Lollipop's user avatar
  • 4.994
3 votos
1 resposta
401 visitas

Vincular elementos HTML

Estou tentando fazer um projetinho só pra aprender mais sobre HTML5, CSS3 e Javascript. Nesse projeto tenho uma div que é tipo um panel e uma outra div que seria um quadrado que eu iria colocar dentro ...
Érik Thiago's user avatar
  • 2.348
1 voto
1 resposta
478 visitas

Drag & Drop com parametro

Estou fazendo um formulário dinâmico. Onde tem um botão que adiciona o tipo do campo (Data, Hora,Texto, Email,etc). E queria fazer a ordenação desses campos com drag and drop. Precisaria que ...
Bruno's user avatar
  • 303
1 voto
1 resposta
55 visitas

Como obter o item que está no drag em um Drag&Drop do JQuery?

Quero saber como faço para obter o item que está em drag e assim eu poder alterar algumas propriedades dele. Segue o exemplo abaixo: De acordo com o exemplo acima eu preciso alterar o item que estou ...
Arthur Menezes's user avatar
3 votos
1 resposta
1mil visitas

Drag e Drop componentes HTML com jQuery

Estou desenvolvendo um projeto, para meu curso acadêmico e tenho o seguinte código: // Esse é um json que vem do banco de dados var Componentes = {"input": {"Label": "Textbox","Tag": "input", "...
KaduAmaral's user avatar
  • 11,7mil
0 votos
0 respostas
51 visitas

Drag and Drop - Google Drive

Olá, alguém sabe o que é utilizado ou por onde começar para fazer aquele recurso de arrastar e soltar os arquivos do google drive pra dentro das pastas? Ele junta tudo o que você selecionou, conta e ...
Lef's user avatar
  • 1
3 votos
1 resposta
500 visitas

DragDrop para arquivos .txt Windows Forms

Gostaria de saber se é possível utilizar Drag and Drop no Windows Forms para arquivos de fora da aplicação, no caso, um .txt(Assim como é possível no WPF). Só achei exemplos utilizando ListBox. Se for ...
Jonathan Barcela's user avatar
1 voto
1 resposta
315 visitas

Problemas com Drag and Drop em JavaScript puro

Estou com problemas com a minha função de Drag e Drop em JavaScript, o funcionamento do drag and drop está perfeito, porém quando troco algumas imagens, elas fazem a troca incorreta. Por exemplo: ...
anuseranother's user avatar
3 votos
1 resposta
179 visitas

Como fazer o Drag de uma imagem sem jQuery [duplicada]

Gostaria de fazer o usuário poder arrastar a imagem quando clicar nela, porém sem utilizar o jquery para isso, usando o JavaScript puro. Consigo pegar a posição do mouse na tela, porém não estou ...
anuseranother's user avatar
1 voto
1 resposta
330 visitas

como obter o posicionamento de imagem usando draggable

como posso obter através de um input a escala (left e top) de posicionamento da imagem que esta sendo movimentada com o draggable. O objetivo dessa dúvida é para que possa salvar no Banco de Dados ...
Murilo Cabral's user avatar
27 votos
6 respostas
3mil visitas

Por que Drag-and-Drop para programação é pouco usado?

Atualmente existem diversas aplicações Open Source, inclusive projetos brasileiros. Entretanto o que percebo é que é pouco utilizada a função de Drag-and-Drop que as IDEs disponibilizam. Noto que ...
Giovani's user avatar
  • 2.941
0 votos
0 respostas
73 visitas

Aplicação com Drag and Drop e outros efeitos

Estou me preparando para fazer o meu TCC e o resultado dele será um aplicativo. Neste aplicativo eu vou modelar objetos. Para modelar esse objetos o aplicativo irá fornecer algumas formas. Essas ...
Richard Dias's user avatar
  • 1.805
2 votos
1 resposta
1mil visitas

CSS interferindo na posição do elemento ao arrastar

Tenho um script que permite clicar e arrastar um elemento pela tela e levá-lo até o rodapé da página, que tem uma área que atrai o elemento arrastado. No topo da página há uma div com CSS: width: ...
Vinícius Lara's user avatar
0 votos
1 resposta
475 visitas

Posicionamento de imagem em div com drag and drop

Bom dia, o que estou querendo fazer é, um sistema onde o usuário faça o upload de uma imagem e tenha uma pré-visualização de como ficará a imagem posicionada na div, podendo movê-la pra a posição que ...
Thomerson Roncally's user avatar
5 votos
1 resposta
101 visitas

Não consigo remover um item copiado de uma lista para outra (drag e drop)

Tenho o seguinte código http://jsfiddle.net/6hLsfqtn/. O meu problema ocorre da seguinte forma: Adiciono um Estepe Duplo na lista da direita. Adiciono um Estepe Simples na lista da direita. ...
Isa's user avatar
  • 1.569
1 voto
1 resposta
235 visitas

Não consigo remover um item da lista de drag e drop + sortable

Olá, Estou com a seguinte situação... Tenho que desenvolver uma tela onde são montados os rodados de um caminhão. Para tal, o cliente precisa de uma funcionalidade de "arrastar" as partes do veículo. ...
Isa's user avatar
  • 1.569
0 votos
1 resposta
341 visitas

Evento Droppable jQuery não funciona

Possuo o seguinte código para efetuar o evento de Drag and Drop: $(".device-profiles").draggable({ revert : true, start: function(event, ui) { dragColor = $(this).attr("data-color"); ...
gumaro's user avatar
  • 77
0 votos
1 resposta
93 visitas

Como fazer disparar o evento de drop ao apertar enter no ExtJs

Gostaria de saber se tem como eu disparar um evento de drop ao apertar enter em uma TreePanel. Eu não estou conseguindo disparar o evento manualmente, o que eu consegui até agora: mediaCenter.getEl()...
Lucas César's user avatar
1 voto
1 resposta
455 visitas

Habilita/desabilita drop no sortable (jquery)?

Estou trabalhando com o sortable do jQuery UI, porém, não estou conseguindo ativar/desativar o drop para cada ul com 4 li (com 4 desabilita, com menos habilita, sempre permitindo mover o conteudo da ...
user2831852's user avatar