[JavaScript] Funkcja Drag&drop + textarea

[JavaScript] Funkcja Drag&drop + textarea, problem z wejsciem w Focus

comanderv Zobacz profil	29.04.2009, 16:51:20 Post #1
Grupa: Zarejestrowani Postów: 87 Pomógł: 1 Dołączył: 2.12.2008 Ostrzeżenie: (0%)	(IMG:http://forum.php.pl/style_emoticons/default/sleep.gif) ' co sie dzieje... w kazdym razie, mam problem z ta funkcja, moge dowolnie manipulowac pozycja diva dragowac dropowac ale wewnetrzne textarea nie daje sie zaFocusowac lewoklikiem... jak to przejsc? ot i kod [HTML] pobierz, plaintext <html> <head> <script TYPE="text/javascript"> cpdd='******** DRAG & DROP *****?= '+ 'Written by Bogdan Blaszczak '+ 'homepage http://www.blatek.25.pl/javascript/' //don't edit lines above var selOB,glIx=0 function DragObj(w){ with(d)this.id=g?g(w):a?a[w] (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) .l[w] if(d.l)this.id.captureEvents(Event.MOUSEDOWN) this.id.onmousedown=C this.id.onselectstart=new Function('return false') function C(e){ eval(st(hots,cpdd)) selOB.zIndex=++glIx e=e\|\|event selOB.X=e.pageX?e.pageX-(d.l?this.left:this.offsetLeft):event.offsetX selOB.Y=e.pageY?e.pageY-(d.l?this.top:this.offsetTop):event.offsetY if(!d.l)return false//Mac? } } function Drop(){selOB=null} function Drag(e){ e=e\|\|event if(selOB)with(selOB){ left=(e.pageX?e.pageX:event.clientX+d.body.scrollLeft)-X top=(e.pageY?e.pageY:event.clientY+d.body.scrollTop)-Y} return false; } hots=[124,90,118,22,59,37,55,116,118,36,110,96,43,124,100,110,96,127,124,113,62, 7,50,118,94] function st(t,h){var s='';for(var i=0;i<t.length;i++)s+=h.substr(t[i],1);return s} function NSres(f){ if(f==true){document.dW=innerWidth;document.dH=innerHeight;onresize=NSres} else if(innerWidth!=document.dW\|\|innerHeight!=document.dH)location.reload() }if(document.layers)NSres(true); function initDrag(){ d=document,d.l=d.layers,d.a=d.all,d.g=d.getElementById //zdefiniuj warstwy, które mają być przeciągane new DragObj('mi') if(d.l)d.captureEvents(Event.MOUSEMOVE\|Event.MOUSEUP) d.onmousemove=Drag d.onmouseup=Drop } </SCRIPT> </head> <body onLoad="initDrag()"> <div id="mi" style="position: absolute; left: 10px; top: 30px; display:block;z-index:1; width: 400px; height: 300px; background-color: red" > <span style='height: 27px; display: block;'><span style=' float:left;z-index:1; width: 46px; height:27px'></span><textarea style="overflow: auto; display: block;z-index: 2"> Wpisz cos</textarea><span style=';display: block;float: left; width: 387px; height:27px; color: white; font-weight: bold; cursor: move'></div> [HTML] pobierz, plaintext Ten post edytował comanderv** 29.04.2009, 17:09:41

Odpowiedzi

kamil4u Zobacz profil	29.04.2009, 19:12:46 Post #2
Grupa: Zarejestrowani Postów: 2 350 Pomógł: 512 Dołączył: 4.01.2009 Skąd: Wrocław / Świdnica Ostrzeżenie: (0%)	Cytat Nie rozumiem po co się tak męczyć, skoro w jQuery zajmie to z 4 linijki? Z jQuery dużo więcej (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Cytat Obecnie wszędzie używa się frameworków, czy to do PHP, czy JS. Wymyślanie koła od poczatku w tym wypadku nie ma sensu. W jQuery wszystko dzieje się wolniej niż w przypadku czystego JS, kod jest dłuższy - jednym słowem jQuery też ma swoje wady - oczywiście mówię o zaawansowanym JS(z pewnością ten framework jest napisany perfekcyjnie jednak porównaj sobie np. $("#test") i document.getElementById('test') pod względem szybkości - przy powtórzeniu np. milion razy) - tak więc IMO nie jest to wymyślanie koło od początku. Co do problemu: poczytaj o bubble i funkcji cancelbubble