Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> problem z zarstwami - zaznaczanie
kufalo
post 30.09.2007, 10:12:00
Post #1





Grupa: Zarejestrowani
Postów: 251
Pomógł: 2
Dołączył: 24.08.2005

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

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 ?
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3.  <head>
  4.   <title></title>
  5.   <script language="JavaScript">
  6.    drag=0
  7.  
  8.    function klik_myszki(o,e){
  9.     dd_x=e.clientX-o.offsetLeft
  10.     dd_y=e.clientY-o.offsetTop
  11.     drag=1
  12.    }
  13.  
  14.    document.onmousemove=function(e){
  15.     if(drag){
  16.      if(!e)e=event
  17.      document.getElementById('war').style.left=(e.clientX-dd_x)+'px'
  18.      document.getElementById('war').style.top=(e.clientY-dd_y)+'px'
  19.     }
  20.    }
  21.  
  22.    document.onmouseup=function(){drag=0}
  23.   </script>
  24.  </head>
  25.  <body>
  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>aaaaaaaaaaaa</div>
  45.   <div>aaaaaaaaaaaa</div>
  46.   <div id="war" style="position:absolute;left:150px;top:150px;
  47. width:50px;height:50px;background-color:green" onmousedown="klik_myszki(this,event)"></div>
  48.  </body>
  49. </html>
[HTML] pobierz, plaintext


Ten post edytował kufalo 30.09.2007, 10:14:20
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · 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 Wersja Lo-Fi Aktualny czas: 28.06.2025 - 17:03
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn