Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ASP!Vb

Mudar div de posição

Por , em Javascript

Recommended Posts

ASP!Vb    0

ASP!Vb
Postado

como faço pra mover uma div de posição usando javascript?

to fazendo assim mas nao ta funcionando

 

function escolhersit(){document.getElementById("dlg").style.left   = "0px";}

alguem pode me ajudar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

hunternh    2

hunternh
Postado

Testa pra ver se é isso que você quer:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br"><head><title>Mover</title><meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" /><style type="text/css">.colunas{	position: absolute;	width: 100px;	height: 100px;	border: 1px solid;	top: 100px;	left: 100px;	z-index: 1;}</style><script type="text/javascript">mover = function(){	var colunas = document.getElementById("colunas");	colunas.style.top = colunas.offsetTop + 10 + "px";	colunas.style.left = colunas.offsetLeft + 10 + "px";}</script></head><body><input type="button" value="Mover" onclick="mover();" style="z-index: 2;" /><div id="colunas" class="colunas"></div></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

ASP!Vb    0

ASP!Vb
Postado

Quase :unsure:

 

é o seguinte, quero q qndo eu clicar com o botão esquerdo do mouse a div venha na posição q eu cliquei, tentei assim usando seu exemplo mas não funcionou tbm

 

mover = function(){var x = event.clientX;var y = event.clientY;var colunas = document.getElementById("colunas");colunas.style.top = colunas.offsetTop + y + "px";colunas.style.left = colunas.offsetLeft + x + "px";}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Megadeth    2

Megadeth
Postado

É um pouco mais complicado, principalmente para funcionar crossbrowser.Fica assim:

no java script:

<script language="JavaScript" type="text/javascript">var xcurs, ycurs;if (document.all){}else document.captureEvents(Event.MOUSEMOVE);document.onmousemove=mouse;function mouse(e){	if (navigator.appName == 'Netscape')	{		xcurs = e.pageX;		ycurs = e.pageY;	}	else	{		xcurs = event.clientX;		ycurs = event.clientY;	}}function movediv(){	document.getElementById('position').style.left = xcurs+'px';	document.getElementById('position').style.top = ycurs+'px';}</script>
no style:

<style type="text/css"><!--#position {position: absolute;}--></style>
no body:

<body onmousedown="movediv()">
vê se é isso que você quer.

Compartilhar este post

Link para o post
Compartilhar em outros sites

ASP!Vb    0

ASP!Vb
Postado

ops consegui

 

mover = function(){var x = event.clientX;var y = event.clientY;var colunas = document.getElementById("colunas");colunas.style.top = y + "px";colunas.style.left = x + "px";}

valew brigado megadeth, coloquei o seu e funfou q foi uma beleza

Compartilhar este post

Link para o post
Compartilhar em outros sites

Megadeth    2

Megadeth
Postado

Melhor ainda é saber que você conseguiu! continue assim, no que precisar estamos ai para ajudar.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito