Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]mousemove- down/up
-Kloc-
post
Post #1





Goście
Witajcie. Mam skrypt, który pokazuje mi aktualną pozycję kursora w divie. 
[HTML] pobierz, plaintext 
  1. <script>
  2. $( "#div" ).mousemove(function( event ) {
  3.   var pageCoords = "( " + event.pageX + ", " + event.pageY + " )";
  4.   var clientCoords = "( " + event.clientX + ", " + event.clientY + " )";
  5.   document.getElementById("obiekt").style.left=event.pageX+"px";
  6.   document.getElementById("obiekt").style.top=event.pageY+"px";
  7. });
  8. </script>
[HTML] pobierz, plaintext


I szukam czegoś co będzie działać tylko gdy klawisz myszy jest aktywny/nie aktywny coś w stylu onmousedown/onmouseup.
Po zastąpieniu tymi powyżej mousemove skrypt nie działa. Jak wstawię np takie mousedown/mouseup, to jest ok, ale mi potrzeba gdy jest wciśnięty.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
-Kloc-
post
Post #2





Goście
Właśnie o coś takiego mi chodziło (IMG:style_emoticons/default/biggrin.gif) , dzięki (IMG:style_emoticons/default/biggrin.gif)

Zrobiłem tak jak w poradniku

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <style>
  5. #div1 {width:350px;height:70px;padding:10px;border:1px solid black;}
  6. #div2 {width:350px;height:70px;padding:10px;border:1px solid black;}
  7. #div3 {width:350px;height:70px;padding:10px;border:1px solid black;}
  8. #div4 {width:350px;height:70px;padding:10px;border:1px solid black;}
  9. </style>
  10. <script>
  11. function drag(ev)
  12. {
  13. ev.dataTransfer.setData("Text",ev.target.id);
  14. }
  15.  
  16. function drop(ev)
  17. {
  18. ev.preventDefault();
  19. data=ev.dataTransfer.getData("Text");
  20. ev.target.appendChild(document.getElementById(data));
  21. }
  22.  
  23. function allowDrop(ev)
  24. {
  25. ev.preventDefault();
  26. }
  27. </script>
  28. </head>
  29. <body>
  30.  
  31. <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">
  32. 	<img id="drag1" src="http://th.interia.pl/51,b38363ff94873696/zima-slonce-drzewa.jpeg" draggable="true" ondragstart="drag(event)" width="336" height="69">
  33. </div>
  34. <div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)">
  35. 	<img id="drag2" src="http://www.tapeta-polna-lato-aka-droga.na-pulpit.com/zdjecia/polna-lato-aka-droga.jpeg" draggable="true" ondragstart="drag(event)" width="336" height="69">
  36. </div>
  37. <div id="div3" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
  38. <div id="div4" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
  39.  
  40. </body>
  41. </html>
  42.  
[HTML] pobierz, plaintext


I wszystko działa jak powinno, lecz mam jeden minus gdy złapie jedno zdjęcie i je upuszczę na obszar drugiego zdjęcia to ono się chowa, a gdy obok (do diva) to są 2 elementy w jednym. Ja chciałbym takie zabezpieczenie zrobić że może być tylko 1 element. Jak opuszczam nowe zdjęcie to ono nie znika tylko wywala stare do diva obok czy gdzieś tam. Da się coś takiego zrobić?
Go to the top of the page
+Quote Post

Posty w temacie
- Kloc   [JavaScript]mousemove- down/up   20.04.2014, 20:29:15
- - trueblue   Jeśli chcesz ustawiać div podczas poruszania myszą...   20.04.2014, 21:41:59
- - Kloc   Chcę zrobić takie coś jak dodawanie zdjęć na tabli...   21.04.2014, 14:40:04
- - trueblue   Poszukaj o drag and drop.   21.04.2014, 16:30:35
- - Kloc   Właśnie o coś takiego mi chodziło , dzięki Zrobi...   21.04.2014, 18:14:04
- - Kloc   A jak mogę pobrać id diva na który element został ...   22.04.2014, 16:59:07

« 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

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