 [JavaScript]OnMouseOver + OnClick, Po złapaniu... |
| [JavaScript]OnMouseOver + OnClick, Po złapaniu... |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 27 Pomógł: 0 Dołączył: 20.05.2009 Ostrzeżenie: (0%) 
 |
Witam moje pytanie może być trochę dziwne ale jak połączyć OnMouseOver i OnClick?
Tak aby uzyskać efekt po złapaniu elementu wykonaj... i wykonuj do momentu jego upuszczenia. |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 27 Pomógł: 0 Dołączył: 20.05.2009 Ostrzeżenie: (0%)
|
A więc mam taki kodzik który ma służyć do przesuwania tych 3 div-ów klikamy na dowolny div przytrzymujemy i przeciągamy... Wszystko pięknie działa tylko nie w IE8...
Kod <html>
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> <title>cos</title> <script language="JavaScript1.2"> var IE = document.all?true:false if (!IE) document.captureEvents(Event.MOUSEMOVE) document.onmousemove = getMouseXY; var tempX = 0 var tempY = 0 function getMouseXY(e) { if (IE) { tempX = event.clientX + document.body.scrollLeft tempY = event.clientY + document.body.scrollTop } else { // grab the x-y pos.s if browser is NS tempX = e.pageX tempY = e.pageY } if (tempX < 0){tempX = 0} if (tempY < 0){tempY = 0} document.Show.MouseX.value = tempX document.Show.MouseY.value = tempY return true } var tempDivX = 0 var tempDivY = 0 function przesun(id) { window.onmousemove = function(){ tempDivY = document.getElementById(id).offsetTop tempDivX = document.getElementById(id).offsetLeft document.Show.DivY.value = tempDivY document.Show.DivX.value = tempDivX document.Show.DivId.value = id document.getElementById(id).style.top=tempY; document.getElementById(id).style.left=tempX; }; window.onmouseup = function(){ this.onmousemove=null; }; } </script> </head> <body> <form name="Show"> <input type="text" name="MouseX" value="0" size="4"> X<br /> <input type="text" name="MouseY" value="0" size="4"> Y<br /> <br /> <input type="text" name="DivX" value="0" size="4"> X Div<br /> <input type="text" name="DivY" value="0" size="4"> Y Div<br /> <input type="text" name="DivId" value="0" size="4"> Id Div<br /> </form> <div id=1 style='position: absolute; left: 200px; top:100px; width: 100px; height: 25px; cursor: pointer; background-color: silver;' onmousedown=przesun('1');></div> <div id=2 style='position: absolute; left: 200px; top:200px; width: 100px; height: 25px; cursor: pointer; background-color: purple;' onmousedown=przesun('2');></div> <div id=3 style='position: absolute; left: 200px; top:300px; width: 100px; height: 25px; cursor: pointer; background-color: black;' onmousedown=przesun('3');></div> </body> </html> |
|
|
|
cerberpat [JavaScript]OnMouseOver + OnClick 30.11.2010, 15:09:02 
kamil4u W zdarzeniu onmousedown dopisujesz nowe zdarzenie ... 30.11.2010, 15:28:27 pablo89pl onDrag()
http://www.java2s.com/Code/JavaScript/Ev... 30.11.2010, 15:39:02 kamil4u onDrag nie jest przypadkiem czymś co np. IE i inne... 30.11.2010, 15:43:04 pablo89pl być-może...
w każdym bądź razie można to zrealiza... 30.11.2010, 15:47:24 cerberpat Dzięki wielkie za pomoc tego potrzebowałem
A je... 1.12.2010, 10:34:10 kamil4u Pokaż kod HTML + JS. 1.12.2010, 13:43:27 pablo89pl jak nie działa w IE to prowizorycznym sposobem jes... 2.12.2010, 10:28:06 cerberpat Mała poprawka do konstytucji w ogóle nie działa na... 2.12.2010, 14:31:51 
zegarek84 Cytat(cerberpat @ 2.12.2010, 14:31:51... 2.12.2010, 23:19:19 cerberpat Po małych bólach ale kodzik co do przesuwania diva... 3.12.2010, 11:38:20  |
|
Aktualny czas: 4.10.2025 - 18:29 |
