1 Arrasta Livremente Elemento na Tela em Ter Nov 29, 2011 7:49 pm

gin

avatar
Membro Nível 4
Membro Nível 4
ola Pessoal Tudo bem espero que sim estou trazendo um java inteiro de um Widget muito Legal que estava vendo
Procure style e coloque esse codigo abaixo copie Até Style Aqui E coloque logo assim:D
Código:
<script type="text/javascript">

var ie=document.all;
var nn6=document.getElementById&&!document.all;
var isdrag=false;
var x,y;
var dobj;

function movemouse(e)
{
  if (isdrag)
  {
    dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
    dobj.style.top  = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
    return false;
  }
}

function selectmouse(e)
{
  var fobj      = nn6 ? e.target : event.srcElement;
  var topelement = nn6 ? "HTML" : "BODY";
  while (fobj.tagName != topelement && fobj.className != "dragme")
  {
    fobj = nn6 ? fobj.parentNode : fobj.parentElement;
  }

  if (fobj.className=="dragme")
  {
    isdrag = true;
    dobj = fobj;
    tx = parseInt(dobj.style.left+0);
    ty = parseInt(dobj.style.top+0);
    x = nn6 ? e.clientX : event.clientX;
    y = nn6 ? e.clientY : event.clientY;
    document.onmousemove=movemouse;
    return false;
  }

}

document.onmousedown=selectmouse;
document.onmouseup=new Function("isdrag=false");


</script>
<style type="text/css">
body{
padding: 10px;
margin: 10px;
}
.dragme{
position:relative;
width: 400px;
padding: 10px;
font: 9pt sans, arial;
text-decoration: none;
cursor: pointer;
display: block;
}
</style>
</head>

<body>

Ver perfil do usuário http://scanlines.com.br

2 Re: Arrasta Livremente Elemento na Tela em Qua Nov 30, 2011 1:51 pm

p3dro

avatar
Membro Nível 3
Membro Nível 3
^Quando eu utilizar esse codigo não vai afetar o design?

Ver perfil do usuário

3 Re: Arrasta Livremente Elemento na Tela em Qua Nov 30, 2011 4:27 pm

Não entendi muito bem !
Mais ta Legal.

Ver perfil do usuário

4 Re: Arrasta Livremente Elemento na Tela em Qua Nov 30, 2011 5:21 pm

p3dro

avatar
Membro Nível 3
Membro Nível 3
Felipe-OneeKun escreveu:Não entendi muito bem !
Mais ta Legal.

Significa que vc pode arrasta os gadgest para onde quiser, ou seja para quaquer parte do site

Ver perfil do usuário

5 Re: Arrasta Livremente Elemento na Tela em Qua Nov 30, 2011 6:49 pm

gin

avatar
Membro Nível 4
Membro Nível 4
Yes Pedro qui nem Cifras Club Você arrasta a Cifra por exemplo por luga que quizer

Ver perfil do usuário http://scanlines.com.br

6 Re: Arrasta Livremente Elemento na Tela em Qua Nov 30, 2011 6:50 pm

gin

avatar
Membro Nível 4
Membro Nível 4
?P3dro não ira Afetar

Ver perfil do usuário http://scanlines.com.br

7 Re: Arrasta Livremente Elemento na Tela em Qua Nov 30, 2011 11:29 pm

Flashman

avatar
Moderador
Moderador
Lol nunca vi esse codigo,posta uma screen ai se der,se tiver eu testo no meu que pode ser legal isso cara.


_________________
[Você precisa estar registrado e conectado para ver esta imagem.]
Vamos Ajudar a Anime designer!Se Cadastrem!
Ver perfil do usuário http://animesrevo.blogspot.com/

8 Re: Arrasta Livremente Elemento na Tela em Sex Dez 02, 2011 5:59 am

gin

avatar
Membro Nível 4
Membro Nível 4
Flashman Escreveu
Lol nunca vi esse codigo,posta uma screen ai se der,se tiver eu testo no meu que pode ser legal isso cara.


Por que eu Peguei esse Arquivo em PHP E Fiz em HTML

Ver perfil do usuário http://scanlines.com.br

9 Re: Arrasta Livremente Elemento na Tela em Dom Dez 04, 2011 2:48 pm

Podias explicar melhor onde colocar o código?
Eu não percebi lá muito bem xD

Ver perfil do usuário http://tuga-anime.blogspot.com

10 Re: Arrasta Livremente Elemento na Tela em Ter Dez 06, 2011 8:23 pm

Bruno


Iniciante
Iniciante
Cara Poe Esse codigo na Area