Witam, napisalem prosty system drag&drop elementu div.
Problem w tym ze podczas przeciagania div'a pod Opera zaznacza sie tekst pod nim. Pod IE7 oraz Safari 'mruga'. Dziala jedynie pod FF.
Wiem, ze da sie zrobic takie przeciaganie, ze tekst pod spodem nie bedzie zaznaczany (patrzac na inne gotowe skrypty). Jednak sa one na tyle rozbudowane, ze nie wiem jak to znalesc.
Moze jest jakis prosty sposob ?
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <head>
  3. <script language="JavaScript">
  4. drag=0
  5.  
  6. function klik_myszki(o,e){
  7. dd_x=e.clientX-o.offsetLeft
  8. dd_y=e.clientY-o.offsetTop
  9. drag=1
  10. }
  11.  
  12. document.onmousemove=function(e){
  13. if(drag){
  14. if(!e)e=event
  15. document.getElementById('war').style.left=(e.clientX-dd_x)+'px'
  16. document.getElementById('war').style.top=(e.clientY-dd_y)+'px'
  17. }
  18. }
  19.  
  20. document.onmouseup=function(){drag=0}
  21. </script>
  22. </head>
  23. <body>
  24. <div>aaaaaaaaaaaa</div>
  25. <div>aaaaaaaaaaaa</div>
  26. <div>aaaaaaaaaaaa</div>
  27. <div>aaaaaaaaaaaa</div>
  28. <div>aaaaaaaaaaaa</div>
  29. <div>aaaaaaaaaaaa</div>
  30. <div>aaaaaaaaaaaa</div>
  31. <div>aaaaaaaaaaaa</div>
  32. <div>aaaaaaaaaaaa</div>
  33. <div>aaaaaaaaaaaa</div>
  34. <div>aaaaaaaaaaaa</div>
  35. <div>aaaaaaaaaaaa</div>
  36. <div>aaaaaaaaaaaa</div>
  37. <div>aaaaaaaaaaaa</div>
  38. <div>aaaaaaaaaaaa</div>
  39. <div>aaaaaaaaaaaa</div>
  40. <div>aaaaaaaaaaaa</div>
  41. <div>aaaaaaaaaaaa</div>
  42. <div>aaaaaaaaaaaa</div>
  43. <div>aaaaaaaaaaaa</div>
  44. <div id="war" style="position:absolute;left:150px;top:150px;
  45. width:50px;height:50px;background-color:green" onmousedown="klik_myszki(this,event)"></div>
  46. </body>
  47. </html>