[js][css] Drag & Drop - okienka ala windows'owe, czyli jak zrobić przeciąganie divów przy pomocy innych divów Opcje

[Sky_walker]

Witam,
chciałbym stworzyć okienka, zrobione jak te z windowsa, to jest - z paskiem na górze za który się przeciąga całego div'a.
Niestety nie znam JavaScript'a na tyle, żeby poradzić sobie samemu (IMG:http://forum.php.pl/style_emoticons/default/wstydnis.gif)
próbowałem coś zrobić samemu, lecz w najlepszym wypadku okienko wogóle nie chciało się przeciągać (IMG:http://forum.php.pl/style_emoticons/default/sleep.gif)

Oto kod JavaScript który działa, znaleziony w sieci, załączam go do dokumentu jako oddzielny plik .js:

Kod

function $(v) { return(document.getElementById(v)); }

function agent(v) { return(Math.max(navigator.userAgent.toLowerCase().indexOf(v),0)); }
function xy(e,v) { return(v?(agent('msie')?event.clientY+document.body.scrollTop:e.pageY):(agent('msie')?event.clientX+document.body.scrollTop:e.pageX)); }
function dragOBJ(d,e) {     
    function drag(e) { if(!stop) { d.style.top=(tX=xy(e,1)+oY-eY+'px'); d.style.left=(tY=xy(e)+oX-eX+'px'); } }
    var oX=parseInt(d.style.left),oY=parseInt(d.style.top),eX=xy(e),eY=xy(e,1),tX,tY,stop;
    document.onmousemove=drag;
    document.onmouseup=function(){ stop=1; document.onmousemove=''; document.onmouseup=''; };
}

A to kod HTML:

[HTML] pobierz, plaintext 
<div style=\"position: relative; top: 0; left: 0; background-color: gray; width: 300px;\">
<div onmousedown=\"dragOBJ(this,event); return false;\" style=\"position: relative; top: 0; left: 0\">
Tytul okna
</div>
<div>
Tutaj jest tresc. Przeciagac mozna tylko za tytul, a przeciagany powinien byc div nadrzędny (ten z szarym tlem).
</div>
</div>
 
<div style=\"position: relative; top: 0; left: 0\" onmousedown=\"dragOBJ(this,event); return false;\">test zalaczony do kodu - to musi dzialac</div>
[HTML] pobierz, plaintext 

Bardzo proszę o pomoc

[vokiel]

Co do lekkości kodu to tutaj (Extjs) jest biblioteka, która umożliwia wybranie sobie tych części, których będziesz używał, nie musisz ładować całego framework, wystarczy wybrać sobie część dotyczącą wybranych przez Ciebie opcji.