Arrastar e Soltar

•

Escola Monteiro Lobato

0

Elson Costa

16.12.2012

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

E aí, curtiu este material?

Ajude a incentivar outros estudantes a melhorar o conteúdo

Gostou desse material? Compartilhe! 🧡

Algoritmos

28.757 Materiais compartilhados

Baixe o app para aproveitar ainda mais

Leia os materiais offline, sem usar a internet. Além de vários outros recursos!

Prévia do material em texto

DHTML - Arrastar e Soltar
Descrição: Este script possibilita você colocar imagens em sua
página que podem ser movidas de lugar simplesmente arrastando e
soltando no lugar desejado.
Passo1: Insira este código na seção <head> da sua página:
<SCRIPT LANGUAGE="JavaScript">
// por scriptshelp@ieg.com.br -http://www.scriptshelp.hpg.com.br
// Editado por: scriptshelp - O SEU PORTAL
// Esse e outros 100 scripts estão a sua disposição em
www.scriptshelp.hpg.com.br
N=(document.all)?0:1;var ob;
function MD(e){
if(N){ob=document.layers[e.target.name];X=e.x;Y=e.y;return false;}
else{ob=event.srcElement.parentElement.style;X=event.offsetX;Y=eve
nt.offsetY;}}
function MM(e){if(ob){if(N){ob.moveTo((e.pageX-X),(e.pageY-Y))}
else {ob.pixelLeft=event.clientX-X+document.body.scrollLeft-2;
ob.pixelTop=event.clientY-Y+document.body.scrollTop-2;return
false;}}}
function MU() {ob=null}
if(N){document.captureEvents(Event.MOUSEDOWN|Event.MOUSEMOVE|Event
.MOUSEUP)}
document.onmousedown=MD;document.onmousemove=MM;document.onmouseup
=MU
</SCRIPT>
Passo2: Insira este código na seção <body> da sua página:
<div id="s" style="position:absolute;left:150;top:30;z-
index:1"><img src=erro.gif name="s" width="60" height="56"></div>
<div id="d" style="position:absolute;left:200;top:30;z-
index:2"><img src=flash5.gif name="d" width="151"
height="130"></div>
<div id="c" style="position:absolute;left:200;top:80;z-
index:3"><img src=fw.gif name="c" width="36" height="31"></div>
<div id="h" style="position:absolute;left:250;top:80;z-
index:4"><img src=lente.gif name="h" width="57" height="43"></div>