3
votos
Aceito
Drag and Drop : Ao dropar imagem dentro de outra imagem ela some
O problema está aqui: ev.target.appendChild(copyimg);
Quando estás em cima de uma imagem o ev.target não é a div#conteudo mas sim a imagem, e a imagem não permite descendentes por isso o ....
3
votos
Aceito
Feedback em um drag drop
Como você adiciona uma classe aos cards, daí basta você fazer uma condicional para ver se os mesmos tem as classes. Se tiverem as classes mostra a mensagem ao usuário, senão tiverem a mensagem não é ...
2
votos
Drag and drop Unity
Como você está desenvolvendo para o android, pode tratar os touches separadamente, assim:
Touch myTouch = Input.GetTouch(0);
Touch[] myTouches = Input.touches;
for(int i = 0; i < Input....
2
votos
Aceito
Componente HTML para seleção de múltiplos itens
Não conheço um componente pronto que faça isso - seja em HTML5 ou usando alguma biblioteca ou framework. A lógica, no entanto, é bastante simples:
À esquerda e à direita você tem componentes que ...
2
votos
Aceito
Drag and drop com Angular CDK - Manter os itens nas devidas posições após atualizar a página
Matheus, como sugestão, ao invés de alterar o .style.transform utilize a propriedade cdkDragFreeDragPosition. Veja o exemplo abaixo:
import {Component, OnInit, ViewChild, ElementRef} from '@angular/...
2
votos
Aceito
Melhorando código do Drag and Drop
Você pode definir uma função para isso - a final, elas existem para isso: reduzir código duplicado.
Analisando bem superficialmente o seu código, parece-me que as únicas alterações são dos elementos ...
2
votos
Aceito
JavaScript - Dúvida ao manipular valores de div's com variáveis
Podes fazer isso juntando duas linhas:
var valorOrigem = original.nextElementSibling.textContent;
div.nextElementSibling.value = Number(div.nextElementSibling.value) + Number(valorOrigem);
//...
1
voto
JScript e CSS - Rotate rodando a div ao invés de uma imagem
Também poderia usar css em vez de jquery mas aí não tem onclick:
#conteudo > img:hover{
-ms-transform: rotate(7deg); /* IE 9 */
-webkit-transform: rotate(7deg); /* Chrome, Safari, ...
1
voto
Aceito
JScript e CSS - Rotate rodando a div ao invés de uma imagem
De acordo com o código do seu link, a imagem não esta dentro da tag com id conteúdo e sim dentro da tag com id imagem, há dois ids imagem, e você deve remover o id repetido, vamos supor que você ...
1
voto
Aceito
Drag n Drop - Android
Em meu MyOnDragListener, eu preciso especificar a posição de onde colocar a nova versão no meu layout. Fazendo assim:
View view = (View) event.getLocalState();
RelativeLayout container = (...
1
voto
Aceito
Aplicar a Propriedade revert do JQUERY UI
Adicione a propriedade revert: "invalid" ao informar que o clone do objeto poderá ser arrastado.
$(function() {
$(".draggable").draggable({
helper: "clone",
revert: "invalid"
});...
1
voto
Aceito
Drag & drop: Detectar quando o elemento não é solto no lugar marcado
Mais ou menos isso que você procura?
var noAlvo = false;
function allowDrop(ev){
ev.preventDefault();
noAlvo = true;
}
function drag(ev){
ev.dataTransfer.setData("...
1
voto
Aceito
Abrir Programa com arrastando arquivo(PDF) e o mesmo recuperar o caminho
Basta você tratar os argumentos iniciados junto da aplicação. Com isso você pode inclusive chamar a aplicação pela linha de comando, assim:
enviarpdf.exe "c:\pdf\arquivo.pdf"
para tratar os ...
1
voto
Aceito
Como pegar os eventos de um drag e passar para variaveis php
Em um projeto faço exatamento o que tu quer vou mostrar:
$(".draggable").each( function(elem) {
$(this).draggable({
appendTo:'body',
scroll:true,
containment: 'window',
revert: "...
1
voto
Aceito
Como fazer Drag and Drop de button em um textarea?
Aqui fica uma sugestão com drag & drop nativo (HTML5).
A ideia é associar a string que quiseres no dragstart e depois extrair no drop para concatenar com o value já existente na textarea.
...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
drag-n-drop × 54javascript × 27
jquery × 16
html5 × 10
css × 8
html × 7
c# × 6
java × 3
android × 3
jquery-ui × 3
sortable × 3
php × 2
react × 2
winforms × 2
fullcalendar × 2
kendo-ui × 2
mysql × 1
ajax × 1
.net × 1
angular × 1
css3 × 1
visual-studio × 1
primefaces × 1
android-layout × 1
imagem × 1