Ir para conteúdo
Fórum Script Brasil
  • 0

Arrastar Div


Tenko

Pergunta

alguém pode me ajudar?

eu tenho uma tabela com algumas imagens dentro de uma DIV, como eu posso clicar sobre esse minha tabela e arrastar para qualquer canto do site?

obrigado pela ajuda!

Link para o comentário
Compartilhar em outros sites

18 respostass a esta questão

Posts Recomendados

  • 0

Não é bem isso que eu quero.

O que eu quero é que quando um usuário clique e deixe o botão do mouse segurado encima da janela, ele possa arrastá-la pelo site, como se fosse uma janela do Windows.

Link para o comentário
Compartilhar em outros sites

  • 0

Se for o que eu to pensando, não é dificil fazer não. Voce cria um div com posição absoluta.

Seta window.onmousemove = funcao

Na funcao, você pega a posição x (event.clientX) que é o left e y(event.clientY) que é o top da seta do mouse, e com essas posicoes armazenadas em alguma variavel seta a posição left e top do div com o left e top do mouse. Digamos que o id do div seja "JANELA", então ficaria:

document.getelementById("JANELA").style.pixelLeft = variavelleft;

document.getelementById("JANELA").style.pixelTop = variaveltop;

É por aí...

Link para o comentário
Compartilhar em outros sites

  • 0

pra mover a div faz o seguinte, coloca esse código na pagina que possui a div:

<script>

new Draggable('flutuante',{scroll:window,handle:'flutuante'});

</script>

troque esse nome 'flutuante' pelo id da div que você quer mover, depois você vai precisar de alguns pacotes pra poder funcionar legal.

tipo ao mover o div o fundo fica transparente, e ao solta-lo no lugar desejado ele volta a cor original.

eu to usando isso num site também.

fica show.

me manda um e-mail que eu te passo.

até+

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...