Autor | Zpráva | ||
---|---|---|---|
Alastor_Kopal Profil |
#1 · Zasláno: 16. 4. 2010, 14:57:56
Potřebuji kód na pohybování divem podle aktuální pozice myši.
googlil jsem i na diskusi jsem hledal ale všechny příklady nefungovaly |
||
regy Profil |
#2 · Zasláno: 17. 4. 2010, 10:16:09 · Upravil/a: regy
Hloupost, že všechny příklady nefungovali. Jinak v jquery je na to funkce pageX a pageY.
Celý skript je pak třeba takto <div id='info'></div> <script> $(document).ready(function(event){ $("html").mousemove(function(event){ var mleft = event.pageX; var mtop = event.pageY; $("#info").text(mleft+", "+mtop); }); }); </script> |
||
Alastor_Kopal Profil |
#3 · Zasláno: 17. 4. 2010, 23:10:33
<html> <head> <script> $(document).ready(function(event){ $("html").mousemove(function(event){ var mleft = event.pageX; var mtop = event.pageY; $("#info").text(mleft+", "+mtop); }); }); </script> </head> <body> <div id='info'>ahoj</div> </body> </html> soubor index.html má přesně tento zdroják ale nefunguje a zkoušel jsem experimentovat <html> <head> <script> $(document).ready(function(event){ $("html").mousemove(function(event){ var mleft = event.pageX; var mtop = event.pageY; var pristup = document.getElementById("info"); pristup.style.top = mtop+"px"; }); }); </script> </head> <body> <div id="info" style="position: absolute; top: 100px; left: 100px;">ahoj</div> </body> </html> |
||
Chamurappi Profil |
#4 · Zasláno: 18. 4. 2010, 02:15:27
Reaguji na Alastora_Kopala:
document.body.onmousemove = function(e) { var event = e || window.event; var mleft = event.pageX || event.clientX; var mtop = event.pageY || event.clientY; document.getElementById("info").style.top = mtop + "px"; } Reaguji na regyho: „$(document).ready“ Proč? |
||
regy Profil |
#5 · Zasláno: 18. 4. 2010, 09:29:42
Chamurappi:
No aby to mělo kam zapsat pozici ne? Alastor_Kopal: Musíš si stáhnout jquery (dával jsem link) na to, aby to fungovalo tak, jak jsem napsal já. Ale pokud s jquery nic jinýho dělat nebudeš, tak je asi lépe použít chamurappiho skript. |
||
Alastor_Kopal Profil |
#6 · Zasláno: 18. 4. 2010, 11:03:21
<html> <head> <script> document.body.onmousemove = function(e) { var event = e || window.event; var mleft = event.pageX || event.clientX; var mtop = event.pageY || event.clientY; document.getElementById("info").style.top = mtop + "px"; } </script> </head> <body> <div id="info" style="position: absolute; top: 100px; left: 100px;">ahoj</div> </body> </html> tohle také nefunguje Jak mám to udělat pomocí JQuery ? 1. uložit knihovnu do souboru .js 2. importovat do html souboru 3. do proměnné x dát funkci $.pagex 4. do proměnné y dát funkci $.pagey 5. zapsat novou pozici do style divu ? |
||
Keeehi Profil |
#7 · Zasláno: 18. 4. 2010, 11:44:03 · Upravil/a: Keeehi
Alastor_Kopal:
Když to pozpřeházíš, tak to bude fungovat ;-) <html> <head> </head> <body> <div id="info" style="position: absolute; top: 100px; left: 100px;">ahoj</div> <script> document.body.onmousemove = function(e) { var event = e || window.event; var mleft = event.pageX || event.clientX; var mtop = event.pageY || event.clientY; document.getElementById("info").style.top = mtop + "px"; document.getElementById("info").style.left = mleft + "px"; } </script> </body> </html> |
||
Alastor_Kopal Profil |
#8 · Zasláno: 18. 4. 2010, 12:59:29
diki moc funguje
|
||
Chamurappi Profil |
#9 · Zasláno: 19. 4. 2010, 10:19:50
Reaguji na regyho:
„No aby to mělo kam zapsat pozici ne?“ Pokud je skript za tím <div> em, je jisté, že existuje. I kdyby byl před ním, bylo by pravděpodobné, že bude existovat v okamžiku, kdy dojde k pohybu myši.
Reaguji na Keeehiho: „Element s id=info však ještě v té chvíli neexistuje.“ Hlavně při zpracování skriptu v <head> ještě neexistuje document.body .
|
||
Časová prodleva: 4 dny
|
|||
Letax Profil * |
#10 · Zasláno: 23. 4. 2010, 15:33:03
Prvek už se hýbe ale potřeboval bych zapisovat jeho pozici do cookies a z nich to zobrazovat.
<span OnMouseDown="presun(1);" onMouseUp="presun(0);" id="info">ahoj</span> <script> function presun(ano){ document.body.onmousemove = function(e) { if(ano == 1){ var event = e || window.event; var mleft = event.pageX || event.clientX; var omleft = mleft-50; getCookie('left') = omleft; } else{} }} document.getElementById("info").style.left = getCookie('left'); </script> (top jsem tam nedal schválně chci hýbat jen doprava a doleva) |
||
Časová prodleva: 14 let
|
0