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.
54 perguntas
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 ...
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 ...
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 ...
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 ...
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, ...
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>
<...
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" ...
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....
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....
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 ...
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 ...
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 ...
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....
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)...
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 ...
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 ...
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 é ...
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
...
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:
...
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á ...
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 ...
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 ...
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 ...
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:
...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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",
"...
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 ...
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 ...
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: ...
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 ...
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 ...
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 ...
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 ...
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: ...
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 ...
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.
...
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. ...
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");
...
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()...
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 ...