Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Funkcja Drag&drop + textarea
Forum PHP.pl > Forum > Przedszkole
comanderv
29.04.2009, 16:51:20
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 
  1. <html>
  2. <head>
  3.  
  4.  
  5. <script TYPE="text/javascript">
  6. cpdd='**********   DRAG & DROP   *********?=   '+
  7. 'Written by Bogdan Blaszczak                   '+
  8. 'homepage http://www.blatek.25.pl/javascript/'
  9. //don't edit lines above
  10.  
  11. var selOB,glIx=0
  12. function DragObj(w){
  13. with(d)this.id=g?g(w):a?a[w] biggrin.gif .l[w]
  14. if(d.l)this.id.captureEvents(Event.MOUSEDOWN)
  15. this.id.onmousedown=C
  16. this.id.onselectstart=new Function('return false')
  17.  function C(e){
  18.  eval(st(hots,cpdd))
  19.  selOB.zIndex=++glIx
  20.  e=e||event
  21.  selOB.X=e.pageX?e.pageX-(d.l?this.left:this.offsetLeft):event.offsetX
  22.  selOB.Y=e.pageY?e.pageY-(d.l?this.top:this.offsetTop):event.offsetY
  23.  if(!d.l)return false//Mac?
  24.  }
  25. }
  26. function Drop(){selOB=null}
  27. function Drag(e){
  28. e=e||event
  29. if(selOB)with(selOB){
  30.  left=(e.pageX?e.pageX:event.clientX+d.body.scrollLeft)-X
  31.  top=(e.pageY?e.pageY:event.clientY+d.body.scrollTop)-Y}
  32. return false;
  33. }
  34. hots=[124,90,118,22,59,37,55,116,118,36,110,96,43,124,100,110,96,127,124,113,62,
  35. 7,50,118,94]
  36. function st(t,h){var s='';for(var i=0;i<t.length;i++)s+=h.substr(t[i],1);return s}
  37. function NSres(f){
  38. if(f==true){document.dW=innerWidth;document.dH=innerHeight;onresize=NSres}
  39. else if(innerWidth!=document.dW||innerHeight!=document.dH)location.reload()
  40. }if(document.layers)NSres(true);
  41.  
  42. function initDrag(){
  43. d=document,d.l=d.layers,d.a=d.all,d.g=d.getElementById
  44. //zdefiniuj warstwy, które mają być przeciągane
  45. new DragObj('mi')
  46.  
  47. if(d.l)d.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP)
  48. d.onmousemove=Drag
  49. d.onmouseup=Drop
  50. }
  51. </SCRIPT>
  52. </head>
  53.  
  54. <body onLoad="initDrag()">
  55.  
  56.  
  57. <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
markac
29.04.2009, 18:31:41
Nie rozumiem po co się tak męczyć, skoro w jQuery zajmie to z 4 linijki? 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.
kamil4u
29.04.2009, 19:12:46
Cytat
Nie rozumiem po co się tak męczyć, skoro w jQuery zajmie to z 4 linijki?

Z jQuery dużo więcej 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
comanderv
30.04.2009, 12:50:36
Cytat(kamil4u @ 29.04.2009, 20:12:46 ) *
Co do problemu: poczytaj o bubble i funkcji cancelbubble

i to chyba bedzie bingo smile.gif
dzieki


edit:
no i jednak nie do konca...
znalzlem w http://forum.php.pl/index.php?showtopic=11...t=0#entry599252 taka funkcje:
Kod
function doSomething(e) {
if (!e) var e = window.event
// handle event
e.cancelBubble = true;
if (e.stopPropagation) e.stopPropagation();
}

osadzilem ja na moim textarea pod onClickiem...
[HTML] pobierz, plaintext 
  1. <textarea onclick="doSomething(event)" id='edit2' name='edit' cols=58 rows=15 >
  2. //tutaj wywala zmienna z php
  3. </textarea>
[HTML] pobierz, plaintext

jednak nic to nie daje... textarea na onClick dalej reaguje tak jak ma reagowac caly div (drag&drop),

jakies pomysly ?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.