Pobarnie współrzędnych pojemnika

Pobarnie współrzędnych pojemnika

Hfastmet Zobacz profil	31.07.2010, 22:29:49 Post #1
Grupa: Zarejestrowani Postów: 49 Pomógł: 0 Dołączył: 26.07.2008 Ostrzeżenie: (0%)	Witam! Zastanawia mnie jak pobrać wpółrzędne pojemnika np. [HTML] pobierz, plaintext <div onmouseover="new pob();" style="height: 100px; width: 100px;">costam</div> [HTML] pobierz, plaintext [HTML] pobierz, plaintext var pob = function() { $(document).bind('mousemove', function(e){ //alert(e.pageX); }); } [HTML] pobierz, plaintext no właśnie e.pageX pobierze mi iksa w odniesieniu do ekranu, a ja bym chciał wpółrzędne położenia kursora względem pojemnika o wymiarach 100x100px. Jest na to jakiś sposób??

Odpowiedzi (1 - 7)

wookieb Zobacz profil	31.07.2010, 22:40:57 Post #2
Grupa: Moderatorzy Postów: 8 989 Pomógł: 1550 Dołączył: 8.08.2008 Skąd: Słupsk/Gdańsk	[JAVASCRIPT] pobierz, plaintext var offset = $(e.target).offset(); [JAVASCRIPT] pobierz, plaintext i przejrzyj zwrocony obiekt. -------------------- 9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych

Hfastmet Zobacz profil	31.07.2010, 22:47:54 Post #3
Grupa: Zarejestrowani Postów: 49 Pomógł: 0 Dołączył: 26.07.2008 Ostrzeżenie: (0%)	jak robię [HTML] pobierz, plaintext alert(offset); [HTML] pobierz, plaintext to ciągle dostaje [object OBJECT], trzeba dać tam coś po kropce??

everth Zobacz profil	31.07.2010, 22:51:46 Post #4
Grupa: Zarejestrowani Postów: 782 Pomógł: 153 Dołączył: 21.07.2010 Ostrzeżenie: (0%)	W Chrome służy do tego metoda window.console.debug(zmienna) - daje podgląd obiektu w konsoli. Być może w FireBugu w FF jest podobnie. -------------------- Już mi się ani wiedzieć, ani tym bardziej myśleć nie chce. [Think different]!

wookieb Zobacz profil	31.07.2010, 22:59:23 Post #5
Grupa: Moderatorzy Postów: 8 989 Pomógł: 1550 Dołączył: 8.08.2008 Skąd: Słupsk/Gdańsk	Cytat(Hfastmet @ 31.07.2010, 23:47:54 ) to ciągle dostaje [object OBJECT], trzeba dać tam coś po kropce?? Wiedziałem, kurde wiedziałem! Cholernie ciężko już było wpaść na pomysł by zajrzeć do manuala co? http://api.jquery.com/offset/ -------------------- 9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych

Hfastmet Zobacz profil	6.09.2010, 21:28:49 Post #6
Grupa: Zarejestrowani Postów: 49 Pomógł: 0 Dołączył: 26.07.2008 Ostrzeżenie: (0%)	To może inaczej. Czy ktoś mógłby dokończyć kod: [HTML] pobierz, plaintext <head> <script src="http://code.jquery.com/jquery-latest.min.js"></script> </head> <body> <div id="pomiar"></div> <div id="ramka" style="position absolute; top:10px; left: 200px; border: 1px solid black; width: 100px; height: 100px;"></div> <script type="text/javascript"> //?? </script> </body> [HTML] pobierz, plaintext tak by div "pomiar" pokazywał aktualną pozycję myszy wewnątrz ramki, zakładające, że lewy górny narożnik ramki stanowi pkt (0, 0) a nie początek strony. (czyli ramka jest oddalona od lewej 200 px od góry o 10px, kursor umieszczony wew. ramki liczy od 0 biorąc narożnik ramki jako pkt.0 aż do max. 100px na 100px)

wiiir Zobacz profil	6.09.2010, 22:15:14 Post #7
Grupa: Zarejestrowani Postów: 260 Pomógł: 34 Dołączył: 22.02.2010 Ostrzeżenie: (0%)	co za lenie hehe mozna to tak zrobic [HTML] pobierz, plaintext $("#ramka").bind('mousemove', function(e){ var j = $(this).offset() var left = (e.pageX - j.left <0) ?0:Math.floor(e.pageX - j.left); var top = (e.pageY - j.top <0) ?0:Math.floor(e.pageY - j.top); $("#pomiar").html("top:"+top+" left:"+left); }); [HTML] pobierz, plaintext Ten post edytował wiiir 6.09.2010, 22:17:26

Hfastmet Zobacz profil	7.09.2010, 19:19:11 Post #8
Grupa: Zarejestrowani Postów: 49 Pomógł: 0 Dołączył: 26.07.2008 Ostrzeżenie: (0%)	Dziękuję.

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

Aktualny czas: 19.08.2025 - 13:43

Hosting zapewnia