Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript] Funkcja Drag&drop + textarea, problem z wejsciem w Focus
comanderv
post
Post #1





Grupa: Zarejestrowani
Postów: 87
Pomógł: 1
Dołączył: 2.12.2008

Ostrzeżenie: (0%)
-----

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


Ten post edytował comanderv 29.04.2009, 17:09:41
Go to the top of the page
+Quote Post
markac
post
Post #2





Grupa: Zarejestrowani
Postów: 83
Pomógł: 0
Dołączył: 23.02.2005

Ostrzeżenie: (10%)
X----

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.
Go to the top of the page
+Quote Post
kamil4u
post
Post #3





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 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


--------------------
>>> iPage.pl - JS, HTML5, CSS3, Android - moja oferta
>>> myPrzepis.pl - blog kulinarny
Go to the top of the page
+Quote Post
comanderv
post
Post #4





Grupa: Zarejestrowani
Postów: 87
Pomógł: 1
Dołączył: 2.12.2008

Ostrzeżenie: (0%)
-----

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 ?

Ten post edytował comanderv 30.04.2009, 15:13:57
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 19.08.2025 - 04:55
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn