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
Chcę zrobić takie coś jak dodawanie zdjęć na tablica-olx (IMG:style_emoticons/default/biggrin.gif) , że łapię sobie zdjęcie i je przenoszę na do kosza lub do folderu, tylko coś mi nie wychodzi :/
Przesuwając diva on się tak jakby zacina, a tam jest płynnie to zrobione. No i chcę żeby on się przesówał tylko jak go złapię i ciągne z wciśniętym klawiszem, a jak puszczę to wraca na swoje miejsce. Ale gdzie kolwiek nacisnę i ruszę myszką to on się przesówa. To co na razie zrobiłem. Jakieś pomysły podpowiedzi mile widziane.

[HTML] pobierz, plaintext 
  1. <!doctype html>
  2. <html lang="en">
  3. 	<head>
  4. 		<meta charset="utf-8">
  5. 			<style>
  6. 				div{
  7. 					width: 100%;
  8. 					height: 500px;
  9. 					background: yellow;
  10. 					border: 2px solid;
  11. 					float: left;
  12. 					position:relative;
  13. 				}
  14.  
  15. 				#obiekt{
  16. 					clear:both;
  17. 					width: 220px;
  18. 					height: 170px;
  19. 					background: red;
  20. 					position:absolute; left:0px; top:0px;
  21. 					cursor:move;
  22. 				}
  23. 				.pos{
  24. 				float:left;
  25. 				position:relative; left:0px; top:0px;
  26. 				width: 100px;
  27. 				height: 50px;
  28. 				background:green;
  29. 				}
  30. 		  </style>
  31.  
  32. 		<script src="jquery.js"></script> <!-- lub: <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> -->
  33. 	</head>
  34. <body>
  35.  
  36. <div id="div"></div>
  37. <div id="positionLeft" class="pos"></div>
  38. <div id="positionTop" class="pos"></div>
  39.  
  40. <script>
  41. function dzialaj(status){
  42. 	$( "#div" ).mousemove(function( event ) {
  43. 	  var pageCoords = "( " + event.pageX + ", " + event.pageY + " )";
  44. 	  var clientCoords = "( " + event.clientX + ", " + event.clientY + " )";
  45. 	  if(status==1){
  46. 		if(event.which==1){
  47. 	      document.getElementById("obiekt").style.left=event.pageX+"px";
  48. 	      document.getElementById("obiekt").style.top=event.pageY+"px";
  49. 		  document.getElementById("positionLeft").innerHTML=event.pageX+"px";
  50. 		  document.getElementById("positionTop").innerHTML=event.pageY+"px";
  51. 		 }
  52. 	  }
  53. 	  else{
  54. 		  document.getElementById("obiekt").style.left=$( "#positionLeft" ).text()+"px";
  55. 	      document.getElementById("obiekt").style.top=$( "#positionTop" ).text()+"px";
  56. 	  }
  57. 	});
  58. }
  59. </script>
  60.  
  61. <div id="obiekt" onmousedown="dzialaj(1)" onmouseup="dzialaj(0)"></div>
  62.  
  63. </body>
  64. </html>		
[HTML] pobierz, plaintext


Coś mniejwięcej w tym stylu chcę zrobić. Nie szukam gotowców.

(IMG:http://obrazki.elektroda.pl/3138902500_1398087551.png)
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
2 Użytkowników czyta ten temat (2 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: 17.10.2025 - 16:36
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn