wwilton Postado Setembro 17, 2006 Denunciar Share Postado Setembro 17, 2006 Olá pessoal,sou novo em javascript e por enquanto só sei o básico.Peguei um código na internet que permite mover elementos na página mas não consigo entendê-lo.Gostaria de pedir a ajuda de vocês para entender a parte de javascript desse código, o que cada linha faz tal.O código é esse: <html> <head> <title>Nova pagina 1</title> <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> <a herf="#" class="dragme" style="border-top: 4px solid #c3d9ff; border-left: 1px solid #c3d9ff; border-bottom: 1px solid #c3d9ff; border-right: 1px solid #c3d9ff;">Cique e arraste.</a> <a herf="#" class="dragme" style="border-top: 4px solid #f00; border-left: 1px solid #f00; border-bottom: 1px solid #f00; border-right: 1px solid #f00;">Cique e arraste.</a> </body> </html> Não entendi a maioria do código, mas minha principal dúvida é:O que a letra "e" faz dentro do parênteses nas funções? é isso,obrigado! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 fercosmig Postado Setembro 18, 2006 Denunciar Share Postado Setembro 18, 2006 o "e" é um valor que a função está recebendo. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 hipnos na area Postado Setembro 18, 2006 Denunciar Share Postado Setembro 18, 2006 "var" são variaveis pré criadasO "e" que você falow é um valor do em dentro da função "function selectmouse("e"<<<<<Aqui ó)"Vou posta uns exemplos pra você depois de como criar funcão e como usalasT+ Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
wwilton
Olá pessoal,
sou novo em javascript e por enquanto só sei o básico.
Peguei um código na internet que permite mover elementos na página mas não consigo entendê-lo.
Gostaria de pedir a ajuda de vocês para entender a parte de javascript desse código, o que cada linha faz tal.
O código é esse:
<html> <head> <title>Nova pagina 1</title> <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> <a herf="#" class="dragme" style="border-top: 4px solid #c3d9ff; border-left: 1px solid #c3d9ff; border-bottom: 1px solid #c3d9ff; border-right: 1px solid #c3d9ff;">Cique e arraste.</a> <a herf="#" class="dragme" style="border-top: 4px solid #f00; border-left: 1px solid #f00; border-bottom: 1px solid #f00; border-right: 1px solid #f00;">Cique e arraste.</a> </body> </html>Não entendi a maioria do código, mas minha principal dúvida é:
O que a letra "e" faz dentro do parênteses nas funções?
é isso,
obrigado!
Link para o comentário
Compartilhar em outros sites
2 respostass a esta questão
Posts Recomendados
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.