| 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: 16 let
|
|||
0