Jump to content

Search the Community

Showing results for tags 'drag'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 4 results

  1. iagomonteiro

    Condições com Drag And Drop

    Estou criando um jogo de cartas em web, o jogo é bem estilo HS, e estou tendo problemas para adicionar condições de movimentação no drag and drop. Como vocês podem ver eu tenho uma variável mana, e a movimentação das cartas só seria possível de acordo com ela, porém quando adiciono as condições o D&D acaba nem se movimentando mais, pensei em chamar cada função do d&d dentro de uma condição, mas também não funcionou, alguém pode ajudar? JS // Jogador 1 const fillplace1 = document.querySelector('#fillplace1'); const fillplace2 = document.querySelector('#fillplace2'); const fillplace3 = document.querySelector('#fillplace3'); var fill; const empties = document.querySelectorAll('.empty'); fillplace1.addEventListener('dragstart', enterstart); fillplace2.addEventListener('dragstart', enterstart); fillplace3.addEventListener('dragstart', enterstart); for (const empty of empties) { empty.addEventListener('dragover', dragOver); empty.addEventListener('dragenter', dragEnter); empty.addEventListener('dragleave', dragLeave); empty.addEventListener('drop', dragDrop); } function enterstart(){ fill = this; } function dragOver(e) { e.preventDefault(); } function dragEnter(e) { e.preventDefault(); this.className += ' hovered'; } function dragLeave() { this.className = 'empty'; } function dragDrop(id) { this.className = 'empty'; this.append(fill); } HTML <link rel="stylesheet" href="../css/jogar.css" /> <div id="barraGeneral"> <img src="../imagens/Campo/barraGeneralalfa.png" id="imggeneral" /> </div> <div id="persona"> <img src="../imagens/Personagem/cucapersonagem.png" id="imgpersonagem" /> </div> <button id="btpassar" onclick="cont();">Passar Rodada</button> <H1 id="campomana">1</H1> <!-- Mesa das cartas jogador 1--> <div class="empty" id="emptyplace1"> </div> <div class="empty" id="emptyplace2"> </div> <div class="empty" id="emptyplace3"> </div> <div class="empty" id="emptyplace4"> </div> <div class="empty" id="emptyplace5"> </div> <!-- Mão do jogador 1 --> <div class="emptyhand1"> <div class="fill" draggable="true" id="fillplace1"> <img src='../imagens/Sorteio/aa.png' draggable='true'> </div> </div> <div class="emptyhand2"> <div class="fill" draggable="true" id="fillplace2"> <img src='../imagens/Sorteio/aa2.png' draggable='true'> </div> </div> <div class="emptyhand3"> <div class="fill" draggable="true" id="fillplace3"> <img src='../imagens/Sorteio/aa2.png' draggable='true'> </div> </div>
  2. rdpacato

    Drag e Drop

    Pessoal, gostaria de fazer uma aplicação que possa colocar componentes com Drag e Drop. Temos uma aplicação com arquivos xml que são traduzidos pelo java, e alguns componentes desse xml, queria fazer drag e drop. Alguma sugestão ou exemplo ajudaria.
  3. Boa noite a todos. Olhem, por favor, este trecho de código: $("#E25").click(function() { setTimeout(function() { document.getElementById("ter25").id = "t25"; document.getElementById("E25").style.display = "none"; }, 2000); $(".class").draggable ({ containment: "#d1", connectToSortable: "#ter25" }); $("#ter25").droppable ({ hoverClass: "ter-ativo", drop: function() { push($(this).html()); } }); }); Eu tenho um botão de id E25. Quando clico nele, divs membras da classe class (criatividade) tornam-se arrastáveis. Essas mesmas divs podem ser "droppadas" em outra div, de id ter25. Porém, preciso que apenas uma div da classe class seja "droppada" na ter25. Então, criei uma função que muda o id da ter25 para t25. Essa funçao é executada 2 segundos após o clique no botão E25. Assim, pensei eu, as divs da classe class não vão mais poder ser "droppadas". Mas me enganei. Por quê?!!! O que determina a div droppable é seu id, e eu mudei seu id!
  4. Olá pessoal, estou tendo alguns problemas para inserir uma ordenação no banco de dados, estou utilizando um sistema de drag e drop, que baixei na net. E o sistema funciona exatamente como eu preciso e quero. Só que eu estou com um problema, para ser resolvido, que é salvar a ordem do sistema de drag e drop no banco de dados. A ideia é o seguinte, o cliente quer um sistema de galerias que arraste as fotos da galeria, de modo que fique na ordem que ele determinou, o drag & drop já faz isso. Já consigo recuperar o ID, de cada imagem. Agora tudo que eu preciso é determinar um valor tipo fazer a contagem de 1 até a quantidade de imagens, tipo: se tiver 10 imagens e o cliente fez a ordenação. eu preciso listar os numeros de 1 a 10, e salvar esses numeros na tabela, no campo ordem, pra que quando eu listar as imagens no site eu ordene exatamente pela ordem. Não sei se conseguiram entender, mais vou mostrar o trecho do meu código. <div id="redips-drag"> <?php $order = filter_input_array(INPUT_POST, FILTER_DEFAULT); if (isset($order['SelectOrdem']) AND $order['SelectOrdem'] == 'Salvar Ordem'): unset($order['SelectOrdem']); endif; ?> <form action="" method="post"> <table style='width:100%;'> <colgroup> <col width="250"/> <col width="250"/> <col width="250"/> <col width="250"/> </colgroup> <tbody> <tr> <?php $gbi = 0; $Gallery = new Read; $Check = new Check; $Gallery->ExeRead("ws_posts_gallery", "WHERE post_id = :post", "post={$postid}"); if ($Gallery->getResult()): $LoopHorizontal = 4; $i = 1; foreach ($Gallery->getResult() as $gb): if ($i < $LoopHorizontal): $gbi++; ?> <td <div class="redips-drag"> <input type="text" name="ordem[]" value="<?= $gbi; ?>"> <input type="text" name="id[]" value="<?= $gb->gallery_id; ?>"> <?= $Check->Image('../uploads/' . $gb->gallery_image, $gbi, 146, 100); ?><br> <a href="painel.php?exe=produtos/update&postid=<?= $postid; ?>&gbdel=<?= $gb->gallery_id; ?>#gbfoco" class="del btn btn-danger">Deletar</a> </div> </td> <?php elseif ($i = $LoopHorizontal): ?> <td> <div class="redips-drag"> <input type="text" name="ordem[]" value="<?= $gbi; ?>"> <input type="text" name="id[]" value="<?= $gb->gallery_id; ?>"> <?= $Check->Image('../uploads/' . $gb->gallery_image, $gbi, 146, 100); ?><br> <a href="painel.php?exe=produtos/update&postid=<?= $postid; ?>&gbdel=<?= $gb->gallery_id; ?>#gbfoco" class="del btn btn-danger">Deletar</a> </div> </td> </tr> <tr> <?php $i = 0; endif; $i++; endforeach; endif; ?> </tr> </tbody> </table> <div class="form-actions"> <input type="submit" class="btn btn-primary green" value="Salvar Ordem" name="SelectOrdem" /> </div> </form> </div> Eu não sei pessoal, se eu fiz isso aí da forma correta, tipo envolvi a tabela do drag & drop em um form, para tentar recuperar os valores, mais sem sucesso. Se alguém puder ajudar com este problema, eu fico muito grato!
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.