ey; Drag.obj.root.onDrag(nx, ny); return false; }, end: function () { document.onmousemove = null; document.onmouseup = null; Drag.obj.root.onDragEnd(parseInt(Drag.obj.root.style[Drag.obj.hmode ? "left" : "right"]), parseInt(Drag.obj.root.style[Drag.obj.vmode ? "top" : "bottom"])); Drag.obj = null; }, fixE: function (e) { if (typeof e == 'undefined') e = window.event; if (typeof e.layerX == 'undefined') e.layerX = e.offsetX; if (typeof e.layerY == 'undefined') e.layerY = e.offsetY; return e; } }; function minimizaDiv() { document.getElementById("barra1").style.position = "absolute"; document.getElementById("div1").style.visibility = "hidden"; document.getElementById("barra1").style.visibility = "visible"; } function maximizaDiv() { document.getElementById("barra1").style.position = "static"; document.getElementById("div1").style.visibility = "visible"; }Arraste-me! Drag.init(document.getElementById("barra1"), document.getElementById("div1")); Agora voce pode arrastar esta janelinha para onde quiser nesta pagina, assim como minimiza-la e maximiza-la ao seu interesse. Tudo isto e feito baseado na tecnologia DHTML.Para utiliza-la, nao e preciso grandes conhecimentos em HTML nem em estruturacao de WebSites, mas precisa-se ter um grande conhecimento em JavaScript (porque e o principal elo entre as tres linguagens) e, para ficar mais visualmente atraente, alguns conhecimentos de Estilo/CSS.Para comecar, listarei aqui algumas das muitas capacidades do DHTML:Deixar elementos invisiveis ao toque de um botao;Personalizar o texto explicativo ao deixar o mouse sobre um elemento;Alterar a cor de fontes, backgrounds, assim como as configuracoes de uma imagem (filtros);Fazer efeitos visuais leves (sem Flash), iterativos (com repeticao) e interativos (o usuario pode interferir).Entre muitos outros! Entao vamos parar de falacao e vamos aos codigos.Para manipular tudo por codigo e deixar ate a estrutura HTML mais programavel, usamos o Javascript. Pode-se usar Javascript pra QUASE tudo, uma vez que podemos estruturar todo o HTML e CSS dentro do codigo JavaScript. Apenas para questoes de compilacao e interpretacao do navegador, temos que colocar as tags <html/> e <head/>. A partir dai, se quisermos, podemos abusar do Javascript. Entao, vamos la:<html><head></head><body id="body"> <!--tem que definir 'id' para acesso posterior--><script type="text/javascript">document.getElementById("body").innerHTML = "<div id='div1' style='text-align:center;height:100px;background-color:#AACCFF'/>";//acrescenta a tag <body> uma <div> com 100px de altura e fundo azul-celeste.document.getElementById("div1").innerHTML = "<span id='span1' style='background-color:#bb00bb;font-family:Comic Sans MS;color:#ffffff'>Ola, Mundo!</span>";//acrescenta a tag <div> criada pelo JavaScript um painel <span> com fundo purpura, fonte Comic Sans MS e cor da fonte branca, ja com o texto predefinido "Ola, Mundo!".document.getElementById("div1").innerHTML +="<br/><br/><input type='text' id='input1' onblur='document.getElementById(\"span1\").innerHTML=this.value;'/>"//aqui esta o segredo! Criamos um <input> do tipo texto que, ao ser desfocado (blur - ou seja, quando perder o foco de digitacao) ele chama novamente um comando JavaScript (mesmo dentro do proprio comando JavaScript) para delegar o texto inserido na <input> no <span>.</script></body></html>Nao esquecer de salvar isto como .html, se nao, nao roda!Resultado: document.getElementById("body1").innerHTML = "";document.getElementById("div2").innerHTML = "Ola, Mundo!";document.getElementById("div2").innerHTML +="" Simples, pratico e bastante util! Abusem e usem do DHTML e as opcoes que ele tem a oferecer!Ate a proxima :D